diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/PopupZoneModify.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/PopupZoneModify.jsp index c95f2a20..195eb980 100644 --- a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/PopupZoneModify.jsp +++ b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/PopupZoneModify.jsp @@ -406,7 +406,7 @@ function fn_egov_downFile(atchFileId, fileSn){
- +
diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp index c8b0a024..fda5f9b3 100644 --- a/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp @@ -50,6 +50,13 @@ function footerSiteLinkPageGo (){
  • 이메일무단수집거부
  • 찾아오시는 길
    • +
    diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp index ceee30ae..ef0bfc25 100644 --- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp @@ -156,11 +156,8 @@ function fn_egov_inqire_data(bbsId, nttId) {
    +

    지식재산 보호 교육 시스템

      -
    • -

      한국지식재산보호원

      - 지식재산 보호 교육 시스템 -

    • 상표권 교육조건부 기소유예

      @@ -189,6 +186,20 @@ function fn_egov_inqire_data(bbsId, nttId) {
    +
      +
    • + +

      대표번호 : 1670-1271

      +
      • +
    • + +

      이메일 : ipedu@koipa.re.kr

      +
      • +
    • + +

      팩스 : 02-6499-3010

      +
      • +
    diff --git a/src/main/webapp/visitEdu/adm/publish/css/content_sub.css b/src/main/webapp/visitEdu/adm/publish/css/content_sub.css index ef299703..e97990b6 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/content_sub.css +++ b/src/main/webapp/visitEdu/adm/publish/css/content_sub.css @@ -73,26 +73,26 @@ .btn_layout01{width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px;} .btn_layout01 .area_left{background-color: #fff; box-shadow: none;} .btn_layout01 .area_right{text-align: right; background-color: #fff;} -.btn_layout01 button{vertical-align: middle; margin: 0 2px; transition: all 0.1s linear;} -.btn_layout01 button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: all 0.1s linear;} +.btn_layout01 button{vertical-align: middle; margin: 0 2px; transition: all 0.3s;} +.btn_layout01 button:hover{box-shadow: 0 0 8px rgba(0,0,0,0.15);} .btn_layout01 .area_left button:first-child{margin-left: 0;} .btn_layout01 .area_right button:last-child{margin-right: 0;} .btn_layout02{width: 100%; text-align: right; margin-bottom: 10px; margin-top: 0;} -.btn_layout02 button{margin: 0 2px; transition: all 0.1s linear;} +.btn_layout02 button{margin: 0 2px; transition: all 0.3s linear;} .btn_layout02 button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: all} -.btnType01{height: 38px; padding: 0 20px; font-size: 16px; font-weight: 400; background-color: #fff; color: #2557B4; border: 1px solid #2557B4; border-radius: 5px; transition: all 0.1s linear;} -.btnType01:hover{background-color: #214EA2; transition: all 0.1s linear;} -.btnType02{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #2557B4; border-radius: 5px; transition: all 0.1s linear;} -.btnType02:hover{ background-color: #214EA2; transition: all 0.1s linear;} -.btnType03{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #81899C; border-radius: 5px; transition: all 0.1s linear;} -.btnType03:hover{background-color: #717379; transition: all 0.1s linear;} -.btnType04{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.1s linear;} -.btnType04:hover{background-color: #F5F6F7; transition: all 0.1s linear;} -.btnType05{height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.1s linear;} -.btnType05:hover{background-color: #f5f5f5; transition: all 0.1s linear;} -.btnType06{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; background-color: #F86A3C; color: #fff; border-radius: 5px; transition: all 0.1s linear;} -.btnType06:hover{background-color: #df5f36; transition: all 0.1s linear;} +.btnType01{height: 38px; padding: 0 20px; font-size: 16px; font-weight: 400; background-color: #fff; color: #2557B4; border: 1px solid #2557B4; border-radius: 5px; transition: all 0.3s linear;} +.btnType01:hover{background-color: #F4F7FB; transition: all 0.3s linear;} +.btnType02{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #2557B4; border-radius: 5px; transition: all 0.3s linear;} +.btnType02:hover{ background-color: #214EA2; transition: all 0.3s linear;} +.btnType03{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #81899C; border-radius: 5px; transition: all 0.3s linear;} +.btnType03:hover{background-color: #717379; transition: all 0.3s linear;} +.btnType04{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.3s linear;} +.btnType04:hover{background-color: #F5F6F7; transition: all 0.3s linear;} +.btnType05{height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.3s linear;} +.btnType05:hover{background-color: #f5f5f5; transition: all 0.3s linear;} +.btnType06{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; background-color: #F86A3C; color: #fff; border-radius: 5px; transition: all 0.3s linear;} +.btnType06:hover{background-color: #df5f36; transition: all 0.3s linear;} /* 관리자 calendar */ .date_format {width: 60px !important;} diff --git a/src/main/webapp/visitEdu/adm/publish/css/popup.css b/src/main/webapp/visitEdu/adm/publish/css/popup.css index 54a681b4..f159ad19 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/popup.css +++ b/src/main/webapp/visitEdu/adm/publish/css/popup.css @@ -61,8 +61,7 @@ /* 사진등록 */ .pop_tb_type02 tbody tr td .put_photo {position: absolute; right: 0; top: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; text-align: center;} .pop_tb_type02 tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 84px; height: 109px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 5px; box-sizing: border-box; position: relative; overflow: hidden;} -.pop_tb_type02 tbody tr td .put_photo .put_photo_in img.id_pic {width: 100%; height: 100%; padding-top: initial;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); -} +.pop_tb_type02 tbody tr td .put_photo .put_photo_in img.id_pic {width: 100%; height: 100%; padding-top: initial;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} /* 강의 지역 */ .pop_tb_type02 td .river_area {display: flex; justify-content: space-between; width: calc(100% - 45px); margin: 10px 0;} @@ -77,6 +76,7 @@ .pop_tb_type02 td .river_area dl dd .city li ul.active {display:block;} .pop_tb_type02 td .river_area dl dd .city li ul li {margin:7px 0 6px;} .pop_tb_type02 td .river_area dl dd .area_list li {font-size:16px;font-weight:400;line-height:30px;color:#222;} +.pop_tb_type02 .upload_area{padding:10px;} .pop_tb_type04{margin-bottom: 25px; max-height: 500px; overflow-y: scroll;} .pop_tb_type04>table{width: 100%; table-layout: fixed; border-top: 2px solid #000;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css index 296b1fdf..57ccf179 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/common.css +++ b/src/main/webapp/visitEdu/usr/publish/css/common.css @@ -111,11 +111,13 @@ nav .btn_identify i{display:inline-block;width:100%;height:100%;background:url(/ /* footer */ footer{width:100%;background:#262628;} footer .area_top{padding:40px 0;border-bottom:1px solid #434344;} +footer .area_top .inner{display:flex;justify-content:space-between;align-items:center;} footer .area_top ul{display:flex;align-items:center;} -footer .area_top ul a{position:relative;padding:0 20px;font-size:2.3rem;color:#e0dede;} -footer .area_top ul a::after{position:absolute;content:"";width:2px;height:12px;background:#72787D;right:0;top:7px;} -footer .area_top ul li:last-child a::after{display:none;} -footer .area_top li:first-child a{color:#118be5;font-weight:700;padding:0 20px 0 0;} +footer .area_top ul:not(.sns) a{position:relative;padding:0 20px;font-size:2.1rem;color:#e0dede;} +footer .area_top ul:not(.sns) a::after{position:absolute;content:"";width:2px;height:12px;background:#72787D;right:0;top:7px;} +footer .area_top ul:not(.sns) li:last-child a::after{display:none;} +footer .area_top ul:not(.sns) li:first-child a{color:#118be5;font-weight:700;padding:0 20px 0 0;} +footer .area_top .sns{gap:46px;} footer .area_bottom .inner{display:flex;padding:60px 0 100px 0;gap:170px;align-items:center;} footer address{color:#8a8a8a;} footer address p{font-size:2.3rem;line-height:1.5;margin:0 0 8px 0;} @@ -162,9 +164,12 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;} footer .inner{padding:0;} footer .area_top{padding:100px 60px;} - footer .area_top ul{flex-direction:column;align-items:flex-start;gap:60px;} - footer .area_top ul a{font-size:5.6rem;padding:0;} - footer .area_top ul a::after{display:none;} + footer .area_top .inner{flex-direction:column;align-items:flex-start;} + footer .area_top ul:not(.sns){flex-direction:column;align-items:flex-start;gap:60px;} + footer .area_top ul:not(.sns) a{font-size:5.6rem;padding:0;} + footer .area_top ul:not(.sns) a::after{display:none;} + + footer .sns{width:100%;margin:50px 0 0 0;padding:20px 50px;background:#323235;border-radius:10px;justify-content:space-between;box-sizing:border-box;} footer .area_bottom .inner{flex-direction:column;align-items:flex-start;padding:94px 60px;gap:140px;;} footer address p,footer address span{font-size:5.2rem;} @@ -183,8 +188,8 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;} header nav .logo img{width:100%;height:auto;} footer .area_top{padding:50px 30px;} - footer .area_top ul{gap:30px;} - footer .area_top ul a{font-size:2.8rem;} + footer .area_top ul:not(.sns){gap:30px;} + footer .area_top ul:not(.sns) a{font-size:2.8rem;} footer .area_bottom .inner{padding:47px 30px;gap:70px;} footer .area_bottom .mobile{max-width:70%;} @@ -204,5 +209,6 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;} .all_menu_wrap .logo img{width:100%;} footer .area_bottom .inner{gap:35px;} - footer .area_top ul a,footer address p, footer address span{font-size:2rem;} + footer .area_top ul:not(.sns) a,footer address p, footer address span{font-size:2rem;} + footer .area_top .sns{padding:30px 10px;gap:0;} } \ No newline at end of file diff --git a/src/main/webapp/visitEdu/usr/publish/css/font.css b/src/main/webapp/visitEdu/usr/publish/css/font.css index 449a238d..f2b7306f 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/font.css +++ b/src/main/webapp/visitEdu/usr/publish/css/font.css @@ -68,6 +68,18 @@ font-display: swap; } +@font-face { + font-family: 'Gmarket Sans TTF'; + src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot'); + src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'), + url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff2') format('woff2'), + url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff') format('woff'), + url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + @font-face { font-family: 'Gmarket Sans TTF'; src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot'); diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css index f780ad82..11f05530 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/main.css +++ b/src/main/webapp/visitEdu/usr/publish/css/main.css @@ -1,4 +1,4 @@ -.main{width:100%;margin:140px 0 0 0;} +.main{width:100%;margin:145px 0 0 0;} .section{padding:60px 0;box-sizing:border-box;} .main_title{display:flex;align-items:center;margin:0 0 25px 0;} .main_title h2.title{font-size:3.5rem;font-weight:500;color:#333;} @@ -8,32 +8,45 @@ .main_title .btn_plus:hover i{transform:rotate(180deg);transition:transform 0.2s;} /* section01 */ -.section01{position:relative;background-repeat:no-repeat;background-position: 10% calc(100% + 30px);} -.section01::after{position:absolute;content:"";width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/main/sec01_bg.jpg) no-repeat;background-size:cover;left:0;top:0;z-index:-1;} -.section01 .box_wrap{display:flex;width:68%;flex-wrap:wrap;gap:30px;margin:0 0 0 auto;} -.section01 .box_wrap li{width:calc(50% - 30px);padding:45px 40px;border-radius:20px;box-sizing:border-box;} -.section01 .box_wrap .box{display:flex;min-height:160px;flex-direction:column;justify-content:space-between;word-break:keep-all;} -.section01 .box_wrap li .title{font-size:2.7rem;font-weight:500;color:#fff;letter-spacing:-.45px;line-height:1.3;} -.section01 .box_wrap li:first-child{display:flex;color:#2e4677;padding:0;flex-direction:column;justify-content:center;} -.section01 .box_wrap li:first-child p{font-size:3rem;font-weight:500;line-height:1.5;} -.section01 .box_wrap li:first-child span{font-family:'Gmarket Sans TTF';font-size:3.9rem;font-weight:bold;letter-spacing:-.45px;line-height:1.5;} +.section01{position:relative;padding:90px 0;} +.section01::before{position:absolute;content:"";width:100%;height:100%;background-image: url(../images/main/sec01_left_obj.png), url(../images/main/sec01_right_obj.png);background-repeat:no-repeat;background-position: left bottom, right top;left:0;top:0;z-index:-1;} +.section01::after{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(360deg,rgba(255, 255, 255, 1) 66%, rgba(214, 229, 243, 1) 100%);;background-size:cover;left:0;top:0;z-index:-2;} +.section01 .inner{background-image: url(../images/main/sec01_left_icon.png), url(../images/main/sec01_right_icon.png);background-repeat:no-repeat;background-position: 30px 15px, calc(100% - 60px) 15px;} +.section01 .main_title{font-family:'Gmarket Sans TTF';font-size:5.3rem;font-weight:bold;color:#253c69;letter-spacing:-.45px;line-height:1.5;justify-content:center;} +.section01 .box_wrap{display:flex;width:100%;flex-wrap:wrap;gap:30px;margin:0 0 0 auto;} +.section01 .box_wrap li{width:calc((100% / 3) - 20px);padding:45px 40px;border-radius:20px;box-sizing:border-box;} +.section01 .box_wrap .box{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;word-break:keep-all;} +.section01 .box_wrap li .title{font-size:3.1rem;font-weight:500;color:#fff;letter-spacing:-.45px;line-height:1.3;} -.section01 .box_wrap li:nth-child(2){background:#0f8deb url(/ipedu/visitEdu/usr/publish/images/main/logo_skyblue.png) no-repeat calc(100% + 75px) calc(100% + 51px);} -.section01 .box_wrap li:nth-child(3){background:#1e4aa4 url(/ipedu/visitEdu/usr/publish/images/main/logo_blue.png) no-repeat calc(0% - 69px) 96px;} -.section01 .box_wrap li:nth-child(4){background:#01a3cc url(/ipedu/visitEdu/usr/publish/images/main/logo_mint.png) no-repeat calc(100% + 42px) calc(100% + 9px);} + +.section01 .box_wrap li:nth-child(1){background:#0f8deb url(/ipedu/visitEdu/usr/publish/images/main/logo_skyblue.png) no-repeat calc(100% + 75px) calc(100% + 51px);} +.section01 .box_wrap li:nth-child(2){background:#1e4aa4 url(/ipedu/visitEdu/usr/publish/images/main/logo_blue.png) no-repeat calc(0% - 69px) 96px;} +.section01 .box_wrap li:nth-child(3){background:#01a3cc url(/ipedu/visitEdu/usr/publish/images/main/logo_mint.png) no-repeat calc(100% + 42px) calc(100% + 9px);} .section01 .link_area{display:flex;align-items:center;gap:13px;} -.section01 .btn{display:flex;width:160px;height:56px;font-size:2.1rem;font-weight:500;border-radius:60px;align-items:center;justify-content:center;transition:box-shadow 0.3s;} +.section01 .btn{display:flex;width:175px;height:70px;font-size:2.3rem;font-weight:500;border-radius:60px;align-items:center;justify-content:center;transition:box-shadow 0.3s;} .section01 .btn:hover{box-shadow:0 0 16px 8px rgba(0,0,0,0.1);} .section01 .btn.line{border:1px solid #fff;color:#fff;} .section01 .btn.fill{background:#fff;} -.section01 .box_wrap li:nth-child(2) .btn.fill{color:#016dbe;} -.section01 .box_wrap li:nth-child(2) .btn.line{background:#0f8deb;} -.section01 .box_wrap li:nth-child(3) .btn.fill{color:#123b8d;} -.section01 .box_wrap li:nth-child(3) .btn.line{background:#1e4aa4;} -.section01 .box_wrap li:nth-child(4) .btn.fill{color:#009bc2;} -.section01 .box_wrap li:nth-child(4) .btn.line{background:#01a3cc;} +.section01 .box_wrap li:nth-child(1) .btn.fill{color:#016dbe;} +.section01 .box_wrap li:nth-child(1) .btn.line{background:#0f8deb;} +.section01 .box_wrap li:nth-child(2) .btn.fill{color:#123b8d;} +.section01 .box_wrap li:nth-child(2) .btn.line{background:#1e4aa4;} +.section01 .box_wrap li:nth-child(3) .btn.fill{color:#009bc2;} +.section01 .box_wrap li:nth-child(3) .btn.line{background:#01a3cc;} + +.section01 .info{display:flex;width:100%;padding:35px 0;margin:50px 0 0 0;border:1px solid #cfe1ef;background:#e5f1fa;border-radius:10px;flex-direction:row;gap:0;} +.section01 .info li{position:relative;display:flex;width:calc(100% / 3);padding:0 5px;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;} +.section01 .info li::before{display:none;} +.section01 .info li::after{position:absolute;content:"";width:1px;height:50px;background:#c0d3e4;right:0;} +.section01 .info li:last-child:after{display:none;} +.section01 .info .icon{display:inline-block;width:58px;height:58px;background-color:#d0e4f3;border-radius:100%;;} +.section01 .info .call{background-image:url(../images/main/sec01_icon_call.png);} +.section01 .info .mail{background-image:url(../images/main/sec01_icon_mail.png);} +.section01 .info .fax{background-image:url(../images/main/sec01_icon_fax.png);} +.section01 .info p{width:auto;font-size:2.1rem;font-family:'Gmarket Sans TTF';font-weight:500;color:#555;} +.section01 .info b{font-size:2.1rem;font-family:'Gmarket Sans TTF';font-weight:bold;color:#333;} /* section02 */ .section02{background:#f3f3f4;text-align:center;padding:90px 60px 100px 60px;background-image:url(/ipedu/visitEdu/usr/publish/images/main/sec02_bg_obj.png),url(/ipedu/visitEdu/usr/publish/images/main/sec02_bg_obj.png);background-repeat:no-repeat;background-position:5vw 30px,85vw calc(100% - 30px);} @@ -70,17 +83,20 @@ .section03 .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_60.png) no-repeat center center;} .section03 .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_60.png) no-repeat center center;} .section03 .btn:disabled{background-color:#f4f4f4;border:1px solid #dddddd;opacity:0.4;} -.section03 .swiper{width:100%;height:calc(100% - 75px);border-radius:10px;} +.section03 .swiper{width:100%;height:calc(100% - 75px);max-height:316px;border-radius:10px;} .section03 .swiper-wrapper,.section03 .swiper-slide{height:100%;background-color:#f2f3f4;} .section03 .swiper-slide div{width:100%;height:100%;text-align:center;} -.section03 .swiper-slide img{text-align:center;object-fit:contain;} +.section03 .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain;} .section03 .banner_wrap{display:flex;flex-direction:column;gap:54px;} -.section03 .banner{display:flex;width:100%;padding:45px 40px;color:#fff;border-radius:10px;box-sizing:border-box;transition:background 0.3s;} -.section03 .banner.green{background:#0aa87d} -.section03 .banner.green:hover{background:#029165} -.section03 .banner.blue{background:#3068ce;} -.section03 .banner.blue:hover{background:#2658c4;} +.section03 .banner{position:relative;display:flex;width:100%;padding:45px 40px;color:#fff;border-radius:10px;background:url(../images/main/sec03_banner.png) no-repeat -20px top;box-sizing:border-box;transition:background-color 0.3s;} +.section03 .banner::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;} +.section03 .banner.green{background-color:#0aa87d} +.section03 .banner.green::after{background:url(../images/main/sec03_banner_01.png) no-repeat 10% 40px;} +.section03 .banner.green:hover{background-color:#029165} +.section03 .banner.blue{background-color:#3068ce;} +.section03 .banner.blue::after{background:url(../images/main/sec03_banner_02.png) no-repeat 15% 40px;} +.section03 .banner.blue:hover{background-color:#2658c4;} .section03 .banner i{width:200px;} .section03 .banner .title{font-size:3.1rem;font-weight:700;line-height:1.4;margin:0 0 8px 0;} .section03 .banner .summary{font-size:1.9rem;font-weight:500;line-height:1.4;} @@ -111,8 +127,6 @@ @media (max-width: 1480px) { .main{margin:160px 0 0 0;} - .section01{background-position: -2% calc(100% + 30px), left top;} - .section01 .box_wrap{width:73%;} } @media (max-width: 1023px){ @@ -124,15 +138,25 @@ .main_title .btn_plus i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus_110.png) no-repeat center center;} /* section01 */ + .section01 .inner{background:none;} + .section01 .main_title{font-size:7rem;text-align:center;word-break:keep-all;} .section01 .box_wrap{width:100%;flex-direction:column;gap:60px;} - .section01 .box_wrap li:first-child span{font-size:7rem;text-align:center;} .section01 .box_wrap li{width:100%;padding:60px;align-items:center;} - .section01 .box_wrap li:first-child p{display:none;} .section01 .box_wrap .box{align-items:center;gap:60px;} .section01 .box_wrap li .title{font-size:6rem;text-align:center;} .section01 .link_area{gap:26px;} .section01 .btn{width:auto;height:120px;font-size:5.2rem;padding:0 60px;} + .section01 .info{flex-direction:column;padding:30px 40px;gap:20px;box-sizing:border-box;} + .section01 .info li{width:100%;gap:20px;justify-content:flex-start;} + .section01 .info li::after{display:none;} + .section01 .info .icon{width:92px;height:92px;} + .section01 .info .call{background-image:url(../images/main/sec01_icon_call_m.png);} + .section01 .info .mail{background-image:url(../images/main/sec01_icon_mail_m.png);} + .section01 .info .fax{background-image:url(../images/main/sec01_icon_fax_m.png);} + .section01 .info p{font-size:5.2rem;width:calc(100% - 112px);} + .section01 .info b{font-size:5.2rem;} + /* section02 */ .section02{padding:90px 30px 120px 30px;} .section02 .inner{max-width:none;min-height:1140px;padding:0;} @@ -140,8 +164,8 @@ .section02 .list_content,.section02 .list_content>li,.section02 .tab{width:100%;} .section02 .list_content{padding:14px;border-radius:60px;box-sizing:border-box;flex-wrap:wrap;} .section02 .list_content>li{width:50%;} - .section02 .tab{height:108px;font-size:5.6rem;border-radius:108px;padding:0 20px;white-space:nowrap;} - .section02 .list{width:100%;max-width:100%;height:50%;padding:0 0 20px 0;overflow-x:auto;-webkit-overflow-scrolling: touch;top:456px;} + .section02 .tab{height:108px;font-size:5.6rem;border-radius:108px;padding:0 20px;margin:0;white-space:nowrap;} + .section02 .list{width:100%;max-width:100%;height:50%;padding:0 0 20px 0;overflow-x:auto;-webkit-overflow-scrolling: touch;top:456px;border:0;} .section02 .list li{width:100%;flex: 0 0 70%;} .section02 .list a{height:550px;} .section02 .list .date{font-size:6.8rem;} @@ -159,10 +183,11 @@ .section03 .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_110.png) no-repeat center center;} /* section03 */ - .section03 .swiper{height:240px;} + .section03 .swiper{height:576px;} .section03 .banner .title{font-size:5.6rem;text-align:center;} .section03 .banner_wrap{flex-direction:row;} .section03 .banner{width:50%;justify-content:center;} + .section03 .banner::after{display:none;} .section03 .banner i,.section03 .banner .summary{display:none;} /* section04 */ @@ -190,6 +215,7 @@ .main_title .btn_plus{width:55px;height:55px;} .main_title .btn_plus i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus_110.png) no-repeat center center;background-size:100%;} + .section01 .main_title{font-size:3.5rem;} .section01 .box_wrap{gap:30px;} .section01 .box_wrap li{padding:30px;} .section01 .box_wrap .box{min-height:0;gap:30px;} @@ -198,11 +224,15 @@ .section01 .link_area{gap:13px;} .section01 .btn{width:34vw;height:60px;font-size:2.6rem;padding:0;} + .section01 .info .icon{width:46px;height:46px;background-size:100% auto;} + .section01 .info p{font-size:2.6rem;width:calc(100% - 66px);} + .section01 .info b{font-size:2.6rem;} + .section02 .inner{min-height:650px;padding:0 25px;} .section02 .main_title{gap:15px;margin:0 0 25px 0;} .section02 .list_content{padding:7px;} .section02 .list_content>li{width:calc(100% / 4);} - .section02 .tab{height:54px;font-size:2.8rem;padding:0 10px;} + .section02 .tab{height:54px;font-size:2.8rem;padding:0 10px;margin:0;} .section02 .list{height:64%;top:176px;padding:0 25px 20px 25px;box-sizing:border-box;} .section02 .list li{flex:0 0 90%;} .section02 .list a{height:380px;} @@ -214,6 +244,7 @@ .section03 .btn{width:55px;height:55px;} .section03 .btn i{background-size:100%;} .section03 .swiper{height:268px;} + .section03 .banner_wrap{gap:27px;} .section03 .banner{height:120px;padding:0 10px;align-items:center;} .section03 .banner .title{font-size:2.8rem;} @@ -236,6 +267,10 @@ .section01 .link_area{width:100%;flex-wrap:wrap;} .section01 .link_area a{width:100%;;} + .section01 .info{padding:30px 10px;} + .section01 .info li{gap:12px;} + .section01 .info b{word-break: break-all;line-height:1.3;} + .section02 .inner{min-height:580px;padding:0 15px;} .section02 .list_content{border-radius:30px;} .section02 .list_content>li{width:50%;} diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/sns_blog.png b/src/main/webapp/visitEdu/usr/publish/images/common/sns_blog.png new file mode 100644 index 00000000..8dda8d7b Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/sns_blog.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/sns_facebook.png b/src/main/webapp/visitEdu/usr/publish/images/common/sns_facebook.png new file mode 100644 index 00000000..3a362556 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/sns_facebook.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/sns_insta.png b/src/main/webapp/visitEdu/usr/publish/images/common/sns_insta.png new file mode 100644 index 00000000..8a882ad2 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/sns_insta.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/sns_twitter.png b/src/main/webapp/visitEdu/usr/publish/images/common/sns_twitter.png new file mode 100644 index 00000000..2e24240b Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/sns_twitter.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/sns_youtube.png b/src/main/webapp/visitEdu/usr/publish/images/common/sns_youtube.png new file mode 100644 index 00000000..a0846e1e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/sns_youtube.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/banner_img.png b/src/main/webapp/visitEdu/usr/publish/images/main/banner_img.png index d20146d8..d5dc8daf 100644 Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/banner_img.png and b/src/main/webapp/visitEdu/usr/publish/images/main/banner_img.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call.png new file mode 100644 index 00000000..d4bafe1e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call_m.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call_m.png new file mode 100644 index 00000000..61f8d29e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_call_m.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax.png new file mode 100644 index 00000000..8db205f1 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png new file mode 100644 index 00000000..7459fbab Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail.png new file mode 100644 index 00000000..d9a8289e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png new file mode 100644 index 00000000..34891ac2 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_icon.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_icon.png new file mode 100644 index 00000000..5c3a2fe8 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_icon.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_obj.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_obj.png new file mode 100644 index 00000000..19203665 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_left_obj.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_icon.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_icon.png new file mode 100644 index 00000000..ace7681c Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_icon.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_obj.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_obj.png new file mode 100644 index 00000000..69639833 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_right_obj.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner.png new file mode 100644 index 00000000..3737c84f Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_01.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_01.png new file mode 100644 index 00000000..8e367686 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_01.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_02.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_02.png new file mode 100644 index 00000000..32585a3e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/sec03_banner_02.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/index.html b/src/main/webapp/visitEdu/usr/publish/index.html index 19da238e..b87ce822 100644 --- a/src/main/webapp/visitEdu/usr/publish/index.html +++ b/src/main/webapp/visitEdu/usr/publish/index.html @@ -27,13 +27,10 @@
    -
    +
    +

    지식재산 보호 교육 시스템

      -
    • -

      한국지식재산보호원

      - 지식재산 보호 교육 시스템 -

    • 상표권 교육조건부 기소유예

      @@ -62,6 +59,20 @@
    +
      +
    • + +

      대표번호 : 1670-1271

      +
      • +
    • + +

      이메일 : ipedu@koipa.re.kr

      +
      • +
    • + +

      팩스 : 02-6499-3010

      +
      • +
    @@ -174,9 +185,9 @@
    -
    1
    -
    2
    -
    3
    +
    +
    +
    diff --git a/src/main/webapp/visitEdu/usr/publish/script/main.js b/src/main/webapp/visitEdu/usr/publish/script/main.js index 3a0d88b1..98e460d7 100644 --- a/src/main/webapp/visitEdu/usr/publish/script/main.js +++ b/src/main/webapp/visitEdu/usr/publish/script/main.js @@ -9,7 +9,7 @@ $(document).ready(function () { const slideBanner = new Swiper('.section03 .swiper', { direction: 'horizontal', autoplay: { - delay: 500, + delay: 3000, }, navigation: { nextEl: '.section03 .btn_next',