@charset "utf-8"; /* 22.11.08 구시안 내가만날회원 */ /* 부트스트랩 추가 */ /* d-table */ .d-table {display: table; table-layout: fixed; width: 100%;} .d-table > * {display: table-cell;} /* list-style-none */ .list-style-none > li {list-style: none;} .w-80px {width: 80px;} .my_meet_mem_form {border: 1px solid #dfdfdf; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 0 3px 1px rgba(0,0,0,10%); background-color: #ffffffcc; margin-top: 1rem;} .my_meet_mem_form:hover {transition: all .3s ease; transform: translateY(-5px); border-color: #afafaf; box-shadow: 0 0 3px 1px rgba(0,0,0,20%);} .my_meet_mem_form_top {padding-left: 0;} .my_meet_mem_form_info_wrap > ul > li:first-child h5 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.125rem; margin-bottom: 0;} .my_meet_mem_form_info_wrap > p {font-weight: 300 !important; color: #494949; margin-bottom: 0; font-size: 0.9rem;} .my_meet_mem_form_bottom > ul > li:not(:first-child) {margin-left: 0.5rem;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst {margin-left: -3px;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst > li {padding-left: 3px; padding-right: 3px;} .my_meet_mem_form_bottom ul.my_meet_mem_form_bottom_lst > li:first-child {padding-left: 0;} .my_meet_mem_form_bottom .my_meet_mem_form_img_wrap {border-radius: 50%; overflow: hidden; width: 50px; height: 50px;} .my_meet_mem_form_bottom .my_meet_mem_form_img {width: 100%; height: 100%; display: inline-block; background-position: center; background-size: contain;} .my_meet_mem_form_more_view_btn_wrap {position: relative; width: 50px; height: 50px; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0,0,0,20%); border: 1px solid rgba(0,0,0,5%);} .my_meet_mem_form_more_view_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;font-size: 0.75rem; color: #ababab;} .my_meet_mem_form_more_view_btn > p {white-space: nowrap;} .no_evt_img {background-image: url('/common/mobile/css/images/icon/ico_no_evt.png'); display: inline-block; width: 50px; height: 50px; margin-top: 0.5rem; margin-bottom: 2rem;} .my_meet_mem_sub_text {margin-top: 0.5rem; font-weight: 300 !important; margin-bottom: 0.5rem; font-size: 1.125rem;} .my_meet_mem_form_cmn_wrap {padding: 2rem 1.5rem 3rem;} .my_meet_mem_gray_form {background-color: #f2f2f2; margin-left: -1.5rem; margin-right: -1.5rem;} .no_evt_mem {line-height: 55px; text-align: center; color: #ababb3;} .my_meet_mem_form_no_result {margin-top: -20px; padding: 3rem 0;} .my_meet_mem_form_info_wrap {display: block;} .my_meet_mem_form_more_view_btn > p {margin-bottom: 0;} .my_meet_mem_form_bottom > ul {margin-bottom: 0;} .my_meet_mem_form_top {margin-bottom: 0;} .my_meet_mem_form_wrap_lst { padding-left: 0; margin-bottom: 0;} .my_meet_mem_form_wrap_lst > li {list-style: none; display: inline-block; width: calc((100% - 40px) / 3); margin-right: 20px; vertical-align: middle;} .my_meet_mem_form_wrap_lst > li:nth-child(3n) {margin-right: 0;} .my_meet_mem_form_more_view_btn_wrap:hover {border-color: #afafaf; box-shadow: 0 0 3px 1px rgba(0,0,0,20%); transition: all .3s ease;} .my_meet_mem_gray_form .COMMON_SWIPER_SLIDE {padding: 0 1rem 3rem; margin: 0 8px;} .my_meet_mem_gray_form .swiper-button-prev, .my_meet_mem_gray_form .swiper-container-rtl .swiper-button-next {left: 0px; background-image: url("/common/okdcMngt/css/images/main_arrow_left.png"); background-size: 15px 30px; transform: translate(0,-50%); padding: 7.5px 15px 7.5px 0; background-position-x: left;} .my_meet_mem_gray_form .swiper-button-next, .my_meet_mem_gray_form .swiper-container-rtl .swiper-button-prev {right: 0px; background-image: url("/common/okdcMngt/css/images/main_arrow_right.png"); background-size: 15px 30px; transform: translate(0,-50%); padding: 7.5px 0 7.5px 15px; background-position-x: right;} .my_meet_mem_no_result_form {padding: 5rem 0;} .my_meet_mem_no_result_form h5 {color: #333; padding-bottom: 2.5rem;} .my_meet_mem_no_result_form a {color: #333; font-size: 1.5rem; text-decoration: underline;} .qck_evt_regs_btn {display: block; border: 1px solid #dfdfdf; padding: 0.5rem 0.75rem; box-shadow: 0 0 3px 1px rgba(0,0,0,10%); transition: all .3s ease; text-align: center; font-size: 0.9rem; font-weight: 300; margin-bottom: 15.39px;} .qck_evt_regs_btn:hover {box-shadow: 0 0 3px 1px rgba(0,0,0,20%); transition: all .3s ease; transform: translateY(-3px);} .evt_pcptn_btn {border-radius: 3rem; box-shadow: 3px 3px 5px rgba(0,0,0,30%); padding: 6px 15px;}