diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/eduAplctMngCreate.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/eduAplctMngCreate.jsp index 76153620..174cd7e4 100644 --- a/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/eduAplctMngCreate.jsp +++ b/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/eduAplctMngCreate.jsp @@ -333,7 +333,9 @@ - + + + @@ -341,7 +343,7 @@

필수입력 항목*

교사 아이디

- @@ -359,7 +361,7 @@ <%-- 수정요청사항에 따라 온라인 -> 온라인 실시간으로 변경을 위해 ve:code 미사용_220218 --%> - @@ -467,7 +469,7 @@

필수입력 항목*

신청내용

-
+ + @@ -510,17 +512,19 @@ - - + + + + - - - - - - + + + + + + diff --git a/src/main/webapp/visitEdu/adm/publish/css/content.css b/src/main/webapp/visitEdu/adm/publish/css/content.css index 5bb39ef7..7a38940d 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/content.css +++ b/src/main/webapp/visitEdu/adm/publish/css/content.css @@ -91,7 +91,7 @@ input[type="text"]::placeholder {color: #999;} input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;} input[type="text"]:valid {color: #555;} textarea {width: 100%; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 16px; color: #222; padding: 15px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;} -select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} +select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(/offedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} table select+button{vertical-align: middle;} /*.btn_edit {width: 24px !important; height: 24px !important; padding: initial !important; border: 1px solid #d5d5d5; border-radius: 5px; vertical-align: middle;}*/ .btn_edit {padding: 0 5px;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css index 7c06495e..6c3d4fcc 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/common.css +++ b/src/main/webapp/visitEdu/usr/publish/css/common.css @@ -64,9 +64,9 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);} .header_inner .dep_li_07 .depth01_li:nth-child(n+2):nth-child(-n+4){width: 16%;} .header_inner .dep_li_07 .depth01_li:nth-child(n+5){width: 12%; min-width: 85px;} .header_inner .dep_li_07 .depth01_li:nth-child(1),.header_inner .dep_li_07 .depth01_li:nth-child(2){width:170px;} -.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;} +.header_inner .menu_link{font-size: 18px; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;line-height: 1.25;font-family: 'GmarketSansMedium';} .header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;} -.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; } +.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'GmarketSansMedium';} .header_inner .on .menu_link{color: #E95504;} .on .nav_wrap .on .menu_link::before{width: 100%;} .header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;/* max-height: 350px; */} @@ -283,6 +283,17 @@ footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;} footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;} footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;} } + +@media screen and (max-width: 767px){ + header .header .header_inner h1 a img{width:150px;height:auto;} +} + +@media screen and (max-width: 400px){ + footer .area_top address{margin:15px 0;} + footer .wa_mark,footer .area_top .site_go{position:unset;} + footer .wa_mark{margin:0 0 30px 0;} + footer .area_top .site_go{width:100%;} +} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ .header_inner .area_right{/* width: 80px; */justify-content: space-between;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/font.css b/src/main/webapp/visitEdu/usr/publish/css/font.css index f7622028..a32de38d 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/font.css +++ b/src/main/webapp/visitEdu/usr/publish/css/font.css @@ -25,4 +25,11 @@ font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); - } \ No newline at end of file + } + +@font-face { + font-family: 'yg-jalnan'; + src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css index 2306cbfc..48acb3de 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/main.css +++ b/src/main/webapp/visitEdu/usr/publish/css/main.css @@ -7,10 +7,10 @@ .visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;} .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;} .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';} -.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';} +.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'yg-jalnan';} .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;} .visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;} -.visual_slide .slide_control{position:relative;width:100%;bottom:20px;} +.visual_slide .slide_control{position:relative;width:100%;bottom:32px;} .visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;} .visual_slide .slide_control .swiper-pagination{position: relative;} .visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;} @@ -22,14 +22,14 @@ .visual_slide .btn_prev_slide{background:url(/offedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;} .visual_slide .btn_next_slide{background:url(/offedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);} -.visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;} -.visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;} -.visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;} -.visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;} -.visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;} +.visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat center top;} +.visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat center top;} +.visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat center top;} +.visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat center top;} +.visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat center top;} /* main_banner_link */ -.container .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;} +.container .main_banner_link{position:relative;height:130px;margin:20px auto 70px auto;} .container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;} .container .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;} .container .main_banner_link li:hover{z-index: 15;} @@ -86,5 +86,46 @@ .wrap .notify .notify_control .slide_pause,.wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;} .wrap .notify .notify_control .slide_pause{background:url(/offedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;} .wrap .notify .notify_control .slide_play{background:url(/offedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;} -.wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;} +.wrap .notify .content{width:100%;height:332px;overflow:hidden;border-radius:5px;} + +@media all and (max-width: 1440px){ + .main .inner{width:calc(100% - 40px);} + .wrap .notice .content,.wrap .data_notice .notice_list li{padding:15px 25px;} + +} + +@media all and (max-width: 1024px){ + .main{margin-top:130px;} + .wrap .content_wrap{width:100%;margin:0 0 30px 0;} + + .visual_slide .swiper-slide{background-size:auto 100% !important;} + .visual_slide .swiper-slide .inner .text_area{width:calc(100% - 40px);margin:0 auto;padding:63px 0 0 0;} + .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:1.2rem;} + .visual_slide .swiper-slide .inner .text_area .title{font-size:2.5rem;} + .visual_slide .swiper-slide .inner .text_area .summary{font-size:1.1rem;} + .visual_slide .slide_control{bottom:-20px;} + + .container .main_banner_link{height:auto;} + .container .main_banner_link li{width:calc((100% - 20px)/2);margin:0 0 10px 0;padding:15px 0;} +} + +@media all and (max-width: 767px){ + .main{margin:70px 0 0 0;} + + .visual_slide .btn_next_slide{left:calc(100% - 60px);} + .visual_slide .btn_prev_slide{left:10px;} +} + +@media all and (max-width: 640px){ + .visual_slide .swiper-slide{background-size:cover !important;} + .visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg) no-repeat center bottom;} + .visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg) no-repeat center bottom;} + .visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg) no-repeat center bottom;} + .visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg) no-repeat center bottom;} + .visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg) no-repeat center bottom;} + + .visual_slide .swiper-slide .inner .text_area .title{font-size:2rem;} + .visual_slide .swiper-slide .inner .text_area .summary{font-size:1rem;letter-spacing:-0.5px;} + +} diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg index 774f33ce..821327f9 100644 Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg new file mode 100644 index 00000000..85bf5a91 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg new file mode 100644 index 00000000..596390fc Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg new file mode 100644 index 00000000..d66a213e Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg index dc2bd3d7..41db9bad 100644 Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg new file mode 100644 index 00000000..69b48309 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg new file mode 100644 index 00000000..cfe55c22 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg differ

필수입력 항목*

교육희망일

필수입력 항목*

시간

필수입력 항목*

대상

필수입력 항목*

인원

필수입력 항목*

교육희망일

필수입력 항목*

시간

필수입력 항목*

대상

필수입력 항목*

인원