From 58778500472d513ee5d596978355be9b0b3145db Mon Sep 17 00:00:00 2001 From: subsub Date: Mon, 9 Dec 2024 15:03:36 +0900 Subject: [PATCH] =?UTF-8?q?2024/12/09=20=EC=82=AC=EC=9A=A9=EC=9E=90=20?= =?UTF-8?q?=EB=A7=8C=EC=A1=B1=EB=8F=84=20=EC=A1=B0=EC=82=AC,=20=EB=B6=84?= =?UTF-8?q?=EC=9F=81=EC=A1=B0=EC=A0=95=EC=82=AC=EA=B1=B4=EC=A1=B0=ED=9A=8C?= =?UTF-8?q?=20=ED=8C=8C=EC=9D=BC=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98?= =?UTF-8?q?=EC=A0=95,=20=EC=8A=A4=ED=83=80=EC=9D=BC=EA=B0=80=EC=9D=B4?= =?UTF-8?q?=EB=93=9C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../user/mediation/checkMediationStep03.jsp | 10 +- .../WEB-INF/views/_common/_css/addrlink.css | 3 +- .../images/component/icon_satisfaction.png | Bin 0 -> 415 bytes .../images/component/icon_satisfaction_m.png | Bin 0 -> 852 bytes .../kofair_case_seed/usr/request/apl_06.html | 15 + .../kofair_case_seed/usr/style/common.css | 1 + .../kofair_case_seed/usr/style/index.css | 10 +- .../kofair_case_seed/usr/style/popup.css | 2 +- .../kofair_case_seed/usr/style/style.css | 33 ++ .../kofair_case_seed/usr/style_guide.html | 510 ++++++++++++++++++ 10 files changed, 572 insertions(+), 12 deletions(-) create mode 100644 src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction.png create mode 100644 src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction_m.png create mode 100644 src/main/webapp/kofair_case_seed/usr/style_guide.html diff --git a/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/checkMediationStep03.jsp b/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/checkMediationStep03.jsp index ad20bc47..71bf9624 100644 --- a/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/checkMediationStep03.jsp +++ b/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/checkMediationStep03.jsp @@ -343,7 +343,7 @@
- +
    @@ -384,7 +384,7 @@
    - +
      @@ -406,7 +406,7 @@
      - +
        @@ -425,7 +425,7 @@
        -
        +<%-- @@ -435,7 +435,7 @@
        - +
          diff --git a/src/main/webapp/WEB-INF/views/_common/_css/addrlink.css b/src/main/webapp/WEB-INF/views/_common/_css/addrlink.css index 5ba3958d..b62a06dc 100644 --- a/src/main/webapp/WEB-INF/views/_common/_css/addrlink.css +++ b/src/main/webapp/WEB-INF/views/_common/_css/addrlink.css @@ -69,7 +69,8 @@ .pop-address-search .pop-address-search-inner .wrap:after {content:""; display:block; clear:both} .pop-address-search .pop-address-search-inner .wrap *{height:39px; border:0 none} .pop-address-search .pop-address-search-inner .wrap input[type="text"] {width:100%; line-height:39px; font-size: 14px;} -.pop-address-search .pop-address-search-inner .wrap input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url(../img/btn-search.png) 50% 50% no-repeat} +/* .pop-address-search .pop-address-search-inner .wrap input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url(../img/btn-search.png) 50% 50% no-repeat} */ +.pop-address-search .pop-address-search-inner .wrap input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url(/kofair_case_seed/usr/images/component/icon_search_black_m.png) 50% 50% no-repeat;background-size:20px;} .pop-address-search .pop-address-search-inner .guide {display:inline-block; margin-top:14px; color:#186bb9; padding-right:39px} .pop-address-search .pop-address-search-inner .logo {text-align:center; margin-top:15px;} .pop-address-search .pop-address-search-inner .exam {text-align:left; margin-top:5px} diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction.png new file mode 100644 index 0000000000000000000000000000000000000000..d3619844cb9b1c4d93209eafaa5599862f192cbe GIT binary patch literal 415 zcmV;Q0bu@#P)T)W2$!K@-+rVGh*hevSi7+1w($XCClXt`l~jst zSVBmjKHFI)U}57ESP6GsSRY`^*d#)YiSQU=MF`i5cctppOBDrROL!_ivCy#7Dfs7mPCV*AkVFFu@Ca%FH*{ z6hy@Dh}i8mE<;4@mij&Dl^OiN*UWr<7m`ABf=xVav_rha=&l3>qtbWKXm4S*YzDWX z)X%WdXs>Zz$=r#EpAoU$k-uHyJ5_j&wMOfMMU^-`*CCI0*EJnSp3i2nIMxdKmRh_27X8^Ztq002ov JPDHLkV1o8BxorRd literal 0 HcmV?d00001 diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction_m.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_satisfaction_m.png new file mode 100644 index 0000000000000000000000000000000000000000..2ae2c5498665f6effab7fc54ba14577152493242 GIT binary patch literal 852 zcmV-a1FQUrP)$4q08wz#ecGGSDhU4)`H7}aGvWl0`F z5R5$OeK9)t2guSw;lIegzjWl~VffUqK^c45#oIHsTjt!=k*RbLe0kJLDbMg)!WTtM~-_Q%cuHLL=fn zd{9>RD=y&(=2J>H2hBbr>ez!<(8L{O)la09z8wfHz>l#NOL!U6!(ap8NAUtS;Rifk z1=lJskKt?FEeFQFVdt^}_$21!!22FMyIWnaymw08(xue`p^V>G^tKg!a9d?oFXAR< zQcAC{2H3TByWMIwn+-gQyPD1Br|ovT)m`avIZ7{KdM$tzn=ZN=3rDRa{%5!y2U1G! ztT9wXJcBp!8y>04m1aWD!}+xa7Mm~n6F5|t6B`!$rA9>5B4YhYlp|t&MEoQ7i|%6i zxw|fhG`Z6BifqMcv?Aif2;d2{aJr1^wXXi=x?H@k%cZT?4r3>_;K^ao;@?uT$lSTEYvY8clfOFn{yl+x2I zZ{qvqJIyA{l>w^-&K122MIZn79jOO=>u!S;fnoRF_vCcx$Y*uGT>k$1y|)KG=~mtF e`@q-qzs#Q+Q7((#y30cV0000 literal 0 HcmV?d00001 diff --git a/src/main/webapp/kofair_case_seed/usr/request/apl_06.html b/src/main/webapp/kofair_case_seed/usr/request/apl_06.html index 7f175016..42a6c27c 100644 --- a/src/main/webapp/kofair_case_seed/usr/request/apl_06.html +++ b/src/main/webapp/kofair_case_seed/usr/request/apl_06.html @@ -143,6 +143,21 @@
        + +
        +

        온라인분쟁조정시스템 서비스에 대하여 어느 정도 만족하셨습니까?

        +
        +
          +
          • +
          • +
          • +
          • +
          • +
        + +
        +
        +
        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 38648f54..09d7b3df 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/common.css +++ b/src/main/webapp/kofair_case_seed/usr/style/common.css @@ -39,6 +39,7 @@ .btn.orange_fill{background:#f96502;color:#fff;} .btn.orange_fill:hover{background:#eb5e00;} .btn.orange_border{border:1px solid #f96502;color:#f96502;} +.btn.darkgray_border.gray_fill{border:1px solid #888888;background:#f0f0f0;color:#666;} /* input, select, textarea */ .input_box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} 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 3f85f9d1..ef142f88 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/index.css +++ b/src/main/webapp/kofair_case_seed/usr/style/index.css @@ -1,10 +1,10 @@ @charset "utf-8"; -.main .icon.arrow.left{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_prev.png) no-repeat center center;margin:0 0 0 -2.5px;} -.main .icon.pause{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_pause.png) no-repeat center center;} -.main .icon.play{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_play.png) no-repeat center center;} -.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;} +.icon.arrow.left{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_prev.png) no-repeat center center;margin:0 0 0 -2.5px;} +.icon.pause{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_pause.png) no-repeat center center;} +.icon.play{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_play.png) no-repeat center center;} +.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;} +.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;} /* 팝업 */ 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 628319c0..8582e875 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/popup.css +++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css @@ -61,7 +61,7 @@ .idf.window_popup.case_popup .box.gray_fill{width:calc(100% - 60px);margin:20px auto 0 auto;} .idf.window_popup.case_popup .input_box li{display:flex;width:100%;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;} -.idf.window_popup.case_popup .input_box li p{width:100%;} +/* .idf.window_popup.case_popup .input_box li p{width:100%;} */ .idf.window_popup.case_popup .input_box input::placeholder{font-size:1.5rem;} .layer_popup.cert_popup .box.gray_border>p{margin:0 0 10px 0;} 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 af18c40e..98327138 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -184,6 +184,8 @@ .file_upload_wrap .file_list{display:flex;width:calc(100% - 100px);margin:0 0 0 10px;flex-direction:column;gap:8px;} .file_upload_wrap li{display:flex;} .file_upload_wrap li a{display:flex;max-width:calc(100% - 30px);font-size:1.5rem;color:#333;padding:0 15px 0 0;background:#f4f5f7;border-radius:5px;align-items:center;} +.file_list>div>div{display:flex;min-height:40px;font-size:1.5rem;color:#333;padding:10px 15px 10px 30px;;background:#f4f5f7 url(/kofair_case_seed/usr/images/component/icon_file_clip.png) no-repeat left center;border-radius:5px;align-items:center;} +.file_list div img{display:none;} .file_upload_wrap li a .file_name{max-width:calc(100% - 130px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .file_upload_wrap li a .file_size{font-size:1.4rem;font-weight:300;color:#666;margin:0 0 0 35px;} @@ -290,6 +292,15 @@ .total_search .search_list li .category{display:block;margin:8px 0 0 0;font-size:1.6rem;color:#666;} .total_search .search_list li .date{position:absolute;font-size:1.6rem;color:#888;right:0;top:50%;transform:translateY(-50%);} +/* 만족도 조사 */ +.satisfaction_area{position:relative;width:100%;margin:100px 0 0 0;border:1px solid #d8d8d8;border-radius:5px;} +.satisfaction_area::after{position:absolute;content:"";width:100%;height:1px;background:#e4e4e4;top:-50px;} +.satisfaction_area .title{display:flex;height:52px;padding:0 0 0 24px;font-size:1.5rem;background:#f8f9fa;border-bottom:1px solid #d8d8d8;border-radius:5px 5px 0 0;align-items:center;gap:6px;} +.satisfaction_area .icon.satisfation{width:17px;height:17px;margin:2px 0 0 0;background:url(/kofair_case_seed/usr/images/component/icon_satisfaction.png) no-repeat center center;} +.satisfaction_area .satisfation_radio{display:flex;height:72px;padding:0 32px 0 48px;justify-content:space-between;align-items:center;} +.satisfaction_area .radio_wrap{display:flex;gap:27px;} +.satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;} + /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ @@ -482,6 +493,16 @@ .total_search .btn_wrap.right{margin:60px 0 0 0;justify-content:center;} .total_search .btn_wrap.right button{width:25%;} + /* 만족도 조사 */ + .satisfaction_area{margin:160px 0 0 0;border:2px solid #d8d8d8;border-radius:10px;} + .satisfaction_area::after{height:2px;top:-80px;} + .satisfaction_area .title{height:auto;padding:38px 40px;font-size:3rem;border-bottom:2px solid #d8d8d8;align-items:flex-start;border-radius:10px 10px 0 0;gap:12px;} + .satisfaction_area .icon.satisfation{width:29px;height:29px;margin:7px 0 0 0;background:url(/kofair_case_seed/usr/images/component/icon_satisfaction_m.png) no-repeat center center;} + .satisfaction_area .title p{width:calc(100% - 29px);} + .satisfaction_area .satisfation_radio{height:auto;padding:50px 76px;flex-wrap:wrap;} + .satisfaction_area .radio_wrap{display:flex;width:100%;gap:43px 54px;flex-wrap:wrap;} + .satisfaction_area .radio_wrap .radio+label{font-size:3rem;} + .satisfaction_area .btn_satisfation{width:100%;margin:50px 0 0 0;} } @@ -638,6 +659,18 @@ .total_search .btn_wrap.right{margin:30px 0 0 0;} .total_search .btn_wrap.right button{width:25%;} + + /* 만족도 조사 */ + .satisfaction_area{margin:80px 0 0 0;border:1px solid #d8d8d8;border-radius:5px;} + .satisfaction_area::after{height:1px;top:-40px;} + .satisfaction_area .title{padding:19px 20px;font-size:1.5rem;border-bottom:1px solid #d8d8d8;border-radius:5px 5px 0 0;gap:6px;} + .satisfaction_area .icon.satisfation{width:17px;height:17px;margin:3px 0 0 0;background:url(/kofair_case_seed/usr/images/component/icon_satisfaction.png) no-repeat center center;} + .satisfaction_area .title p{width:calc(100% - 17px);} + .satisfaction_area .satisfation_radio{padding:25px 38px;} + .satisfaction_area .radio_wrap{width:100%;gap:20px 27px;} + .satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;} + .satisfaction_area .btn_satisfation{width:100% !important;margin:25px 0 0 0;} + } @media screen and (max-width: 499px){ diff --git a/src/main/webapp/kofair_case_seed/usr/style_guide.html b/src/main/webapp/kofair_case_seed/usr/style_guide.html new file mode 100644 index 00000000..16ff0827 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/style_guide.html @@ -0,0 +1,510 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 스타일 가이드 + + + + + + + + + + + + + + + + + + + + + + + + +
        buttonformtabfile uploadpagenationlist메인 콘텐츠-조정사례 유형별 박스 색상
        +
        +

        button

        +
        +
        버튼 타입1 (height 35px)
        +

        + +
        +

        + +
        +

        + +
        +
        +

        + +
        +
        +

        + +
        +
        +
        +
        버튼 타입2 (height 40px)
        +

        + +
        +

        + +
        +
        +

        + +
        +
        +

        + +
        +
        +

        + +
        +
        +
        +
        + 버튼 타입3 (height 45px) +
        +

        + +
        +

        + +
        +

        + +
        +

        + +
        +
        + +
        +
        버튼 위치 : 가운데
        +

        +

        + +
        +

        + +
        +
        + +
        +
        버튼 위치 : 우측
        +

        +

        + + +
        +

        + +
        +
        + +
        +
        버튼 위치 : 좌/우측
        +

        +

        +
        + +
        +
        + + +
        +
        +

        + +
        +
        + +
        +
        메인 콘텐츠 슬라이드 버튼
        +

        + + + + +

        + +
        +
        +

        form

        +
        +
        checkbox
        +

        +

          +
          • +
        +

        + +
        +

        +

          +
          • +
        +

        + +
        +
        + +
        +
        radio
        +

        + +

        + +
        +

        + +

        + +
        +
        +
        +
        select
        +

        + +

        + +
        +
        +
        +
        select (width 100%)
        +

        + +

        + +
        +
        +
        +
        input
        +

        + +

        + +
        +
        + +
        +
        input (width 100%)
        +

        + +

        + +
        +
        +

        file upload

        +
        +
        +

        +
        + + +
        + +
        +

        + +
        +
        + +

        tab

        +
        +
        + 탭스타일 +
        +

        +

          +
          • +
          • +
        +

        + +
        +
        + +

        pagenation

        +
        +
        +

        +

        +

        + +
        +
        +

        list

        +
        +
        Web화면
        +

        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        번호유형제목결과조회수
        등록된 데이터가 없습니다.
        330기타의 불이익제공-③ 기타 분쟁(가맹) 법에서 조정제외대상으로 지정한 것은 무엇입니까?성립110
        330불공정거래행위-부당한 손해배상의무 부담(가맹)(2021)(편의점 가맹본부의 부당한 손해배상 의무 부담 관련 분쟁조정 사례)성립110
        +

        + +
        +
        + +

        메인 콘텐츠 - 조정사례 유형별 박스 색상

        +
        +
        공정거래 - 타입 박스 색상
        +

        +
        +

        공정거래

        +
        +

        +

        +
        +
        +
        +
        가맹사업거래 - 타입 박스 색상
        +

        +
        +

        가맹사업거래

        +
        +

        +

        +
        +
        +
        +
        하도급거래 - 타입 박스 색상
        +

        +
        +

        하도급거래

        +
        +

        +

        +
        +
        +
        +
        대규모유통업거래 - 타입 박스 색상
        +

        +
        +

        대규모유통업거래

        +
        +

        +

        +
        +
        +
        +
        불공정약관 - 타입 박스 색상
        +

        +
        +

        불공정약관

        +
        +

        +

        +
        +
        +
        +
        대리점거래 - 타입 박스 색상
        +

        +
        +

        대리점거래

        +
        +

        +

        +
        +
        + +
        + + + + \ No newline at end of file