diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp index 1865741b..9e226c81 100644 --- a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp +++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp @@ -4565,16 +4565,16 @@ function nanumProcessStartTmp(){ - +
- - - + + + @@ -4962,18 +4962,18 @@ function nanumProcessStartTmp(){
-
+
- + @@ -5051,69 +5051,69 @@ function nanumProcessStartTmp(){ 예시기재
-
- - - - - - - - - - - - -
    -
  • -
  • 신청인 : ${rs.companyCeo}
    • -
  • 서명필요
    • -
- - -
    -
  • -
  • 신청인 : ${rs.companyCeo}
    • -
  • 서명자 : ${rs.caseBSignName}
    • -
  • 서명일시 : ${rs.caseBDate}
    • -
  • 종료요청서삭제
    • -
- - - - - - - - -
    -
  • -
  • 피신청인 : ${rs2.respondentCeo}
    • -
  • 서명필요
    • -
- - -
    -
  • -
  • 피신청인 : ${rs2.respondentCeo}
    • -
  • 서명자 : ${rs2.caseBSignName}
    • -
  • 서명일시 : ${rs2.caseBDate}
    • -
  • 종료요청서삭제
    • -
- - - - - -
+
+ + + + + + + + + + + + +
    +
  • +
  • 신청인 : ${rs.companyCeo}
    • +
  • 서명필요
    • +
+ + +
    +
  • +
  • 신청인 : ${rs.companyCeo}
    • +
  • 서명자 : ${rs.caseBSignName}
    • +
  • 서명일시 : ${rs.caseBDate}
    • +
  • 종료요청서삭제
    • +
+ + + + + + + + +
    +
  • +
  • 피신청인 : ${rs2.respondentCeo}
    • +
  • 서명필요
    • +
+ + +
    +
  • +
  • 피신청인 : ${rs2.respondentCeo}
    • +
  • 서명자 : ${rs2.caseBSignName}
    • +
  • 서명일시 : ${rs2.caseBDate}
    • +
  • 종료요청서삭제
    • +
+ + + + + +
@@ -5144,16 +5144,16 @@ function nanumProcessStartTmp(){ 예시기재
-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) + @@ -5234,15 +5234,15 @@ function nanumProcessStartTmp(){
-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) + @@ -5307,15 +5307,15 @@ function nanumProcessStartTmp(){

등기이력조회

-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) + @@ -5336,15 +5336,15 @@ function nanumProcessStartTmp(){

기타

-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) + @@ -5389,13 +5389,13 @@ function nanumProcessStartTmp(){

신청인 사건문서첨부

-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) - 삭제 - + @@ -5418,13 +5418,13 @@ function nanumProcessStartTmp(){

조사관 사건문서첨부(신청인)

-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) - 삭제 - + @@ -5447,13 +5447,13 @@ function nanumProcessStartTmp(){

피신청인 사건문서첨부

-
+
-
- gif  [${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner}) - 삭제 - + @@ -5476,19 +5476,19 @@ function nanumProcessStartTmp(){

조사관 사건문서첨부
(피신청인)

- +
@@ -5520,7 +5520,7 @@ function nanumProcessStartTmp(){ @@ -5550,7 +5550,7 @@ function nanumProcessStartTmp(){ @@ -5580,7 +5580,7 @@ function nanumProcessStartTmp(){ @@ -5608,7 +5608,7 @@ function nanumProcessStartTmp(){ @@ -5636,7 +5636,7 @@ function nanumProcessStartTmp(){ @@ -5674,7 +5674,7 @@ function nanumProcessStartTmp(){ @@ -5694,7 +5694,7 @@ function nanumProcessStartTmp(){ @@ -8489,7 +8489,7 @@ function nanumProcessStartTmp(){
-

도급대금 내역 (피신청인)

+

도급대금 내역 (피신청인)

diff --git a/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png b/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png new file mode 100644 index 00000000..9125b843 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png differ diff --git a/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png b/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png new file mode 100644 index 00000000..886b8c63 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png differ diff --git a/src/main/webapp/kofair_case_seed/adm/style/style.css b/src/main/webapp/kofair_case_seed/adm/style/style.css index fd38df9e..3bb09708 100644 --- a/src/main/webapp/kofair_case_seed/adm/style/style.css +++ b/src/main/webapp/kofair_case_seed/adm/style/style.css @@ -153,6 +153,11 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;} .wrap .file_wrap table tbody td .btn_del{height:24px;vertical-align:middle;} .wrap .file_wrap .file_name img{display:inline-block;vertical-align:middle;} +.cs_file_list{display:inline-flex;width:calc(100% - 150px);flex-direction:column;gap:8px;} +.file_row{display:flex;padding:10px 20px;align-items:center;flex-wrap:wrap;gap:5px;background:#f4f5f6;border-radius:5px;} +.file_row .btn_file_del{width:18px;height:18px;background:#e40000;border-radius:5px;margin:2px 0 0 0;} +.file_row .btn_file_del i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/component/icon_popup_close_white.png) no-repeat center center;background-size:8px auto;} + /* 갤러리 리스트 */ .list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap} .list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;} diff --git a/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg new file mode 100644 index 00000000..2f95a274 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg new file mode 100644 index 00000000..5e43c738 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg differ diff --git a/src/main/webapp/kofair_case_seed/usr/index.html b/src/main/webapp/kofair_case_seed/usr/index.html index 3096cf80..44c59f38 100644 --- a/src/main/webapp/kofair_case_seed/usr/index.html +++ b/src/main/webapp/kofair_case_seed/usr/index.html @@ -22,11 +22,116 @@ + +
+ +
+ + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+ + + + +
+

+
+ +
+ +
+ +
+ + +
+ +
+
diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/index.js b/src/main/webapp/kofair_case_seed/usr/scripts/index.js index a95850fb..e98d0db9 100644 --- a/src/main/webapp/kofair_case_seed/usr/scripts/index.js +++ b/src/main/webapp/kofair_case_seed/usr/scripts/index.js @@ -1,9 +1,88 @@ -$(function(){ - +$(function () { + + // 팝업 slide slick 으로 + var popupswiper = new Swiper(".popup_slide", { + slidesPerView: 1, + spaceBetween: 25, + loop: false, + pagination: { + el: ".popup_number", + type: "fraction", + }, + navigation: { + nextEl: ".popup_next", + prevEl: ".popup_prev", + }, + breakpoints: { + 768: { + slidesPerView: 2, + spaceBetween: 20, + }, + 1300: { + slidesPerView: 3, + spaceBetween: 25, + } + }, + }); + + $(".btn_all_close").click(function () { + $(".popup_area").hide(); + popupswiper.disable(); + }); + + + + + /* + // 슬라이드 삭제. + // 팝업 slide slick 으로 / swiper는 슬라이드 삭제 시 오류 발생 + $(".popup_slide").slick({ + slidesToShow: 2, + slidesToScroll: 1, + speed: 500, + accessibility: false, + infinite: false, + centerMode: false, + variableWidth: false, + responsive: [{ + breakpoint: 768, + settings: { + arrows: true, + accessibility: false, + infinite: false, + centerMode: false, + variableWidth: false, + centerPadding: '0px', + slidesToShow: 1, + } + }, + { + breakpoint: 1200, + settings: { + arrows: true, + accessibility: false, + infinite: false, + centerMode: false, + variableWidth: false, + centerPadding: '30px', + slidesToShow: 1, + } + } + ] + }); + + $(".btn_all_close").click(function(){ + $(".popup_area").hide(); + $('.popup_slide').slick('unslick'); + });*/ + + + + var swiper = new Swiper(".case_list", { slidesPerView: 4, spaceBetween: 25, - loop:false, + loop: false, navigation: { nextEl: ".case_content .btn_next", prevEl: ".case_content .btn_prev", @@ -23,7 +102,7 @@ $(function(){ var swiper = new Swiper(".banner_slide", { slidesPerView: 6, spaceBetween: 25, - loop:true, + loop: true, navigation: { nextEl: ".banner_contents .btn_next", prevEl: ".banner_contents .btn_prev", @@ -40,11 +119,12 @@ $(function(){ } }); - $(".notice_content .tab").click(function(){ + $(".notice_content .tab").click(function () { $(this).addClass("active"); $(this).siblings(".tab").removeClass("active"); $(this).next(".tab_content").addClass("active"); $(this).next(".tab_content").siblings(".tab_content").removeClass('active'); }) -}) \ No newline at end of file +}) + diff --git a/src/main/webapp/kofair_case_seed/usr/style/case.css b/src/main/webapp/kofair_case_seed/usr/style/case.css index c8daf083..44fa02cf 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/case.css +++ b/src/main/webapp/kofair_case_seed/usr/style/case.css @@ -14,6 +14,11 @@ .case_content .view_top .input_box{margin:5px 0 0 36px;} .case_step li{width:calc((100% / 2) - 3px);} .case_step button{width:100%;height:90px;font-size:3.4rem;border:2px solid #d8d8d8;border-radius:10px;} + + /* 마이페이지 > 법률상담 */ + .law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 140px);} + .law_counsel_content .search_wrap li:nth-last-child(2) .input_text{width:100%;} + .law_counsel_content .search_wrap li:last-child{width:110px;} } /* ==================== 모바일 ==================== */ @@ -21,6 +26,11 @@ .case_content .view_top .input_box{margin:3px 0 0 18px;} .case_step button{height:45px;font-size:1.7rem;border:1px solid #d8d8d8;border-radius:5px;} + + /* 마이페이지 > 법률상담 */ + :not(.window_popup.idf) .law_counsel_content .search_wrap select[name=search_type], :not(.window_popup.idf) .law_counsel_content .search_wrap select[name=searchType]{width:100%;} + .law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 90px);} + .law_counsel_content .search_wrap li:last-child{width:80px;} } 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 fe45ed93..4fec49a1 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/common.css +++ b/src/main/webapp/kofair_case_seed/usr/style/common.css @@ -150,13 +150,13 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;} @media screen and (max-width: 1199px){ /* 버튼 */ - :not(".window_popup.idf") .btn{border-radius:10px;} - :not(".window_popup.idf") .btn:hover{box-shadow:none;} + :not(.window_popup.idf) .btn{border-radius:10px;} + :not(.window_popup.idf) .btn:hover{box-shadow:none;} - :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;} + :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;} - :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;} + :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;} @@ -199,16 +199,16 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;} @media screen and (max-width: 767px){ /* 버튼 */ - .btn{border-radius:5px;} - .btn_35{height:35px;font-size:1.6rem;padding:0 25px;} - .btn_40{height:40px;font-size:1.7rem;padding:0 18px;} - .btn_45{height:45px;font-size:1.7rem;padding:0 18px;} - .btn_50{height:50px;font-size:2rem;} + :not(.window_popup.idf) .btn{border-radius:5px;} + :not(.window_popup.idf) .btn_35{height:35px;font-size:1.6rem;padding:0 25px;} + :not(.window_popup.idf) .btn_40{height:40px;font-size:1.7rem;padding:0 18px;} + :not(.window_popup.idf) .btn_45{height:45px;font-size:1.7rem;padding:0 18px;} + :not(.window_popup.idf) .btn_50{height:50px;font-size:2rem;} /* input, select, textarea */ - .input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;} - .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;} - .select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);} + :not(.window_popup.idf) .input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;} + :not(.window_popup.idf) .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;} + :not(.window_popup.idf) .select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);} .radio{width:16px;height:16px;margin:0 5px 0 0;} .radio+label{font-size:1.7rem;} .checkbox{width:18px;height:18px;margin:0 10px 0 0;border:2px solid #d8d8d8;} diff --git a/src/main/webapp/kofair_case_seed/usr/style/index.css b/src/main/webapp/kofair_case_seed/usr/style/index.css index 81324d60..7979a67f 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/index.css +++ b/src/main/webapp/kofair_case_seed/usr/style/index.css @@ -6,6 +6,54 @@ .main .icon.arrow.right{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_next.png) no-repeat center center;margin:0 0 0 3px;} .main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-3px 0 0 6px;} +/* 팝업 */ + +.popup_area{position:fixed;display:flex;width:100%;height:100%;flex-direction:column-reverse;justify-content:center;background:rgba(0,0,0,0.6);top:0;z-index:10;} +.popup_area .popup_slide{display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto;align-items:center;gap:30px;} +.popup_area .swiper-wrapper{height:auto;align-items:center;} +.popup_area .popup_wrap{border:0px solid #2e40ba;border-radius:10px;overflow:hidden;} +.popup_area .img_area{display:flex;width:100%;background:#f4f5f7;justify-content:center;align-items:center;} +.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;} +.popup_area .util_area span{display:flex;align-items:center;gap:6px;} + +.popup_area input[type="checkbox"]{width:18px;height:18px;} +.popup_area .btn_close{width:44px;height:44px;} +.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;} + +.popup_area .popup_navigation{position:absolute;display:flex;width:95%;height:100%;max-width:1560px;margin:0 auto;align-items:center;justify-content:space-between;left:50%;transform:translateX(-50%);} +.popup_area .popup_arrow{position:relative;width:30px;color:transparent;} +.popup_area .popup_arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;} +.popup_area .popup_arrow:disabled{background:transparent !important;border:0 !important;} +.popup_area .popup_arrow:disabled::after{opacity:0.5;} +.popup_area .popup_prev::after{transform:rotate(135deg);border-top:0;border-left:0;} +.popup_area .popup_next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px} + +.popup_util {display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto 20px auto;padding:0;justify-content:flex-end;z-index:5;} +.popup_util .popup_number{width:auto;font-size:1.8rem;color:#fff;margin:0 20px 0 0;} +.popup_util .index_number,.popup_util .swiper-pagination-current{font-size:2.4rem;font-weight:bold;color:#c4daff;} +.popup_util .btn_all_close,.popup_util .today_close{width:80px;height:36px;font-size:1.8rem;font-weight:400;color:#fff;background:rgba(0,0,0,0.4);border:1px solid #fff;border-radius:5px;;} +.popup_util .today_close{display:inline-flex;width:auto;padding:0 15px;margin:0 8px 0 0;align-items:center;} +.popup_util .today_close input[type="checkbox"]{width:20px;height:20px;margin:0 4px 0 0;} + +/* .popup_area .popup_slide{display:flex;width:80%;max-width:1440px;margin:0 auto;align-items:center;gap:30px;} +.popup_area .slick-slide{margin:0 20px;} +.popup_area .slick-slide:not(.slick-current){position:relative;} +.popup_area .slick-slide:not(.slick-current)::after{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;} +.popup_area .slick-arrow{position:relative;width:30px;color:transparent;} +.popup_area .slick-arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;} +.popup_area .slick-prev::after{transform:rotate(135deg);border-top:0;border-left:0;} +.popup_area .slick-next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px} */ +/* +.popup_area .popup_wrap{width:auto;height:auto;border:3px solid #2e40ba;flex-shrink:unset;} +.popup_area .img_area{display:flex;width:100%;background:#fff;justify-content:center;align-items:center;} +.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;} +.popup_area .util_area span{display:flex;align-items:center;gap:6px;} +.popup_area input[type="checkbox"]{width:18px;height:18px;} +.popup_area .btn_close{width:44px;height:44px;} +.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;} */ + +/* //팝업 */ + /* 바로가기 */ .visual{width:100%;padding:70px 0;background:url(/kofair_case_seed/usr/images/main/main_visual.jpg) no-repeat center center;text-align:center;background-size:cover;} @@ -143,6 +191,11 @@ /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ + + /* popup */ + .popup_area{flex-direction:column;} + .popup_area .swiper-wrapper{margin:0 auto;gap:0;} + .popup_util {margin:20px auto 0 auto;justify-content:center;} .main .icon.arrow.left{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_left_60.png) no-repeat center center;margin:0;} .main .icon.pause{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_pause_60.png) no-repeat center center;margin:0;} @@ -209,6 +262,12 @@ /* ==================== 모바일 ==================== */ @media screen and (max-width: 767px){ + + .popup_area .popup_slide{width:calc(90% - 60px);} + .popup_area .slick-slide{margin:0 10px;} + .popup_util {display:block;text-align:center;margin:20px auto 0 auto;} + .popup_util .popup_number{margin:0 0 20px 0;} + .popup_util .btn_all_close, .popup_util .today_close{vertical-align:middle;} .main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-4px 0 0 6px;} diff --git a/src/main/webapp/kofair_case_seed/usr/style/info.css b/src/main/webapp/kofair_case_seed/usr/style/info.css index 1d8da14e..10a24611 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/info.css +++ b/src/main/webapp/kofair_case_seed/usr/style/info.css @@ -63,12 +63,14 @@ /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ .news_service .text_explain{font-size:3.4rem;margin:80px 0;} + .news_service .gray_border.box .title{font-size:3.8rem;} .news_service .box.gray_fill .input_box{justify-content:flex-start;} .news_service .box.gray_fill li{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;} .news_service .box.gray_fill .apl_tit{width:120px;font-size:3.2rem;margin:15px 0 0 0;} .news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 140px);} .news_service .box.gray_fill .email_wrap{gap:20px;} - .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);} + .news_service .box.gray_fill .input_text{height:80px;} + .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);height:80px;} .news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 315px);} .news_service .box.gray_fill.agree_box{padding:40px;margin:80px 0;} @@ -105,12 +107,15 @@ /* ==================== 모바일 ==================== */ @media screen and (max-width: 767px){ - .news_service .text_explain{margin:40px 0;font-size:1.7rem;} + .news_service .text_explain{margin:40px 0;font-size:1.7rem;} + .news_service .gray_border.box .title{font-size:1.9rem;} + .news_service .box.gray_fill.agree_box{padding:20px;margin:40px 0;} .news_service .box.gray_fill .input_box{gap:15px;} .news_service .box.gray_fill .apl_tit{width:70px;font-size:1.6rem;margin:7.5px 0 0 0;} .news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 80px);} .news_service .box.gray_fill .email_wrap{gap:10px;} - .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);} + .news_service .box.gray_fill .input_text{height:40px;} + .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);height:40px;} .news_service .box.gray_fill .email_select{width:190px;} .news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 200px);} 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 0e46ed15..97c54b2e 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -309,10 +309,10 @@ .sub_con_tit{font-size:5rem;margin:60px 0 0 0;} .sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;} .search_wrap{padding:60px;margin:80px 0;gap:20px;} - .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;} - .search_wrap select[name=search_type]{width:180px;} - .search_wrap .input_text{width:calc(100% - 330px);} - .search_wrap .btn_search{width:110px;padding:0;} + :not(.window_popup.idf) .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;} + :not(.window_popup.idf) .search_wrap select[name=search_type],.search_wrap select[name=searchType]{width:180px;} + :not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 290px);height:80px;} + :not(.window_popup.idf) .search_wrap .btn_search{width:110px;height:80px;padding:0;font-size:3.6rem;padding:0;} .page a{font-size:3.4rem;} .page a,.page .only_icon{width:80px;height:80px;border-radius:10px;} @@ -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;} - :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;} + :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;} - :not(".window_popup.idf") .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);} - :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);} + :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);} - :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);} + :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);} - :not(".window_popup.idf") .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;} - :not(".window_popup.idf") .scroll_table{overflow:auto;} + :not(.window_popup.idf) .scroll_table{overflow:auto;} /* view */ @@ -431,6 +431,7 @@ /* calendar */ .search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;} + .search_wrap li .select{width:100%;} .search_wrap .calendar_term{width:calc(100% - 150px);} .search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);} .search_wrap .calendar_term .duet-date__input{font-size:3rem;} @@ -496,10 +497,10 @@ .sub_con_tit{font-size:2.5rem;margin:30px 0 0 0;} .sub_con_sub_tit{font-size:1.7rem;margin:40px 0;} .search_wrap{padding:30px;margin:40px 0;gap:10px;} - .search_wrap select[name=search_category]{width:100%;} - .search_wrap select[name=search_type]{width:90px;} - .search_wrap .input_text{width:calc(100% - 220px);} - .search_wrap .btn_search{width:80px;} + :not(.window_popup.idf) .search_wrap select[name=search_category]{width:100%;} + :not(.window_popup.idf) .search_wrap select[name=search_type],:not(.window_popup.idf) .search_wrap select[name=searchType]{width:90px;} + :not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 220px);height:40px;} + :not(.window_popup.idf) .search_wrap .btn_search{width:80px;height:40px;font-size:1.8rem;} .page a, .page .only_icon,.page i{width:40px;height:40px;border-radius:5px;font-size:1.7rem;} .page i{background-size:100% auto !important;}