diff --git a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html index 643271ff..8c34dc8a 100644 --- a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html +++ b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html @@ -24,7 +24,7 @@ -
+

네이버 간편인증

diff --git a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html index 83ac9e5d..20f13144 100644 --- a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html +++ b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html @@ -24,7 +24,7 @@ -
+

네이버 간편인증

diff --git a/src/main/webapp/kofair_case_seed/usr/style/common.css b/src/main/webapp/kofair_case_seed/usr/style/common.css index 15003be7..fe45ed93 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/common.css +++ b/src/main/webapp/kofair_case_seed/usr/style/common.css @@ -31,7 +31,7 @@ .btn.darkblue_border{background:#fff;border:1px solid #2435ac;color:#2435ac;} .btn.gray_border{border:1px solid #d8d8d8;} .btn.gray_border:hover{background:#f8f9fa;border:1px solid #b5b5b5;} -.btn.darkgray_border{border:1px solid #888888;color:#666;} +.btn.darkgray_border{border:1px solid #888888;background:#fff;color:#666;} .btn.gray_fill{background:#8a8a8a;color:#fff;} .btn.skyblue_fill{background:#e3edfe;border:1px solid #c4d9fd;color:#6b75c9;} .btn.darkblue_fill{background:#2e40ba;color:#fff;} @@ -149,14 +149,14 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;} /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ - /* 버튼 */ - .btn{border-radius:10px;} - .btn:hover{box-shadow:none;} + /* 버튼 */ + :not(".window_popup.idf") .btn{border-radius:10px;} + :not(".window_popup.idf") .btn:hover{box-shadow:none;} - .btn_35{height:70px;font-size:3.2rem;padding:0 50px;} - .btn_40{height:80px;font-size:3.4rem;padding:0 38px;} - .btn_45{height:90px;font-size:3.4rem;padding:0 36px;} - .btn_50{height:100px;font-size:4rem;} + :not(".window_popup.idf") .btn_35{height:70px;font-size:3.2rem;padding:0 50px;} + :not(".window_popup.idf") .btn_40{height:80px;font-size:3.4rem;padding:0 38px;} + :not(".window_popup.idf") .btn_45{height:90px;font-size:3.4rem;padding:0 36px;} + :not(".window_popup.idf") .btn_50{height:100px;font-size:4rem;} /* 노출/숨김 */ @@ -164,8 +164,8 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;} /* input, select, textarea */ .input_box{gap:30px;} - .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;} - .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;} + :not(".window_popup.idf") .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;} + :not(".window_popup.idf") .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;} .select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);} .radio{width:30px;height:30px;margin:0 21px 0 0;} .radio+label{font-size:3.4rem;} diff --git a/src/main/webapp/kofair_case_seed/usr/style/popup.css b/src/main/webapp/kofair_case_seed/usr/style/popup.css index 1f873c51..862d467f 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/popup.css +++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css @@ -46,6 +46,7 @@ .type_popup .box.white_fill>dd:last-child{margin:0;} /* 간편인증 팝업 */ +.window_popup{min-width:280px;margin:0 auto;} .idf.window_popup .title_area{display:flex;width:100%;height:50px;font-size:1.9rem;font-weight:bold;color:#fff;padding:0 20px;background:#2870ed;align-items:center;} .idf.window_popup .cont_area{padding:30px;} .idf.window_popup .agree_box_area{display:flex;margin:17px 0 0 0;flex-direction:column;gap:11px;} @@ -54,10 +55,15 @@ .idf.window_popup input[type="checkbox"]{width:18px;height:18px;} .idf.window_popup input[type="checkbox"]+label{font-size:1.7rem;} .idf.window_popup .btn_wrap button{width:100px;} -.idf.window_popup .title.gMarket_bold{font-size:2.8rem;} +.idf.window_popup .title.gMarket_bold{font-size:2.8rem;;} .idf.window_popup .lock{width:28px;height:35px;background:url(/kofair_case_seed/usr/images/component/icon_lock.png) no-repeat center;margin:0 9px 0 0;vertical-align:sub;} /* ==================== 모바일 ==================== */ @media screen and (max-width: 767px){ .popup_wrap{min-width:90%; width:90% !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;} + + .idf.window_popup input[type="checkbox"]+label{font-size:1.5rem;} + .idf.window_popup .darkgray_border{font-size:1.5rem;padding:0 10px;} + .idf.window_popup colgroup{display:none;} + .idf.window_popup .table_type_rows table tbody th{width:100%;align-items:center;} } \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css index 3a2c9bc8..0e46ed15 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -348,26 +348,26 @@ .mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;} .mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;} - .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;} - .table_type_rows colgroup{display:none;} - .table_type_rows table tr{display:flex;flex-wrap:wrap;} - .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;} - .table_type_rows table tbody td.td_substance{height:auto;padding:15px;} - .table_type_rows table tbody th{padding:15px 45px;} + :not(".window_popup.idf") .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;} + :not(".window_popup.idf") .table_type_rows colgroup{display:none;} + :not(".window_popup.idf") .table_type_rows table tr{display:flex;flex-wrap:wrap;} + :not(".window_popup.idf") .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;} + :not(".window_popup.idf") .table_type_rows table tbody td.td_substance{height:auto;padding:15px;} + :not(".window_popup.idf") .table_type_rows table tbody th{padding:15px 45px;} - .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);} + :not(".window_popup.idf") .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);} - .table_type_rows table .phone_wrap{width:100%;} - .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);} + :not(".window_popup.idf") .table_type_rows table .phone_wrap{width:100%;} + :not(".window_popup.idf") .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);} - .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;} - .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);} - .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;} - .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);} + :not(".window_popup.idf") .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;} + :not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);} + :not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;} + :not(".window_popup.idf") .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);} - .table_type_rows table+.cf_text{margin:30px 0 0 0;} + :not(".window_popup.idf") .table_type_rows table+.cf_text{margin:30px 0 0 0;} - .scroll_table{overflow:auto;} + :not(".window_popup.idf") .scroll_table{overflow:auto;} /* view */