diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index b690dd48..47e74b3e 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -602,6 +602,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .tab_depth1 a:first-child{border-radius: 5px 0 0 5px;} .tab_depth1 a:last-child{border-right: 0;border-radius: 0 5px 5px 0;} .tab_depth1 a.on{background-color:#fff;border:1px solid #002c9a;font-size:16px;font-weight:500;color:#002c9a;line-height:35px;height:36px;margin:-1px 0 0;} +.tab_depth1 a.on:last-child{border-radius: 0 5px 5px 0;} .tab_depth1 .on_active {display:none;} .area_tabs .tab_depth2{width: 45%;justify-content: center;margin: 0 auto; align-self: center;display: flex;} .area_tabs .tab_depth2>div {display: none;} @@ -821,7 +822,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .ext_info li:nth-child(1) i {background-image: url(/publish/images/content/list_view_icon1.png); width: 16px; height: 16px; } .ext_info li:nth-child(2) i {background-image: url(/publish/images/content/list_view_icon2.png); width: 16px; height: 16px; margin: 0 10px 3px 0;} .ext_info li:nth-child(3) i {background-image: url(/publish/images/content/hits_icon.png); width: 24px; height: 14px; margin: 0 10px 3px 0; opacity: 0.9;} -/*.view_wrap .view_cont {padding: 40px 00px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5;}*/ +.view_wrap .view_cont {padding: 40px 00px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5;} .view_wrap .view_cont .cont_in {font-size: 18px; line-height: 1.5; font-weight: 300;} .view_wrap .view_cont .cont_in .img_cont {text-align: center; margin-bottom: 70px;} @@ -1282,8 +1283,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .table_btn .table_btn_right {float: right;} .table_btn button {height: 32px; font-size: 14px; padding: 0 10px; line-height: 30px;} .table_btn .table_btn_left button {width: auto; padding: 0 10px; color: #555;} -/*// 예약관리 */ +/*// 예약관리 */ /* 발송관리 */ .table_tab_wrap .tab_depth1 {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); text-align: center;} .table_tab_wrap .tab_depth1 a {width: 150px;} @@ -1291,6 +1292,17 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);} /*// 발송관리 */ +/*발송결과*/ +.rev_content .rev_admin .admin_btm{position: relative; margin: 40px 0 0;} +.rev_content .rev_admin .admin_btm_api{margin: 45px 0 0;} +.rev_content .rev_admin .admin_btm .title_top{background-color: #999; color: #fff; position: absolute; left: 0%; top: -32%; border-radius: 5px 5px 0 0; width: 100%; padding: 8px 10px; box-sizing: border-box;} +.rev_content .rev_admin .admin_btm .title_top .title_num{position: absolute; right: 10px;} +.rev_content .rev_admin .admin_btm .title_top .title_num span{font-weight: 300;} +.select_btnWrap .btn_right .select_all_btn{width: 143px;} +.select_btnWrap .btn_right .select_btn{width: 105px;} +/*예약관리_회색타이틀 값 조정*/ +.rev_content .rev_admin .admin_btm .reserve_top{top: -25%;} + /* 마이페이지 kisa 신고 */ .kisa_info {overflow:hidden;height:323px;margin:30px 0;padding:111px 0 0;font-size:22px;line-height:32px;letter-spacing:-.025em;text-align:center;color:#000;background:url(/publish/images/content/img_banner_kisa.png) no-repeat center top;background-size:100% 100%;border-radius:5px;box-sizing:border-box;} .kisa_info strong {font-weight:700;color:#e40000;} @@ -1800,89 +1812,6 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .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;} .kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);} - -/* api - 소개 */ -.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;} -.api_guide_cont .api_visual_image {margin:0 0 57px 0; } -.api_guide_cont .api_intro {margin:20px 0 0 0;} -.api_guide_cont .api_intro ,.service ,.use{width: 1220px; background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;} -.api_guide_cont .api_intro ,.service ,.use .title{margin: 0 auto;} -.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;} -.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;} -.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;} -.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; } -.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;} -.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;} -.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;} -.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;} -.api_guide_cont .api_process_guide li:last-child::after{display: none;} -.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);} -.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;} -.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);} -.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;} -.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;} - -/* api - 사용안내 */ -.api_guide {display: none;} -.api_guide.current {display: block;} -.api_guide_cont ul.info {border:solid 3px #ddd; border-radius: 5px; padding:18px 0 18px 27px; } -.api_guide_cont ul.info li { font-size:16px; color:#666; font-weight: 300; line-height: 1.6;} -.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;} - /* api 사용안내, 예제 다운로드 공통 사용*/ -.api_guide_cont .box {background:#f2f2f2; border-radius: 5px; padding:30px; margin: 15px 0 30px 0;} -.api_guide_cont .box .text {background:#fff; border-radius: 5px; padding:30px 25px;} -.api_guide_cont .box .text h4 {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; } -.api_guide_cont .box .text table { width:100%; border-top: 2px solid #000; margin:10px 0 0 0;} -.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; } -.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;} -.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;} - /* // api 사용안내, 예제 다운로드 공통 사용*/ -.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;} -.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; } -.api_guide_cont .re_cont .type_table table thead th:first-child {border-left:none;} -.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;} -.api_guide_cont .re_cont .type_table table td .font_b {font-weight:400;} -.api_guide_cont .re_cont .type_table table td .select_o {color:#002c9a; font-weight: 400;} -.api_guide_cont .re_cont .type_table table td .select_x {color:#e40000; font-weight: 400;} -.api_guide_cont .re_cont .type_table table td:last-child {border-right: none;} -.api_guide_cont .re_cont .type_table .table_info {font-size:15px; color:#555; font-weight: 300; margin:0 0 30px 0;} -.api_guide_cont .re_cont .type_table .table_info p {padding:5px 0;} -.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;} -.api_guide_cont .re_cont .box .title {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; text-indent: 28px;} -.api_guide_cont .re_cont .box .title_t1 {text-indent: 28px;} -.api_guide_cont .re_cont .box .title_t1 .ex {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px;} -.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; } -.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; } -.api_guide_cont .re_cont .box .code_view .l_code {text-indent:18px; } -.api_guide_cont .re_cont .box .code_view .l_code_t1 {text-indent:98px;} -.api_guide_cont .re_cont .box .code_view .l_code_t2 {text-indent:63px;} -.api_guide_cont .re_cont .box .code_view .m_code {text-indent:110px; } -.api_guide_cont .re_cont .box .code_view .indent {text-indent:50px } -.api_guide_cont .re_cont .box .code_view .indent .indent_t1 {text-indent:80px; } -.api_guide_cont .re_cont .box .code_view .indent .indent_t1 .indent_t2 {text-indent:108px;} -.api_guide_cont .re_cont .box .code_view .indent p {padding:8px 0;} -.api_guide_cont .re_cont .box .code_view .indent p span {color:#fbc72b;} -.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;} - -/* api - 예제 다운로드 */ -.download_cont {display: none;} -.download_cont.current {display: block;} -.api_guide_cont .api_download .list_tab_wrap2.type2 {margin:30px 0;} -.api_guide_cont .api_download .btn_area {text-align:center; padding:30px 0 50px 0; } -.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;} - -/* api - 신청/관리 */ -.api_guide_cont .api_admin {margin:0 0 60px 0; } -.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;} -.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;} -.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;} -.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;} -.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;} -.api_guide_cont .api_admin .input_box input {border:1px solid #d5d5d5; border-radius:5px; width:400px; padding:2px 0 5px 10px;} -.api_guide_cont .api_admin .input_box input::placeholder {font-size:14px; color:#ababab;} -.api_guide_cont .api_admin .btnType.btnType2 {float:right; padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;} - - @keyframes rotate-loading { 0% {transform:rotate(0)} 100% {transform:rotate(360deg);} @@ -1952,7 +1881,9 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px /*아이콘*/ .kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;} .kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;} - + + /*발송결과_select버튼*/ + .select_btnWrap .btn_right .search .send_text{width: 170px;} } @media only screen and (max-width:1480px){ @@ -2045,6 +1976,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakao_intro_cont .note ul li{text-indent: -10px; margin: 0 0 0 20px; line-height: 1.5;} .kakao_intro_cont .note ul li:nth-child(4){text-indent: -1px; margin: 0 0 0 12px; line-height: 1.4;} .kakao_intro_cont .note ul li:nth-child(5){margin: 6px 0 8px 23px;} + + /*발송결과_select버튼*/ + .rev_admin_cont .select_btnWrap .btn_right .select_all_btn{width: 143px;} + .rev_admin_cont .select_btnWrap .btn_right .select_btn{width: 105px;} } @media only screen and (max-width:1380px){ diff --git a/src/main/webapp/publish/guide_2022.html b/src/main/webapp/publish/guide_2022.html index 46b19898..37aea050 100644 --- a/src/main/webapp/publish/guide_2022.html +++ b/src/main/webapp/publish/guide_2022.html @@ -18,14 +18,10 @@