/* partner *//* common */ .partner-wrap .sec-menu-wrap { margin-bottom: 45px; } .partner-wrap .sec-menu-wrap .swiper-wrapper { justify-content: center; } .partner-wrap .select-season { width: 180px; margin: 0 auto; } .partner-wrap .select-season .bootstrap-select .dropdown-toggle { padding: 9px 16px; background: transparent; } .partner-wrap .select-season .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: var(--font24); } .partner-wrap .sec-about .partner-txt { padding: 70px 50px; background-color: #FAF9FB; } .partner-wrap .sec-about .partner-txt .partner-div { margin-bottom: 45px; } .partner-wrap .sec-about .partner-txt h5 { position: relative; padding-left: 15px; margin-bottom: 20px; font-size: var(--font32); color: #2929F9; } .partner-wrap .sec-about .partner-txt h5::before { content: ""; display: block; position: absolute; top: 4px; left: 0; width: 5px; height: 30px; background-color: #2929F9; } .partner-wrap .partner-qna { width: 100%; padding: 18px; border-radius: var(--radius20); background-color: var(--gray13); } .partner-wrap .sec-about .partner-poster { width: 96%; max-width: 1000px; padding: 0; margin: 0 auto; background-color: #FAF9FB; text-align: center; } .partner-wrap .sec-about .partner-poster img { width: 100%; } .partner-wrap .sec-about .partner-txt {} .partner-wrap .sec-about .partner-txt .partner-tutorial .video-box { margin-bottom: 30px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide { position: relative; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide div { overflow: hidden; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-prev, .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-next { width: 46px; height: 46px; line-height: 46px; font-size: var(--font14) !important; font-weight: var(--font800); color: var(--gray04); border-radius: 50%; background-color: var(--white); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-prev { top: 52%; left: -20px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-next { top: 52%; right: -20px; } .partner-wrap .sec-about .partner-txt .partner-step ol { display: flex; justify-content: stretch; flex-wrap: wrap; gap: 30px; text-align: center; } .partner-wrap .sec-about .partner-txt .partner-step ol li { width: calc(25% - 23px); padding: 45px 10px 30px; border: 1px solid var(--gray09); border-radius: var(--radius20); cursor: pointer; } .partner-wrap .sec-about .partner-txt .partner-step ol li p { font-size: var(--font16); color: var(--gray04); } .partner-wrap .sec-about .partner-txt .partner-step ol li img { display: block; margin: 20px auto; } .partner-wrap .sec-about .partner-txt .partner-step ol li strong { display: block; font-size: var(--font24); } .partner-wrap .sec-about .partner-txt .partner-step2 ol { } .partner-wrap .sec-about .partner-txt .partner-step2 ol li span { display: inline-block; padding: 11px 35px 8px; border-radius: 20px 20px 20px 0; background-color: #2929F9; font-size: var(--font16); color: var(--white); } .partner-wrap .sec-about .partner-txt .partner-step2 ol li strong { display: block; font-size: var(--font22); margin: 15px 0 5px; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li + li { margin-top: 40px; } .partner-wrap .sec-about .btn-box { margin-top: 50px; } .partner-wrap .sec-about .btn-box a { max-width: 240px; background-color: #2929F9; font-size: var(--font15); color: var(--white); } .partner-wrap .partner-result { width: 100%; padding: 18px; border-radius: var(--radius20); background-color: #fcf5f6; } .partner-wrap .form-w .form-basic .input-box .sel-input { display: flex; justify-content: flex-start; gap: 30px; } .partner-wrap .form-w .form-basic .input-list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .partner-wrap .form-w .form-basic .input-list dt { width: 50px; margin-bottom: 5px; } .partner-wrap .form-w .form-basic .input-list dt label { width: 100%; } .partner-wrap .form-w .form-basic .input-list dd { width: calc(100% - 60px); margin-bottom: 5px; } .partner-wrap .form-w .form-basic .file-box .input-list { align-items: flex-start; } .partner-wrap .form-w .form-basic .file-box label { display: inline-block; width: 100%; height: 48px; line-height: 48px; padding: 0 14px; margin-bottom: 5px; border-radius: var(--radius20); background-color: var(--gray13); overflow: hidden; } .partner-wrap .form-r .dl-wrap dt { width: 25%; min-width: 80px; } .partner-wrap .form-r .dl-wrap dd { word-break: break-all; } .partner-wrap .sec-manager .table-top:not(.flex-side) { justify-content: flex-end; } .partner-wrap .sec-manager .table-top .search-wrap { width: 100%; max-width: 394px; } .partner-wrap .sec-manager .respTable table { min-width: 960px; font-size: var(--font13); } .partner-wrap .sec-manager .respTable table th { line-height: 1.05; } .partner-wrap .sec-manager .respTable table td { padding: 11px 7px; } .partner-wrap .sec-manager .respTable table td input { position: relative; width: auto; height: auto; vertical-align: middle; clip-path: initial; appearance: auto; } .partner-wrap .sec-manager .respTable table td button { min-width: 61px; height: 38px; font-size: var(--font13); padding: 5px 15px; border-radius: var(--radius10); } .partner-wrap .sec-manager .respTable table .order-date { width: 18%; } .partner-wrap .sec-manager .respTable table .order-id { width: auto; } .partner-wrap .sec-manager .respTable table .order-state { width: 18%; } .partner-wrap .sec-manager .respTable table .order-certificate { width: 13%; } .partner-wrap .sec-manager .respTable table .charge-acorn { width: 13%; } .partner-wrap .sec-manager .respTable table .order-right { width: 13%; } .partner-wrap .sec-manager .respTable table .order-refund { width: 13%; } .partner-wrap .sec-manager .respTable table .order-state .date { display: block; font-size: 11px; color: var(--gray05); } .partner-wrap .sec-manager .respTable table .apply-down { width: 45px; } .partner-wrap .sec-manager .respTable table .apply-ranking { width: 55px; } .partner-wrap .sec-manager .respTable table .apply-name p { cursor: pointer; } .partner-wrap .sec-manager .respTable table .apply-name p:hover { color: var(--primary); } .partner-wrap .sec-manager .respTable table .apply-email { width: auto; word-break: break-all; } .partner-wrap .sec-manager .respTable table .apply-upfile { width: 8%; } .partner-wrap .sec-manager .respTable table .apply-upfile img { width: 25px; } .partner-wrap .sec-manager .respTable table .apply-status { width: 10%; } @media all and (max-width : 1024px ) { .partner-wrap .sec-about .partner-txt { width: 96%; padding: 50px 35px; } } @media all and (max-width : 960px ) { .partner-wrap .sec-about .partner-txt h5 { font-size: var(--font28); margin-bottom: 13px; } .partner-wrap .sec-about .partner-txt h5::before { height: 26px; } .partner-wrap .sec-about .partner-txt .partner-step ol { display: flex; gap: 15px; } .partner-wrap .sec-about .partner-txt .partner-step ol li { width: calc(25% - 12px); padding: 30px 10px 25px; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li span { padding: 9px 30px 6px; } .partner-wrap .sec-about .partner-txt .partner-step ol li img { max-width: 40%; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li strong { font-size: var(--font20); } } @media all and (max-width : 768px ) { .partner-wrap .sec-menu-wrap { margin-bottom: 20px; } .partner-wrap .sec-menu-wrap .swiper-tab ul li a { font-size: 14px; } { margin-bottom: 20px; } .partner-wrap .form-w .form-basic .input-list dt { width: 40px; } .partner-wrap .form-w .form-basic .input-list dd { width: calc(100% - 50px); } .partner-wrap .form-w .form-basic .file-box .input-list dt { margin-top: 8px; } .partner-wrap .sec-about .partner-poster { width: 94%; } .partner-wrap .sec-about .partner-txt { width: 94%; } .partner-wrap .sec-about .partner-txt h5 { font-size: var(--font28); margin-bottom: 13px; } .partner-wrap .sec-about .partner-txt h5::before { height: 26px; } .partner-wrap .sec-about .partner-txt .partner-div { margin-bottom: 30px; } .partner-wrap .sec-about .partner-txt .partner-step ol { display: flex; gap: 15px; } .partner-wrap .sec-about .partner-txt .partner-step ol li { width: calc(25% - 12px); padding: 30px 10px 25px; } .partner-wrap .sec-about .partner-txt .partner-step ol li img { max-width: 40%; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li + li { margin-top: 25px; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li span { padding: 9px 30px 6px; } .partner-wrap .sec-about .partner-txt .partner-step2 ol li strong { font-size: var(--font20); } } @media all and (max-width : 640px ) { .partner-wrap .sec-about .partner-poster img { width: 80%; margin-top: 40px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide { margin: 20px 0 40px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-prev, .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-next { width: 35px; height: 35px; line-height: 36px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-prev { top: 52%; left: -20px; } .partner-wrap .sec-about .partner-txt .partner-tutorial .partner-slide .swiper-button-next { top: 52%; right: -20px; } .partner-wrap .sec-about .partner-txt { padding: 40px 20px; } .partner-wrap .sec-about .partner-txt .partner-step ol li { width: calc(50% - 8px); } .partner-wrap .sec-about .partner-txt .partner-step ol li strong { font-size: var(--font20); } } @media all and (max-width : 480px ) { .partner-wrap .sec-menu-wrap .swiper-wrapper { justify-content: flex-start; } .partner-wrap .form-w .form-basic .input-box .sel-input { flex-direction: column; gap: 3px; } .partner-wrap .form-r .dl-wrap dl { flex-direction: column; justify-content: flex-start; } .partner-wrap .form-r .dl-wrap dt, .partner-wrap .form-r .dl-wrap dd { width: 100%; max-width: 100%; } } @media all and (max-width : 320px ) { .partner-wrap .sec-about .partner-txt { padding: 40px 15px; } .partner-wrap .sec-about .partner-txt .partner-step ol li { width: 100%; padding: 22px 10px 15px; } .partner-wrap .sec-about .partner-txt .partner-step ol li img { max-width: 25%; margin: 10px auto; } } /* deposit *//* modal */ .modal-deposit .modal .modal-body .tit { font-size: var(--font18); margin-bottom: 10px; } .modal-deposit .modal .modal-body .account-info { display: flex; align-items: flex-start; gap: 30px; } .modal-deposit .modal .modal-body .account-img { width: 45%; } .modal-deposit .modal .modal-body .account-txt { flex: 1 1 0; font-size: var(--font13); } .modal-deposit .modal .modal-body .account-txt ul { margin-bottom: 20px; } .modal-deposit .modal .modal-body .account-txt ul li.point { color: var(--primary); } .modal-deposit .modal .modal-body .account-txt dl dt { color: var(--gray06); } .modal-deposit .modal .modal-body .account-txt dl dd { font-size: var(--font16); font-weight: var(--font600); margin-bottom: 10px; } .modal-deposit .modal .modal-body .deposit-wrap { margin: 20px 0; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap { max-width: 100%; width: 100%; border-radius: var(--radius20); border: 2px dashed var(--gray10); } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap > div { position: relative; width: 100%; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap label { width: 100%; padding: 3%; text-align: center; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap label img { max-width: 36px; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap label.preview-is img { width: 100%; max-width: 100%; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap.img-preview .del-preview { position:absolute; top:23px; right: 23px; display:inline-block; z-index:5; } .modal-deposit .modal .modal-body .deposit-wrap .img-wrap.img-preview .del-preview i { width:20px; height: 20px; line-height: 20px; font-size: var(--font12); color: var(--white); text-align: center; border-radius: 50%; background-color: var(--black); opacity: 0.54; cursor: pointer; } #pop_view {} @media all and (max-width : 480px ) { .modal-deposit .modal .modal-body .account-info { flex-direction: column; } .modal-deposit .modal .modal-body .account-img { width: 100%; text-align: center; } .modal-deposit .modal .modal-body .account-txt { width: 100%; } .modal-deposit .modal .modal-body .account-img img { max-width: 240px; } } /* application *//* modal */ .modal-application .modal .modal-body .form-read { margin-bottom: 3px } .modal-application .modal .modal-body .form-read dl { display: flex; justify-content: stretch; gap: 5px; padding: 10px 0; border-bottom: 1px solid var(--gray10); font-size: var(--font14); } .modal-application .modal .modal-body .form-read dl dt { width: 40%; color: var(--gray06); } .modal-application .modal .modal-body .form-read dl dd { width: 60%; } .modal-application .modal .modal-body .form-read dl dd a { margin-right: 5px; } .modal-application .modal .modal-body .form-read dl dd a img { width: 20px; height: 20px; } .modal-application .modal .modal-body .form-read dl dd input { width: 100%; font-size: 12px; } .modal-application .modal .modal-body .form-read dl dd .attachment { margin-right: 5px; } .modal-application .modal .modal-body .form-read dl dd .attachment img { width: 22px; height: 22px; vertical-align: middle; } .modal-application .modal .modal-body .form-read dl dd .judgeView { padding: 7px 18px; margin-right: 5px; font-size: var(--font13); } .modal-application .modal .modal-body .form-read dl dd .accordion-item { border: none; } .modal-application .modal .modal-body .form-read dl dd .accordion-head { padding: 10px 0; font-size: var(--font13); font-weight: var(--font500); } .modal-application .modal .modal-body .form-read dl dd .accordion-head p::after { top: 11px; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table th, .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table td { padding: 8px 5px; font-size: 12px; word-break: break-all; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table label { width: 100%; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table input { background-color: transparent; text-align: center; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table tfoot tr { background-color: var(--gray13); } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip { width: 15px; height: 15px; background-size: contain; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip .helpTipTxt { top: 60px; bottom: initial; right: 20px; left: initial; font-size: 11px; /*font-size: var(--font14);*/ } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip::after {display: none; } @media all and (max-width : 640px ) { .modal-application .modal .modal-body .form-read dl { flex-direction: column; } .modal-application .modal .modal-body .form-read dl dt, .modal-application .modal .modal-body .form-read dl dd { width: 100%; } } @media all and (max-width : 480px ) { .modal-application .modal .modal-body .form-read dl dd button { width: 100%; margin: 0 0 5px 0; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table thead tr { position: relative; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip { position: initial; } .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip .helpTipTxt { width: 100%; top: 70px; right: 0; } } @media all and (max-width : 320px ) { .modal-application .modal .modal-body .form-read dl dd .accordion-item .respTable table .helpTip .helpTipTxt { top: 95px; } } /* K-POP */ .partner-wrap .sec-about .partner-txt .partner-promotion { } .partner-wrap .sec-applyKpop .p-summary .mg-t10 { display: inline-block; } .partner-wrap .sec-applyKpop i.mark-required { color: #1582d7; } .partner-wrap .sec-applyKpop .tab-cnt-wrap .tab-cnt.current { padding: 20px; margin: 10px 0; border-radius: var(--radius20); background-color: var(--gray13); } .partner-wrap .sec-kpopOrder .respTable table .charge-acorn { display: none; } .partner-wrap .sec-kpopList .respTable table th .percent { font-size: 11px; } .partner-wrap .sec-kpopList .respTable table .apply-down { display: none; } .partner-wrap .sec-kpopList .respTable table .apply-name { width: 15%; } .partner-wrap .sec-kpopList .respTable table .apply-call1 { width: 10%; } .partner-wrap .sec-kpopList .respTable table .apply-score1 { width: 8%; } .partner-wrap .sec-kpopList .respTable table .apply-score2 { width: 22%; } .partner-wrap .sec-vote { } .partner-wrap .sec-vote .vote-inner { padding: 50px 35px; } .partner-wrap .sec-vote .vote-bg { background: linear-gradient(270deg, rgba(245,137,44,1) 0%, rgba(230,44,53,1) 20%, rgba(192,28,171,1) 45%, rgba(97,36,227,1) 100%); color: var(--white); } .partner-wrap .sec-vote .vote-txt1 { position: relative; background: url('/assets/img/partner/kpop_vote1.png') no-repeat bottom left, url('/assets/img/partner/kpop_vote2.png') no-repeat top right; } .partner-wrap .sec-vote .vote-txt1 h4 { font-size: var(--font40); font-weight: var(--font800); margin-bottom: 20px; } .partner-wrap .sec-vote .vote-txt1 p { max-width: calc(100% - 320px); } .partner-wrap .sec-vote .vote-txt1 .vote-period { position: absolute; right:30px; bottom: 30px; display: inline-block; padding: 13px 30px; border-radius: var(--radius20); background-color: rgba(0,0,0,0.7); font-size: 12px; } .partner-wrap .sec-vote .vote-txt2 { display: flex; justify-content: space-between; align-items: flex-end; margin: 20px auto; } .partner-wrap .sec-vote .vote-txt2 .select-sort { width: 210px; } .partner-wrap .sec-vote .vote-list h5.tit { color: #1A274F; font-size: var(--font28); font-weight: var(--font800); margin-bottom: 30px; } .partner-wrap .sec-vote .vote-list h5.tit span { display: inline-block; color: var(--white); font-size: var(--font16); padding: 7px 15px; margin-right: 10px; border-radius: var(--radius20); vertical-align: middle; background-color: #6524E1; } .partner-wrap .sec-vote .vote-list ul { display: flex; flex-wrap: wrap; gap: 20px; } .partner-wrap .sec-vote .vote-list ul li { width: calc(20% - 16px); border-radius: var(--radius20); overflow: hidden; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07); background-color: var(--white);} .partner-wrap .sec-vote .vote-list ul li .img-box { border-radius: var(--radius20); } .partner-wrap .sec-vote .vote-list .ap-name { padding: 15px 15px 15px; } .partner-wrap .sec-vote .vote-list .ap-btn { padding: 0 15px 15px; } .partner-wrap .sec-vote .vote-list .ap-btn button i { width: 22px; height: 22px; vertical-align: text-bottom; } .partner-wrap .sec-vote .vote-list .ap-btn .like i { background: url('/assets/img/partner/icon_like.svg') no-repeat 0 -22px; background-size: 22px; } .partner-wrap .sec-vote .vote-list .ap-btn .like.on i { background-position: 0 0; } .partner-wrap .sec-vote .vote-list .ap-btn .play i { background: url('/assets/img/partner/icon_play.svg') no-repeat center center; background-size: 22px; } .partner-wrap .sec-vote .vote-top10 { background-color: var(--gray12); } @media all and (max-width : 1200px ) { .partner-wrap .sec-vote .vote-list ul li { width: calc(25% - 15px); } } @media all and (max-width : 960px ) { .partner-wrap .sec-vote .vote-txt1 { background-size: 50%; } .partner-wrap .sec-vote .vote-txt1 h4 { font-size: var(--font32); } .partner-wrap .sec-vote .vote-txt1 p { max-width: 100%; } .partner-wrap .sec-vote .vote-txt1 .vote-period { position: relative; right: inherit; bottom: inherit; padding: 11px 20px; margin-top: 10px; } .partner-wrap .sec-vote .vote-txt2 { flex-direction: column; align-items: flex-start; } .partner-wrap .sec-vote .vote-txt2 .select-sort { align-self: flex-end; margin-top: 10px; } .partner-wrap .sec-vote .vote-inner { padding: 35px 25px; } .partner-wrap .sec-vote .vote-list ul { gap: 15px; } .partner-wrap .sec-vote .vote-list ul li { width: calc(33.33% - 10px); } } @media all and (max-width : 768px ) { .partner-wrap .sec-vote .vote-list h5.tit { font-size: var(--font20); margin-bottom: 18px; } .partner-wrap .sec-vote .vote-list h5.tit span { padding: 5px 12px; margin-right: 5px; } } @media all and (max-width : 640px ) { .partner-wrap .sec-vote .vote-list ul li { width: calc(50% - 8px); } } /* K-POP *//* modal */ #kpopStep4 .modal .modal-body p, #kpopStep4 .modal .modal-body iframe { width: 100%; } .modal-score .modal .modal-body .respTable table { min-width: 650px; } .modal-score .modal .modal-body .respTable table .part1 { width: 130px; } .modal-score .modal .modal-body .respTable table .part2 { width: 130px; } .modal-score .modal .modal-body .respTable table .judge1 { width: 78px; } .modal-score .modal .modal-body .respTable table .judge2 { width: 78px; } .modal-score .modal .modal-body .respTable table .judge3 { width: 78px; } .modal-score .modal .modal-body .respTable table .judge4 { width: 78px; } .modal-score .modal .modal-body .respTable table .judge5 { width: 78px; } .modal-score .modal .modal-body .respTable table th, .modal-score .modal .modal-body .respTable table td { padding: 9px; font-size: var(--font14); } .modal-score .modal .modal-body .respTable table .part1 span { display: block; } .modal-score .modal .modal-body .respTable table tfoot tr { background-color: var(--gray10); } /* Top Model */ .partner-wrap .sec-tmOrder .respTable table .charge-acorn, .partner-wrap .sec-tmOrder .respTable table .order-right { display: none; } /* pik */ .partner-wrap .sec-pikList .list-etc { padding: 20px; margin-bottom: 30px; border-radius: var(--radius15); background-color: #fcf5f6; } .partner-wrap .sec-pikList .list-etc div { display: flex; justify-content: space-between; align-self: center; font-weight: var(--font600); } .partner-wrap .sec-pikList .list-etc strong { color: var(--primary); } .partner-wrap .sec-manager .respTable table { min-width: 960px; font-size: 13px; } .partner-wrap .sec-pikList .respTable table .apply-down, .partner-wrap .sec-danceList .respTable table .apply-down, .partner-wrap .sec-roomList .respTable table .apply-down { display: none; } .partner-wrap .sec-pikList .respTable table .apply-name, .partner-wrap .sec-danceList .respTable table .apply-down, .partner-wrap .sec-roomList .respTable table .apply-down { width: 28%; } .partner-wrap .sec-pikList .respTable table .apply-call1, .partner-wrap .sec-danceList .respTable table .apply-call1, .partner-wrap .sec-roomList .respTable table .apply-call1 { width: 20%; } .partner-wrap .sec-pikList .respTable table .apply-photoTxt { width: 35%; } .partner-wrap .sec-pik .pik-list ul { display: flex; flex-wrap: wrap; gap: 20px; } .partner-wrap .sec-pik .pik-list ul li { width: calc(20% - 16px); border-radius: var(--radius20); overflow: hidden; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07); background-color: var(--white);} .partner-wrap .sec-pik .pik-list ul li .img-box { border-radius: var(--radius20); cursor: pointer; } .partner-wrap .sec-pik .pik-list ul li .img-enlarge .img-box span.enlarge { display: none; } .partner-wrap .sec-pik .pik-list ul li .img-enlarge .img-box:hover span.enlarge { content:""; display: block; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 9px 15px 7px 37px; border-radius: var(--radius20); background: rgba(0, 0, 0, 0.7) url(/assets/img/market/icon_closeup_on.svg) no-repeat 13% 48%; color: var(--white);} .partner-wrap .sec-pik .pik-list .ap-name { padding: 15px 15px 15px; } .partner-wrap .sec-applyRoom .apply-room-icon img { width: 20px; } .partner-wrap .sec-applyRoom .form-basic .input-box.domain { color: var(--gray07); padding: 10px 27px; border: 1px solid var(--black); } @media all and (max-width : 1200px ) { .partner-wrap .sec-pik .pik-list ul li { width: calc(25% - 15px); } } @media all and (max-width : 960px ) { .partner-wrap .sec-vote .vote-txt1 { background-size: 50%; } .partner-wrap .sec-vote .vote-txt1 h4 { font-size: var(--font32); } .partner-wrap .sec-vote .vote-txt1 p { max-width: 100%; } .partner-wrap .sec-vote .vote-txt1 .vote-period { position: relative; right: inherit; bottom: inherit; padding: 11px 20px; margin-top: 10px; } .partner-wrap .sec-vote .vote-txt2 { flex-direction: column; align-items: flex-start; } .partner-wrap .sec-vote .vote-txt2 .select-sort { align-self: flex-end; margin-top: 10px; } .partner-wrap .sec-vote .vote-inner { padding: 35px 25px; } .partner-wrap .sec-pik .pik-list ul { gap: 15px; } .partner-wrap .sec-pik .pik-list ul li { width: calc(33.33% - 10px); } } @media all and (max-width : 768px ) { .partner-wrap .sec-pik .pik-list h5.tit { font-size: var(--font20); margin-bottom: 18px; } .partner-wrap .sec-pik .pik-list h5.tit span { padding: 5px 12px; margin-right: 5px; } } @media all and (max-width : 640px ) { .partner-wrap .sec-pik .pik-list ul li { width: calc(50% - 8px); } } /* pik *//* modal */