kmg
2023-07-24
2023/07/24 api관련 업데이트
@a2bba68ee69d9ed8b2b7adac0086c83d63c478a9
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -1812,6 +1812,92 @@ |
| 1812 | 1812 |
.kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;}
|
| 1813 | 1813 |
.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
|
| 1814 | 1814 |
|
| 1815 |
+ |
|
| 1816 |
+ |
|
| 1817 |
+/* api - 소개 */ |
|
| 1818 |
+.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
|
|
| 1819 |
+.api_guide_cont .api_visual_image {margin:0 0 57px 0; }
|
|
| 1820 |
+.api_guide_cont .api_intro {margin:20px 0 0 0;}
|
|
| 1821 |
+.api_guide_cont .api_intro ,.service ,.use{width: 1220px; background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}
|
|
| 1822 |
+.api_guide_cont .api_intro ,.service ,.use .title{margin: 0 auto;}
|
|
| 1823 |
+.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
|
|
| 1824 |
+.api_guide_cont .api_intro .title-line .left-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
|
|
| 1825 |
+.api_guide_cont .api_intro .title-line .right-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
|
|
| 1826 |
+.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
|
|
| 1827 |
+.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
|
|
| 1828 |
+.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}
|
|
| 1829 |
+.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}
|
|
| 1830 |
+.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}
|
|
| 1831 |
+.api_guide_cont .api_process_guide li:last-child::after{display: none;}
|
|
| 1832 |
+.api_guide_cont .api_process_guide .step_title {background:#fbc72b; font-size:18px; text-align: center; border-radius:10px 10px 0 0; padding:10px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
|
|
| 1833 |
+.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}
|
|
| 1834 |
+.api_guide_cont .api_process_guide .step_con {height:250px; background:#fff; border-radius:0 0 10px 10px; text-align: center; padding:25px 0 25px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
|
|
| 1835 |
+.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}
|
|
| 1836 |
+.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 17px; font-weight: 300; line-height: 1.2; padding:0 10px;}
|
|
| 1837 |
+ |
|
| 1838 |
+/* api - 사용안내 */ |
|
| 1839 |
+.api_guide {display: none;}
|
|
| 1840 |
+.api_guide.current {display: block;}
|
|
| 1841 |
+.api_guide_cont ul.info {border:solid 3px #ddd; border-radius: 5px; padding:18px 0 18px 27px; }
|
|
| 1842 |
+.api_guide_cont ul.info li { font-size:16px; color:#666; font-weight: 300; line-height: 1.6;}
|
|
| 1843 |
+.api_guide_cont .re_cont .req_title {background:url(/publish/images/api_intro_cont/icon_api_request.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:40px 0 0 0;}
|
|
| 1844 |
+ /* api 사용안내, 예제 다운로드 공통 사용*/ |
|
| 1845 |
+.api_guide_cont .box {background:#f2f2f2; border-radius: 5px; padding:30px; margin: 15px 0 30px 0;}
|
|
| 1846 |
+.api_guide_cont .box .text {background:#fff; border-radius: 5px; padding:30px 25px;}
|
|
| 1847 |
+.api_guide_cont .box .text h4 {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; }
|
|
| 1848 |
+.api_guide_cont .box .text table { width:100%; border-top: 2px solid #000; margin:10px 0 0 0;}
|
|
| 1849 |
+.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }
|
|
| 1850 |
+.api_guide_cont .box .text table th {width:210px; text-align: left; text-indent: 18px; line-height: 1.2; background:#f5f5f5; font-size:16px; padding:10px 0;}
|
|
| 1851 |
+.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}
|
|
| 1852 |
+ /* // api 사용안내, 예제 다운로드 공통 사용*/ |
|
| 1853 |
+.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
|
|
| 1854 |
+.api_guide_cont .re_cont .type_table table thead th {border-top:1px solid #000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding: 15px 0; }
|
|
| 1855 |
+.api_guide_cont .re_cont .type_table table thead th:first-child {border-left:none;}
|
|
| 1856 |
+.api_guide_cont .re_cont .type_table table td {border-bottom:1px solid #e5e5e5; text-align: center; padding:20px 0; border-right:1px solid #e5e5e5; font-weight: 300;}
|
|
| 1857 |
+.api_guide_cont .re_cont .type_table table td .font_b {font-weight:400;}
|
|
| 1858 |
+.api_guide_cont .re_cont .type_table table td .select_o {color:#002c9a; font-weight: 400;}
|
|
| 1859 |
+.api_guide_cont .re_cont .type_table table td .select_x {color:#e40000; font-weight: 400;}
|
|
| 1860 |
+.api_guide_cont .re_cont .type_table table td:last-child {border-right: none;}
|
|
| 1861 |
+.api_guide_cont .re_cont .type_table .table_info {font-size:15px; color:#555; font-weight: 300; margin:0 0 30px 0;}
|
|
| 1862 |
+.api_guide_cont .re_cont .type_table .table_info p {padding:5px 0;}
|
|
| 1863 |
+.api_guide_cont .re_cont .box .code_view {background:#292d3e; border-radius: 5px; color:#fff; padding:32px 0 32px 43px; margin:15px 30px 30px 30px;}
|
|
| 1864 |
+.api_guide_cont .re_cont .box .title {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; text-indent: 28px;}
|
|
| 1865 |
+.api_guide_cont .re_cont .box .title_t1 {text-indent: 28px;}
|
|
| 1866 |
+.api_guide_cont .re_cont .box .title_t1 .ex {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px;}
|
|
| 1867 |
+.api_guide_cont .re_cont .box .title_t1 .ex_success { font-size:15px; color:#002c9a; font-weight: 300; background: #fff; border:1px solid #002c9a; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
|
|
| 1868 |
+.api_guide_cont .re_cont .box .title_t1 .ex_fail { font-size:15px; color:#e40000; font-weight: 300; background: #fff; border:1px solid #e40000; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
|
|
| 1869 |
+.api_guide_cont .re_cont .box .code_view .l_code {text-indent:18px; }
|
|
| 1870 |
+.api_guide_cont .re_cont .box .code_view .l_code_t1 {text-indent:98px;}
|
|
| 1871 |
+.api_guide_cont .re_cont .box .code_view .l_code_t2 {text-indent:63px;}
|
|
| 1872 |
+.api_guide_cont .re_cont .box .code_view .m_code {text-indent:110px; }
|
|
| 1873 |
+.api_guide_cont .re_cont .box .code_view .indent {text-indent:50px }
|
|
| 1874 |
+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 {text-indent:80px; }
|
|
| 1875 |
+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 .indent_t2 {text-indent:108px;}
|
|
| 1876 |
+.api_guide_cont .re_cont .box .code_view .indent p {padding:8px 0;}
|
|
| 1877 |
+.api_guide_cont .re_cont .box .code_view .indent p span {color:#fbc72b;}
|
|
| 1878 |
+.api_guide_cont .re_cont .res_title {background:url(/publish/images/api_intro_cont/icon_api_response.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:60px 0 -20px 0;}
|
|
| 1879 |
+ |
|
| 1880 |
+/* api - 예제 다운로드 */ |
|
| 1881 |
+.download_cont {display: none;}
|
|
| 1882 |
+.download_cont.current {display: block;}
|
|
| 1883 |
+.api_guide_cont .api_download .list_tab_wrap2.type2 {margin:30px 0;}
|
|
| 1884 |
+.api_guide_cont .api_download .btn_area {text-align:center; padding:30px 0 50px 0; }
|
|
| 1885 |
+.api_guide_cont .api_download .btnType.btnType11 {color:#fff; background:#002c9a; width:230px; height:50px; font-size:18px; font-weight:400; border-radius: 5px; padding:0 20px;}
|
|
| 1886 |
+ |
|
| 1887 |
+/* api - 신청/관리 */ |
|
| 1888 |
+.api_guide_cont .api_admin {margin:0 0 60px 0; }
|
|
| 1889 |
+.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}
|
|
| 1890 |
+.api_guide_cont .api_admin .tb_wrap_t1{ width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; border-bottom: 0 none;}
|
|
| 1891 |
+.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}
|
|
| 1892 |
+.api_guide_cont .api_admin .input_box {background: #f2f2f2; border-radius:5px; padding:17px 17px 17px 30px; text-indent:20px; margin:15px 0 8px 0;}
|
|
| 1893 |
+.api_guide_cont .api_admin .input_box .box_in {background: url(/publish/images/api_intro_cont/icon_api_input.png) 0 8px no-repeat; font-size:16px;}
|
|
| 1894 |
+.api_guide_cont .api_admin .input_box input {border:1px solid #d5d5d5; border-radius:5px; width:400px; padding:2px 0 5px 10px;}
|
|
| 1895 |
+.api_guide_cont .api_admin .input_box input::placeholder {font-size:14px; color:#ababab;}
|
|
| 1896 |
+.api_guide_cont .api_admin .btnType.btnType2 {float:right; padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;}
|
|
| 1897 |
+ |
|
| 1898 |
+ |
|
| 1899 |
+ |
|
| 1900 |
+ |
|
| 1815 | 1901 |
@keyframes rotate-loading {
|
| 1816 | 1902 |
0% {transform:rotate(0)}
|
| 1817 | 1903 |
100% {transform:rotate(360deg);}
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?