diff --git a/src/main/webapp/kofair_case_seed/usr/identification/self_identification.html b/src/main/webapp/kofair_case_seed/usr/identification/self_identification.html index b53edd7a..9cc3cbdf 100644 --- a/src/main/webapp/kofair_case_seed/usr/identification/self_identification.html +++ b/src/main/webapp/kofair_case_seed/usr/identification/self_identification.html @@ -49,8 +49,8 @@
@@ -61,7 +61,7 @@ 휴대폰 인증하기 -
  • + + +
  • + +
  • +
  • +
  • diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao.png new file mode 100644 index 00000000..f304fd0f Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao_m.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao_m.png new file mode 100644 index 00000000..3b4e1e2e Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_kakao_m.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver.png new file mode 100644 index 00000000..3cddf748 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver_m.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver_m.png new file mode 100644 index 00000000..92d95eea Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_idf_naver_m.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/style/mypage.css b/src/main/webapp/kofair_case_seed/usr/style/mypage.css index 6e835e9d..8b19f25f 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css +++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css @@ -12,18 +12,30 @@ .idf_method .btn_idf.ipin:hover{box-shadow:0 0 20px rgba(20,89,207,0.25);} .idf_method .btn_idf.aut_cefi{border:1px solid #f96502;} .idf_method .btn_idf.aut_cefi:hover{box-shadow:0 0 20px rgba(218,87,0,0.25);} +.idf_method .btn_idf.naver{border:1px solid #2db400;} +.idf_method .btn_idf.naver:hover{box-shadow:0 0 20px rgba(45,180,0,0.25);} +.idf_method .btn_idf.kakao{border:1px solid #f9d300;} +.idf_method .btn_idf.kakao:hover{box-shadow:0 0 20px rgba(249,211,0,0.25);} + .idf_method .btn_idf i{position:relative;width:70px;height:calc(100% - 44px);background-repeat:no-repeat;background-position:center 54%;} -.idf_method .btn_idf i::after{position:absolute;content:"";width:50px;height:50px;border-radius:100%;opacity:0.1;left:-25px;top:15px;} +.idf_method .btn_idf i::after{position:absolute;content:"";width:50px;height:50px;border-radius:100%;opacity:0.1;left:-25px;top:15px;z-index:-1;} .idf_method .btn_idf i.phone::after{background:#2e40ba;} .idf_method .btn_idf i.ipin::after{background:#2870ed;} .idf_method .btn_idf i.aut_cefi::after{background:#f96502;} +.idf_method .btn_idf i.naver::after{background:#47b748;} +.idf_method .btn_idf i.kakao::after{background:#f9d300;} .idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone.png);} .idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin.png);} .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi.png);} +.idf_method .btn_idf i.naver{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_naver.png);} +.idf_method .btn_idf i.kakao{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_kakao.png);} + .idf_method .btn_idf span{width:100%;height:44px;} .idf_method .btn_idf.phone span{background:#2e40ba;} .idf_method .btn_idf.ipin span{background:#2870ed;} .idf_method .btn_idf.aut_cefi span{background:#f96502;} +.idf_method .btn_idf.naver span{background:#2db400;} +.idf_method .btn_idf.kakao span{background:#f9d300;color:#371c1d;} /* 분쟁조정신청현황 > 현황 */ .apl_status_content.detail h3{margin:0 0 40px 0;} @@ -62,6 +74,8 @@ .idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone_m.png);} .idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin_m.png);} .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);} + .idf_method .btn_idf i.naver{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_naver_m.png);} + .idf_method .btn_idf i.kakao{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_kakao_m.png);} /* 분쟁조정신청현황 */ .apl_status_content.detail h3{margin:60px 0 80px 0;}