리빌더 부분 추가
This commit is contained in:
BIN
theme/rb.basic/rb.css/btns.png
Normal file
BIN
theme/rb.basic/rb.css/btns.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
422
theme/rb.basic/rb.css/custom.css
Normal file
422
theme/rb.basic/rb.css/custom.css
Normal file
@ -0,0 +1,422 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/* 1.1.4 { */
|
||||
.writer_prof {margin-top: 25px; margin-bottom: 20px;}
|
||||
.chk_box input[type="checkbox"] + label span {display: none !important;}
|
||||
.chk_box input[type="radio"] + label span {display: none !important;}
|
||||
input[type="checkbox"] + label {padding-left: 30px !important;}
|
||||
#bo_cate {border-bottom: 0px;}
|
||||
.rb_bbs_wrap .rb_bbs_list {border-top:1px solid #ddd !important;}
|
||||
#faq_wrap {border-top:1px solid #ddd !important;}
|
||||
.rb_prof_tab #bo_cate {border-bottom:1px solid #ddd; margin-bottom: 20px;}
|
||||
.rb_bbs_wrap .rb_bbs_top {margin-top: 0px !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.1.5 { */
|
||||
.point_info_btns {border:1px solid #ddd; border-radius: 6px; padding-left: 10px; padding-right: 10px; height:25px; font-size: 12px; display: flex; justify-content:center; align-items: center;}
|
||||
.point_info_btns i {margin-top: 2px; margin-right: 4px;}
|
||||
.point_info_btns:hover {border-color:#aaa;}
|
||||
.point_info_btns.act {border-color:#aaa;}
|
||||
.point_info_btns_wrap {margin-top: 3px; position: relative;}
|
||||
.point_info_btns_wrap ul {margin-top: 10px; background-color: #f9f9f9; border-radius: 6px; padding: 15px; display: flex; gap:15px; justify-content: center;}
|
||||
.point_info_btns_wrap ul dl {text-align: center;}
|
||||
.point_info_btns_wrap ul dl dd {margin-top: 2px; padding-bottom: 2px; font-size: 12px;}
|
||||
.point_info_opens h6 {display: block;}
|
||||
.rb_bbs_wrap .rb_bbs_top {position: absolute; top:-55px; right:0px; margin-top: 0px;}
|
||||
.rb_bbs_wrap #bo_cate {margin-top: 0px !important;}
|
||||
|
||||
.point_info_opens {
|
||||
padding: 20px;
|
||||
border: 1px solid #eee;;
|
||||
border-radius: 6px;
|
||||
box-shadow: 5px 5px 15px rgba(0, 0, 0, .02);
|
||||
background: #fff;
|
||||
min-width: 280px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
position: absolute; top:35px; right:0px;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
/* } */
|
||||
|
||||
/* 1.2.6 { */
|
||||
.gallery-item-info-sub {margin-top: 15px !important;}
|
||||
.rb_bbs_wrap .rb_bbs_for_cont {padding-right: 180px !important;}
|
||||
.notification, .notification-custom {border:1px solid #000 !important;}
|
||||
.cbp-hrmenu-btm {box-shadow: none !important; border:0px !important;}
|
||||
.gallery-item-tit {margin-top: 10px !important;}
|
||||
.content_box {transition: box-shadow 0.3s ease, transform 0.2s ease;}
|
||||
.bbs_main_wrap_thumb_con_main dd:last-child {border-bottom: 0px !important;}
|
||||
|
||||
.content_box.clicked {}
|
||||
.content_box.dragging {box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: #fff; opacity: 0.6}
|
||||
.placeholders_box {border: 1px dashed #ddd;background: none;visibility: visible !important; margin: 20px;box-sizing: border-box; height: auto;}
|
||||
.content_box .admin_ov {cursor: grab !important}
|
||||
.content_box .admin_ov:active {cursor: grabbing !important;}
|
||||
.win_btn {padding-bottom: 30px;}
|
||||
.sv_wrap .sv a {color:#fff !important;}
|
||||
.user_prof img {height:80px; width:auto;}
|
||||
.rb_prof .rb_prof_info_img img {height:80px; width:auto;}
|
||||
/* } */
|
||||
|
||||
/* 1.2.7 { */
|
||||
#bo_v_con img {border:1px solid rgba(0,0,0,0.1);}
|
||||
.bbs-view-image {height:100%; overflow: auto;}
|
||||
.gallery-item-img img {border:1px solid rgba(0,0,0,0.1);}
|
||||
.rb_bbs_wrap .rb_thumb_wrap img {border:1px solid rgba(0,0,0,0.1);}
|
||||
#faq_wrap .con_inner {line-height: 150%; font-size: 14px;}
|
||||
.system_del_btn {float:right !important; background-color: #fff !important; border:1px solid #ddd !important; border-radius: 6px !important;}
|
||||
.system_del_btn a {color:#000 !important; font-size: 12px;}
|
||||
#memo_list h1#win_title {padding-right: 20px !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.2.8 { */
|
||||
.bbs-view-image {height:100%; overflow:inherit !important;}
|
||||
.bbs-view-image img {max-width: 100%; height:auto;}
|
||||
/* } */
|
||||
|
||||
/* 1.3.9 { */
|
||||
.cbp-hrmenu .cbp-hrsub {z-index: 98;}
|
||||
#m_gnb_close_btn {width: 60px; height:80px;}
|
||||
.cbp-hrmenu-btm > ul > li {position: relative; background-repeat: no-repeat; background-position: right 20px top 27px;}
|
||||
.cbp-hrmenu-btm > ul > li.add_arr_svg {background-image: url('../rb.img/icon/arr_down.svg');}
|
||||
.cbp-hrmenu-btm > ul > li.cbp-hropen {background-image: url('../rb.img/icon/arr_up.svg');}
|
||||
.cbp-hrmenu-btm > ul > li .add_arr_btn {position: absolute; top:0px; right:0px; width:50px; height:60px;}
|
||||
/* } */
|
||||
|
||||
/* 1.3.10 { */
|
||||
.rb_bbs_wrap .writer_prof .writer_prof_ul1 {width: 65% !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.3.11 { */
|
||||
.cbp-hrmenu-btm > ul > li.add_arr_svg.cbp-hropen {background-image: url('../rb.img/icon/arr_up.svg');}
|
||||
.cbp-hrmenu-btm > ul > li.cbp-hropen {background-image: none;}
|
||||
.sv_wrap .sv a {display: block;}
|
||||
/* } */
|
||||
|
||||
/* 1.4.12 { */
|
||||
.sh-side-options-container {position: absolute; top:50%; transform: translateY(-50%); margin-top: 0px !important; bottom:auto !important; margin-right: 0px; left: -100px !important;}
|
||||
.chat_open_btn {position: fixed; z-index: 98; background-color: #fff; padding: 15px; border-radius: 40%; box-shadow: -10px 0px 20px 2px rgba(0, 0, 0, .06);}
|
||||
.chat_open_btn:hover {background-color: #f3f5fd;}
|
||||
.chat_open_btn img {width: 30px; height:auto;}
|
||||
.chat_open_btn_inner {position: relative;}
|
||||
.chat_open_btn_inner span {background-color: #2D3748; color:#fff; font-size: 10px; padding: 5px 8px; border-radius: 22px; position: absolute; right:-15px; top:-15px;}
|
||||
#scroll_container .swiper-container {overflow: inherit;}
|
||||
#bo_cate.swiper-container {overflow: hidden;}
|
||||
/* } */
|
||||
|
||||
/* 1.5.13 { */
|
||||
.rb_prof_info_img {position: relative; float:left;}
|
||||
#prof_ch_btn {position: absolute; bottom:-5px; right:-3px;}
|
||||
/* } */
|
||||
|
||||
/* 1.6.14 { */
|
||||
.rb_bbs_wrap .rb_bbs_list {border-top:0px !important; padding-top: 0px !important;}
|
||||
.rb_bbs_wrap #bo_cate {margin-bottom: 20px !important; border-bottom: 1px solid #eee;}
|
||||
.rb-board-table th {border-bottom: 0px !important; background-color: #f9f9f9;}
|
||||
.rb_bbs_for {border:1px solid #eee; border-radius: 10px; padding: 25px !important; margin-bottom: 20px;}
|
||||
.rb_bbs_wrap .rb_bbs_for_img {top:20px !important; right:20px !important;}
|
||||
.rb_bbs_for:hover {border-color:#ccc !important;}
|
||||
.rb_bbs_wrap .rb_bbs_for_cont_subj a {font-size: 20px !important;}
|
||||
.bn_border {box-shadow: none; border:1px solid rgba(0,0,0,0.1);}
|
||||
|
||||
.rb_bbs_wrap_qa .rb_bbs_for {border:0px !important; border-bottom:1px solid #eee !important; border-radius: 0px !important; padding: 0px !important; padding-bottom: 20px !important;}
|
||||
.qa_sub_tit {padding-bottom: 20px !important; margin-bottom: 25px;}
|
||||
.qa_sub_wrap .rb_bbs_for_cont {padding-right: 0px !important;}
|
||||
.qa_sub_wrap .rb_thumb_wrap {text-align: right;}
|
||||
/* } */
|
||||
|
||||
/* 1.6.15 { */
|
||||
.rb_prof .rb_prof_info_txt {width: 70%; line-height: 140%; word-break: keep-all;}
|
||||
.rb_prof .copy_urls {background-color: transparent !important;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.0 { */
|
||||
#mb_login_od_wr {padding: 0px !important; border:0px !important;}
|
||||
#mb_login_od_wr h2 {text-align: center; font-size: 18px !important; margin-top: 70px !important; margin-bottom: 20px !important;}
|
||||
#mb_login_od_wr p {border-radius: 10px; word-break: keep-all;}
|
||||
.bemember_tit {text-align: center; font-size: 18px !important; margin-top: 70px !important; margin-bottom: 20px !important;}
|
||||
.bn_bg_color_label {width:20px; height:20px; display:block; border-radius:50%; border:1px solid rgba(0,0,0,0.1);}
|
||||
.flex_left {display: flex; gap:10px; align-items: center;}
|
||||
html {overflow-x: hidden;}
|
||||
.footer_copy_ul1_li2 {width: 60%;}
|
||||
.footer_copy_ul1_li2 dd {float:left; margin-right: 20px;}
|
||||
.content_box .admin_ov {z-index: 96 !important}
|
||||
.content_box_set:hover .admin_ov {opacity: 1; z-index: 97 !important}
|
||||
.content_box_set {border: 0.1px dashed #B9FAFF;}
|
||||
.content_box_set {border-style: dashed dashed dashed dashed;}
|
||||
.placeholders_box {border: 0px;background: #f9f9f9;border-radius: 10px;}
|
||||
.hd_pops {background-color: #fff !important;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.1 { */
|
||||
.rb_bbs_wrap #bo_vc article {scroll-margin-top:140px;}
|
||||
#search_box_wrap {width: 355px; left: -20px;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.3 { */
|
||||
.rb_member .rb_login .rb_login_box li span {font-size: 13px !important;}
|
||||
.rb_member .rb_login .rb_login_box .rb_login_logo {margin-bottom: 40px !important;}
|
||||
.rb_member .rb_reg_sub_title {margin-bottom: 40px !important;}
|
||||
.rb_member .rb_reg .btn_frmline {height:40px;}
|
||||
.au_input {min-height:100px !important;}
|
||||
.rb_prof_tab {margin-top: 30px;}
|
||||
#sod_list #cp_frm {position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%); margin-left: 0px; margin-top: 0px; box-shadow: 20px 20px 40px rgba(0,0,0,0.05);}
|
||||
#sod_frm_pay .pay_tbl td .btn_frmline {
|
||||
padding: 0 10px;
|
||||
border: 1px solid #38b2b9;
|
||||
color: #38b2b9;
|
||||
background: #fff;
|
||||
height: 26px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.od_coupon td, #sod_frm_pay .od_coupon td, .od_coupon td, #sod_frm_pay .od_coupon th {text-align: center !important;}
|
||||
#sod_frm_pay .pay_tbl td {line-height: 25px;}
|
||||
.rb_login_box .textarea_divs {overflow-y: auto; min-height: 200px; height:200px; border:1px solid #ddd; border-radius: 10px; padding: 20px;}
|
||||
.rb_login_box .textarea_divs img {max-width: 100%; height:auto;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.4 { */
|
||||
.gnb_wrap .snb_wrap .my_btn_wrap {float:right;}
|
||||
.shop_select_to_html .menulist ul.wide {width: auto !important; min-width: 146px; display: block !important; min-height: auto !important;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.5 { */
|
||||
#sod_frm_pay .sod_frm_point {border-radius: 10px;}
|
||||
#sod_frm_pay .sod_frm_point div {background-color: transparent; padding: 15px;}
|
||||
#sod_frm_pay .sod_frm_point #od_temp_point {border-radius: 6px;}
|
||||
#sod_frm_pay .sod_frm_point div label {font-weight: normal;}
|
||||
#settle_bank #od_deposit_name {padding: 10px; border-radius: 6px;}
|
||||
.sit_option h3 {display:block !important;}
|
||||
.tail_fixed_gnb {position: fixed; left: 0px; bottom:0px; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 98; text-align: center;}
|
||||
.tail_fixed_gnb button {display: inline-block; width: 18%;}
|
||||
|
||||
.rb_prof.rb_prof_new {margin-top: 0px; position: relative;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_img img {border-radius: 20px; border:1px solid rgba(0,0,0,0.05) !important;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_txt {color:#888; margin-top: 35px; display: flex; gap:0px 15px; align-items: center; flex-direction: row; flex-wrap: wrap;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_txt {align-items: center;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick {font-size: 36px; margin-top: 10px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick span {font-size: 12px; color:#fff; background-color: #25282B; padding: 3px 10px 3px 10px; border-radius: 6px; display: inline-block; vertical-align: middle;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info {}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn {position: absolute; right:0px; bottom:0px;}
|
||||
.rb_prof.rb_prof_new .copy_urls img {width: 35px; height:35px; border-radius: 6px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns {width: 30px; height:35px; background-color: transparent !important; color:#09244B; border:0px solid #09244B; line-height: 30px; display: inline-block; border-radius: 6px; padding-left: 3px; padding-right: 0px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {width: auto; background-color: #f1f1f1 !important; padding-left: 15px; padding-right: 15px; line-height: 35px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns:hover {opacity: 0.5;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt:hover {opacity: 0.7;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns img {height:20px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.gd_btn {border:0px; line-height: 35px; width: 45px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.gd_btn img {height:16px;}
|
||||
.rb_prof.rb_prof_new .copy_urls {height:35px; line-height: 35px; background-color: #f9f9f9; display: inline-block; border-radius: 6px; text-align: center;}
|
||||
.rb_prof.rb_prof_new .my_subs_btn_wrap {margin-top: 1px; margin-left: 20px; float:right;}
|
||||
.rb_prof.rb_prof_new .rb_prof_r {float:right; width: 30%; margin-top: 30px; position: sticky; top:120px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_l {float:left; width: 70%; padding-right: 40px; margin-top: 30px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_r_box {background-color: #f9f9f9; padding: 30px; border-radius: 10px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_info {float:left; margin-left: 30px; width: 50%;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick {margin-top: 5px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick span {margin-left: 15px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_info .rb_prof_info_txt {margin-top: 5px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn {position: absolute; top:0px; right:0px; bottom:auto;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_txt {width: 100%;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {border-radius: 45px;}
|
||||
.rb_prof.rb_prof_new .fl_btns_txt_mgl {margin-left: 15px;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.6 { */
|
||||
.bbs_main {position: relative;}
|
||||
.rb_swiper {}
|
||||
.rb_swiper .rb_swiper_inner {overflow: hidden;}
|
||||
.rb_swiper .rb-swiper-slide {display: flex; flex-wrap: wrap;}
|
||||
.rb_swiper .rb_swiper_list {position: relative; box-sizing: border-box}
|
||||
.rb_swiper .rb_swiper_paging_btn {position: absolute; top:0px; right:90px; top:14px;}
|
||||
.rb_swiper .rb_swiper_list img {border:1px solid rgba(0,0,0,0.1);}
|
||||
.rb-swiper-prev {left: auto !important; position: relative; display: inline;}
|
||||
.rb-swiper-next {right: auto !important; position: relative; display: inline;}
|
||||
.rb_swiper .rb_swiper_paging_btn button {width: 24px !important;height: 24px !important;border: 1px solid #ddd;border-radius: 4px;padding-bottom: 2px;}
|
||||
.bbs_main_wrap_thumb_left_con .bbs_main_wrap_con_cont {min-height: auto !important;}
|
||||
.rb_shop_list .swiper-slide-list-list {margin-top: 0px !important; margin-bottom: 30px !important;}
|
||||
.rb_shop_list .swiper-slide-list-rel {margin-top: 0px !important; margin-bottom: 30px !important;}
|
||||
.cbp-hrmenu .cbp-hrsub {max-width: 1024px;}
|
||||
.shop_main_list_rb {position: relative;}
|
||||
.rb_shop_list4 .swiper-slide {border: 0px;padding: 0px !important;border-radius: 0px;}
|
||||
.rb_shop_list4 .swiper-slide .rb_swiper_list {border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px !important;border-radius: 10px; cursor: pointer}
|
||||
.rb_shop_list4 .swiper-slide .rb_swiper_list:hover {border-color:#25282B;}
|
||||
.rb_shop_list5 .swiper-slide {padding: 0px !important;border-radius: 0px;background-color: transparent;border: 0px;}
|
||||
.rb_shop_list5 .swiper-slide .rb_swiper_list {padding: 30px !important;border-radius: 10px;background-color: #f9f9f9;border: 1px solid #f9f9f9; cursor: pointer}
|
||||
.rb_shop_list5 .swiper-slide .rb_swiper_list:hover {border-color:#25282B;}
|
||||
.rb_bbs_wrap .rb_bbs_list .swiper-slide {margin-top: 0px !important; margin-bottom: 30px !important;}
|
||||
.point_list_con img {border:0px !important;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.7 { */
|
||||
.od_coupon .btn_close {border-radius: 0px !important;}
|
||||
.sod_frm_flex .cp_cancel1 {padding: 0 10px;border: 1px solid #aaa;color: #666;background: #fff;height: 26px;border-radius: 3px;}
|
||||
.sod_frm_flex .cp_cancel {margin: 0px !important;}
|
||||
.sod_frm_flex {display: flex; gap:0px 5px; align-items: center; height: 46.5px !important;}
|
||||
.sod_frm_flex .btn_frmline {margin-left: auto !important;}
|
||||
#mod_option_frm .btn_confirm {background-color: transparent !important;}
|
||||
#sod_bsk_list #mod_option_frm {top:50%; transform: translateY(-50%); margin-top: 0px;}
|
||||
select#ct_send_cost {width: 150px;}
|
||||
#sod_addr .td_sbj {width: 40px;}
|
||||
#sod_addr .td_mng {padding: 0px; width: auto; text-align: left;}
|
||||
#sod_addr .td_mng .mng_btn {width: 40px; text-align: center;}
|
||||
#sod_addr .default_lb {width: auto !important;}
|
||||
#sod_addr .default_lb::before {z-index: -9999;}
|
||||
#sod_addr .td_address .frm_input {width: 100px; margin-bottom: 10px; height:30px; padding: 10px; border-radius: 6px;}
|
||||
#captcha #captcha_img {height:35px !important; margin-top: 5px !important;}
|
||||
.point_info_btns {padding-left: 7px; padding-right: 7px;}
|
||||
.point_info_btns.rb_bbs_set_btn {margin-left: 4px;}
|
||||
|
||||
.adm_bbs_set_wrap dl {margin-top: 10px;}
|
||||
.adm_bbs_set_wrap .po_rel {position: relative;}
|
||||
.adm_bbs_set_wrap dd label {position: absolute; right:10px; top:13px; font-size: 12px; color:#999;}
|
||||
.adm_bbs_set_wrap dl dd {padding-top: 2px; padding-bottom: 2px;}
|
||||
.adm_bbs_set_wrap input {height:35px; border-radius: 6px; padding-left: 10px; padding-right: 10px; width: 100%; border:1px dashed #ccc; padding-right: 70px;}
|
||||
.adm_bbs_set_wrap .adm_set_btn {background-color: #25282B; color:#fff; text-align: center; height:35px; border-radius: 6px; border:0px; width: 100%;}
|
||||
.rb_bbs_set_select_wrap select {background-image: none !important;}
|
||||
.rb_bbs_set_select_wrap .tiny_input {padding-right: 50%;}
|
||||
.rb_bbs_set_select_wrap {display: flex; align-items: center; gap: 0px 1%; display: flex; flex-direction: row;flex-wrap: wrap;}
|
||||
.rb_bbs_set_select_wrap dd.po_rel {width: 49%;}
|
||||
.rb_bbs_set_select_wrap dd.adm_set_btn_wrap {width: 100%;}
|
||||
|
||||
.rb_bbs_set_select_wrap input[type="checkbox"] + label:before {width: 20px; height:20px;}
|
||||
.rb_bbs_set_select_wrap input[type="checkbox"] + label:after {top:5px; left: 8px; width: 4px; height:8px;}
|
||||
.rb_bbs_set_select_wrap input[type="checkbox"] + label {padding-left: 25px !important; line-height: 25px; padding-top: 3px;}
|
||||
.rb_bbs_set_select_wrap input {border:1px solid #ddd;}
|
||||
.rb_bbs_set_opens .w100 {width: 99% !important;}
|
||||
.rb_bbs_set_opens {
|
||||
padding: 20px;
|
||||
border: 1px solid #eee;;
|
||||
border-radius: 6px;
|
||||
box-shadow: 5px 5px 15px rgba(0, 0, 0, .02);
|
||||
background: #fff;
|
||||
min-width: 280px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
position: absolute; top:35px; right:0px;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
/* } */
|
||||
|
||||
/* 2.1.8 { */
|
||||
#bo_w .bo_w_flie .file_wr {border:0px !important;}
|
||||
#bo_w .bo_w_link label {top:5px !important;}
|
||||
#bo_w .bo_w_flie .frm_file {margin-top: 0px !important; width: 100%; padding-top: 10px;}
|
||||
#bo_w .bo_w_flie .file_wr {height:47px !important; padding: 0px !important;}
|
||||
#bo_w .bo_w_flie .lb_icon {top:5px !important;}
|
||||
|
||||
.rb_prof.rb_prof_new .rb_prof_info_img img {border-radius: 20px; border:0px !important;}
|
||||
/* } */
|
||||
|
||||
@media all and (max-width:1024px){
|
||||
|
||||
/* 1.1.4 { */
|
||||
.rb_prof_tab #bo_cate {margin-bottom: 20px !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.1.5 { */
|
||||
.rb_bbs_wrap .rb_bbs_top {right:20px;}
|
||||
/* } */
|
||||
|
||||
/* 1.2.6 { */
|
||||
.rb_bbs_wrap .rb_bbs_for_cont {width: 100% !important; padding-right: 140px !important;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap button {margin-left: 10px;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a {margin-left: 10px;}
|
||||
/* } */
|
||||
|
||||
/* 1.3.10 { */
|
||||
.rb_bbs_wrap .writer_prof .writer_prof_ul1 {width: 100% !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.6.14 */
|
||||
.chat_btn_pos_left {left:20px !important; bottom:20px !important;}
|
||||
.chat_btn_pos_right {right:20px !important; bottom:20px !important;}
|
||||
.mod_bn_wrap {padding: 0px;}
|
||||
.mod_bn_wrap .swiper-container {padding-left: 0px !important; padding-right: 0px !important; border-radius: 0px !important}
|
||||
.rb_bbs_wrap .rb_bbs_for_info {right:15px !important; top:20px !important;}
|
||||
.mo_date_wrap a {padding-left: 10px;}
|
||||
.qa_sub_wrap .rb_bbs_for_cont {padding-right: 0px !important; width: 65% !important;}
|
||||
#poll {margin-left: 20px; margin-right: 20px;}
|
||||
.bbs_main_wrap_tit {margin-bottom: 20px !important;}
|
||||
#poll .poll_con p {padding: 20px 20px !important;}
|
||||
#poll ul {padding: 10px 20px !important;}
|
||||
#poll_btn {padding: 0px 20px 20px !important;}
|
||||
/* } */
|
||||
|
||||
/* 1.7.15 { */
|
||||
.rb_prof .rb_prof_info_txt {width: 100%;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.0 { */
|
||||
.mod_bn_wrap {padding: 20px; border-top:1px solid rgba(0,0,0,0.1);}
|
||||
.index {padding-bottom: 0px;}
|
||||
.footer_copy_ul1_li2 {text-align: center; width: 100%;}
|
||||
.footer_copy_ul1_li2 dd {float:none; display: inline-block; margin-right: 0px; word-break: keep-all; margin-left: 5px; margin-right: 5px;}
|
||||
footer .footer_gnb_ul2 a {padding-left: 7px; padding-right: 7px;}
|
||||
.bbs_main {border-top:0px;}
|
||||
.mod_bn_wrap {border-top:0px;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.1 { */
|
||||
.rb_bbs_wrap_new {padding-left: 0px; padding-right: 0px;}
|
||||
/* } */
|
||||
|
||||
/* 2.0.3 { */
|
||||
#search_box_wrap {left: 0px; width: 100%;}
|
||||
.cbp-hrmenu-btm {padding-bottom: 100px !important;}
|
||||
#sod_bsk_list #mod_option_frm {width: 90%; left: 5%; margin-left: 0px; margin-top: 0px; transform: translateY(-50%); z-index: 100}
|
||||
#sod_bsk_list .mod_option_bg {z-index: 99;}
|
||||
.od_coupon_wrap .tbl_head02 table {width: 100% !important;}
|
||||
#sod_list #cp_frm {width: 90%;}
|
||||
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {width: 100%;}
|
||||
.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline {
|
||||
padding: 0 7px;
|
||||
border: 1px solid #d4d6db;
|
||||
border-radius: 3px;
|
||||
color: #3a8afd;
|
||||
background: #fff;
|
||||
line-height: 24px;
|
||||
margin: 0px 0 0;
|
||||
font-size: .923em;
|
||||
}
|
||||
/* } */
|
||||
|
||||
/* 2.1.5 { */
|
||||
.rb_prof.rb_prof_new .tbl_wrap {overflow-x: auto;}
|
||||
.rb_prof.rb_prof_new .tbl_wrap table {width: 1024px;}
|
||||
.rb_prof.rb_prof_new .local_sch #stx {margin-top: 5px; width: 80%; max-width: 80%;}
|
||||
.rb_prof.rb_prof_new .local_sch #search {margin-top: 5px; width: 80%; max-width: 80%;}
|
||||
.rb_prof.rb_prof_new .local_sch .btn_submit {float:right; margin-top: 5px;}
|
||||
.rb_prof.rb_prof_new .anchor {display: none;}
|
||||
.rb_prof.rb_prof_new {padding-left: 20px; padding-right: 20px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn {position: inherit; margin-top: 20px; border:1px dashed #ddd; padding: 10px; border-radius: 10px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick {font-size: 24px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_nick span {margin-top: -5px;}
|
||||
.rb_prof.rb_prof_new .rb_prof_info_info {width: 60%;}
|
||||
.rb_prof.rb_prof_new .copy_urls {width: 100%; text-align: left;}
|
||||
.rb_prof.rb_prof_new #sfl.select {width: 30%;}
|
||||
.rb_prof.rb_prof_new #sel_field.select {width: 30%;}
|
||||
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {float:right; margin-left: 4px;}
|
||||
.rb_prof.rb_prof_new .fl_btns_txt_mgl {float:right}
|
||||
/* } */
|
||||
|
||||
/* 2.1.6 { */
|
||||
.rb_swiper .rb_swiper_inner {padding-left: 20px; padding-right: 20px;}
|
||||
.rb_swiper .rb_swiper_paging_btn {top:34px;}
|
||||
.rb_icon_menu_wrap {border-top:0px !important; padding-top: 40px !important;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.7 { */
|
||||
#sod_addr .tbl_head03 table {width: 100%;}
|
||||
/* } */
|
||||
|
||||
/* 2.1.8 { */
|
||||
.cbp-hrmenu-btm {padding-bottom: 200px !important;}
|
||||
/* } */
|
||||
|
||||
}
|
||||
179
theme/rb.basic/rb.css/datepicker.css
Normal file
179
theme/rb.basic/rb.css/datepicker.css
Normal file
@ -0,0 +1,179 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.ui-widget-header {
|
||||
border: 0px solid #dddddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>thead>tr>th {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
|
||||
border: 0px solid #c5c5c5;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
color: #454545;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 0em;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
padding: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-datepicker {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
margin-top: 10px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
padding: 20px;
|
||||
padding-bottom: 10px;
|
||||
width: 350px !important;
|
||||
box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.ui-widget.ui-widget-content {
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
#datepicker:focus>.ui-datepicker {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev,
|
||||
.ui-datepicker-next {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ui-datepicker-next {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ui-state-disabled {
|
||||
cursor: auto;
|
||||
color: hsla(0, 0%, 80%, 1);
|
||||
}
|
||||
|
||||
.ui-datepicker-title {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-weight: 100;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>thead>tr>th {
|
||||
padding: 5px;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>td>a {
|
||||
color: #000;
|
||||
font-size: 12px !important;
|
||||
font-weight: bold !important;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
|
||||
cursor: auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>td {
|
||||
border-radius: 100%;
|
||||
width: 44px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>td:hover {
|
||||
background-color: transparent;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus,
|
||||
.ui-button:hover,
|
||||
.ui-button:focus {
|
||||
border: 0px solid #cccccc;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url('./btns.png');
|
||||
}
|
||||
.ui-icon-circle-triangle-e {
|
||||
background-position: -20px 0px;
|
||||
background-size: 36px;
|
||||
}
|
||||
|
||||
.ui-icon-circle-triangle-w {
|
||||
background-position: -0px -0px;
|
||||
background-size: 36px;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>td:first-child a{
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>tbody>tr>td:last-child a{
|
||||
color: #0099ff !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>thead>tr>th:first-child {
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar>thead>tr>th:last-child {
|
||||
color: #0099ff !important;
|
||||
}
|
||||
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
|
||||
border: 0px;
|
||||
background: #f1f1f1;
|
||||
border-radius: 50%;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
|
||||
border: 0px;
|
||||
width: auto;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
width: 40px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year:focus {outline: none;}
|
||||
.ui-datepicker select.ui-datepicker-month {margin-left: 5px;}
|
||||
.ui-datepicker select.ui-datepicker-year {}
|
||||
207
theme/rb.basic/rb.css/form.css
Normal file
207
theme/rb.basic/rb.css/form.css
Normal file
@ -0,0 +1,207 @@
|
||||
@charset "utf-8";
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="radio"][disabled],
|
||||
input[type="checkbox"][disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="radio"] + label {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
|
||||
input[type="radio"] + label:hover:before,
|
||||
input[type="checkbox"] + label:hover:before {
|
||||
animation-duration: 0.4s;
|
||||
animation-fill-mode: both;
|
||||
animation-name: hover-color;
|
||||
}
|
||||
|
||||
input[type="radio"] + label:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
content: '';
|
||||
border: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
content: '';
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 6px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
input[type="radio"] + label:after,
|
||||
input[type="checkbox"] + label:after {
|
||||
position: absolute;
|
||||
display: none;
|
||||
content: '';
|
||||
}
|
||||
|
||||
input[type="radio"][disabled] + label,
|
||||
input[type="checkbox"][disabled] + label {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="radio"][disabled] + label:hover,
|
||||
input[type="radio"][disabled] + label:before,
|
||||
input[type="radio"][disabled] + label:after,
|
||||
input[type="checkbox"][disabled] + label:hover,
|
||||
input[type="checkbox"][disabled] + label:before,
|
||||
input[type="checkbox"][disabled] + label:after {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="radio"][disabled] + label:hover:before,
|
||||
input[type="checkbox"][disabled] + label:hover:before {
|
||||
animation-name: none;
|
||||
}
|
||||
|
||||
input[type="radio"][disabled] + label:before,
|
||||
input[type="checkbox"][disabled] + label:before {
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label:before,
|
||||
input[type="checkbox"]:checked + label:before {
|
||||
animation-name: none;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label:after,
|
||||
input[type="checkbox"]:checked + label:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[type="radio"] + label:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
input[type="radio"] + label:after {
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border-radius: 50%;
|
||||
background: #25282B;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label:before {
|
||||
}
|
||||
|
||||
input[type="radio"]:checked[disabled] + label:before {
|
||||
}
|
||||
|
||||
input[type="radio"]:checked[disabled] + label:after {
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label:before {
|
||||
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label:after {
|
||||
top: 5px;
|
||||
left: 10px;
|
||||
box-sizing: border-box;
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
transform: rotate(45deg);
|
||||
border-width: 1.7px;
|
||||
border-style: solid;
|
||||
border-color: #25282B;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
|
||||
input[type="checkbox"]:checked + label:before {
|
||||
border:1px solid #25282B;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label:before {
|
||||
border:1px solid #25282B;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
input[type="checkbox"]:checked[disabled] + label:before {
|
||||
border:1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
input[type=text], input[type=tel], input[type=password], input[type=date], input[type=time], input[type=file], input[type=email], input[type=number] {border:1px solid #ddd; border-radius: 10px; height:47px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
|
||||
|
||||
.select {
|
||||
padding-left: 20px; padding-right: 20px;
|
||||
border:1px solid #ddd;
|
||||
background: url(../rb.img/icon/arr_down.svg) no-repeat right 20px center;
|
||||
background-color: transparent;
|
||||
border-radius: 10px;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
font-size: 14px;
|
||||
color: #25282B;
|
||||
margin: 0px;
|
||||
height:47px;
|
||||
}
|
||||
.select:focus {outline: none; border-color: #25282B}
|
||||
.select:hover {outline: none;border-color: #25282B}
|
||||
|
||||
.input {height:47px; border:1px solid #ddd; border-radius: 10px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
|
||||
.input:disabled {color:#999; opacity: 0.6}
|
||||
|
||||
.input_tiny {height:35px !important; border:1px solid #ddd; border-radius: 6px !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box; font-size: 13px !important;}
|
||||
.input_tiny:disabled {color:#999; opacity: 0.6}
|
||||
|
||||
textarea {border:1px solid #ddd !important; border-radius: 10px !important; padding: 20px !important; width: 100%; resize: none; box-shadow: none !important; box-sizing: border-box;}
|
||||
|
||||
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
|
||||
-webkit-transition: none;
|
||||
-webkit-box-shadow:none;
|
||||
-moz-box-shadow:none;
|
||||
box-shadow:none;
|
||||
border:1px solid #09244B !important;
|
||||
}
|
||||
|
||||
input[type=text],input[type=password], textarea,select {
|
||||
-webkit-transition: none;
|
||||
-webkit-box-shadow:none;
|
||||
-moz-box-shadow:none;
|
||||
box-shadow:none;
|
||||
}
|
||||
131
theme/rb.basic/rb.css/mobile.css
Normal file
131
theme/rb.basic/rb.css/mobile.css
Normal file
@ -0,0 +1,131 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.mobile {display: none;}
|
||||
.pc {display:inherit;}
|
||||
|
||||
main {transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);position: relative;right: 0px;}
|
||||
main.moves {position: fixed;right:400px;}
|
||||
header {transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); right: 0px;}
|
||||
header.moves {position: fixed; left: -400px !important; top:0px; width: 100%;}
|
||||
|
||||
html::-webkit-scrollbar {display: none;}
|
||||
html {-ms-overflow-style: none;scrollbar-width: none;}
|
||||
.cbp-hrmenu-btm::-webkit-scrollbar {display: none;}
|
||||
.cbp-hrmenu-btm {-ms-overflow-style: none;scrollbar-width: none;}
|
||||
|
||||
.ovlay_wrap {padding-left: 20px; padding-right: 20px;}
|
||||
.ovlay.active {border-radius: 0px;}
|
||||
|
||||
|
||||
@media all and (max-width:1400px) {
|
||||
html, body {overflow-x: hidden; background-color: #fff !important;}
|
||||
main {background-color: #fff !important;}
|
||||
.mobile {display: block}
|
||||
.pc {display: none;}
|
||||
|
||||
.inner {width: 100% !important;}
|
||||
.index {width: 100% !important; padding-top: 0px;}
|
||||
|
||||
#header {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px;}
|
||||
#header.gnb_up {padding-bottom: 20px;}
|
||||
.gnb_wrap .logo_wrap {margin-right: 20px;}
|
||||
|
||||
|
||||
.gnb_wrap nav {position: fixed; top:0px; left: 0px; width: 250px; background-color: #fff; z-index: 98; height:100%;}
|
||||
.content_box {width: 100% !important; border-top: 0px solid #eee; padding-top: 0px; padding-bottom: 0px;}
|
||||
.content_box .swiper-container {padding-left: 0px; padding-right: 0px !important;}
|
||||
.bbs_main_wrap_tit {padding-left: 20px; padding-right: 20px;}
|
||||
.more_btn {margin-left: 15px;}
|
||||
.arr_next_btn {right:70px !important;}
|
||||
.arr_prev_btn {right:100px !important;}
|
||||
.add_module_wrap {padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 20px;}
|
||||
.sub {width: 100% !important; min-height: auto;}
|
||||
|
||||
.gnb_wrap .snb_wrap .member_info_wrap {display: none;}
|
||||
.gnb_wrap .snb_wrap .my_btn_wrap {display: none;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap button {padding-right: 0px; padding-left: 20px;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a {padding-right: 0px; padding-left: 20px; width: 30px;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a span {left:30px;}
|
||||
|
||||
#search_box_wrap {position: fixed; width: 100%; top:80px; border-radius: 0px; padding-bottom: 10px;}
|
||||
#search_box_wrap ul input.w100 {border-radius: 0px; padding-left: 20px;}
|
||||
#search_box_wrap .ser_ul_pd {padding: 0px 20px 15px 20px;}
|
||||
#search_box_wrap .ser_ul_pd .ser_label {padding-left: 10px; padding-right: 10px;}
|
||||
#search_box_wrap ul.pt20 {padding-top: 20px;}
|
||||
|
||||
.rb_serch_skin .faq_ser_wrap {margin-top: 0px !important; padding-left: 40px; padding-right: 40px;}
|
||||
.rb_serch_skin {margin-top: 0px !important;}
|
||||
.rb_serch_skin .faq_ser_wrap {width: 100% !important;}
|
||||
#sch_res_ov h2 {float:none !important; width: 100%; text-align: left; display: block;}
|
||||
#sch_res_ov ul {float:none !important; width: 100%; text-align: left; display: block; margin-top: 10px !important;}
|
||||
.rb_serch_skin #sch_res_ov {line-height: inherit; padding: 20px !important; margin-top: 20px !important; margin-bottom: 30px !important; border-radius: 10px !important;}
|
||||
.rb_serch_skin .faq_ser_wrap button {right: 70px !important;}
|
||||
.rb_serch_skin {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
.rb_member .rb_login .rb_login_box {width: 100% !important; border-radius: 0px !important; padding: 30px !important;}
|
||||
.rb_member .rb_login {padding-top: 0px !important; padding-bottom: 0px !important;}
|
||||
|
||||
.rb_bbs_wrap {padding-left: 20px; padding-right: 20px;}
|
||||
#container_title {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
footer {border-top:0px;}
|
||||
footer .footer_gnb {padding-top: 0px;}
|
||||
footer .footer_gnb_ul1 {float:none; width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; position: relative;}
|
||||
footer .footer_gnb_ul2 {float:none; width: 100%; text-align: center; background-color: #f9f9f9; display: flex; justify-content: center;}
|
||||
footer .footer_gnb_ul1 .footer_gnb_li1 {width: 70px; position: absolute; top:0px; left: 20px;}
|
||||
footer .footer_gnb_ul1 .footer_gnb_li2 {width: 100%; padding-left: 70px;}
|
||||
footer .footer_gnb_ul2 a {margin-left: 0px; text-align: center; line-height: 60px; padding-left: 15px; padding-right: 15px}
|
||||
footer .footer_gnb {padding-bottom: 0px;}
|
||||
footer .footer_copy_ul1_li1 {text-align: center;}
|
||||
footer .footer_copy_ul1_li1 a {display: inline-block; margin-left: 10px; margin-right: 10px;}
|
||||
footer .footer_copy_ul1_li2 {padding-left: 20px; padding-right: 20px; word-break: keep-all; text-align: center; font-size: 12px;}
|
||||
footer .footer_copy_ul1 {float:none; text-align: center;}
|
||||
footer .footer_copy_ul2 {float:none; text-align: center; margin-top: 30px;}
|
||||
|
||||
.btns_gr_wrap {top:auto !important; bottom:10px !important; transform: none !important;}
|
||||
.btns_gr_wrap .btns_gr {margin-right: 0px !important;}
|
||||
.btns_gr_wrap {width: auto !important; left: auto !important; right:20px !important; z-index: 98 !important; height:auto !important;}
|
||||
.tooltips {display: none !important;}
|
||||
|
||||
main {transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);position: relative;right: 0px;}
|
||||
main.moves {position: fixed;right:100%;}
|
||||
header {transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); right: 0px; background-color: rgba(0,0,0,0.6) !important;}
|
||||
header.moves {position: fixed; right: 100% !important; top:0px; width: 100%;}
|
||||
|
||||
html::-webkit-scrollbar {display: none;}
|
||||
html {-ms-overflow-style: none;scrollbar-width: none;}
|
||||
.cbp-hrmenu-btm::-webkit-scrollbar {display: none;}
|
||||
.cbp-hrmenu-btm {-ms-overflow-style: none;scrollbar-width: none;}
|
||||
|
||||
.ovlay_wrap {padding-left: 20px; padding-right: 20px;}
|
||||
.ovlay.active {border-radius: 0px;}
|
||||
|
||||
.q_btns {padding:20px;}
|
||||
.q_btns button {margin-top: 5px; height:55px;}
|
||||
.bbs_main {padding-top: 20px; padding-bottom: 20px; border-top:1px solid #eee;}
|
||||
|
||||
.bbs_main_wrap_point_con {min-height: auto;}
|
||||
.each_bn {padding-left: 0px; padding-right: 0px;}
|
||||
#ctt {padding-left: 20px !important; padding-right: 20px !important;}
|
||||
|
||||
.cont_info_wrap_mmt .bbs_main_wrap_tit {padding-left: 0px; padding-right: 0px;}
|
||||
.add_module_wrap {display: none;}
|
||||
|
||||
.bbs_main_wrap_point_bn {padding-left: 20px; padding-right: 20px;}
|
||||
.cbp-hrmenu-btm {width: 100%;}
|
||||
|
||||
.sl_content {width: 100% !important; padding-left: 20px; padding-right: 20px;}
|
||||
.sl_alt1 {font-size: 34px !important; line-height: 100% !important; word-break: keep-all;}
|
||||
.sl_alt2 {font-size: 18px !important; margin-top: 15px;}
|
||||
|
||||
#container_title {font-size: 24px; letter-spacing: 0px;}
|
||||
#container_title span {font-size: 14px;}
|
||||
.flex_box {margin-bottom: 0px !important;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width:768px) {
|
||||
.hd_pops {width:90%; top:30px !important; left: 5% !important;}
|
||||
.hd_pops img {width: 100%; height:auto;}
|
||||
.hd_pops_con {width: 100% !important; height:auto !important;}
|
||||
}
|
||||
242
theme/rb.basic/rb.css/reset.css
Normal file
242
theme/rb.basic/rb.css/reset.css
Normal file
@ -0,0 +1,242 @@
|
||||
@charset "utf-8";
|
||||
/* font- R, B, H */
|
||||
|
||||
html {
|
||||
height:100%; font-size:14px; font-family:'font-R',sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
body {
|
||||
margin:0; padding:0; font-size:14px; height:100%; font-family:'font-R',sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
}
|
||||
html, fieldset, img {margin:0;padding:0;border:0;}
|
||||
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;border:0; font-family:'font-B',sans-serif;}
|
||||
label, input, button, select, img {vertical-align:middle; font-family:'font-R',sans-serif;}
|
||||
|
||||
::selection {background-color: #25282B; color: #fff;}
|
||||
|
||||
button {cursor:pointer; font-family:'font-R',sans-serif; padding: 0px; margin: 0px; background-color: transparent; border:0px;}
|
||||
textarea, select {font-size:14px; font-family:'font-R',sans-serif;}
|
||||
a {color:#000;text-decoration:none; font-family:'font-R',sans-serif;}
|
||||
ul,li,dl,dt,dd{padding:0;margin:0;list-style:none;}
|
||||
b,strong{font-family:'font-B',sans-serif;}
|
||||
|
||||
input:focus {outline: none !important;}
|
||||
textarea:focus {outline: none !important;}
|
||||
button:focus {outline: none !important;}
|
||||
|
||||
|
||||
.font-R {font-family:'font-R',sans-serif !important; line-height: 1.6em;}
|
||||
.font-B {font-family:'font-B',sans-serif !important;}
|
||||
.font-H {font-family:'font-H',sans-serif !important;}
|
||||
|
||||
.font-8 {font-size:8px !important;}
|
||||
.font-9 {font-size:9px !important;}
|
||||
.font-10 {font-size:10px !important;}
|
||||
.font-11 {font-size:11px !important;}
|
||||
.font-12 {font-size:12px !important;}
|
||||
.font-14 {font-size:14px !important;}
|
||||
.font-15 {font-size:15px !important;}
|
||||
.font-16 {font-size:16px !important;}
|
||||
.font-17 {font-size:17px !important;}
|
||||
.font-18 {font-size:18px !important;}
|
||||
.font-19 {font-size:19px !important;}
|
||||
.font-20 {font-size:20px !important;}
|
||||
.font-22 {font-size:22px !important;}
|
||||
.font-24 {font-size:24px !important;}
|
||||
.font-26 {font-size:26px !important;}
|
||||
.font-28 {font-size:28px !important;}
|
||||
.font-30 {font-size:30px !important;}
|
||||
.font-36 {font-size:36px !important;}
|
||||
.font-40 {font-size:40px !important;}
|
||||
.font-45 {font-size:45px !important;}
|
||||
.font-50 {font-size:50px !important;}
|
||||
|
||||
.bold {font-family:'font-B',sans-serif !important;}
|
||||
.cb {clear:both;}
|
||||
.fl {float:left;}
|
||||
.fr {float:right;}
|
||||
.dn {display:none;}
|
||||
|
||||
.color-fff {color:#fff !important;}
|
||||
.color-ddd {color:#ddd !important;}
|
||||
.color-eee {color:#eee !important;}
|
||||
.color-000 {color:#000 !important;}
|
||||
.color-999 {color:#999 !important;}
|
||||
.color-888 {color:#888 !important;}
|
||||
.color-777 {color:#777 !important;}
|
||||
.color-666 {color:#666 !important;}
|
||||
.color-555 {color:#555 !important;}
|
||||
.color-444 {color:#444 !important;}
|
||||
.color-333 {color:#333 !important;}
|
||||
.color-222 {color:#222 !important;}
|
||||
.color-111 {color:#111 !important;}
|
||||
|
||||
.h1 {height:1px !important;}
|
||||
.h2 {height:2px !important;}
|
||||
.h3 {height:3px !important;}
|
||||
.h4 {height:4px !important;}
|
||||
.h5 {height:5px !important;}
|
||||
.h6 {height:6px !important;}
|
||||
.h7 {height:7px !important;}
|
||||
.h8 {height:8px !important;}
|
||||
.h9 {height:9px !important;}
|
||||
.h10 {height:10px !important;}
|
||||
.h15 {height:15px !important;}
|
||||
.h20 {height:20px !important;}
|
||||
.h30 {height:30px !important;}
|
||||
.h40 {height:40px !important;}
|
||||
.h50 {height:50px !important;}
|
||||
.h60 {height:60px !important;}
|
||||
.h70 {height:70px !important;}
|
||||
.h80 {height:80px !important;}
|
||||
.h90 {height:90px !important;}
|
||||
.h100 {height:100px !important;}
|
||||
|
||||
.mt-3 {margin-top: 3px !important;}
|
||||
.mt-5 {margin-top: 5px !important;}
|
||||
.mt-10 {margin-top: 10px !important;}
|
||||
.mt-15 {margin-top: 15px !important;}
|
||||
.mt-20 {margin-top: 20px !important;}
|
||||
.mt-25 {margin-top: 25px !important;}
|
||||
.mt-30 {margin-top: 30px !important;}
|
||||
.mt-35 {margin-top: 35px !important;}
|
||||
.mt-40 {margin-top: 40px !important;}
|
||||
.mt-45 {margin-top: 45px !important;}
|
||||
.mt-50 {margin-top: 50px !important;}
|
||||
|
||||
.mb-3 {margin-bottom: 3px !important;}
|
||||
.mb-5 {margin-bottom: 5px; !important}
|
||||
.mb-10 {margin-bottom: 10px !important;}
|
||||
.mb-15 {margin-bottom: 15px !important;}
|
||||
.mb-20 {margin-bottom: 20px !important;}
|
||||
.mb-25 {margin-bottom: 25px !important;}
|
||||
.mb-30 {margin-bottom: 30px !important;}
|
||||
.mb-35 {margin-bottom: 35px !important;}
|
||||
.mb-40 {margin-bottom: 40px !important;}
|
||||
.mb-45 {margin-bottom: 45px !important;}
|
||||
.mb-50 {margin-bottom: 50px !important;}
|
||||
|
||||
.pt-3 {padding-top: 3px !important;}
|
||||
.pt-5 {padding-top: 5px !important;}
|
||||
.pt-10 {padding-top: 10px !important;}
|
||||
.pt-15 {padding-top: 15px !important;}
|
||||
.pt-20 {padding-top: 20px !important;}
|
||||
.pt-25 {padding-top: 25px !important;}
|
||||
.pt-30 {padding-top: 30px !important;}
|
||||
.pt-35 {padding-top: 35px !important;}
|
||||
.pt-40 {padding-top: 40px !important;}
|
||||
.pt-45 {padding-top: 45px !important;}
|
||||
.pt-50 {padding-top: 50px !important;}
|
||||
|
||||
.pb-3 {padding-bottom: 3px !important;}
|
||||
.pb-5 {padding-bottom: 5px !important;}
|
||||
.pb-10 {padding-bottom: 10px !important;}
|
||||
.pb-15 {padding-bottom: 15px !important;}
|
||||
.pb-20 {padding-bottom: 20px !important;}
|
||||
.pb-25 {padding-bottom: 25px !important;}
|
||||
.pb-30 {padding-bottom: 30px !important;}
|
||||
.pb-35 {padding-bottom: 35px !important;}
|
||||
.pb-40 {padding-bottom: 40px !important;}
|
||||
.pb-45 {padding-bottom: 45px !important;}
|
||||
.pb-50 {padding-bottom: 50px !important;}
|
||||
|
||||
.letter-05 {letter-spacing: -0.5px !important;}
|
||||
.letter-1 {letter-spacing: -1px !important;}
|
||||
.letter-2 {letter-spacing: -2px !important;}
|
||||
.letter-3 {letter-spacing: -3px !important;}
|
||||
.letter-4 {letter-spacing: -4px !important;}
|
||||
.letter-5 {letter-spacing: -5px !important;}
|
||||
|
||||
.w0 {width: 0% !important;}
|
||||
.w5 {width: 5% !important;}
|
||||
.w10 {width: 10% !important;}
|
||||
.w15 {width: 15% !important;}
|
||||
.w20 {width: 20% !important;}
|
||||
.w25 {width: 25% !important;}
|
||||
.w30 {width: 30% !important;}
|
||||
.w35 {width: 35% !important;}
|
||||
.w40 {width: 40% !important;}
|
||||
.w45 {width: 45% !important;}
|
||||
.w50 {width: 50% !important;}
|
||||
.w55 {width: 55% !important;}
|
||||
.w60 {width: 60% !important;}
|
||||
.w65 {width: 65% !important;}
|
||||
.w70 {width: 70% !important;}
|
||||
.w75 {width: 75% !important;}
|
||||
.w80 {width: 80% !important;}
|
||||
.w85 {width: 85% !important;}
|
||||
.w90 {width: 90% !important;}
|
||||
.w95 {width: 95% !important;}
|
||||
.w100 {width: 100% !important;}
|
||||
|
||||
.main_color {color:#AA20FF !important;}
|
||||
|
||||
|
||||
.cut {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cut2 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.middle_y {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.middle_x {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.text-center {text-align: center;}
|
||||
|
||||
body.sLightBox{overflow:hidden !important;}
|
||||
#d_sLightBox_win{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:999}
|
||||
#d_sLightBox_win .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7)/*ie9+*/}
|
||||
#d_sLightBox_win .inner{position:relative;width:500px;margin:0 auto;top:15%; height: 70%; box-shadow: 30px 30px 70px rgba(0,0,0,0.2);}
|
||||
#d_sLightBox_win .inner .iframe{width:100%;height:100%;border:0; border-radius: 15px; background-color: #fff;}
|
||||
#d_sLightBox_win .inner .popup{display:none}
|
||||
#d_sLightBox_win .inner .close{position:absolute;right:-50px;top:-5px;width:30px;height:30px;cursor:pointer; color:#fff;}
|
||||
|
||||
.swiper-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-slide {
|
||||
height: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.swiper-slide img {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
|
||||
bottom: 0px !important;
|
||||
}
|
||||
|
||||
521
theme/rb.basic/rb.css/style.css
Normal file
521
theme/rb.basic/rb.css/style.css
Normal file
@ -0,0 +1,521 @@
|
||||
@charset "utf-8";
|
||||
|
||||
#loadings {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;z-index: 999999;}
|
||||
#loadings_spin {
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 2px solid rgba(0, 0, 0, .1); /* 컬러 */
|
||||
border-radius: 50%;
|
||||
border-top-color: #AA20FF; /* 컬러 */
|
||||
animation: spin 0.5s ease-in-out infinite;
|
||||
-webkit-animation: spin 0.5s ease-in-out infinite;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 공통 { */
|
||||
main {width: 100%; background-color: #fff; height:100%;}
|
||||
label {word-break: keep-all !important;}
|
||||
#header {background-color: rgba(255,255,255,0.5); border-bottom: 0px; padding-top: 20px; padding-bottom: 5px; position: fixed; top:0px; left: 0px; width: 100%; z-index: 98; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);}
|
||||
.main_sec1 {margin-bottom: 50px; box-sizing: border-box;}
|
||||
.no_data {padding-top: 80px !important; padding-bottom: 110px !important; text-align: center; line-height: 140%; margin-top: 30px; border-bottom: 1px solid #eee; color:#999; border-top:0px !important;}
|
||||
/* } */
|
||||
|
||||
/* { */
|
||||
.inner {width: 1400px; margin: 0 auto;}
|
||||
.index {width: 1400px; margin: 0 auto; padding-top: 50px; padding-bottom: 0px;}
|
||||
.sub {margin: 0 auto; padding-top: 30px; padding-bottom: 70px; min-height: 768px;}
|
||||
/* } */
|
||||
|
||||
/* 헤더 { */
|
||||
.gnb_wrap ul {float:left; line-height: 40px;}
|
||||
.gnb_wrap nav {float:left; line-height: 40px;}
|
||||
.gnb_wrap nav a {font-size: 18px; line-height: 40px; display: block; float:left; color: #fff !important;}
|
||||
/*#cbp-hrmenu ul:first-child>li a {text-shadow: 0px 0px 3px #181818;}*/
|
||||
.gnb_wrap .tog_wrap {margin-right: 30px;}
|
||||
.gnb_wrap .logo_wrap {margin-right: 60px; position: relative;}
|
||||
.beta_ico {position: absolute; top:12px; right:-40px; color:#fff; background-color:#AA20FF; font-size: 8px; line-height: 15px; padding-left: 5px; padding-right: 5px; border-radius: 15px;}
|
||||
.gnb_wrap #logo_img .responsive-image {height:40px;}
|
||||
.gnb_wrap nav a:hover {color:#AA20FF}
|
||||
.gnb_wrap .snb_wrap {float:right;}
|
||||
.gnb_wrap .snb_wrap li {float:left;}
|
||||
.gnb_wrap .snb_wrap .member_info_wrap {font-size: 14px; color:#666; margin-left: 30px;}
|
||||
.gnb_wrap .snb_wrap .member_info_wrap a {color:#666;}
|
||||
.gnb_wrap .snb_wrap .member_info_wrap span {color:#25282B;}
|
||||
.gnb_wrap .snb_wrap .member_info_wrap a span {color:#AA20FF}
|
||||
.gnb_wrap .snb_wrap .qm_wrap {position: relative;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap button {padding-left: 10px; padding-right: 10px; position: relative; float:left; margin-top: 10px;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap button span {background-color: #AA20FF; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a {padding-left: 10px; padding-right: 10px; position: relative; float:left; line-height: 23px; width: 40px; box-sizing: border-box; margin-top: 12px; color:#000;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a svg path {fill:#25282B;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a span {background-color: #AA20FF; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}
|
||||
|
||||
.gnb_wrap .snb_wrap .my_btn_wrap {margin-left: 40px;}
|
||||
.gnb_wrap .inner {box-sizing: border-box;}
|
||||
.gnb_wrap #ol_after_scrap {margin-top: 10px;}
|
||||
/* } */
|
||||
|
||||
/* 검색창 { */
|
||||
#search_box_wrap {display: none; position: absolute; top: 55px; left: 0px; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05); width: 400px; box-sizing: border-box; background-color: #fff; padding-bottom: 20px;}
|
||||
#search_box_wrap ul {position: relative; float:none; display: block; line-height: 100%;}
|
||||
#search_box_wrap ul.pt20 {padding-top: 30px;}
|
||||
#search_box_wrap ul li select {height:35px; border-radius: 6px; padding-left: 15px; padding-right: 15px;}
|
||||
#search_box_wrap li {float:none; display: block; line-height: 100%;}
|
||||
#search_box_wrap .ser_inner_btn {position: absolute; top:9px; right:20px;}
|
||||
#search_box_wrap .ser_ul_pd {padding: 10px 30px 5px 30px;}
|
||||
#search_box_wrap .ser_ul_pd .ser_label {float:none; background-color: #f1f1f1; padding-top: 8px; padding-bottom: 8px; font-size: 13px; border-radius: 4px; margin-top: 0px; display: inline-block; vertical-align: top; width: auto; line-height: 100%; margin-top: 5px;}
|
||||
#search_box_wrap .ser_ul_pd .ser_label b {color:#AA20FF;}
|
||||
#search_box_wrap ul input.w100 {padding-right: 60px; box-sizing: border-box; border:0px !important; border-bottom: 1px solid #eee !important; height:60px; border-radius: 10px 10px 0px 0px; background-color: #f9f9f9; color:#AA20FF; padding-left: 30px;}
|
||||
#search_box_wrap ul input.w100::placeholder {color:#999;}
|
||||
#search_box_wrap ul button svg path {fill:#000 !important;}
|
||||
#search_top_btn.ser_open svg path {fill:#AA20FF;}
|
||||
#search_top_btn:hover {opacity: 0.8}
|
||||
/* } */
|
||||
|
||||
|
||||
/* 메뉴 { */
|
||||
.cbp-hrmenu {width: auto;}
|
||||
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;margin: 0 auto;padding: 0 1.875em;}
|
||||
.cbp-hrmenu > ul > li {display: inline-block; padding-left: 20px; padding-right: 20px;}
|
||||
.cbp-hrmenu > ul > li > a {color:#000;}
|
||||
.cbp-hrmenu > ul > li > a:hover {}
|
||||
.cbp-hrmenu > ul > li.cbp-hropen a {color:#AA20FF;}
|
||||
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#AA20FF;}
|
||||
|
||||
|
||||
.cbp-hrmenu .cbp-hrsub {transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; position: absolute;background: rgba(255,255,255,0.85) !important; margin-left: -25px; top:95px;border:0px solid #000; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0,0,0,0.05); max-width:680px; padding-bottom: 15px; padding-top: 15px; padding-left: 25px; padding-right: 25px;}
|
||||
.cbp-hropen .cbp-hrsub {opacity: 1;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 100px;float: left;padding: 0 0px 0px 0px;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner > div > ul {float:none;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner:before,
|
||||
.cbp-hrmenu .cbp-hrsub-inner:after {content: " ";display: table;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner:after {clear: both;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner > div a {line-height: 130%;color:#000 !important;font-size: 16px; font-family:'font-B',sans-serif; padding-top: 7px; padding-bottom: 7px; word-break: keep-all; display: block; width: 100%; text-shadow: none !important;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner > div a:hover{color:rgba(0,0,0,0.8) !important; text-shadow: none !important;}
|
||||
.cbp-hrsub h4 {color: #000;padding: 0px 0 15px;margin: 0;font-size: 18px;line-height: 130%;}
|
||||
|
||||
.cbp-hrmenu-btm .cbp-hrsub {display: none;}
|
||||
.cbp-hrmenu-btm .cbp-hropen .cbp-hrsub {display: block;}
|
||||
|
||||
.cbp-hrmenu-btm {position: fixed; top:0px; right: -100%; width: 400px; background-color: #fff; z-index: 98; height:100%; box-shadow: 10px 10px 20px rgba(0,0,0,0.05); overflow-y: scroll; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
|
||||
.cbp-hrmenu-btm > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;padding: 0;}
|
||||
.cbp-hrmenu-btm > ul > li {display: block;border-bottom: 1px solid #eee; padding-left: 0px; padding-right: 0px; text-indent: 20px;}
|
||||
.cbp-hrmenu-btm > ul > li > a { display: block;padding: 0; width: 100%; line-height: 60px; font-size: 18px;}
|
||||
.cbp-hrmenu-btm .cbp-hrsub { position: relative;}
|
||||
.cbp-hrmenu-btm .cbp-hrsub h4 {padding-top:20px; font-size: 16px;}
|
||||
|
||||
.cbp-hrmenu-btm .cbp-hrsub-inner > div {width: 100%;float: none;padding: 0;}
|
||||
|
||||
.cbp-hrmenu-btm .cbp-hropen .cbp-hrsub {padding-top: 0px; margin-left: 0px; border-radius: 0px; box-shadow: none; top: auto; max-width: inherit; padding-left: 0px; padding-right: 0px;}
|
||||
.cbp-hrmenu-btm a {float:none; }
|
||||
.cbp-hrmenu-btm ul {float:none;}
|
||||
.cbp-hrmenu-btm .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
|
||||
.cbp-hrmenu-btm .cbp-hrsub-inner > div {padding-left: 0px; padding-right: 0px; padding-bottom: 20px;}
|
||||
.cbp-hrmenu-btm .cbp-hrsub ul li a {padding-top: 5px; padding-bottom: 5px; display: block; font-size: 16px;}
|
||||
|
||||
.cbp-hrmenu-btm.active {right: 0%;}
|
||||
#m_gnb_close_btn {position: fixed; top:0px; right:0px; z-index: 99; display: none; background-color: transparent; width:80px; height:80px;}
|
||||
#m_gnb_close_btn img {width: 15px;}
|
||||
#m_gnb_close_btn.active {display: block;}
|
||||
/* } */
|
||||
|
||||
|
||||
|
||||
/* 버튼 { */
|
||||
.btn_round {background-color: #25282B; border:1px solid #25282B; color:#fff; height:40px; border-radius: 40px; padding-left: 25px; padding-right: 25px;}
|
||||
.arr_bg {background-color: #fff; color:#25282B; border:1px solid #25282B; background-image: url('../rb.img/icon/arr_right.svg'); background-repeat: no-repeat; background-position: center right 20px; padding-right: 40px;}
|
||||
.tiny_tab_btn {height:24px; background-color: #fff; color:#999; border-radius: 30px; padding-left: 10px; padding-right: 10px; border:1px solid #ddd; font-size: 12px;}
|
||||
.tiny_tab_btn:hover {border-color:#25282B; color:#25282B}
|
||||
.tiny_tab_btn.active {border-color:#25282B; color:#25282B}
|
||||
.btn_round.btn_round_bg {background-color: #AA20FF; border:1px solid #AA20FF; color:#fff; height:40px; border-radius: 40px; padding-left: 25px; padding-right: 25px;}
|
||||
/* } */
|
||||
|
||||
/* 모듈설정OV { */
|
||||
.content_box {position: relative;}
|
||||
.content_box .admin_ov {display: none; opacity: 0; position: absolute; top:0px; left: 0px; width: 100%; height:100%; background-color: rgba(255,255,255,0.9); border-radius: 10px; z-index: 97; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);cursor: -moz-progress; cursor: -webkit-progress; cursor:progress }
|
||||
.content_box .admin_ov .mod_edit {position: relative; width: 100%; height:100%;}
|
||||
.content_box .admin_ov .mod_edit h2 {font-size: 16px;}
|
||||
.content_box .admin_ov .mod_edit h2 span {color:#AA20FF;}
|
||||
.content_box .admin_ov .mod_edit button {margin-top: 5px;}
|
||||
.content_box .admin_ov .mod_edit h6 {color:#666; font-size: 12px; font-weight: normal; margin-top: 5px; word-break: keep-all; margin-bottom: 15px;}
|
||||
.content_box_set .admin_ov {display: block;}
|
||||
.content_box_set:hover .admin_ov {opacity: 1;}
|
||||
/* } */
|
||||
|
||||
/* 모듈박스 { */
|
||||
.flex_box {display: flex; flex-direction:row; flex-wrap: wrap; list-style-type: none; gap:0px; margin-left: -20px; margin-right: -20px;}
|
||||
.main_content_left {float:left; width: 70%;}
|
||||
.main_content_right {floaT:right; width: 30%; padding-left: 50px;}
|
||||
.content_box {box-sizing: border-box; width: 100%; padding: 20px;}
|
||||
.add_module_wrap {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}
|
||||
.add_module_btns {background-color: #f1f1f1; color:#25282B; width: 100%; height:47px; border-radius: 10px; border:0px; margin-bottom: 50px; margin: 0 auto;}
|
||||
.no_data_section {text-align: center; padding-top: 100px; padding-bottom: 100px; width: 100%; border-radius: 10px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
|
||||
.no_data_section_ul1 {padding-top: 20px; padding-bottom: 20px; font-size: 18px;}
|
||||
.no_data_section_ul2 {color:#666;}
|
||||
/* } */
|
||||
|
||||
/* 메인광고 { */
|
||||
.top_ad {position: relative; box-sizing: border-box; cursor: pointer; width: 100% !important; height:auto !important; overflow: hidden;}
|
||||
.top_ad img {width:100%; height:auto; box-sizing: border-box;}
|
||||
.ico_ad {position: absolute; top:10px; left: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
|
||||
/* } */
|
||||
|
||||
/* 서브광고 { */
|
||||
.point_ad {position: relative; box-sizing: border-box; cursor: pointer; width: 100%; height:100%; border-radius: 10px; overflow: hidden;}
|
||||
.point_ad img {width:100%; height:100%; box-sizing: border-box;}
|
||||
.ico_ad2 {position: absolute; top:10px; right: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
|
||||
/* } */
|
||||
|
||||
/* 배너 { */
|
||||
|
||||
/* 일반 { */
|
||||
.default_bn img {box-sizing: border-box;}
|
||||
.default_bn ul {margin:0px; padding: 0px;}
|
||||
/* } */
|
||||
|
||||
/* 슬라이드 { */
|
||||
.slide_bn {width: 100% !important; height: auto !important;}
|
||||
.slide_bn img {box-sizing: border-box;}
|
||||
.slide_bn .swiper-wrapper {height:auto !important;}
|
||||
|
||||
|
||||
.mb-0 {margin-bottom: 0px !important;}
|
||||
/* } */
|
||||
|
||||
/* 랜덤 { */
|
||||
.random_bn img {box-sizing: border-box;}
|
||||
.random_bn ul {margin:0px; padding: 0px;}
|
||||
/* } */
|
||||
|
||||
/* 개별 { */
|
||||
.each_bn img {box-sizing: border-box;}
|
||||
/* } */
|
||||
|
||||
.bn_border {box-shadow: 0 0 0 1px #ddd, 0 1px 2px 0 rgba(0,0,0,.04);}
|
||||
.bn_radius {border-radius: 10px;}
|
||||
/* } */
|
||||
|
||||
/* 메인 3버튼 { */
|
||||
.q_btns {margin-top: -1px;}
|
||||
.q_btns button {font-size: 15px; background-color: #fff; border:1px solid #ddd; border-radius: 10px; height:47px; width: 100%; margin-top: 12.8px; letter-spacing: -0.5px; box-sizing: border-box;}
|
||||
.q_btns button:hover {border:1px solid #25282B;}
|
||||
.q_btns button:first-child {margin-top: 0px;}
|
||||
.q_btns button i {float:left; margin-top: -2px; margin-right: 10px; margin-left: 20px;}
|
||||
.q_btns button span {float:left;}
|
||||
/* } */
|
||||
|
||||
/* 컨텐츠 { */
|
||||
#container_title {color:#999; font-size: 16px; display: block; padding-bottom: 30px;}
|
||||
|
||||
.bbs_main_wrap_tit {margin-bottom: 30px;}
|
||||
.bbs_main_wrap_tit_l {float:left;}
|
||||
.bbs_main_wrap_tit_l a {font-size: 20px;}
|
||||
.bbs_main_wrap_tit_r {float:right; position: relative;}
|
||||
.arr_up_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
|
||||
.arr_up_btn:hover {border-color: #25282B;}
|
||||
.arr_down_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
|
||||
.arr_down_btn:hover {border-color: #25282B;}
|
||||
.more_btn {height:24px; border:1px solid #ddd; border-radius: 24px; color:#999; padding-left: 10px; padding-right: 10px; font-size: 12px; margin-left: 30px;}
|
||||
.more_btn:hover {border-color: #25282B; color:#25282B;}
|
||||
.bbs_main_wrap_con {box-sizing: border-box; position: relative;}
|
||||
.bbs_main_wrap_con dd {margin-bottom: 10px; position: relative; min-height: 45px;}
|
||||
.bbs_main_wrap_con dd:last-child {margin-bottom: 0px;}
|
||||
.bbs_main_wrap_con .bbs_main_wrap_con_ul1 {width: auto; position: absolute; top:0px; left: 0px;}
|
||||
.bbs_main_wrap_con .bbs_main_wrap_con_ul2 {width: 100%; padding-left: 72px;}
|
||||
.bbs_main_wrap_con .bbs_main_wrap_con_info {font-size: 12px; color:#999;}
|
||||
.bbs_main_wrap_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
|
||||
.bbs_main_wrap_con .bbs_main_wrap_con_cont a {color:#000;}
|
||||
|
||||
.ovlay_wrap {}
|
||||
.prof_image img {width: 52px; height:auto; border-radius: 10px;}
|
||||
.ovlay {height: 100%; overflow: hidden; box-sizing: border-box;}
|
||||
.ovlay.active {position: absolute; top:0px; left: 0px; width: 100%; height:auto; background-color: #fff; z-index: 97; padding: 20px; box-sizing: border-box; border:1px solid rgba(0,0,0,0.05); border-radius: 10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
|
||||
|
||||
|
||||
|
||||
.arr_prev_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:120px !important; left: auto !important; padding-bottom: 2px;}
|
||||
.arr_prev_btn:hover {border-color: #25282B;}
|
||||
.arr_next_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
|
||||
.arr_next_btn:hover {border-color: #25282B;}
|
||||
|
||||
.arr_plus_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
|
||||
.arr_plus_btn:hover {border-color: #25282B;}
|
||||
|
||||
.arr_prev_btn,
|
||||
.arr_next_btn {
|
||||
margin-top: inherit !important;
|
||||
display: inherit !important;
|
||||
align-items:baseline !important;
|
||||
justify-content:flex-end !important;
|
||||
|
||||
}
|
||||
|
||||
.bbs_main_wrap_point_con {box-sizing: border-box; width: 100%; min-height: 148px;}
|
||||
.bbs_main_wrap_point_con dd {position: relative;}
|
||||
.bbs_main_wrap_point_bn {margin-top: 40px;}
|
||||
|
||||
.point_list_num {background-color: #aaa; color:#fff; font-size: 10px; line-height: 20px; border-radius: 4px; margin-right: 10px; float:left; text-align: center; width:25px;}
|
||||
.point_list_name {line-height: 20px; float:left; width: 45%;}
|
||||
.point_list_point {line-height: 20px; float:right; font-size: 12px;}
|
||||
.point_list_ch {font-size: 11px; float:right; line-height: 20px; margin-right: 15px;}
|
||||
.top1_bg {background-color: #AA20FF;}
|
||||
.top2_bg {background-color: #25282B;}
|
||||
|
||||
.bbs_main_wrap_trade_con {box-sizing: border-box; width: 100%}
|
||||
.bbs_main_wrap_trade_con dd {position: relative;}
|
||||
.bbs_main_wrap_trade_con dd:last-child {margin-bottom: 0px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ul2 {width: 100%;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_subj {font-size: 16px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 15px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont a {color:#666;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 5px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer {margin-top: 0px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer span {display: inline-block;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico {margin-bottom: 10px;}
|
||||
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico span {display: inline-block;}
|
||||
|
||||
.bbs_list_label2 {line-height: 23px; font-size: 12px; border-radius: 4px; padding-left: 7px; padding-right: 7px;}
|
||||
.bbs_list_label2.label_w1 {background-color: #fff; color:#999; border:1px solid #ddd;;}
|
||||
.bbs_list_label2.label_w2 {background-color: #fff; color:#25282B; border:1px solid #ddd;}
|
||||
.bbs_list_label2.label_w3 {background-color: #fff; color:#AA20FF; border:1px solid #ddd;}
|
||||
/* } */
|
||||
|
||||
/* 풋터 { */
|
||||
footer {border-top:1px solid #ddd;}
|
||||
footer .footer_gnb {padding-top: 20px; padding-bottom: 20px;}
|
||||
footer .footer_gnb_ul1 {float:left; width: 50%; line-height: 35px;}
|
||||
footer .footer_gnb_ul1 a {margin-right: 30px;}
|
||||
footer .footer_gnb_ul1 .footer_gnb_li1 {float:left; width: 10%;}
|
||||
footer .footer_gnb_ul1 .footer_gnb_li2 {float:left; width: 90%; box-sizing: border-box;}
|
||||
footer .footer_gnb_ul2 {float:right; width: 50%; text-align: right; line-height: 35px;}
|
||||
footer .footer_gnb_ul2 a {margin-left: 30px;}
|
||||
footer .footer_sns_ico img {width: 35px; height:auto; border-radius: 10px;}
|
||||
footer .footer_gnb_ul2 a.footer_sns_ico {margin-left:2px;}
|
||||
|
||||
footer .footer_copy {background-color: #25282B; padding-top: 50px; padding-bottom: 50px;}
|
||||
footer .footer_copy_ul1 {float:left;}
|
||||
footer .footer_copy_ul2 {float:right; text-align: right;}
|
||||
footer .footer_copy_ul1_li1 a {color:#fff; margin-right: 30px; line-height: 40px;}
|
||||
footer .footer_copy_ul1_li1 a img {margin-top: -1px; height:40px;}
|
||||
footer .footer_copy_ul1_li2 {font-size: 14px; color:#888; margin-top: 20px; line-height: 140%;}
|
||||
footer .footer_copy_ul1_li3 {font-size: 12px; color:#666; margin-top: 20px;}
|
||||
footer .footer_btn {border:1px solid #555; color:#999; padding-left: 30px; padding-right: 30px; border-radius: 53px; height:53px;}
|
||||
footer .footer_btn i {float:left; margin-right: 15px;}
|
||||
footer .footer_btn span {float:right; font-size: 16px;}
|
||||
footer .footer_btn:hover {border-color:#fff; color:#fff;}
|
||||
/* } */
|
||||
|
||||
|
||||
/* 캡챠 { */
|
||||
#captcha_info {display: none !important;}
|
||||
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd;}
|
||||
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
|
||||
#captcha button:hover {border-color: #000 !important;}
|
||||
#captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto;}
|
||||
#captcha #captcha_key {border:1px solid #ddd; font-size: 16px; width:90px; font-family:'font-B',sans-serif;}
|
||||
#captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
|
||||
#captcha {border:1px solid #ddd; width: auto; padding: 10px; box-sizing: border-box; border-radius: 10px;}
|
||||
|
||||
#captcha_info {display: none !important;}
|
||||
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd}
|
||||
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
|
||||
#captcha.m_captcha button:hover {border-color: #000 !important;}
|
||||
#captcha.m_captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto; display:inline;}
|
||||
#captcha.m_captcha #captcha_key {border:1px solid #ddd; font-size: 16px; background:#fff; height:40px; width:90px; font-family:'font-B',sans-serif;}
|
||||
#captcha.m_captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
|
||||
#captcha.m_captcha {border:1px solid #ddd; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 6px; text-align:center}
|
||||
|
||||
/* } */
|
||||
|
||||
|
||||
/* 기존 스타일 수정 { */
|
||||
|
||||
.sv_member .profile_img img {border-radius: 50%; margin-right: 3px; margin-top: -2px;}
|
||||
.sv_member {font-family:'font-B',sans-serif; font-size: 12px; color:#999;}
|
||||
.sv_member:hover {color:#000;}
|
||||
.sch_word {color:#AA20FF; background: none; padding: 0px; line-height: inherit; margin: 0px;}
|
||||
.btn_submit {border:0;background:#AA20FF;color:#fff;cursor:pointer;border-radius:3px}
|
||||
.btn_submit:hover {background:#AA20FF}
|
||||
.sv_wrap .sv a {color:#fff !important; font-size: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.1); font-family:'font-R',sans-serif; font-weight: normal;}
|
||||
.sv_wrap .sv a:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
|
||||
.sv_wrap .sv a:last-child {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
|
||||
.sv_wrap .sv {margin: 4px 0px; border-radius: 6px; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); z-index: 97;}
|
||||
.sv_wrap .sv:before {left: 50%; transform: translateX(-50%);}
|
||||
|
||||
.new_win #win_title {box-shadow: none; border-bottom: 1px solid #ddd;}
|
||||
#scrap_do .scrap_tit {font-size: 14px !important; border-radius: 10px; padding: 20px !important; box-sizing: border-box;}
|
||||
.new_win .win_desc {border-radius: 10px;}
|
||||
.new_win .win_desc::after {display: none;}
|
||||
.new_win .btn_submit {font-weight: normal; border-radius: 10px; font-family:'font-B',sans-serif;}
|
||||
.btn_close {border-radius: 10px; font-family:'font-B',sans-serif;}
|
||||
.reply_btn {border-radius: 10px !important; font-weight: normal; font-family:'font-B',sans-serif; line-height: 45px !important;}
|
||||
.frm_info {display: block; margin-top: 10px; font-size: 12px; color:#999; word-break: keep-all;}
|
||||
|
||||
.new_win .win_ul li {border:1px solid #ddd;}
|
||||
.new_win .win_ul li a {color:#999;}
|
||||
.new_win .win_ul .selected a {font-weight: normal;}
|
||||
.new_win .win_ul .selected {background: #AA20FF; border-color: #AA20FF;}
|
||||
.reply_btn {background: #AA20FF !important;}
|
||||
.memo_list .memo_preview a {font-size: 14px !important;}
|
||||
.memo_list li {padding: 20px 20px !important;}
|
||||
#memo_list .memo_del {top:20px !important;}
|
||||
.memo_list .profile_big_img img {border-radius: 10px !important;}
|
||||
.memo_list .no_read {box-shadow: none !important; background-color: #AA20FF !important; border:0px !important; width: 14px !important; height:14px !important; bottom:-2px !important; right:-2px !important;}
|
||||
.memo_list .memo_preview a {padding-top: 5px !important;}
|
||||
.memo_list .memo_li.memo_name {padding-top: 7px !important;}
|
||||
.new_win .win_desc i {display: none;}
|
||||
.new_win .win_total {color:#000; font-weight: normal; font-size: 12px;}
|
||||
#memo_view p {padding: 20px !important;}
|
||||
.memo_from li.memo_view_date {font-size: 12px;}
|
||||
.memo_from li.memo_view_nick {margin-top: 3px;}
|
||||
.memo_list li.read {background-color: #f9f9f9 !important;}
|
||||
|
||||
.pg_wrap {float:none; width: 100%; text-align: center; margin-top: 30px;}
|
||||
.pg_page {color:#000; min-width: 40px; height:40px; line-height: 40px; border-radius: 40%; background-color: transparent;}
|
||||
.pg_current {background-color: #AA20FF; border:0px; height:40px; line-height: 40px; min-width: 40px; border-radius: 40%;}
|
||||
|
||||
.list_help_wrap {margin-bottom: -30px; margin-top: 20px; background-color: #f9f9f9; padding: 20px; box-sizing: border-box; font-size: 14px; color:#000; border-top-left-radius: 0px; border-top-right-radius: 0px;}
|
||||
|
||||
#point .point_status {background-color: #f9f9f9 !important; color:#000 !important;}
|
||||
#point .point_all .full_li {border: 0px !important;}
|
||||
#point .point_all {background-color: #AA20FF !important; border:0px !important; color:#fff !important; border-radius: 10px !important;}
|
||||
#point .point_all .full_li span {color:#fff !important; font-weight: normal !important; font-family:'font-B',sans-serif !important;}
|
||||
.point_list .txt_expired {font-size: 12px;}
|
||||
.point_list .point_tit {font-weight: normal !important;}
|
||||
.point_list .point_date1 {font-size: 12px; color:#999;}
|
||||
.point_list .point_num {font-weight: normal !important; right:20px !important; font-size: 14px !important; font-family:'font-B',sans-serif !important; color:#000 !important;}
|
||||
.point_list li {padding: 20px !important;}
|
||||
.point_list .point_num.reds {color:red !important;}
|
||||
.point_list .point_use {background-color: #f9f9f9 !important;}
|
||||
|
||||
#scrap .scrap_datetime {font-size: 12px; color:#999;}
|
||||
#scrap .scrap_cate {background-color: #f1f1f1 !important; color:#000 !important; margin-top: -2px; padding-left: 6px !important; padding-right: 6px !important;}
|
||||
#scrap .scrap_tit {font-weight: normal !important;}
|
||||
#scrap .scrap_del {top:45% !important; transform: translateY(-50%); right:20px !important;}
|
||||
|
||||
#ctt {margin: 0px !important; padding: 0px !important;}
|
||||
#ctt_con {word-break: keep-all;}
|
||||
#ctt_con p {word-break: keep-all;}
|
||||
.ctt_admin {display: none !important;}
|
||||
|
||||
#hd_pop {position: fixed;margin: 0px; width: 100%; z-index: 99999;}
|
||||
.hd_pops {background-color: #000 !important; border:0px !important; box-shadow: 30px 30px 60px rgba(0,0,0,0.1); margin: 0 auto;}
|
||||
.hd_pops_close {padding-left: 20px !important; padding-right: 20px !important;}
|
||||
.hd_pops_close .fa.fa-times {display: none !important;}
|
||||
.hd_pops_footer button {font-size: 12px;}
|
||||
.sv_wrap .sv a {text-align: left;}
|
||||
|
||||
.swiper-slide-category {width:auto !important;}
|
||||
#bo_cate #bo_cate_ul:before {display:none !important;}
|
||||
#bo_cate{border-bottom: 1px solid rgba(0,0,0,0.1);}
|
||||
.copymove_current {background-color: #212121; padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 100%; margin-right: 15px;}
|
||||
#copymove .tbl_head01 thead th {padding-top: 15px; padding-bottom: 15px;}
|
||||
.btn_cancel {background-color: #fff !important; color:#000 !important; border:1px solid #ddd !important;}
|
||||
#copymove .tbl_wrap {margin: 0px; margin-top: -1px; margin-bottom: 20px;}
|
||||
/* } */
|
||||
|
||||
|
||||
/* 좌측히든 { */
|
||||
.user_prof_bg {background-color: #f9f9f9; padding-top:70px !important; padding-bottom: 70px !important; width: 100% !important; margin: 0 !important;}
|
||||
.user_prof {text-align: center; margin-top: -30px !important;}
|
||||
.user_prof img {border-radius: 20px; height:60px !important}
|
||||
.user_prof_bg_info {border-bottom: 0px !important; text-align: center; font-size: 24px; text-indent: 0px !important;}
|
||||
.user_prof_bg_info span {font-size: 12px;color: #000;background-color: #f1f1f1;padding: 3px 10px 3px 10px;border-radius: 6px;display: inline-block;vertical-align: middle; text-indent: 0px !important;}
|
||||
.user_prof_bg_info a {color:#000 !important;}
|
||||
.user_prof_btns {text-align: center; margin-top: 30px; margin-bottom: 30px;}
|
||||
/* } */
|
||||
|
||||
/* 20240604 추가 { */
|
||||
#logo_img {height:40px; width:auto;}
|
||||
/* } */
|
||||
|
||||
|
||||
|
||||
/* 퍼스트가든 { */
|
||||
#contents_wrap {padding-top: 0px;}
|
||||
#header {border-bottom: 0px !important; padding-top: 50px; padding-bottom: 50px; background-color:rgba(255,255,255,0);}
|
||||
/*#header.gnb_up {background-image:url('../rb.img/sv.jpg'); padding-top: 20px; padding-bottom: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover;}*/
|
||||
#header.gnb_up {background-color:rgba(0,0,0,0.6) !important; padding-top: 20px; padding-bottom: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
|
||||
/*#header.gnb_up {background-color:rgba(255,255,255,0.8) !important; padding-top: 20px; padding-bottom: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover;}*/
|
||||
section.co_gap_pc_0 {margin-top: 0px !important;}
|
||||
#header.gnb_up > a {color:#181818; }
|
||||
/*.cbp-hrmenu > ul > li > a {color:#181818 !important;}*/
|
||||
/*.cbp-hrmenu > ul > li > a:hover {opacity: 0.6; color:#181818 !important;}*/
|
||||
#tog_gnb_mobile {display: flex; align-items: center; font-size: 18px; margin-top: 10px;}
|
||||
#tog_gnb_mobile span {padding-right: 15px; color: #fff;}
|
||||
.ico_j {margin-right: -20px;}
|
||||
.cbp-hrmenu-btm > ul > li > a {color:#000 !important;}
|
||||
.cbp-hrmenu-btm > ul > li > a:hover{color:#000 !important; opacity: 0.6;}
|
||||
.rb_bbs_wrap .rb_bbs_top {margin-top: 0px; top:-20px !important;}
|
||||
#container_title {color:#000; font-size: 34px; text-align: center; letter-spacing: -2px;}
|
||||
#container_title span {font-size: 18px; color:#483729; letter-spacing: 0px; font-weight: 300;}
|
||||
.gnb_up .cbp-hrsub {top:70px !important;}
|
||||
.gnb_wrap nav {float:right;}
|
||||
.cbp-hrmenu .cbp-hrsub {pointer-events: none;}
|
||||
.cbp-hropen .cbp-hrsub {pointer-events:inherit;}
|
||||
/* } */
|
||||
|
||||
|
||||
|
||||
.main_rolling_blue_bg_inner {padding-left: 100px; padding-right: 100px; box-sizing: border-box; z-index: 2; position: absolute; top:50%; width: 100%; transform: translateY(-50%);}
|
||||
.main_rolling_blue_bg {min-height: 400px; padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; color:#fff; position: relative;}
|
||||
.main_rolling_blue_left_txt1 {font-size: 28px;}
|
||||
.main_rolling_blue_left_txt2 {font-size: 20px;}
|
||||
.bg_inner_inner {background-color: rgba(0,0,0,0.6); position: absolute; top:0px; left: 0px; width: 100%; height:100%; z-index: 1}
|
||||
.flex1 {display: flex;}
|
||||
.flex2 {display: flex; margin-top: 80px; border-top:1px solid #ddd; padding-top: 80px;}
|
||||
.greetings_li1 {font-size: 34px;}
|
||||
.greetings_li2 {font-size: 18px; margin-top: 0px; word-break: keep-all; color:#666; line-height: 150%;}
|
||||
.greetings_li3 {font-size: 16px; margin-top: 30px; color:#000; padding-left: 0px !important;}
|
||||
.greetings_li2 span {color:#000;}
|
||||
.flex1_ul1 {margin-top: 30px;}
|
||||
.flex1_ul2 {margin-left: auto;}
|
||||
.flex1_ul2 img {border-top-right-radius: 40px;}
|
||||
|
||||
.flex2_ul1 {}
|
||||
.flex2_ul1 img {border-top-left-radius: 40px;}
|
||||
.flex2_ul2 {margin-left: auto;}
|
||||
|
||||
.greetings_li3 {font-size: 22px; padding-left: 100px;}
|
||||
.greetings_li4 {font-size: 18px; margin-top: 30px; word-break: keep-all; color:#666; padding-left: 100px; line-height: 150%;}
|
||||
.greetings_li4 span {color:#000;}
|
||||
|
||||
.ffl {float:left; width: 50%; padding-right: 15px; word-break: keep-all;}
|
||||
.ffr {float:right; width: 50%; padding-left: 15px; word-break: keep-all}
|
||||
|
||||
.img_boxx {padding:40px; border:1px solid #eee;}
|
||||
|
||||
|
||||
.img_boxx2 {margin-top: 30px;}
|
||||
.img_boxx2 .fll {float:left; width:48%;}
|
||||
.img_boxx2 .frr {float: right; width:48%;}
|
||||
|
||||
.img_boxx2 img {max-width: 100%; width:100% !important; height:auto !important;}
|
||||
.img_boxx img {max-width: 100%; width:100% !important; height:auto !important;}
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
.ffl {float:none; width: 100%; padding: 0px;}
|
||||
.ffr {float:none; width: 100%; margin-top: 0px; padding: 0px;}
|
||||
.main_rolling_blue_bg_inner {padding-left: 40px; padding-right: 40px;}
|
||||
.main_rolling_blue_left_txt1 {font-size: 20px;}
|
||||
.main_rolling_blue_left_txt2 {font-size: 16px;}
|
||||
.img_boxx {padding:20px; border:1px solid #eee;}
|
||||
.img_boxx2 .fll {float:none; width:100%;}
|
||||
.img_boxx2 .frr {float: none; width:100%; margin-top: 30px;}
|
||||
}
|
||||
782
theme/rb.basic/rb.css/style.shop.css
Normal file
782
theme/rb.basic/rb.css/style.shop.css
Normal file
@ -0,0 +1,782 @@
|
||||
@charset "utf-8";
|
||||
html {overflow-x: hidden;}
|
||||
.gnb_wrap .snb_wrap .qm_wrap a.top_cart_svg {margin-top: 11px;}
|
||||
|
||||
/* 상품목록 { */
|
||||
.rb_shop_list {padding-top:20px;}
|
||||
.rb_shop_list .swiper-slide {}
|
||||
.rb_shop_list .rb_shop_list_item {}
|
||||
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_img {}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_img img {width: 100%; height:auto; border-radius: 10px;}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_ca {font-size: 14px; margin-top: 20px; color:#999;}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_name {margin-top: 5px;}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_name a {font-size: 18px; word-break: keep-all;}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_basic {font-size: 14px; color:#777; margin-top: 10px; word-break: keep-all}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_pri {margin-top: 10px; display: flex; gap:15px; align-items: center;}
|
||||
|
||||
.rb_shop_list .v_ch_list {position: relative;}
|
||||
.rb_shop_list .sct_li {height:auto !important; padding: 0px !important; border:0px;}
|
||||
.rb_shop_list .sct {clear: none !important;}
|
||||
.rb_shop_list .sct:after {display: none;visibility: hidden;clear:none;content:none;}
|
||||
.rb_shop_list .sct_40 {margin: 0px; width: 100% !important; height:auto !important; margin-right: 25px !important; margin-top: 0px !important;}
|
||||
.rb_shop_list .sct_40 .sct_li {border-bottom:1px solid #eee; padding: 0px !important; min-height:180px; margin-bottom: 20px;}
|
||||
.rb_shop_list .sct_40 .rb_shop_list_item_ca {margin-top: 0px;}
|
||||
.rb_shop_list .sct_40 .v_ch_list {position: absolute; left: 0px; top:0px; width: 160px;}
|
||||
.rb_shop_list .sct_40 .v_ch_list_r {padding-left: 190px; width: 100%;}
|
||||
.rb_shop_list .rb_item_list_flex_rights {margin-left: auto;}
|
||||
|
||||
.rb_shop_list2 {}
|
||||
.rb_shop_list2 .swiper-slide {}
|
||||
.rb_shop_list2 .rb_shop_list_item {}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_img {}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_img img {width: 100%; height:auto; border-radius: 10px;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_ca {font-size: 14px; margin-top: 20px; color:#999;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_name {margin-top: 5px;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_name a {font-size: 18px; word-break: keep-all;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_basic {font-size: 14px; color:#777; margin-top: 10px; word-break: keep-all}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_pri {margin-top: 10px; display: flex; gap:15px; align-items: center;}
|
||||
|
||||
.rb_shop_list2 .v_ch_list {position: relative;}
|
||||
.rb_shop_list2 .sct_li {height:auto !important; padding: 0px !important; border:0px;}
|
||||
.rb_shop_list2 .sct {clear: none !important;}
|
||||
.rb_shop_list2 .sct:after {display: none;visibility: hidden;clear:none;content:none;}
|
||||
.rb_shop_list2 .sct_40 {margin: 0px; width: 100% !important; height:auto !important; margin-right: 25px !important; margin-top: 0px !important;}
|
||||
.rb_shop_list2 .sct_40 .sct_li {border-bottom:1px solid #eee; padding: 0px !important; min-height:180px; margin-bottom: 20px;}
|
||||
.rb_shop_list2 .sct_40 .rb_shop_list_item_ca {margin-top: 0px;}
|
||||
.rb_shop_list2 .sct_40 .v_ch_list {position: absolute; left: 0px; top:0px; width: 160px;}
|
||||
.rb_shop_list2 .sct_40 .v_ch_list_r {padding-left: 190px; width: 100%;}
|
||||
.rb_shop_list2 .rb_item_list_flex_rights {margin-left: auto;}
|
||||
|
||||
.rb_shop_list3 {}
|
||||
.rb_shop_list3 .swiper-slide {}
|
||||
.rb_shop_list3 .rb_shop_list_item {}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_img {}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_img img {width: 100%; height:auto; border-radius: 10px; border:1px solid rgba(0,0,0,0.1);}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_ca {font-size: 14px; margin-top: 0px; color:#999;}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_name {margin-top: 5px;}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_name a {font-size: 18px; word-break: keep-all;}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_basic {font-size: 14px; color:#777; margin-top: 10px; word-break: keep-all}
|
||||
.rb_shop_list3 .rb_shop_list_item .rb_shop_list_item_pri {margin-top: 10px; display: flex; gap:15px; align-items: center;}
|
||||
|
||||
.rb_shop_list3 .v_ch_list {position: relative; float:left; width: 38%;}
|
||||
.rb_shop_list3 .v_ch_list_r {float:right; width: 55%;}
|
||||
.rb_shop_list3 .sct_li {height:auto !important; padding: 0px !important; border:0px;}
|
||||
.rb_shop_list3 .sct {clear: none !important;}
|
||||
.rb_shop_list3 .sct:after {display: none;visibility: hidden;clear:none;content:none;}
|
||||
.rb_shop_list3 .rb_item_list_flex_rights {margin-left: auto;}
|
||||
|
||||
.rb_shop_list4 {}
|
||||
.rb_shop_list4 .swiper-slide {border:1px solid rgba(0,0,0,0.1); padding: 30px !important; border-radius: 10px;}
|
||||
.rb_shop_list4 .swiper-slide:hover {border-color:#454545;}
|
||||
.rb_shop_list4 .rb_shop_list_item {}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_img {}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_img img {width: 100%; height:auto; border-radius: 10px;}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_ca {font-size: 14px; margin-top: 0px; color:#999;}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_name {margin-top: 5px;}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_name a {font-size: 18px; word-break: keep-all;}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_basic {font-size: 14px; color:#777; margin-top: 10px; word-break: keep-all}
|
||||
.rb_shop_list4 .rb_shop_list_item .rb_shop_list_item_pri {margin-top: 10px; display: flex; gap:15px; align-items: center;}
|
||||
|
||||
.rb_shop_list4 .v_ch_list {position: relative; float:right; width: 35%;}
|
||||
.rb_shop_list4 .v_ch_list_r {float:left; width: 60%;}
|
||||
.rb_shop_list4 .sct_li {height:auto !important; padding: 0px !important; border:0px;}
|
||||
.rb_shop_list4 .sct {clear: none !important;}
|
||||
.rb_shop_list4 .sct:after {display: none;visibility: hidden;clear:none;content:none;}
|
||||
.rb_shop_list4 .rb_item_list_flex_rights {margin-left: auto;}
|
||||
|
||||
.rb_shop_list5 {}
|
||||
.rb_shop_list5 .swiper-slide {padding: 30px !important; border-radius: 10px; background-color: #f9f9f9; border:1px solid #f9f9f9;}
|
||||
.rb_shop_list5 .swiper-slide:hover {background-color: transparent; border-color:#454545;}
|
||||
.rb_shop_list5 .rb_shop_list_item {}
|
||||
.rb_shop_list5 .sit_icon_li {position: relative; bottom:inherit; right: inherit; margin-top: 0px; float:right;}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_img {}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_img img {width: 100%; height:auto; border-radius: 10px; border:1px solid rgba(0,0,0,0.1);}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_ca {font-size: 13px; margin-top: 0px; color:#999;}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_name {margin-top: 5px;}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_name a {font-size: 16px; word-break: keep-all;}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_basic {font-size: 14px; color:#777; margin-top: 10px; word-break: keep-all}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_pri {display: flex; gap:5px; align-items: center; margin-top: 10px;}
|
||||
.rb_shop_list5 .rb_shop_list_item .rb_shop_list_item_pri dd {}
|
||||
.rb_shop_list5 .list_wish_int {margin-top: 0px; position: absolute; top:30px; right:30px;}
|
||||
.rb_shop_list5 .list_wish_int dl {display: flex; gap:5px; text-align: right; float:right;}
|
||||
.rb_shop_list5 .list_wish_int dd {color:#999; font-size: 12px; margin-left: auto;}
|
||||
.rb_shop_list5 .date_fl {float:left; font-size: 12px; color:#999; margin-top: 3px;}
|
||||
|
||||
.rb_shop_list5 .v_ch_list {position: relative; float:left; width: 20%;}
|
||||
.rb_shop_list5 .v_ch_list_r {float:right; width: 75%;}
|
||||
|
||||
.rb_shop_list5 .v_ch_list_r_l {width: 75%;}
|
||||
|
||||
.rb_shop_list5 .sct_li {height:auto !important; padding: 0px !important; border:0px;}
|
||||
.rb_shop_list5 .sct {clear: none !important;}
|
||||
.rb_shop_list5 .sct:after {display: none;visibility: hidden;clear:none;content:none;}
|
||||
.rb_shop_list5 .rb_item_list_flex_rights {margin-left: auto;}
|
||||
/* } */
|
||||
|
||||
/* 영카트 기본 스타일 커스텀 { */
|
||||
.sct_admin {display: none;}
|
||||
#sct {position: relative;}
|
||||
#sct_location {float:none !important; top:-60px !important; right: 0 !important;}
|
||||
.shop_select_to_html .option a {padding-left: 20px !important; padding-right: 22px !important; font-weight: normal !important; color:#454545 !important;}
|
||||
.shop_select_to_html .option {line-height: 30px !important; font-weight: normal !important; min-height: 30px !important;}
|
||||
.shop_select_to_html .menulist {padding: 10px 0px !important; left: -15px !important; right: auto !important;}
|
||||
.shop_select_to_html span {padding: 10px 5px 10px 5px !important}
|
||||
.shop_select_to_html .category_title {font-size: 13px !important;}
|
||||
#sct_location .go_home {font-size: 13px !important; padding: 0 5px !important;}
|
||||
.shop_select_to_html:hover .category_title, .shop_select_to_html:hover .category_title i {color:#454545 !important;}
|
||||
#sct_sortlst {background-color: #f9f9f9 !important; border:0px !important;}
|
||||
#ssch_sort li a {padding: 0 15px !important;}
|
||||
#ssch_sort li:hover:after {height:2px !important;background:#454545 !important;}
|
||||
#ssch_sort li:hover a {color:#454545 !important; font-family:'font-B',sans-serif !important;}
|
||||
#ssch_sort li a.selected_sort {font-family:'font-B',sans-serif !important;}
|
||||
#ssch_sort li a.selected_sort:after {content:"";position:absolute;left:0;bottom:0px;width:100%;height:0px;background:#454545;}
|
||||
#sct_lst li button {border:1px solid #ddd; margin-left: -1px; z-index: 1}
|
||||
#sct_lst li button.sct_lst_on {border:1px solid #454545; color:#454545; z-index: 2;}
|
||||
.sct_ct {border:0px !important; padding: 0px !important; margin-top: 0px !important;}
|
||||
#sct_ct_1 li {border-right: 0px !important; width: auto !important;}
|
||||
#sct_ct_1 li a {font-weight: normal !important; font-size: 16px;}
|
||||
#sct_ct_1 li a:first-child {padding-left: 0px !important;}
|
||||
#sct_ct_1 li a:hover {font-family:'font-B',sans-serif !important; color:#454545 !important;}
|
||||
#sct_ct_1 li a {line-height: 25px !important;}
|
||||
|
||||
#sct_location.view_location {right:0px !important; left: auto !important; float:right !important; position: absolute !important; top:38px !important;}
|
||||
.sub {position: relative;}
|
||||
.sit_admin {display: none;}
|
||||
#sit_hhtml {padding-top: 0px; padding-bottom: 20px;}
|
||||
#sit_ov_wrap {width: 100% !important; padding: 0px !important; border-top:0px !important; padding-bottom: 40px !important;}
|
||||
#sit_siblings {display: none;}
|
||||
#sit_title {font-size: 24px !important; font-weight: normal !important; word-break: keep-all;}
|
||||
#sit_pvi {width: 55%;}
|
||||
#sit_ov {width: 45% !important; padding-left: 50px !important; padding-bottom: 0px !important;}
|
||||
#sit_pvi_thumb {width: 70px; text-align: left !important; position: absolute; top:0px; left: 0px;}
|
||||
#sit_pvi_big {width: 100%; padding-left: 90px; position: relative;}
|
||||
#sit_pvi_big img {width: 100% !important; height:auto;}
|
||||
#sit_rel {padding: 0px !important; border:0px !important; margin-top: 40px !important; margin-bottom: 40px !important;}
|
||||
#sit_rel h2 {font-weight: normal; text-align: left !important;}
|
||||
#sit_rel .bx-controls-direction {top:-3px !important; right:0px !important;}
|
||||
#container_title {width: 100%; word-break: keep-all; }
|
||||
#container_title span {display: block;}
|
||||
.sit_btn_wish {float:right !important;}
|
||||
#sit_star_sns {background-color: #f9f9f9; border-radius: 10px; padding: 20px;}
|
||||
#sit_desc {margin-bottom: 15px !important;}
|
||||
.sit_info {padding-top: 20px !important; padding-bottom: 20px !important; margin-top: 0px !important; border-top:0px !important;}
|
||||
.sit_info .tr_price {border-bottom: 0px !important;}
|
||||
#sit_desc {font-size: 16px !important;}
|
||||
#sit_star_sns .sit_star {width: auto !important; height:15px !important;}
|
||||
|
||||
.rb_wish_cnt_wrap {margin-bottom: 10px;}
|
||||
.rb_wish_cnt_wrap li {display: flex; gap:5px; color:#888; font-size: 12px;}
|
||||
#sit_btn_opt {bottom:auto !important; top:50%; transform: translateY(-45%); right:15px !important;}
|
||||
#sit_star_sns .sns_area {top:35px !important; right:-5px !important;}
|
||||
#sit_btn_opt #data-copy img {width: 35px !important; height:35px !important; border-radius: 10px !important;}
|
||||
#sit_star_sns .sns_area a {border-radius: 10px !important;}
|
||||
.rb_price_v_wrap {display: flex; gap:10px; align-items: center; margin-bottom: 25px;}
|
||||
.rb_price_v_wrap strike {color:#999; font-size: 16px;}
|
||||
.rb_price_v_wrap .pri {color:#000; font-size: 24px;}
|
||||
.rb_price_v_wrap .pri_per {color:#000; font-size: 16px;}
|
||||
.sit_ov_tbl td {font-family:'font-B',sans-serif !important;}
|
||||
.sit_option select {outline: none !important; border-radius: 10px; margin-bottom: 5px !important; padding-left: 20px !important;}
|
||||
#sit_ov_btn button {width: 30% !important; border-radius: 10px !important; font-weight: normal !important;}
|
||||
#sit_ov_btn button.sit_btn_buy {background: #25282B !important; border:1px solid #000 !important; width: 40% !important;}
|
||||
.sit_btn_wish {line-height: 55px !important; border-radius: 10px !important;}
|
||||
.sit_btn_wish:hover {color:#000 !important;}
|
||||
|
||||
.star_av_wrap {background-color: transparent; border-radius: 10px; padding: 30px; margin-top:30px; padding-bottom: 5px; border:1px solid #eee; margin-bottom: 40px;}
|
||||
.star_av_wrap_ul1 {float:left; width: 40%; text-align: center;}
|
||||
.star_av_wrap_ul1 img {margin-top: 20px;}
|
||||
.star_av_wrap_ul2 {float:right; width: 60%; text-align: center;}
|
||||
.star_av_wrap_ul1_li1 {font-size: 16px; text-align: center; margin-bottom: 15px;}
|
||||
.star_av_wrap_ul1_li2 {font-size: 22px; text-align: center; margin-top: 15px;}
|
||||
.star_av_wrap_ul2_li1 {font-size: 16px; text-align: center; margin-bottom: 15px;}
|
||||
|
||||
#bar {margin-top: -30px; margin-left: -10px;}
|
||||
#bar .apexcharts-yaxistooltip {display: none;}
|
||||
#bar .apexcharts-legend {display: none;}
|
||||
#bar tspan {font-family:'font-R',sans-serif; }
|
||||
#bar .apexcharts-tooltip-title {font-family:'font-B',sans-serif !important; font-size: 11px !important; }
|
||||
#bar .apexcharts-tooltip-text {font-family:'font-B',sans-serif !important; font-size: 11px !important; }
|
||||
#bar .apexcharts-tooltip-marker {margin-right: 0px !important;}
|
||||
|
||||
#chart tspan {font-family:'font-R',sans-serif; font-size: 11px;}
|
||||
#chart .apexcharts-tooltip-title {font-family:'font-B',sans-serif !important; font-size: 11px !important; }
|
||||
#chart .apexcharts-tooltip-text {font-family:'font-B',sans-serif !important; font-size: 11px !important; }
|
||||
#chart .apexcharts-tooltip-marker {margin-right: 5px !important;}
|
||||
|
||||
#sit_opt_added li .opt_name {font-weight: normal !important;}
|
||||
#sit_opt_added .num_input {border-radius: 0px !important;}
|
||||
#sit_opt_added li {border:0px !important;}
|
||||
#sit_opt_added .sit_opt_del {border:1px solid #ddd !important;}
|
||||
#sit_ov_btn {margin-top: 25px}
|
||||
#sit_opt_added .num_input {width: 50px !important; padding: 0px !important;}
|
||||
#sit_tot_price {font-weight: normal !important;}
|
||||
#sit_opt_added li {margin-bottom: 0px !important; margin-top: 0px !important; border-bottom:1px solid #eee !important;}
|
||||
#sit_opt_added .sit_opt_del {top:-1px !important;}
|
||||
#sit_opt_added .sit_opt_prc {font-weight: normal !important;}
|
||||
.sit_option h3 {display: none;}
|
||||
#sit_tot_price {margin-top: 20px !important;}
|
||||
#sit_pvi_big #popup_item_image {line-height: 53px !important;}
|
||||
|
||||
#sit_tab .tab_tit li .selected:after {height:0px !important;}
|
||||
#sit_tab .tab_tit li .selected {font-weight: normal !important; font-family:'font-B',sans-serif !important;}
|
||||
#sit_tab .tab_con {padding: 25px !important;}
|
||||
#sit_inf_open th, #sit_inf_open td {padding: 20px !important;}
|
||||
#sit_inf_open th {font-weight: normal !important;}
|
||||
.sit_side_option select {outline: none !important;}
|
||||
.sit_sel_option {height:auto !important;}
|
||||
|
||||
|
||||
#sit_info {display: block !important; min-height: 1000px !important}
|
||||
#sit_tab {width: 100% !important; padding-right: 270px; display: block !important;}
|
||||
#sit_buy {position: absolute !important; top:0px !important; right:0px !important; width: 270px !important; border-left: 1px solod #eee !important; display: block !important; min-height: 100% !important;}
|
||||
#sit_buy .sit_buy_inner{position: sticky !important; width: 270px;}
|
||||
|
||||
.sit_side_option select {border-radius: 6px !important; height:40px !important;}
|
||||
.sit_order_btn button {border-radius: 10px !important; font-weight: normal !important;}
|
||||
.sit_btn_buy {background: #25282B !important; border:1px solid #000 !important;}
|
||||
.sit_sel_option .sit_opt_del {border:1px solid #ddd !important; top:-1px !important;}
|
||||
.sit_sel_option .num_input {border-radius: 0px !important; width: 50px !important; padding: 0px !important;}
|
||||
.sit_sel_option .opt_name {font-weight: normal !important;}
|
||||
.sit_sel_option .sit_opt_prc {font-weight: normal !important;}
|
||||
.sit_tot_price {font-weight: normal !important;}
|
||||
.sit_tot_price strong {font-size: 22px !important;}
|
||||
#sit_pvi_thumb li {margin: 0px !important; margin-top: 0px !important;}
|
||||
#sit_pvi_thumb img {border:0px !important;}
|
||||
#sit_pvi_thumb img:hover {opacity: 0.7;}
|
||||
|
||||
.sit_use_top .sit_star {height:15px !important;}
|
||||
.sit_use_dl .sit_use_star img {height:10px !important; width: auto !important;}
|
||||
.sit_use_top {background-color: #f9f9f9 !important; border:0px !important; border-radius: 10px; padding-left: 25px !important}
|
||||
.sit_use_top h4 {margin-bottom: 5px !important; margin-top: 10px;}
|
||||
a.btn02 {background: #25282B !important; font-weight: normal !important; border-radius: 50px !important; border:0px !important;}
|
||||
#sit_use_wbtn {top:25px !important;}
|
||||
#sit_use_wbtn a {font-weight: normal !important; border-radius: 50px !important; border:1px solid #ddd !important; font-size: 14px !important; line-height: 40px !important}
|
||||
.sit_thum {top:20px !important;}
|
||||
.sit_thum img {border-radius: 10px;}
|
||||
.sit_use_li {padding: 20px 0 !important; padding-left: 90px !important; min-height: 110px !important;}
|
||||
.sit_use_dl .sit_use_tit {font-weight: normal !important;}
|
||||
.sit_use_dl dd {font-size: 13px}
|
||||
.sit_use_li_title:hover {background:transparent !important;border-color:#454545 !important;color:#000 !important}
|
||||
.sit_use_cmd a.btn01 {border-radius: 6px !important; padding: 5px 12px 5px 12px !important; font-size: 13px !important;}
|
||||
.sit_qa_cmd a.btn01 {border-radius: 6px !important; padding: 5px 12px 5px 12px !important; font-size: 13px !important;}
|
||||
#sit_qa_wbtn a {border-radius: 40px !important; font-weight: normal !important; font-size: 14px !important; line-height: 40px !important;}
|
||||
.sit_use_reply {margin-top: 20px !important; padding-top: 20px !important;}
|
||||
.use_reply_icon {display: none;}
|
||||
.sit_use_reply {padding-left: 0px !important;}
|
||||
.use_reply_name {top:15px !important;}
|
||||
.sit_qa_dl {width: 30% !important;}
|
||||
.sit_qa_li_title {width: 65% !important;}
|
||||
.sit_qa_li_title {font-size: 16px !important; font-weight: normal !important; display: flex !important; align-items: center;}
|
||||
.sit_qaa_yet {min-width: 60px;}
|
||||
.sit_qa_dl dd {font-size: 13px !important;}
|
||||
.sit_qa_con {padding-top: 10px;}
|
||||
.sit_qa_p .qa_alp {display: none;}
|
||||
.sit_qa_qaq {padding-left: 15px !important;}
|
||||
.sit_qa_qaa {padding-left: 15px !important;}
|
||||
.sit_qa_p {background: #f9f9f9 !important;}
|
||||
#sit_qa {margin-top: 0px !important;}
|
||||
#sit_use_write_star li {width: 100% !important; float:none !important; margin-bottom: 30px;}
|
||||
.cke_sc {display: none;}
|
||||
.sod_left {width: 60% !important; box-sizing: border-box; margin-right: 0px !important;}
|
||||
.sod_right {width: 40% !important; float:right !important; position: sticky; top:180px; box-sizing: border-box; padding-left: 50px;}
|
||||
#sod_frm:after {display: block;visibility: hidden;clear: both;content: "";}
|
||||
|
||||
.tbl_head03 thead th {font-weight: normal !important; letter-spacing: 0 !important; border-top:1px solid #454545 !important;}
|
||||
.sod_opt li:before {font-size: 12px !important; padding:3px 7px 3px 7px !important;}
|
||||
.sod_opt li {font-size: 13px;}
|
||||
.cp_btn {margin-right: 4px;}
|
||||
#sod_frm section h2 {border:0px !important; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
|
||||
#sod_frm_orderer, #sod_frm_taker {border:0px;}
|
||||
#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01 {padding: 0px 0px !important;}
|
||||
#sod_frm .tbl_frm01 th {width: 15%; padding-left: 0px;}
|
||||
#sod_frm .tbl_frm01 td .btn_address {border-radius: 10px; font-weight: normal;}
|
||||
|
||||
#sod_frm_paysel input[type="radio"] + label:before {opacity: 0;}
|
||||
#sod_frm_paysel input[type="radio"] + label:after {opacity: 0;}
|
||||
#od_pay_sl .lb_icon {padding: 0px;}
|
||||
#sod_frm_taker .order_choice_place {background-color: #f9f9f9 !important; border:0px; border-radius: 10px;}
|
||||
#sod_frm_paysel .bank_icon {background: none; text-align: center; line-height: 60px; font-family:'font-B',sans-serif !important;}
|
||||
#sod_frm_paysel .vbank_icon {background: none; text-align: center; line-height: 60px; font-family:'font-B',sans-serif !important;}
|
||||
#sod_frm_paysel .iche_icon {background: none; text-align: center; line-height: 60px; font-family:'font-B',sans-serif !important;}
|
||||
#sod_frm_paysel .hp_icon {background: none; text-align: center; line-height: 60px; font-family:'font-B',sans-serif !important;}
|
||||
#sod_frm_paysel .card_icon {background: none; text-align: center; line-height: 60px; font-family:'font-B',sans-serif !important;}
|
||||
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #25282B}
|
||||
#sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#000;}
|
||||
#sod_frm #sod_frm_pt_alert {font-weight: normal; font-size: 14px; color:#888; margin-top: 10px; margin-bottom: 15px;}
|
||||
#sod_frm_paysel .ssgpay_icon {background-size: 60px;}
|
||||
#sod_frm_paysel .skpay_icon {background-size: 50px;}
|
||||
#sod_frm_taker label {line-height:normal;}
|
||||
#sod_frm #sod_bsk_tot li span {font-weight: normal;}
|
||||
#sod_frm_pay .pay_tbl th {width: 30%; font-weight: normal;}
|
||||
#od_tot_price {background-color: #f9f9f9; border-radius: 10px;}
|
||||
#display_pay_button .btn_submit {border:0px; border-radius: 10px; font-weight: normal;}
|
||||
#display_pay_button .btn01 {font-weight: normal; border-radius: 10px;}
|
||||
#forderform .od_pay_buttons_el h3 {margin-bottom: 0px;}
|
||||
#forderform .od_pay_buttons_el {padding: 15px;}
|
||||
#forderform .sod_right #sod_bsk_tot {border-radius: 10px; overflow: hidden;}
|
||||
.sod_right .pay_tbl {border-radius: 10px; overflow: hidden;}
|
||||
#sod_frm_pay .pay_tbl th {padding: 15px;}
|
||||
#sod_frm_pay .pay_tbl td {padding: 15px;}
|
||||
#forderform .od_pay_buttons_el {border-radius: 10px;}
|
||||
#display_pay_button {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
|
||||
#settle_bank {padding: 15px;}
|
||||
.od_coupon_wrap .od_coupon .btn_close {border-radius: 0px;}
|
||||
.tbl_head03 thead th {font-size: 16px; background-color: transparent; border-top:1px solid #454545;}
|
||||
.tbl_head03 td {padding: 15px;}
|
||||
.od_coupon .td_mngsmall {width: 100px; text-align: center;}
|
||||
#sod_fin .sod_left h3 {border:0px; padding-left: 0px; padding-top: 0px;}
|
||||
#sod_fin .sod_left th {font-weight: normal;}
|
||||
#sod_fin .sod_left .tbl_head01 {border-radius: 10px; padding-top: 10px; padding-bottom: 10px;}
|
||||
#sod_fin_no {text-align: center; background-color: #f9f9f9; color:#000; border:0px; padding: 30px;}
|
||||
#sod_fin_list .sod_name .sod_opt:before {font-size: 12px !important; padding:3px 7px 3px 7px !important;}
|
||||
.sod_opt {font-size: 13px;}
|
||||
#sod_fin_list .sod_name a {font-weight: normal; font-family:'font-B',sans-serif !important;}
|
||||
#sod_sts_wrap a.btn_frmline, button.btn_frmline {background-color: transparent; color:#000; height:30px; width: auto; padding-left: 10px; padding-right: 10px; border:1px solid #ddd; border-radius: 6px;}
|
||||
#sod_fin_legend {border-radius: 10px;}
|
||||
#sod_fin_legend dt {font-weight: normal; font-family:'font-B',sans-serif !important;}
|
||||
#sod_bsk_tot2 {border:1px solid #454545; border-radius: 10px; overflow: hidden;}
|
||||
#sod_bsk_tot2 li.sod_fin_tot {border-top:1px solid #ddd; background-color: #f9f9f9;}
|
||||
#sod_bsk_tot2 li.sod_fin_tot strong {color:#000; font-size: 16px;}
|
||||
#sod_bsk_tot2 li.sod_bsk_dvr {border-bottom:1px solid #eee;}
|
||||
#sod_bsk_tot2 li.sod_bsk_cnt {border-bottom:1px solid #eee;}
|
||||
#sod_fin_pay {border-radius: 10px; overflow: hidden;}
|
||||
#sod_fin_cancel .sod_fin_c_btn {border-radius: 10px;}
|
||||
#sod_fin_cancelfrm {border:0px;}
|
||||
#sod_fin_cancelfrm .btn_frmline {border-radius: 10px; background-color: #454545;}
|
||||
.sod_fin_bg {background-color: rgba(0,0,0,0);}
|
||||
#sod_fin_cancelfrm {box-shadow: 0px 0px 40px rgba(0,0,0,0.1);}
|
||||
.tbl_head03 td.td_numbig {width: 130px;}
|
||||
#sit_desc {word-break: keep-all;}
|
||||
#sod_fin_list .sod_img {top:15px; left: 10px;}
|
||||
#sod_fin_list .td_prd {padding-left: 80px;}
|
||||
|
||||
.rb_shop_list .bx-prev {border-right:1px solid #dee3eb !important;}
|
||||
.rb_shop_list2 .bx-prev {border-right:1px solid #dee3eb !important;}
|
||||
.sit_buy_tog {position: fixed; bottom:50%; left: 0px; width: 100%; text-align: center;z-index: 98; display: none;}
|
||||
.sit_buy_tog button {background-color: #fff; border:1px solid #454545; padding: 5px 20px 0px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: -1px; border-bottom: 0px;}
|
||||
|
||||
.sod_frm_mobile .sod_list .li_name {padding: 0px; padding-bottom: 15px;}
|
||||
.sod_frm_mobile .od_coupon h3 {background: #fff; color:#000;}
|
||||
.tbl_head02 thead th {text-align: center; font-weight: normal; background-color: transparent;}
|
||||
.sod_frm_mobile .od_coupon {box-shadow: none; border:1px solid #ddd;}
|
||||
.sod_frm_mobile .od_coupon .btn_confirm .btn_close {color:#000;}
|
||||
.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig {width: auto; text-align: center;}
|
||||
.sod_frm_mobile .sod_opt {padding-top: 0px; margin-top: 0px;}
|
||||
.sod_frm_mobile .sod_opt li {margin-top: 0px; padding-top: 0px;}
|
||||
|
||||
.sod_frm_mobile .sod_list .li_op_wr {padding-bottom: 10px; padding-left: 80px;}
|
||||
.sod_frm_mobile .sod_list .li_prqty_sp {padding: 0 10px; font-size: 13px;}
|
||||
.sod_frm_mobile .sod_opt {padding-left: 0px; padding-right: 0px;}
|
||||
.sod_frm_mobile .sod_list .total_price {padding: 20px; background-color: #f9f9f9; border-radius: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 30px;}
|
||||
.sod_frm_mobile #m_sod_bsk_tot {background-color: #fff; color:#000; border:1px solid #ddd; padding: 15px; border-radius: 10px;}
|
||||
.sod_frm_mobile #m_sod_bsk_tot dt {padding: 5px; line-height: 15px; padding-left: 0px;}
|
||||
.sod_frm_mobile #m_sod_bsk_tot dd {padding: 5px; line-height: 15px; padding-right: 0px;}
|
||||
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt {background-color: transparent; color:#000; font-weight: normal; padding-left: 0px; line-height: 15px;}
|
||||
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;}
|
||||
.sod_frm_mobile .sod_list .total_price strong {color:#000;}
|
||||
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {color:#000;}
|
||||
.sod_frm_mobile .sod_list .sod_li {border-bottom:0px;}
|
||||
.sod_frm_mobile #sod_frm_orderer, .sod_frm_mobile #sod_frm_taker {border:0px; padding: 0px; margin-top: 20px;}
|
||||
.sod_frm_mobile #sod_frm_orderer h2 {margin-bottom: 0px; padding-bottom: 10px;}
|
||||
.sod_frm_mobile .odf_list .btn_addsch {top:9px; right:12px; border-radius: 6px; background-color: #fff;}
|
||||
.sod_frm_mobile .odf_list .dlv_slt {background-color: #f9f9f9; border:0px; padding: 15px;}
|
||||
.sod_frm_mobile #order_address {top:10px; right:10px; border-radius: 6px;}
|
||||
|
||||
#sod_addr .tbl_head03 table {width: 100%;}
|
||||
#sod_addr .tbl_head03 {margin: 0px; padding: 20px;}
|
||||
#sod_addr input[type="radio"]:checked + label:before {display: none;}
|
||||
#sod_addr input[type="radio"]:checked + label:after {display: none;}
|
||||
#sod_addr .frm_input {padding: 10px; height:auto; width: 70%;}
|
||||
.sod_frm_mobile#sod_frm #sod_frm_pt_alert {background-color: #f9f9f9; color:#000; word-break: keep-all; padding: 20px; border-radius: 10px;}
|
||||
.sod_frm_mobile #sod_frm_pt_alert::before {display: none;}
|
||||
.sod_frm_mobile .odf_tbl table th {padding-top: 15px; padding-bottom: 15px;}
|
||||
.sod_frm_mobile .odf_tbl table td {padding-top: 15px; padding-bottom: 15px;}
|
||||
.sod_frm_mobile #m_sod_frm_paysel ul {border-radius: 10px;}
|
||||
.sod_frm_mobile .btn_cancel, .sod_frm_mobile .btn01 {border-radius: 10px; font-weight: normal;}
|
||||
.od_prd_list .total_prc {font-size: 14px !important; font-weight: normal !important;}
|
||||
.od_prd_list .td_prd .prd_name {font-size: 16px; word-break: keep-all;}
|
||||
#sod_bsk_list #mod_option_frm {padding-bottom: 30px;}
|
||||
#mod_option_frm .btn_confirm .btn_submit {border-radius: 10px;}
|
||||
.option_wr select {padding-left: 20px; padding-right: 20px; border-radius: 10px; text-indent: 0px;}
|
||||
#sit_opt_added .sit_opt_prc {font-size: 14px;}
|
||||
|
||||
.option_wr select {
|
||||
width: 100%;
|
||||
margin: 0 0 10px;
|
||||
height: 50px;
|
||||
padding: 0 20px;
|
||||
border: 1px solid #cdcdcd;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: url(../skin/shop/basic/img/select_arrow.png) no-repeat 96% 50% /* 화살표 아이콘 추가 */;
|
||||
}
|
||||
|
||||
#sod_bsk #sod_bsk_tot {border-radius: 10px; overflow: hidden; border:0px; margin-bottom: 40px;}
|
||||
#sod_bsk_act .btn01 {border-radius: 10px; font-weight: normal;}
|
||||
#sod_bsk_act .btn_submit {border-radius: 10px; font-weight: normal;}
|
||||
#sod_ws li .wish_chk {top:5px; left: 10px;}
|
||||
#sod_ws li .wish_del {top:auto; bottom:0px; padding-top: 5px;}
|
||||
#sod_ws_act {margin-top: 50px;}
|
||||
#sod_ws_act button {font-weight: normal; border-radius: 10px; background-color: transparent;}
|
||||
#sod_ws_act .btn02 {font-weight: normal; background-color: #25282B; border:0px;}
|
||||
#personal_pay #sod_frm_paysel input[type="radio"] + label:before {opacity: 1;}
|
||||
#personal_pay #sod_frm_paysel input[type="radio"] + label:after {opacity: 1;}
|
||||
#personal_pay {border:0px;}
|
||||
#personal_pay h2 {padding-left: 0px; padding-right: 0px; padding-top: 0px;}
|
||||
#sod_frm_paysel ul.pay_way {padding-left: 0px; padding-right: 0px;}
|
||||
#personal_pay #display_pay_button {padding-left: 0px; padding-right: 0px;}
|
||||
.chk_box input[type="radio"] + label {padding-left: 30px;}
|
||||
#personal_pay input[type="radio"] + label {padding-top: 0px; padding-bottom: 0px; line-height: 25px;}
|
||||
#sod_frm_paysel li {line-height: 35px;}
|
||||
.chk_box input[type="radio"]:checked + label {color:#000;}
|
||||
.pesonal {border-radius: 10px; overflow: hidden;}
|
||||
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_img img {border:1px solid #eee; box-sizing: border-box;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_img img {border:1px solid #eee; box-sizing: border-box;}
|
||||
.da_data {text-align: center; width: 100% !important; color:#999; padding-top: 50px; padding-bottom: 50px;}
|
||||
#ssch {margin-top: 0px !important;}
|
||||
#ssch h2 .ssch_result_total {float:none !important;}
|
||||
#ssch h2 {margin-top: 0px !important; float:right; margin-top: -60px !important;}
|
||||
#ssch_frm {border-radius: 10px; overflow: hidden;}
|
||||
|
||||
.rb_search_wraps {text-align: center;}
|
||||
.rb_search_wraps_inner {width: 100%; position: relative; margin-bottom: 0px;}
|
||||
.rb_search_wraps_inner input {width: 100%;height: 60px;border-radius: 0px;border: 0px !important;color: #25282B;font-size: 16px;padding-left: 30px;padding-right: 60px;box-sizing: border-box;}
|
||||
.rb_search_wraps_inner input:focus {border:0px !important;}
|
||||
.rb_search_wraps_inner button {position: absolute;top: 20px;right: 25px;}
|
||||
.rb_search_wraps_inner input::placeholder {font-family:'font-R',sans-serif !important; color:#999;}
|
||||
#ssch_frm {margin-top: 0px;}
|
||||
#ssch_frm .ssch_option {padding: 30px !important;}
|
||||
.ul_left_chk {float:left;}
|
||||
.ul_left_chk input {height:40px; border-radius: 6px; padding-left: 15px; width: 150px;}
|
||||
.ul_left_slider {float:right; width: 50%; margin-top: 5px;}
|
||||
|
||||
#ssch_cate {padding: 13px 0px 13px 0px !important; border:2px solid #f3f3f3; border-radius: 10px;}
|
||||
#ssch_cate a {padding-right: 0px;}
|
||||
.swiper-slide-ss {width: auto !important;}
|
||||
|
||||
#ssch_cate {padding-left: 0px !important; padding-right: 0px !important; border: 0px !important; background-color: #f9f9f9 !important; float:left; width: 80%;}
|
||||
#ssch_cate li {width: auto !important; border:0px !important;}
|
||||
#ssch_cate a {line-height: 150% !important; padding: 0px !important; padding-right: 20px !important; border:0px !important;}
|
||||
#ssch_cate a:hover {color:#25282B !important;}
|
||||
.sort_wrpas {float:right; width:19%;}
|
||||
.sort_wrpas select {width: 100%;}
|
||||
.ss_list_wraps {margin-top: 10px;}
|
||||
|
||||
.couponzone_list h2 {border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
|
||||
.couponzone_list ul {border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
|
||||
.couponzone_list ul li .coupon_btn .btn02 {background-color: #f9f9f9}
|
||||
.coupon_tit {display: none;}
|
||||
|
||||
.couponzone_list ul li .coupon_btn .btn02 {background-color: transparent !important; color:#25282B !important; font-weight: normal !important; border-radius: 10px !important; border:1px solid #ddd !important;}
|
||||
.couponzone_list ul li .coupon_btn .btn02:hover {border-color:#25282B !important;}
|
||||
.couponzone_list ul li .cp_inner {border-radius: 10px !important;}
|
||||
.couponzone_list ul li .coupon_info {border-radius: 10px; overflow: hidden; top:10px; margin-right: 10px; min-width:auto !important; width:auto !important;}
|
||||
.couponzone_list ul li .coupon_img {height:180px !important;}
|
||||
.couponzone_list ul li .coupon_img img {object-fit: cover; height:100%;}
|
||||
|
||||
.od_prd_list .td_prd .sod_img {top:20px;}
|
||||
.sod_frm_mobile .sod_list .li_name {padding-top: 0px; border-top:0px}
|
||||
.sod_frm_mobile #settle_bank #od_deposit_name {box-shadow: none;}
|
||||
.sod_frm_mobile #settle_bank {border-radius: 10px; margin-top: 10px;}
|
||||
|
||||
#settle_bank {margin-top: 0px; border:0px; background-color: transparent; border-radius: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
|
||||
#display_pay_button {padding: 0px; border:0px; padding-top: 20px;}
|
||||
|
||||
#sct_ct_1.sct_ct {padding-top: 10px !important; padding-bottom: 10px !important; border-radius: 10px; border:1px solid #454545 !important;}
|
||||
#sct_ct_1.sct_ct a {font-size: 14px !important; padding: 0px !important;}
|
||||
#sct_ct_1 li a.ss_back {border:1px solid #ddd; border-radius: 6px; padding: 3px 10px 3px 10px !important;}
|
||||
#sct_ct_1 .flex_ct {align-items: center;}
|
||||
|
||||
.sit_icon {text-align: right;}
|
||||
.shop_icon {margin: 1px;display: inline-block;color: #fff;float:right;font-size:10px !important; padding: 1px 5px 1px 5px !important; border-radius:4px !important; line-height: 15px !important;}
|
||||
.shop_icon_1 {background:#AA20FF !important;}
|
||||
.shop_icon_2 {background:#FFC700 !important;}
|
||||
.shop_icon_3 {background:#00A3FF !important;}
|
||||
.shop_icon_4 {background:#8ED100 !important;}
|
||||
.shop_icon_5 {background:#FF5A5A !important;}
|
||||
.shop_icon_6 {background:#25282B !important;}
|
||||
.sit_icon_li {position: absolute; bottom:10px; right:10px;}
|
||||
|
||||
.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}
|
||||
.shop_icon_soldout.h160{line-height:160px}
|
||||
.shop_icon_coupon {background:#d45959}
|
||||
|
||||
.list_wish_int {margin-top: 15px;}
|
||||
.list_wish_int dl {display: flex; gap:5px;}
|
||||
.list_wish_int dd {color:#999; font-size: 12px;}
|
||||
.sold_out_wrap {position: absolute; top:0px; left: 0px; border-radius: 10px; width: 100%; height:100%; background-color: rgba(0,0,0,0.3);}
|
||||
.sold_out_wrap ul {position: relative; height:100%;}
|
||||
.sold_out_wrap ul li {position: absolute; top:50%; transform: translateY(-50%); color:#fff; width: 100%; text-align: center;}
|
||||
.sold_out_wrap ul li span {opacity: 0.7;}
|
||||
|
||||
#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01 {margin-bottom: 0px !important;}
|
||||
#sod_frm_orderer, #sod_frm_taker {margin-bottom: 0px !important;}
|
||||
|
||||
#smb_my_ov {width: 25%; margin-right: 0px;}
|
||||
#smb_my_list {width: 70%; float:right;}
|
||||
#smb_my_ov {border-radius: 10px; overflow: hidden;}
|
||||
#smb_my_ov .smb_me img {border-radius: 10px;}
|
||||
#smb_my_ov .smb_me a.smb_info {color:#454545;}
|
||||
#smb_my_ov .smb_me a {border-radius: 30px; padding-left: 15px; padding-right: 15px;}
|
||||
#smb_private a strong {background-color: transparent !important; color:#25282B !important; font-size: 11px !important; padding-left: 10px; padding-right: 10px; max-width: 100px; border:1px solid #25282B;}
|
||||
#smb_my_ov .op_area dt {font-weight: normal; color:#999; font-size: 12px; font-family:'font-B',sans-serif !important;}
|
||||
.withdrawal {color:#999;}
|
||||
|
||||
#smb_my_list .wish_new_chk_box {bottom:30px; right:27px; position: absolute;}
|
||||
#smb_my_wish li {background-color: transparent; border:0px;}
|
||||
.swiper-slide-list-item-mywish {background-color: transparent !important; border-color:#ddd !important;}
|
||||
#smb_private a {display: flex; align-items: center; gap:10px;}
|
||||
#smb_private a strong {margin-left: auto;}
|
||||
#smb_private a:hover strong {background:#25282B }
|
||||
#smb_private li a:hover {color:#25282B }
|
||||
#smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#25282B ;content:""}
|
||||
|
||||
.tbl_head03 thead th {font-size: 14px;}
|
||||
#smb_ws_act {margin-top: 40px;}
|
||||
#smb_ws_act .btn01 {font-weight: normal; border-radius: 10px; background-color: transparent;}
|
||||
#smb_ws_act .btn02 {font-weight: normal; border-radius: 10px; background-color: #25282B; border:0px;}
|
||||
#smb_my_ov .smb_me a {color:#454545;}
|
||||
#smb_my_ov a:hover {border-color:#25282B;}
|
||||
#smb_my_ov .smb_me img {width: 60px; margin-bottom: 5px;}
|
||||
#coupon .cou_tit {font-weight: normal; font-size: 16px;}
|
||||
#coupon .cou_pri {font-weight: normal; color:#25282B; font-family:'font-B',sans-serif !important;}
|
||||
#coupon .cou_date {font-size: 12px;}
|
||||
#coupon .cou_date i {display: none;}
|
||||
#coupon .cou_target {background-color: #f5f5f5; color:#777;}
|
||||
#sit_ov_soldout {border-radius: 10px; font-weight: normal !important;}
|
||||
#sit_btn_alm {background-color: #25282B !important; font-weight: normal !important; border-radius: 10px !important;}
|
||||
#sit_sms_new .prd_name {font-weight: normal !important; border-radius: 10px !important; font-size: 14px !important;}
|
||||
|
||||
.gallery-top {border-radius: 10px; overflow: hidden; border:1px solid rgba(0,0,0,0.1); }
|
||||
.gallery-top img {width: 100%; height:auto; box-sizing: border-box;}
|
||||
.gallery-thumbs {margin-top: 10px;}
|
||||
.gallery-thumbs img {height:auto; border:1px solid rgba(0,0,0,0.1); box-sizing: border-box; cursor: pointer; border-radius: 10px;}
|
||||
.sev_admin {display: none;}
|
||||
|
||||
.tail_fixed_gnb {position: fixed; left: 0px; bottom:0px; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 98; text-align: center;}
|
||||
.tail_fixed_gnb button {display: inline-block; width: 18%;}
|
||||
|
||||
.gnb_all_menu {float:right; background-image: url('../rb.img/icon/arr_down.svg'); background-repeat: no-repeat; background-position: center right;}
|
||||
.gnb_all_menu .cbp-hrsub {max-width: 100%; width:auto; left: auto; right:0px;}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl {text-indent: 10px;}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl dd {display: block;}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl dd a {font-size: 13px; padding-top: 3px; padding-bottom: 2px; border-left: 1px solid rgba(0,0,0,0.1); margin-top: 0px;}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl dd a:hover {border-color:rgba(0,0,0,1);}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl dd a.dp3_active {border-color:rgba(0,0,0,1); color:#000 !important;}
|
||||
.gnb_all_menu .cbp-hrsub .cbp-hrsub-inner div ul li dl dd.dd_gap {font-size: 10px; padding-top: 0px; padding-bottom: 0px; line-height: 10px !important; }
|
||||
.dp3_none {border:0px !important; opacity: 0 !important;}
|
||||
.dp3_none a {border:0px !important; padding-top: 10px !important;}
|
||||
.cbp-hrmenu .cbp-hrsub-inner > div a.dp2_active {color:#000 !important;}
|
||||
.cbp-hrsub h4 {cursor: pointer;}
|
||||
.logo_wrap span {margin-left: 10px;}
|
||||
#sod_frm .od_prd_list {margin-bottom: 40px;}
|
||||
/* } */
|
||||
|
||||
/* 임시제거 { */
|
||||
#sit_use_wbtn a.itemuse_list {display: none;}
|
||||
#sit_qa_wbtn a#itemqa_list {display: none;}
|
||||
/* } */
|
||||
|
||||
.btm_bar {margin:0 auto; padding-top: 50px; padding-bottom: 50px;}
|
||||
.btm_bar_ul1 {float:left; font-size: 18px; margin-right: 65px;}
|
||||
.footer_copy_ul2 {float:right;}
|
||||
.btm_bar_ul1 li.font-B.main_color {margin-top: 10px;}
|
||||
.footer_copy_ul4 img {height:40px; margin-top: 5px;}
|
||||
.footer_copy_ul4 {float:right;}
|
||||
.btm_bar_ul1 img {margin-top: 5px;}
|
||||
.btm_a_links {color:rgba(255,255,255,0.5);}
|
||||
.btm_txts {color:rgba(255,255,255,0.5); font-size: 20px; line-height: 140%;}
|
||||
.d-blocks {float:none; margin-top: 15px; font-size: 12px;}
|
||||
.footer_copy_ul1_li2 {width:auto !important; margin-top: 0px !important}
|
||||
.footer_copy_ul1 {width: 35% !important;}
|
||||
.footer_copy_ul2 {width: 60% !important; text-align: left !important;}
|
||||
.ft_gnbs {}
|
||||
.ft_gnbs_ul {width: 20%; float:left;}
|
||||
.ft_gnbs ul:nth-child(1) {margin-right: 7%;}
|
||||
.ft_gnbs ul:nth-child(2) {margin-right: 7%; width: 12%}
|
||||
.ft_gnbs ul:nth-child(3) {margin-right: 4%;}
|
||||
.ft_gnbs ul:nth-child(4) {width: 12%; margin-right: 6%;}
|
||||
.ft_gnbs ul:nth-child(5) {width: 10%;}
|
||||
.ft_gnbs_tit {}
|
||||
.ft_gnbs_tit a {color:#fff; font-size: 20px;}
|
||||
.ft_gnbs_sub {margin-top: 20px;display: flex;gap: 10px 20px;flex-direction: row;flex-wrap: wrap;}
|
||||
.ft_gnbs_sub a {font-size: 16px; color:rgba(255,255,255,0.5);}
|
||||
.ft_gnbs_sub a:hover {color:#fff;}
|
||||
footer .footer_copy {background-color: #353433 !important; padding-top: 80px !important; padding-bottom: 80px !important;}
|
||||
.ft_pi {background-color: #454545; color:#999; font-size: 14px;}
|
||||
.ft_pi .ft_pi_inner{ margin:0 auto; padding-top: 40px; padding-bottom: 40px;}
|
||||
.ft_pi_ul1 {float:left;}
|
||||
.ft_pi_ul2 {float:right;}
|
||||
.db_tops {border-top:1px solid #eee;}
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
.btm_sns_sub {margin-top: 30px;}
|
||||
footer .footer_copy {padding-bottom: 40px !important; padding-top: 40px !important;}
|
||||
.ft_pi .ft_pi_inner{padding-bottom: 100px; width: 100% !important; padding-left: 40px; padding-right: 40px; text-align: center;}
|
||||
.footer_copy_ul2 {display: none !important;}
|
||||
.btm_bar {width: 100%; padding-left: 20px; padding-right: 20px;}
|
||||
.footer_copy_ul1 {width: 100% !important;}
|
||||
.sit_buy_tog {display: inherit;}
|
||||
#sct {padding-left: 20px; padding-right: 20px; margin-top: -20px !important;}
|
||||
.ft_pi_ul2 {float:none;}
|
||||
.ft_pi_ul2 button {background-color: #aaa; width:50px; height:50px; border-radius: 50px; position: fixed; right:20px; bottom:100px; z-index: 97}
|
||||
.ft_pi_ul1 {float:none; word-break: keep-all;}
|
||||
|
||||
.rb_shop_list .sct_40 .sct_li {padding-bottom: 20px !important;}
|
||||
.rb_shop_list2 .sct_40 .sct_li {padding-bottom: 20px !important;}
|
||||
#sct_location {float:none !important; top:-40px !important; left: 20px !important;}
|
||||
#sct_location {position: relative !important; top:0px !important; left: 0px !important;}
|
||||
#sct_location .f_i_x {display: none;}
|
||||
.shop_select_to_html span:nth-child(1) {padding-left: 0px !important;}
|
||||
.is_right .shop_select_to_html .menulist {left: 0px !important; right: auto !important;}
|
||||
.ssch_sort_mobile {float:left; width: 40%;}
|
||||
#sct_sortlst {background-color: transparent !important;}
|
||||
.rb_search_wraps {text-align: left;}
|
||||
.ul_left_chk {float:none;}
|
||||
.ul_left_slider {float:none; width: 100%; margin-top:15px;}
|
||||
.ul_left_chk input {width: 100px;}
|
||||
|
||||
#sit {padding-left: 20px; padding-right: 20px;}
|
||||
#ssch {padding-left: 20px; padding-right: 20px;}
|
||||
#sit_rel h2 {margin-bottom: 0px !important;}
|
||||
#sit_rel {margin-top: 0px !important;}
|
||||
|
||||
.tbl_head03 {width: 100%; overflow-x: auto;}
|
||||
.tbl_head03 table {width: 1024px}
|
||||
#sod_fin {padding-left: 20px; padding-right: 20px;}
|
||||
.sod_left {width: 100% !important; float:none;}
|
||||
.sod_right {width: 100% !important; float:none; padding-left: 0px; position: relative; top:0px;}
|
||||
#sod_v {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
#sit_hhtml {padding-left: 20px; padding-right: 20px;}
|
||||
#sit_pvi {float:none !important; width: 100%; margin-top: 40px;}
|
||||
#sit_ov {float:none !important; width: 100% !important; padding-left: 0px !important;}
|
||||
#sct_location.view_location {right:auto !important; left: 20px !important;}
|
||||
.shop_select_to_html .menulist {left:0px !important; right:auto !important;}
|
||||
#sct_location i.dividing-line {margin-right: 4px !important;}
|
||||
#container_title {width: 100%;}
|
||||
#sct_location.view_location {top:10px !important;}
|
||||
|
||||
#sit_pvi_thumb {float:none !important; width: 100% !important; position: relative;}
|
||||
#sit_pvi_big {float:none !important; padding-left: 0px !important;}
|
||||
#sit_pvi_thumb {text-align: center !important; margin-top: 15px !important;}
|
||||
#sit_pvi_thumb li {display: inline-block;}
|
||||
#sit_buy {position: fixed !important; height:50% !important; min-height:50% !important; background-color: #fff; top:auto !important; right:auto !important; bottom:0px; left: 0px !important; width: 100% !important; z-index: 97; overflow-y: scroll; box-shadow: -10px 0px 40px rgba(0,0,0,0.1); border-top-left-radius: 30px; border-top-right-radius: 30px; border-top:1px solid #454545; border-left: 1px solid #454545 !important; border-right: 1px solid #454545;}
|
||||
#sit_buy .sit_buy_inner {width: 100%; top:0px !important;}
|
||||
#sit_tab {padding-right: 0px !important;}
|
||||
#sit_info {border:0px !important;}
|
||||
#sit_tab .tab_tit {border:0px !important; padding: 0px !important}
|
||||
#sit_tab .tab_tit li button {padding: 5px !important; font-size: 16px !important;}
|
||||
.sit_side_option {padding: 20px !important;}
|
||||
.sum_section {padding: 20px !important;}
|
||||
|
||||
.star_av_wrap {padding: 20px; padding-bottom: 0px;}
|
||||
#sit_tab .tab_tit li button {padding-left: 0px !important; padding-right: 10px !important}
|
||||
#sit_tab .tab_con {padding: 0px !important; padding-top: 20px !important; border-top:1px solid #eee;}
|
||||
|
||||
#sit_info {min-height: auto !important;}
|
||||
.sit_use_con {margin-right: 0px !important;}
|
||||
|
||||
.sit_use_li {padding-bottom: 60px !important;}
|
||||
.sit_use_li_title {right:0px !important;}
|
||||
|
||||
.couponzone_list ul li .coupon_info ul {padding: 0px !important;}
|
||||
|
||||
.sit_use_top h4 span {display: none;}
|
||||
.sit_qa_dl {float:none !important; margin-left: 0px !important; width: 100% !important;}
|
||||
.sit_qa_dl dd {display: block !important; margin-left: 0px !important;}
|
||||
.sit_qa_li_title {float:none !important; width: 100% !important;}
|
||||
|
||||
|
||||
#sod_frm {padding-left: 20px; padding-right: 20px;}
|
||||
#sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date {width: 100%;}
|
||||
#sod_frm_taker .tbl_frm01 .btn_frmline {position: inherit; display: block; top:inherit; right: inherit; margin-top: 10px;}
|
||||
#sod_frm_taker .order_choice_place {line-height: 30px !important; padding-top: 10px; padding-bottom: 10px;}
|
||||
|
||||
.sub {padding-top: 45px;}
|
||||
.sit_use_p img {max-width: 100%;}
|
||||
.sit_side_option select {height:45px !important; padding-left: 20px !important;}
|
||||
.sit_sel_option li {padding-left: 20px !important; padding-right: 20px !important;}
|
||||
|
||||
.sum_section {position: fixed; bottom:67px; left: 0px; width: 100%; z-index: 98; background-color: #fff; border-top:1px solid #ddd; border-left: 1px solid #454545; border-right: 1px solid #454545;}
|
||||
.ch_tog_wrap {bottom:-50% !important;}
|
||||
.ch_tog_wrap2 {bottom:-50% !important;}
|
||||
.ch_tog_wrap3 {bottom:67px !important;}
|
||||
.sod_frm_mobile #m_sod_frm_paysel li {height:35px !important;}
|
||||
.sod_frm_mobile #m_sod_frm_paysel .samsung_pay {margin-left: 0px;}
|
||||
.sod_frm_mobile #m_sod_frm_paysel input[type="radio"] + label {line-height: 25px; padding-top: 2px;}
|
||||
.sod_frm_mobile #m_sod_frm_paysel label {height:25px !important; background-image: none !important; text-indent: 0px !important; width: auto !important; background-color: transparent !important; border-radius: 0px !important;}
|
||||
|
||||
#sod_bsk {padding-left: 20px; padding-right: 20px;}
|
||||
#sod_bsk #sod_bsk_tot li {width: 100%; float:none;}
|
||||
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width: 100%; float:none;}
|
||||
#sod_bsk #sod_bsk_tot li {border-bottom: 1px solid #212a37 !important;}
|
||||
|
||||
#sod_ws {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
.search_top_wrap {display: none !important;}
|
||||
|
||||
#ssch_cate {width: 70%;}
|
||||
.sort_wrpas {float:right; width:28%;}
|
||||
|
||||
.couponzone_list ul {padding: 20px !important;}
|
||||
.couponzone_list {padding-left: 20px; padding-right: 20px;}
|
||||
.couponzone_list p {display: none;}
|
||||
|
||||
.rb_shop_list1 {padding-bottom: 20px; padding-top: 20px;}
|
||||
.rb_shop_list2 {padding-bottom: 20px; padding-top: 20px;}
|
||||
.rb_shop_list3 {padding-bottom: 20px; padding-top: 20px;}
|
||||
.rb_shop_list4 {padding-bottom: 20px; padding-top: 20px;}
|
||||
.rb_shop_list5 {padding-bottom: 20px; padding-top: 20px;}
|
||||
.rb_shop_list4 .swiper-slide {padding: 20px !important;}
|
||||
.rb_shop_list5 .swiper-slide {padding: 20px !important;}
|
||||
.rb_shop_list5 .list_wish_int {top:20px; right:20px;}
|
||||
|
||||
#smb_my_ov {float:none; width: 100%}
|
||||
#smb_my_list {float:none; width: 100%; margin-top: 30px;}
|
||||
#smb_my_list .bbs_main_wrap_tit {padding-left: 0px; padding-right: 0px;}
|
||||
#smb_my {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
#smb_my_list .wish_new_chk_box {bottom:20px; right:17px; position: absolute;}
|
||||
#smb_ws_act .btn01 {width: 100%;}
|
||||
#smb_ws_act .btn02 {width: 100%; margin-top: 10px;}
|
||||
#sod_ws_act .btn01 {width: 100%;}
|
||||
#sod_ws_act .btn02 {width: 100%; margin-top: 10px;}
|
||||
#sod_bsk_act .btn01 {width: 100%;}
|
||||
#sod_bsk_act .btn_submit {width: 100%; margin-top: 10px;}
|
||||
|
||||
#sit_rel .rb_shop_list {padding-left: 0px; padding-right: 0px;}
|
||||
#sit_tab .tab_tit {text-align: center; position: sticky; top:80px; z-index: 97; border-bottom: 1px solid #ddd;}
|
||||
#sit_tab .tab_tit li {float:none !important;}
|
||||
|
||||
#sit_ov_from {border-bottom: 0px !important;}
|
||||
.personal_pay_wrap {padding-left: 20px; padding-right: 20px;}
|
||||
|
||||
.chat_btn_pos_left {bottom:90px !important;}
|
||||
.chat_btn_pos_right {bottom:90px !important;}
|
||||
footer .footer_copy {padding-bottom:100px;}
|
||||
|
||||
.rb_shop_list {padding-left: 20px; padding-right: 20px;}
|
||||
#sct .rb_shop_list {padding-left: 0px; padding-right: 0px;}
|
||||
#ssch .rb_shop_list {padding-left: 0px; padding-right: 0px;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width:768px) {
|
||||
#sod_addr .tbl_head03 table {width: 768px;}
|
||||
}
|
||||
|
||||
@media all and (max-width:512px) {
|
||||
.rb_shop_list .sct_40 .sct_li {min-height:auto; padding-bottom: 20px; width: 100%;}
|
||||
.rb_shop_list .sct_40 .v_ch_list {width: 110px;}
|
||||
.rb_shop_list .sct_40 .v_ch_list_r {padding-left: 140px;}
|
||||
.rb_shop_list .rb_shop_list_item .rb_shop_list_item_pri .font-20 {font-size: 18px !important;}
|
||||
|
||||
.rb_shop_list2 .sct_40 .sct_li {min-height:auto; padding-bottom: 20px; width: 100%;}
|
||||
.rb_shop_list2 .sct_40 .v_ch_list {width: 110px;}
|
||||
.rb_shop_list2 .sct_40 .v_ch_list_r {padding-left: 140px;}
|
||||
.rb_shop_list2 .rb_shop_list_item .rb_shop_list_item_pri .font-20 {font-size: 18px !important;}
|
||||
|
||||
}
|
||||
532
theme/rb.basic/rb.css/swiper.css
Normal file
532
theme/rb.basic/rb.css/swiper.css
Normal file
@ -0,0 +1,532 @@
|
||||
/**
|
||||
* Swiper 5.4.3
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* http://swiperjs.com
|
||||
*
|
||||
* Copyright 2014-2020 Vladimir Kharlampidi
|
||||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: June 13, 2020
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
:root {
|
||||
--swiper-theme-color: #000;
|
||||
}
|
||||
.swiper-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-container-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
.swiper-container-multirow > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-container-multirow-column > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-container-free-mode > .swiper-wrapper {
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform;
|
||||
}
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden;
|
||||
}
|
||||
/* Auto Height */
|
||||
.swiper-container-autoheight,
|
||||
.swiper-container-autoheight .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
.swiper-container-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height;
|
||||
}
|
||||
/* 3D Effects */
|
||||
.swiper-container-3d {
|
||||
perspective: 1200px;
|
||||
}
|
||||
.swiper-container-3d .swiper-wrapper,
|
||||
.swiper-container-3d .swiper-slide,
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-container-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-right {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
/* CSS Mode */
|
||||
.swiper-container-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-button-prev.swiper-button-disabled,
|
||||
.swiper-button-next.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
font-variant: initial;
|
||||
line-height: 1;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-container-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-prev:after,
|
||||
.swiper-container-rtl .swiper-button-next:after {
|
||||
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
.swiper-button-next:after,
|
||||
.swiper-container-rtl .swiper-button-prev:after {
|
||||
|
||||
}
|
||||
.swiper-button-prev.swiper-button-white,
|
||||
.swiper-button-next.swiper-button-white {
|
||||
--swiper-navigation-color: #ffffff;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-black,
|
||||
.swiper-button-next.swiper-button-black {
|
||||
--swiper-navigation-color: #000000;
|
||||
}
|
||||
.swiper-button-lock {
|
||||
display: none;
|
||||
}
|
||||
:root {
|
||||
/*
|
||||
--swiper-pagination-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 300ms opacity;
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
/* Common Styles */
|
||||
.swiper-pagination-fraction,
|
||||
.swiper-pagination-custom,
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* Bullets */
|
||||
.swiper-pagination-bullets-dynamic {
|
||||
overflow: hidden;
|
||||
font-size: 0;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transform: scale(0.33);
|
||||
position: relative;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets {
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 6px 0;
|
||||
display: block;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
display: inline-block;
|
||||
transition: 200ms transform, 200ms top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 4px;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms left;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms right;
|
||||
}
|
||||
/* Progress */
|
||||
.swiper-pagination-progressbar {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
position: absolute;
|
||||
}
|
||||
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(0);
|
||||
transform-origin: left top;
|
||||
}
|
||||
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
transform-origin: right top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar,
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar,
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-pagination-white {
|
||||
--swiper-pagination-color: #ffffff;
|
||||
}
|
||||
.swiper-pagination-black {
|
||||
--swiper-pagination-color: #000000;
|
||||
}
|
||||
.swiper-pagination-lock {
|
||||
display: none;
|
||||
}
|
||||
/* Scrollbar */
|
||||
.swiper-scrollbar {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 3px;
|
||||
z-index: 50;
|
||||
height: 5px;
|
||||
width: 98%;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1%;
|
||||
z-index: 50;
|
||||
width: 5px;
|
||||
height: 98%;
|
||||
}
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 10px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move;
|
||||
}
|
||||
.swiper-scrollbar-lock {
|
||||
display: none;
|
||||
}
|
||||
.swiper-zoom-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.swiper-zoom-container > img,
|
||||
.swiper-zoom-container > svg,
|
||||
.swiper-zoom-container > canvas {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.swiper-slide-zoomed {
|
||||
cursor: move;
|
||||
}
|
||||
/* Preloader */
|
||||
:root {
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
animation: swiper-preloader-spin 1s infinite linear;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff;
|
||||
}
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000;
|
||||
}
|
||||
@keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
/* a11y */
|
||||
.swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
}
|
||||
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
transition-property: opacity;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide-active,
|
||||
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
transform-origin: 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-next,
|
||||
.swiper-container-cube .swiper-slide-prev,
|
||||
.swiper-container-cube .swiper-slide-next + .swiper-slide {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-shadow-top,
|
||||
.swiper-container-cube .swiper-slide-shadow-bottom,
|
||||
.swiper-container-cube .swiper-slide-shadow-left,
|
||||
.swiper-container-cube .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.swiper-container-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.6;
|
||||
-webkit-filter: blur(50px);
|
||||
filter: blur(50px);
|
||||
z-index: 0;
|
||||
}
|
||||
.swiper-container-flip {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-active,
|
||||
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-shadow-top,
|
||||
.swiper-container-flip .swiper-slide-shadow-bottom,
|
||||
.swiper-container-flip .swiper-slide-shadow-left,
|
||||
.swiper-container-flip .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user