@@ -206,9 +206,9 @@ function fn_egov_select_commentList(pageNo) {
--%>
-
+
-
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
index 9e5c0184..f672f5c2 100644
--- a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
@@ -103,15 +103,15 @@
-
-
+
공지사항 : 번호, 제목, 첨부, 작성일, 작성자, 조회수 등의 정보제공
@@ -177,7 +177,7 @@
-
+
|
@@ -216,7 +216,7 @@
-
+
|
@@ -267,7 +267,7 @@
첨부
-
+
@@ -329,7 +329,7 @@
첨부
-
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/FaqListAjax.jsp b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/FaqListAjax.jsp
index 68546bd4..1e80ff04 100644
--- a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/FaqListAjax.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/FaqListAjax.jsp
@@ -20,25 +20,10 @@
@@ -51,19 +36,19 @@
-
-
-
- ㆍ각 영역별 자주하는 질문들을 모았습니다.
- ㆍ원하시는 질문과 대답이 없을 경우 문의하기 게시판을 이용해 주시기 바랍니다.
-
-
+
+
+
+ - 자주하는 질문들을 모았습니다.
+ - 원하시는 내용이 없는 경우 ‘교육문의’ 게시판을 이용해 주시기바랍니다.
+
+
-
+
-
-
-
-
-
+
+
+
기소유예
저작권 침해사범 중 검찰청으로부터 교육조건부 기소유예 처분을 받아 교육 의뢰된 자
@@ -588,7 +588,7 @@
-
+
목록
@@ -615,7 +615,7 @@
<%-- " data-tooltip="target_confirm_popup" >신청 --%>
- ','','','10','select'
,'','',''
)" title="팝업 열림">신청
diff --git a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
index 1ec10f61..6c985810 100644
--- a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
@@ -660,7 +660,7 @@ $(document).ready(function(){
-
+
@@ -678,7 +678,7 @@ $(document).ready(function(){
-
+
<%-- --%>
diff --git a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
index 2420035e..6b573f05 100644
--- a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
@@ -418,7 +418,7 @@
- class='first' >
-
+
질문Q
${list.qnaCn }
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index c2660354..f6ba7ea4 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -13,7 +13,7 @@
.lnb{display:inline-block;width:100%;max-width:280px;margin:0 47px 0 0;vertical-align:top;}
.lnb_title{height:120px;padding:40px 0 0 0;background:#1e4aa4 url(/ipedu/visitEdu/usr/publish/images/common/lnb_title_obj.png) no-repeat -10px 25px;font-size:2.5rem;color:#fff;text-align:center;border-radius:20px 20px 0 0;box-sizing:border-box;}
-.lnb_nav{margin:-25px 0 0 0;padding:0 25px;border:1px solid #e5e5e5;border-radius:20px;background:#fff;box-sizing:border-box;}
+.lnb_nav{margin:-25px 0 0 0;padding:0 25px;border:1px solid #e5e5e5;border-radius:20px;background:#fff;}
.lnb_nav ul>li{border-bottom:1px solid #e5e5e5;}
.lnb_nav ul>li:last-child{border:0;}
.lnb_nav .depth01{display:flex;height:70px;font-size:1.7rem;font-weight:500;color:#555;align-items:center;justify-content:space-between;}
@@ -22,8 +22,8 @@
.lnb_nav .depth01:hover,.lnb_nav .depth01.active{color:var(--primary-color-dark);}
.lnb_nav .depth01:hover i,.lnb_nav .depth01.active i{background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left bottom;}
-.container .inner>.cont_wrap {display:inline-block;width:calc(100% - 332px);max-width:100%;}
-.container .cont_tit{display:flex;padding:0 0 20px 0;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #d7d7d7;}
+.container .inner>.cont_wrap {display:inline-block;width:calc(100% - 336px);max-width:100%;}
+.container .cont_tit{display:flex;padding:0 0 20px 0;margin:0 0 50px 0;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #d7d7d7;}
.container .cont_tit h2{font-size:2.9rem;font-weight:500;}
.container .cont_tit .path ul{display:flex;align-items:center;gap:8px;}
.container .cont_tit .path li{position:relative;padding:0 8px;font-size:1.5rem;font-weight:400;color:#898989;}
@@ -46,14 +46,14 @@
.dis_block {display: block !important;}
/* button type */
-/* .btn_wrap button{margin: 0 1px;height: 45px; padding: 0 25px;font-size: 18px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
+.btn_wrap button{margin: 0 1px;height: 45px; padding: 0 25px;font-size: 18px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
.btn_wrap button:first-child{margin-left: 0;}
.btn_wrap button:last-child{margin-right: 0;}
.btn_wrap.btn_layout01{display: flex; justify-content: space-between; margin-top: 20px;}
-.btn_wrap.btn_layout01>div{width: calc(100% / 3);} */
+.btn_wrap.btn_layout01>div{width: calc(100% / 3);}
-.btn_wrap{display:flex;justify-content:space-between;align-items:flex-start;}
+.btn_wrap{display:flex;justify-content:space-between;align-items:flex-start;font-size:1.6rem;}
.btn_left{text-align: left;}
.btn_center{text-align: center;}
@@ -77,7 +77,9 @@ button{transition: background-color .1s linear;}
.btnType08{background:var(--primary-color);color:#fff;width:200px;}
.btnType08:hover{background:var(--primary-color-hover);}
-.btn{font-size:1.7rem;font-weight:400;border-radius:5px;padding:0 30px;}
+.btn{font-size:1.7rem;font-weight:600;border-radius:5px;padding:0 30px;}
+
+.btn.text{padding:0;}
.btn.small{height:35px;font-size:1.5rem;}
.btn.regular{height:40px;}
@@ -109,9 +111,9 @@ button{transition: background-color .1s linear;}
/* 기본 input texarea */
input {border: 1px solid #d5d5d5; border-radius: 5px;}
-input[type="text"] {height: 40px; padding: 0 15px; font-size: 16px; color: #222; box-sizing: border-box;}
-input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
-input[type="text"]::placeholder {color: #666;}
+input[type="text"]{height: 40px; padding: 0 15px; font-size: 16px; color: #222; border: 1px solid #d5d5d5; border-radius: 5px; box-sizing: border-box;}
+input[type="text"]:read-only,.duet-date__input:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
+input[type="text"]::placeholder,.duet-date__input::placeholder {color: #666;}
input[type="text"]:valid {color: #555;}
input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
@@ -121,19 +123,33 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type02.tb_type02_write input[type="text"].input_time {width: 50px;}
/* tab */
-.tab{display:flex;width:100%;border-bottom:1px solid #d7d7d7;border-radius:10px 10px 0 0;margin:50px 0 40px 0;}
-.tab_li{position:relative;}
-.tab_button{font-size:1.9rem;font-weight:500;color:var(--body2-color);padding:0 70px 13px 70px;border-bottom:5px solid transparent;}
-.on .tab_button{border-bottom:5px solid #396ac4;color:var(--primary-color);}
+.tab.line{display:flex;width:100%;border-bottom:1px solid #d7d7d7;border-radius:10px 10px 0 0;margin:0 0 40px 0;}
+.tab.line .tab_li{position:relative;}
+.tab.line .tab_button{font-size:1.9rem;font-weight:500;color:var(--body2-color);padding:0 70px 13px 70px;border-bottom:5px solid transparent;}
+.tab.line .on .tab_button{border-bottom:5px solid #396ac4;color:var(--primary-color);}
+
+.tab.fill{display:flex;width:100%;height:60px;border:1px solid #d7d7d7;border-radius:10px;margin:0 0 40px 0;overflow:hidden;}
+.tab.fill .tab_button{width:100%;height:100%;font-size:1.9rem;color:#7c7c7c;font-weight:500;border-right:1px solid #d7d7d7;}
+.tab.fill :last-child .tab_button{border:0;}
+.tab.fill .on .tab_button{background:var(--primary-color);color:#fff;border:0;}
+
+.fill.tab_02 li{width:calc(100%/2);}
+.fill.tab_03 li{width:calc(100%/3);}
+.fill.tab_04 li{width:calc(100%/4);}
+.fill.tab_05 li{width:calc(100%/5);}
+.fill.tab_06 li{width:calc(100%/6);}
+.fill.tab_07 li{width:calc(100%/7);}
+
.tab_content{display:none;}
.tab_content.on{display:block; margin:0 0 50px 0;}
/* icon */
.icon{display:inline-block;}
.icon.file{width:17px;height:16px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_file.png) no-repeat center center;}
+.icon.arrow{width:7px;height:12px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_arrow.png) no-repeat center center;}
/* list_top */
-.list_top{display: flex; justify-content: space-between; align-items:flex-end; margin-bottom: 20px;}
+.list_top{display: flex; justify-content: space-between; align-items:flex-end; margin-bottom: 20px; font-size:1.6rem;}
.list_top.right{justify-content:flex-end;}
.list_top.left{justify-content:flex-start;}
.list_top.center{justify-content:flex-start;}
@@ -141,7 +157,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.list_top p{font-size: 1.6rem; font-weight: 400; color: #555;}
.list_top span{font-size: 1.7rem; font-weight: 400; color: #222; padding-right: 5px;}
-.list_top .search_area{display:flex;font-size:1.6rem;gap:10px;align-items:center;}
+.list_top .search_area{display:flex;width:100%;font-size:1.6rem;gap:10px;align-items:center;justify-content:flex-end;}
.list_top .search_area button{min-width:66px;height:40px;border-radius:4px;margin:0;font-size:1.7rem;white-space:nowrap;box-sizing:border-box;}
.list_top .btn_search{width:66px;height:40px;color:#fff;border-radius:4px;background:var(--secondary-color);border:0;}
.list_top .btn_search i{display:inline-block;width:100%;height:40px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_search.png) no-repeat center 8px;}
@@ -163,10 +179,180 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.list_new2 {color: #fff; font-size: 13px; background-color: #e40000; width: 14px; font-weight: 500; padding: 1px 0; border-radius: 3px;}
/* calendar */
-.calendar_wrap {position: relative;display: flex;gap:8px;align-items:center;}
-.calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
+.calendar_wrap {position: relative;display:flex;gap:8px;align-items:center;}
+.calendar_wrap input[type="text"] {width:150px;height:40px;font-weight:300;}
.calendar_wrap .calendar{background:url(/ipedu/visitEdu/usr/publish/images/content/icon_calendar.png) no-repeat calc(100% - 12px) center}
-.calendar_wrap input[type="text"]:read-only {background-color: #fff;}
+.calendar_wrap input[type="text"]:read-only {background-color:#fff;}
+
+duet-date-picker *:focus{outline: auto !important;}
+.duet-date__dialog{min-width:360px;}
+.duet-date__input-wrapper{height:40px;border: 1px solid #d5d5d5;border-radius:5px;}
+.duet-date__dialog-content{max-width:360px;background:#fff;padding:50px 16px 20px;}
+.duet-date__input{width:140px;height:100%;padding:0 0 0 12px;font-size:1.6rem;}
+.duet-date__toggle{min-width:0 !important;width:40px;box-shadow:none;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_calendar.png) no-repeat center center;top:-1.5px;}
+.duet-date__toggle-icon{display:none !important;}
+.duet-date__table{table-layout:fixed;}
+.duet-date__day,.duet-date__prev, .duet-date__next{min-width:0 !important;}
+.duet-date__header>div{display:flex;width:70%;gap:8px;}
+.duet-date__header>div.duet-date__nav{width:auto;}
+.duet-date__table thead tr{background:var(--gray-color-light);}
+.duet-date__table thead tr th:first-child{border-radius:10px 0 0 10px;overflow:hidden;}
+.duet-date__table thead tr th:last-child{border-radius:0 10px 10px 0;overflow:hidden;}
+.duet-date__select-label{height:40px;border:1px solid #d8d8d8;border-radius:5px;}
+.duet-date__select select:focus+.duet-date__select-label{outline:auto;}
+.duet-date__prev, .duet-date__next{width:40px !important;height:40px;background:var(--gray-color-light);border-radius:100% !important;padding:0 !important;}
+.duet-date__table-header,.duet-date__cell,.duet-date__day,.list_top .search_area .duet-date__day{width:45px;height:45px;vertical-align:middle;padding:0;}
+.duet-date__day span{padding:0;}
+.duet-date__day:hover{background:var(--primary-color-light-hover);}
+
+
+.duet-date__mobile{right:8px;top:7px;}
+.duet-date__close{min-width:0 !important;width:40px;height:40px;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_close.png) no-repeat center;opacity:1;}
+.duet-date__close svg{display:none;}
+
+/* table title */
+.table_title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px 0;}
+.table_title h3{position:relative;font-size:2.3rem;font-weight:600;color:#333;padding:0 0 0 20px;}
+.table_title h3::before{position:absolute;content:"";width:8px;height:20px;background:#118be5;left:0;top:2.5px;}
+.table_title .btn_more{font-size:1.5rem;font-weight:400;color:#7c7c7c;}
+.table_title .btn_more i{margin:0 0 0 9px;}
+
+/* table list01 */
+.list table {width: 100%; table-layout: fixed; text-align: center; border-bottom:1px solid #d5d5d5;}
+.list thead tr{width: 100%; border-top: 2px solid #858686; }
+.list thead th{height: 65px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #535353; font-size: 1.7rem; font-weight: 400; color: #555555; word-break: keep-all;}
+.list thead th button {font-size: 8px; padding: 0 8px;}
+.list tbody tr:last-child td,.list tbody tr:last-child th{border-bottom: 0;}
+.list tbody th, .list tbody td {border-bottom: 1px solid #d7d7d7; font-weight: 300; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; font-weight:300; line-height: 1.3;}
+/* .list tbody th:not(.has_notice), .list tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;} */
+.list tbody td p,.list tbody td span {display:inline-block;width: auto; margin: 0 auto; font-size:inherit; font-weight:400; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;} /* 테이블 안에 내용 ..처리 할때 */
+.list tbody td a {width: 100%; margin: 0 auto; font-weight:500; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+.list tbody td:last-child{border-right: 0;}
+.list tbody td button{height: 40px; width: auto; padding: 0 10px; font-size: 1.7rem;}
+.list tbody td select{min-width: 110px; width: auto; height: 40px; font-size: 1.7rem;}
+.list tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
+.list tbody td button {width:90%;border-radius: 5px; padding: 0;}
+.list tbody td p+button{width:auto;padding:0 10px;margin:0 0 0 7px;vertical-align:middle;}
+.list table input{vertical-align: auto;}
+
+.list .notice{display:inline-flex;width:44px;height:23px;border-radius:5px;background:#29a7e1;font-size:1.5rem;font-weight:300;color:#fff;justify-content:center;align-items:center;}
+
+/* list view(글상세) */
+.list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
+.list_view table {width: 100%; table-layout: fixed; border-bottom:1px solid #d5d5d5;}
+.list_view tr{border-bottom:1px solid #d7d7d7;font-size:1.7rem;}
+.list_view th{background:#f8f9fa;height:60px;font-size:1.7rem;font-weight:300;color:#333;padding:0 20px;vertical-align:middle;line-height:1.4;}
+.list_view td{font-size:1.7rem;font-weight:300;color:#333;padding:10px 20px;vertical-align:middle;line-height:1.4;}
+.list_view .file{display:flex;align-items:center;gap:8px;}
+.list_view .textarea{height:280px;}
+
+.email_wrap{display:flex;max-width:560px;font-size:1.7rem;gap:8px;align-items:center;}
+.email_wrap .email{width:30%;}
+
+
+/* board_view */
+.board_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
+.board_view .title{display:block;width:100%;font-size:1.9rem;color:#333;padding:22px 10px;box-sizing:border-box;}
+.board_util{display:flex;padding:20px 30px;background:#f8f9fa;gap:20px;box-sizing:border-box;}
+.board_util li{position:relative;font-size:1.5rem;color:#555;padding:0 0 0 12px;box-sizing:border-box;}
+.board_util li::before{position:absolute;content:"";width:5px;height:5px;background:#b7b7b7;border-radius:100%;left:0;top:5.4px;}
+.board_view_content{padding:30px 20px;font-size:1.7rem;color:#555;line-height:1.4;border-bottom:1px solid #d8d8d8;box-sizing:border-box;}
+.board_view .file_wrap{display:flex;padding:20px;gap:8px;border-left:0;border-right:0;border-radius:0;box-sizing:border-box;}
+.board_view .file{display:flex;font-size:1.7rem;color:#555;align-items:center;gap:8px;}
+
+/* faq */
+.info_box{display:flex;padding:20px 30px;margin:0 0 30px 0;background:#f8f9fa;border-radius:10px;align-items:center;gap:30px;}
+.info_box i{position:relative;display:inline-block;width:60px;height:60px;}
+.info_box i::before,.info_box i::after{position:absolute;content:"";}
+.info_box i::before{width:53px;height:53px;background:#e5e5e5;border-radius:100%;}
+.info{display:flex;flex-direction:column;gap:4px;}
+.info li{position:relative;font-size:1.5rem;color:#555;padding:0 0 0 12px;box-sizing:border-box;}
+.info li span{font-size:inherit;font-weight:500;}
+.info li::before{position:absolute;content:"";width:5px;height:5px;background:#b7b7b7;border-radius:100%;left:0;top:5.4px;}
+
+.info_box i.faq::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_faq.png) no-repeat left top;}
+.info_box i.inquiry::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_inquiry.png) no-repeat left top;}
+
+.info>p{font-family:'Gmarket Sans TTF';font-weight:bold;font-size:1.7rem;color:#333;transform: skew(0.05deg);}
+.info span{font-size:1.5rem;color:#555;}
+
+.faq_list{display:flex;border-top:2px solid #858686;border-bottom:2px solid #858686;flex-direction:column;gap:0;}
+.faq_list .question{position:relative;display:flex;width:100%;font-size:1.7rem;padding:15px 74px 15px 20px;align-items:center;gap:14px;border-bottom:1px solid #d7d7d7;}
+.faq_list .question::after{position:absolute;content:"";width:30px;height:30px;border:1px solid #cdcdcd;border-radius:5px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;right:20px;}
+.faq_list .active .question::after{background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;transform:rotate(180deg);}
+.faq_list .question .qst_cont{width:calc(100% - 30px);text-align:left;}
+.faq_list .question .qst_text{width:30px;height:30px;background:#29a7e1;border-radius:5px;font-size:1.5rem;color:#fff;text-align:center;line-height:30px;}
+.faq_list .qst_text span{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;clip: rect(0,0,0,0);}
+.faq_list .answer_in{display:flex;width:100%;padding:15px 20px;border-bottom:1px solid #d7d7d7;background:#f8f9fa;gap:14px;line-height:1.4;overflow:hidden;box-sizing:border-box;}
+.faq_list .answer .qst_text{width:30px;height:30px;background:#838484;border-radius:5px;font-size:1.5rem;color:#fff;text-align:center;line-height:30px;}
+.faq_list .answer *{font-size:1.7rem;font-weight:300;}
+
+.faq_wrap{display:flex;border-top:2px solid #858686;border-bottom:2px solid #858686;flex-direction:column;gap:0;}
+.faq_wrap .question{position:relative;display:flex;width:100%;font-size:1.7rem;padding:15px 74px 15px 20px;align-items:center;gap:14px;border-bottom:1px solid #d7d7d7;}
+.faq_wrap .question::after{position:absolute;content:"";width:30px;height:30px;border:1px solid #cdcdcd;border-radius:5px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;right:20px;}
+.faq_wrap .active .question::after{background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;transform:rotate(180deg);}
+.faq_wrap .question>div{display:flex;width:calc(100% - 30px);justify-content:space-between;align-items:center;}
+.faq_wrap .question>div .qst_cont{width:calc(100% - 80px);}
+.faq_wrap .question>div .date{font-size:1.5rem;color:#555;}
+.faq_wrap .question .qst_cont{width:calc(100% - 30px);font-size:1.7rem;text-align:left;}
+.faq_wrap .question .qst_text{width:30px;height:30px;background:#29a7e1;border-radius:5px;font-size:1.5rem;color:#fff;text-align:center;line-height:30px;}
+.faq_wrap .qst_text span{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;clip: rect(0,0,0,0);}
+.faq_wrap .answer_in{display:flex;width:100%;padding:15px 20px;border-bottom:1px solid #d7d7d7;background:#f8f9fa;gap:14px;line-height:1.4;overflow:hidden;box-sizing:border-box;}
+.faq_wrap .answer .qst_text{width:30px;height:30px;background:#838484;border-radius:5px;font-size:1.5rem;color:#fff;text-align:center;line-height:30px;}
+.faq_wrap .answer *{font-size:1.7rem;font-weight:300;}
+
+/* 마이페이지 > 교육현황 */
+.edu_progress{display:flex;gap:20px;margin:0 0 40px 0;}
+.edu_progress li{width:calc(100% / 3);}
+.edu_progress a{display:flex;height:150px;background:#f8f9fa;border:1px solid #d7d7d7;align-items:center;justify-content:center;border-radius:20px;gap:18px;}
+.edu_progress i{display:inline-block;width:62px;height:62px;border-radius:100%;}
+.edu_progress i.progress01{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01.png) no-repeat center center;}
+.edu_progress i.progress02{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02.png) no-repeat center center;}
+.edu_progress i.progress03{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03.png) no-repeat center center;}
+.edu_progress p{display:flex;flex-direction:column;gap:16px;}
+.edu_progress strong{font-size:1.9rem;color:#555;}
+.edu_progress .number{font-size:1.7rem;color:#555;}
+.edu_progress b{font-family:'Gmarket Sans TTF';font-weight:bold;font-size:3.3rem;color:#333;}
+
+.edu_status_list .btn.small:not(.lightgray){font-size:1.7rem;}
+
+
+
+
+/* page */
+.page{margin: 30px auto; text-align: center;}
+.page button{width: 40px; height: 40px;font-size: 15px; color: #666; vertical-align: middle; padding: 0; margin: 0.5px; font-weight: 300;}
+.page button:hover {color: var(--gray-color); background-color: var(--gray-color-light); border-radius: 5px;}
+.page button.on{color: #fff; background-color: var(--gray-color); border-radius: 5px;}
+.page button.on:disabled, .page button.on[disabled="disabled"] {color: #fff !important; background-color: var(--gray-color) !important; border-radius: 5px;}
+.page button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;}
+.page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last {border-radius: 5px; border: 1px solid #d8d8d8;}
+.page .btn_page_prev {margin-right: 3px;}
+.page .btn_page_next {margin-left: 3px;}
+.page .btn_page_first i{background-image: url(../images/content/btn_page_first.png);}
+.page .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);}
+.page .btn_page_next i{background-image: url(../images/content/btn_page_next.png);}
+.page .btn_page_last i{background-image: url(../images/content/btn_page_last.png);}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
/* table title */
.tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
@@ -183,36 +369,135 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_wrap {width: 100%; margin-bottom: 60px;}
+/* table type01 */
+.tb_type01 {margin-bottom: 40px;}
+.tb_type01>table{width: 100%; table-layout: fixed; }
+.tb_type01>table>tbody {border-top: 2px solid #858686;}
+.tb_type01>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
+.tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td{ font-size: 1.7rem; text-align: left;box-sizing: border-box; line-height:1.3em;}
+.tb_type01>table>tbody>tr>th{background-color: #f8f9fa; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px; padding-bottom: 16px;}
+.tb_type01>table>tbody>tr>th p {line-height: 1.3;}
+.tb_type01>table>tbody>tr>td{padding: 10px 20px; height: 60px; font-weight: 400; color: #333; vertical-align: middle;}
+.tb_type01>table>tbody>tr>td input[type="text"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
+.tb_type01>table>tbody>tr>td input[type="radio"]+label {margin-right: 10px;}
+.tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;}
+.tb_type01>table>tbody>tr>td input[type="password"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px;}
+.tb_type01>table>tbody>tr>td textarea {width: 100%; height: 90px; margin: 9px 0; font-size: 16px; padding: 10px 15px; box-sizing: border-box;}
+.tb_type01>table>tbody>tr>td textarea::placeholder {color: #666;}
+.tb_type01>table>tbody>tr>td>.btnType01 {height: 40px; padding: 0 20px; font-size: 17px; vertical-align: middle; margin-left: 3px; border-radius: 5px;}
+.tb_type01 table tbody tr td .responseItem {margin-bottom: 10px;}
+.tb_type01 table tbody tr td .responseItem:last-child {margin-bottom: 0;}
+.tb_type01 table tbody tr td .responseItem span {margin-right: 15px; color: #555;}
+.tb_type01 table tbody tr td .responseItem input[type="text"] {width: calc(100% - 135px);}
+.tb_type01 table tbody tr td .responseItem_plus {text-align: center; margin: 15px 0 5px 0;}
+.cal_table_in {position: relative;}
+.tb_type01 table tbody tr td.chx_block div {margin-bottom: 7px;}
+.tb_type01 table tbody tr td.chx_block div:last-child {margin-bottom: 0;}
+
+
+
+/* 교육기반강화연수 */
+.tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:0 0 15px 0;}
+.tb_tit02>p {font-size: 18px;}
+.tb_tit02 .tb_tit02_left {display: flex; align-items: center;}
+.tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; }
+.tb_tit02 .tb_tit02_left .t_best {height:26px; font-size:2rem; font-weight: 600; color: #222; padding: 0 0 0 0; }
+.tb_tit02 .tb_tit02_left .t_edu {height:24px; font-size:2rem; font-weight: 600; color: #222; padding: 0 0 0 0; }
+.tb_tit02 .tb_tit02_left span {align-self: flex-end; padding-left: 20px;}
+.tb_tit02 .tb_tit02_left strong {display: block;}
+.tb_tit02 .survey_tit {font-size: 20px; padding-top: 30px; word-break: break-all;}
+.tb_tit02 .tit_span {color: #555; font-size: 14px; font-weight: 300; padding-left: 5px;}
+.tb_tit02 .btn_wrap1 button {height: 30px; padding: 0 12px; }
+.tb_tit02 .btn_wrap1 button.con_more {background-image: url(../images/content/icon_arrow.png); background-repeat: no-repeat; background-position: right 10px; padding: 0 15px 0 0; font-size: 1.5rem; color: #7c7c7c; font-weight: 300;}
+.tb_tit02.titBtn {margin-bottom: 10px;}
+.tb_tit02.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}
+
+.best_list {display:flex; width:100%; padding:0 0 60px 0;}
+.best_list .best_con {position: relative; width:24%; border:1px solid #d5d5d5; border-radius: 20px 0; overflow: hidden; margin: 0 30px 0 0;}
+.best_list .best_con:last-child{margin: 0;}
+.best_list .best_con:hover::after {position: absolute; content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ed5908; border-radius: 20px 0; left: 0;top: 0;}
+.best_list .best_con:hover {box-shadow: 0px 0px 10px rgba(237,89,8,0.8);}
+.best_list .best_con .img {width: 100%; height: 215px; overflow: hidden; background-color: #f2f4f9;}
+.best_list .best_con img {border-radius:20px 0 0 0; width: 100%; height: 215px; object-fit: cover;}
+.best_list .best_con ul {padding: 14px;}
+.best_list .best_con .con_title {display: inline-block; font-size:22px; font-weight:500; padding:5px 0; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+.best_list .best_con .con_date {background: url(../images/content/calendar1_icon.jpg) no-repeat 5px 5px; font-size: 18px; color:#444; padding:5px 0 10px 25px; font-weight: 300; letter-spacing:-0.5px; overflow-wrap: break-word;}
+.best_list .best_con .con_btn button {position: relative; width:100%; background-color: #666666; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px; z-index: 1;}
+.best_list .best_con:hover .con_btn button {width:100%; background-color: #ed5908; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px;}
+.best_list_no {border-top:1px solid #d5d5d5; text-align:center; padding:15px 0; color:#555555;}
+
+
+.edup_result {display: flex; justify-content: space-between; padding:10px 0 10px 0;}
+.edup_result span {color:#ed5908; font-weight:700; }
+.edup_result ul {}
+.edup_result ul li { display: inline; font-size:15px;}
+.edup_result ul li.pass {position: relative; padding: 0 10px 0 25px;}
+.edup_result ul li.pass::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #999; left: 0; top: 55%; transform: translateY(-50%);}
+.edup_result ul li.this {position: relative; padding: 0 10px 0 25px;}
+.edup_result ul li.this::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #ed5908; left: 0; top: 55%; transform: translateY(-50%);}
+.edup_result ul li.pre {position: relative; padding: 0 0 0 25px;}
+.edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);}
+
+.edu_program {margin:0 0 50px 0; }
+.edu_program table {border-top:2px solid #000; width:100%; }
+.edu_program table.ppre {color:#0c3a97; }
+.edu_program table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;}
+.edu_program table th .ep_text {font-size:14px; color:#666666; }
+.edu_program table td {border-bottom: 1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding:15px 0; }
+.edu_program table td.edup_title {padding:0 0 0 20px;}
+.edu_program table td.edup_days {text-align: center; }
+.edu_program table td.edup_time {text-align: center; }
+.edu_program table td.edup_pass {color:#999999; text-align: center; }
+.edu_program table th.edup_this {background:#ed5908; color: #ffffff;}
+.edu_program table td.edup_this {background:#fdeee6; color:#222222; text-align: center;}
+.edu_program table td.edup_pre {color:#e40000; text-align: center;}
+
+.edu_program table th.first:first-child {border-left:0; }
+.edu_program table td:first-child {border-left:0; }
+
+
/* 교육 신청자 대시보드 */
-.edu_process {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; padding:0 0 40px 0;}
-.edu_process a {display:flex; justify-content: flex-start; align-items: center; width:100%;}
-.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
-.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; margin: 0 10px 0 0;}
-.edu_process .edu_apply .text_area {font-size:24px; font-weight:500; }
-.edu_process .edu_apply .text_area p {font-size:18px; font-weight:500; }
-.edu_process .edu_apply .text_area p span {font-size:36px; font-weight: 500; }
-
-.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
-.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; margin: 0 10px 0 0;}
-.edu_process .edu_register .text_area {font-size:24px; font-weight:500; }
-.edu_process .edu_register .text_area p {font-size:18px; font-weight:500; }
-.edu_process .edu_register .text_area p span {font-size:36px; font-weight: 500; }
-
-.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
-.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; margin: 0 10px 0 0;}
-.edu_process .edu_close .text_area {font-size:24px; font-weight:500; }
-.edu_process .edu_close .text_area p {font-size:18px; font-weight:500; }
-.edu_process .edu_close .text_area p span {font-size:36px; font-weight: 500; }
-
+.edu_process {display: flex; width: 100%; margin:0 0 40px 0; gap:20px;}
+.edu_process li{display:flex;width:calc(100%/3);height:150px;background:#f8f9fa;border:1px solid #d7d7d7;align-items:center;justify-content:center;border-radius:20px;gap:18px;}
+.edu_process i{display:inline-block;width:62px;height:62px;border-radius:100%;}
+.edu_process .edu_apply i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01.png) no-repeat center center;}
+.edu_process .edu_register i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02.png) no-repeat center center;}
+.edu_process .edu_close i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03.png) no-repeat center center;}
+.edu_process .text_area {display:flex;font-size:1.9rem;color:#555;flex-direction:column;gap:16px;}
+.edu_process .text_area p {font-size:1.7rem;color:#555;}
+.edu_process .text_area p span {font-family:'Gmarket Sans TTF';font-size:3.3rem;font-weight:bold;color:#333;}
+
.tb_list02 {width:100%; }
-.tb_list02 table {border-top:2px solid #000; width:100%; }
-.tb_list02 table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:15px 0;}
-.tb_list02 table td {vertical-align: middle; line-height:20px; text-align: center; border-bottom: 1px solid #d5d5d5; padding:16px 2px; color:#555;}
+.tb_list02 table {border-top:2px solid #858686; width: 100%; }
+.tb_list02 table th {vertical-align: middle; font-size: 1.7rem; line-height:20px; text-align: center; border-bottom: 1px solid #535353; padding:15px 0;}
+.tb_list02 table td {vertical-align: middle; font-size: 1.7rem; line-height:20px; text-align: center; border-bottom: 1px solid #d7d7d7; padding:16px 2px; color:#555;}
.tb_list02 table .btnType02 {border-radius:5px; padding:5px 10px; font-size:15px; margin:0 0 0 3px;}
.tb_list02 table .btnType03 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}
+/*체험교실대시보드 - 5단계(감리용)*/
+/* .ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; }
+.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; }
+.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;}
+.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;}
+.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;}
+.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;}
+.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;}
+.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;}
+.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
+.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
+.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
+.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
+.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
+.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;}
+.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; } */
+
+/* 체험교실대시보드 7단계 */
+.ex_process {display:flex; justify-content:space-between;}
+.ex_process li {border-radius: 10px; width:13.5%; text-align: center; color:#fff; padding:15px 0 18px 0; font-size:22px;}
+.ex_process li.p {/*background-color: #a7acb6;*/ background-color:#8b919e;}
+.ex_process li.p_on {/*background-color:#f37632;*/ background-color:#f05f0f;}
/* 첨부파일 */
@@ -296,69 +581,61 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type03 .tbody.ver2 input[type="text"] {padding: 0; margin-right: 20px; text-align: center;}
/* table list01 */
-.list table {width: 100%; table-layout: fixed; text-align: center;}
-.list thead tr{width: 100%; border-top: 2px solid #858686; }
-.list thead th{height: 65px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #535353; font-size: 1.7rem; font-weight: 400; color: #555555; word-break: keep-all;}
-.list thead th button {font-size: 8px; padding: 0 8px;}
-.list tbody tr:last-child{border-bottom: 0;}
-.list tbody th, .list tbody td {border-bottom: 1px solid #d7d7d7; font-weight: 300; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; font-weight:300; line-height: 1.3;}
-/* .list tbody th:not(.has_notice), .list tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;} */
-.list tbody td.t_left {padding: 0 15px;}
-.list tbody td p,.list tbody td span {width: 100%; margin: 0 auto; font-size:inherit; font-weight:400; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
-.list tbody td a {width: 100%; margin: 0 auto; font-weight:500; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
-.list tbody td:last-child{border-right: 0;}
-.list tbody td button{height: 40px; width: auto; padding: 0 10px; font-size: 1.7rem;}
-.list tbody td select{min-width: 110px; width: auto; height: 40px; font-size: 1.7rem;}
-.list tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
-.list tbody td button {width:90%;border-radius: 5px; padding: 0;}
-.list table input{vertical-align: auto;}
+.tb_list01 table {width: 100%; table-layout: fixed; text-align: center;}
+.tb_list01 thead tr{width: 100%; border-top: 2px solid #858686; }
+.tb_list01 thead th{height: 65px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #535353; font-size: 1.7rem; font-weight: 400; color: #555; word-break: keep-all;}
+.tb_list01 thead th button {font-size: 8px; padding: 0 8px;}
+.tb_list01 tbody tr:last-child{border-bottom: 0;}
+.tb_list01 tbody th, .tb_list01 tbody td {border-bottom: 1px solid #d7d7d7; font-weight: 400; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 1.6rem; line-height: 1.3;}
+.tb_list01 tbody th:not(.has_notice), .tb_list01 tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;}
+.tb_list01 tbody td.t_left {padding: 0 15px;}
+.tb_list01 tbody td p {width: 100%; margin: 0 auto; font-size:inherit; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
+.tb_list01 tbody td a {width: 100%; margin: 0 auto; font-size:inherit; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+.tb_list01 tbody td:last-child{border-right: 0;}
+.tb_list01 tbody td button{height: 35px; width: auto; padding: 0 10px; font-size: 1.7rem;}
+.tb_list01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 1.7rem;}
+.tb_list01 tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
+.tb_list01 tbody td .btn_print{height: auto;}
+.tb_list01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../../../adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;}
+.tb_list01 tbody td button {border-radius: 3px; padding: 2px 12px;}
+.tb_type01>table>tbody>tr>th[rowspan="2"] {border-right: 1px solid #e5e5e5;}
+.tb_list01 table input{vertical-align: auto;}
+.tb_list01.survey {margin-bottom: 40px;}
+.tb_list01.survey tbody th {text-align: left; padding: 0 10px;}
+.tb_list01.survey tbody td input[type="text"] {width: 80%}
-/* list view(글상세) */
-.list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
-.list_view tr{border-bottom:1px solid #d7d7d7;}
-.list_view th{background:#f8f9fa;height:60px;font-size:1.7rem;font-weight:300;color:#333;padding:0 20px;vertical-align:middle;line-height:1.4;}
-.list_view td{font-size:1.7rem;font-weight:300;color:#333;padding:22px 20px;vertical-align:middle;line-height:1.4;}
-.list_view .file{display:flex;align-items:center;gap:8px;}
+.app_status1 {color: #666; font-weight: 400;}
+.app_status2 {color: #008479; position: relative;font-weight: 400;}
+.app_status2::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #c2ebe6;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
+.app_status3 {color: #e95504; position: relative;font-weight: 400;}
+.app_status3::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #fbddcd;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
+.app_status4 {color: #666; position: relative;font-weight: 400;}
+.app_status4::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #e0e0e0;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
+.list_notice {background-color: #e95504; color: #fff; padding: 2px 10px; font-size: 15px; border-radius: 12px;}
-/* list write(글등록) */
-.write_wrap { padding: 30px 30px; margin-bottom: 30px;}
-.write_wrap textarea { height: 470px !important;}
-
-/* FAQ */
-.faq{text-align:left; width:100%; border-top:1px solid #666; border-bottom:1px solid #666; margin-bottom:60px; background-color:#fff; transform:translateX(0); display:block}
-.faq li{border-bottom:1px solid #d5d5d5; position:relative}
-.faq li:last-child {border-bottom:0; }
-.faq li .qst_text span {position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;clip: rect(0,0,0,0);}
-.faq li .qst_text {position: relative; font-size: 17px; font-weight: 400 !important; color: #fff; margin-right: 30px;}
-.faq li .qst_text::after {position: absolute; content: ""; width: 30px; height: 30px; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
-.faq li p {position:relative; color:#222; line-height:150%; font-size: 18px;}
-/* 질문 */
-.faq li .question{position:relative; width:100%; padding:15px 30px; display:flex; box-sizing:border-box; cursor:pointer;}
-.faq li .question .qst_text::after {background-color: #3a72db;}
-.faq li .question.slide_open::after{background-image:url(../images/content/faq_close.png);}
-.faq li .question::after {content:""; background-image:url(../images/content/faq_open.png); width: 30px; height: 30px; top: 50%; right: 30px; transform: translateY(-50%); position: absolute;}
-.faq li .question:hover {box-shadow:3px 3px 10px 5px rgba(0,0,0,0.1)}
-/* 답변 */
-.faq li .answer {background-color:#f5f5f5; display: none; position:relative; line-height:1.4;border-top:1px solid #d5d5d5; z-index: -2;}
-.faq li .answer .answer_in {padding: 20px 30px; box-sizing: border-box; display: flex; align-items: center;}
-.faq li .answer .qst_text::after {background-color: #777;}
-.faq li .answer p {font-weight: 300; font-size: 17px;}
-
-/* page */
-.pagination{margin: 30px auto; text-align: center;}
-.pagination button{width: 40px; height: 40px;font-size: 15px; color: #666; vertical-align: middle; padding: 0; margin: 0.5px; font-weight: 300;}
-.pagination button:hover {color: var(--gray-color); background-color: var(--gray-color-light); border-radius: 5px;}
-.pagination button.on{color: #fff; background-color: var(--gray-color); border-radius: 5px;}
-.pagination button.on:disabled, .page button.on[disabled="disabled"] {color: #fff !important; background-color: var(--gray-color) !important; border-radius: 5px;}
-.pagination button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;}
-.pagination .btn_page_first,.pagination .btn_page_prev,.pagination .btn_page_next,.pagination .btn_page_last {border-radius: 5px; border: 1px solid #d8d8d8;}
-.pagination .btn_page_prev {margin-right: 3px;}
-.pagination .btn_page_next {margin-left: 3px;}
-.pagination .btn_page_first i{background-image: url(../images/content/btn_page_first.png);}
-.pagination .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);}
-.pagination .btn_page_next i{background-image: url(../images/content/btn_page_next.png);}
-.pagination .btn_page_last i{background-image: url(../images/content/btn_page_last.png);}
+/* table list01 mobile */
+.tb_list01_m {width: 100%; display: none;}
+.tb_list01_m ul:first-child {border-top: 2px solid #000;}
+.tb_list01_m ul {padding: 25px 10px 0 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5;}
+.tb_list01_m ul li {width: calc(100%/2); padding-bottom: 25px;}
+.tb_list01_m ul li>span {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle;}
+.tb_list01_m ul li>span:first-child {width: 90px; border-right: 1px solid #ccc; line-height: 1.2;}
+.tb_list01_m ul li>span:last-child {padding-left: 12px; color: #666;}
+.tb_list01_m ul li>span button {font-size: 16px; padding: 2px 12px; border-radius: 3px; box-sizing: border-box;}
+/* table list01 mobile2 */
+.tb_list01_m_2 {display: none; margin-bottom: 30px;}
+.tb_list01_m_2>div:first-child {border-top: 2px solid #000;}
+.tb_list01_m_2>div {padding: 15px 0 10px 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
+.tb_list01_m_2>div p {font-size: 18px; line-height: 1.3;}
+.tb_list01_m_2>div ul {display: flex; margin-top: 10px; flex-wrap: wrap;}
+.tb_list01_m_2>div ul li {margin-right: 20px; margin-bottom: 5px;}
+.tb_list01_m_2>div ul li:last-child {margin-right: 0;}
+.tb_list01_m_2>div textarea {width: 100%; height: 80px; padding: 10px; margin-top: 15px; font-size: 16px;}
+.tb_list01_m_2.ip_text>div ul li {width: calc(100%/3); margin-right: 0;}
+.tb_list01_m_2.ip_text>div ul li input[type="text"] {width: 70px; height: 36px;}
+.tb_list01_m_2.ip_text>div ul li span {width: 80px; display: inline-block; font-size: 15px;}
+.tb_list01_m_2.ip_text>div ul li p {display: inline-block; padding-left: 10px; font-size: 16px; font-weight: 300; color: #555;}
/* 시간 선택 */
.mask2 {display: none; background-color: rgba(0,0,0,0.0); width: 100%; height: 100%; position: fixed; z-index: 1; left: 0; top: 0;}
@@ -399,14 +676,14 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.agree_wrap .agree_chx {background-color: #f5f5f5; border-radius: 5px; padding: 16px 20px; margin-top: 8px; margin-bottom: 40px; box-sizing: border-box;}
/* file table */
-.file_wrap{width: 100%; margin-top: 10px; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden;}
+.file_wrap{width: 100%; margin-top: -1px; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden;}
.file_wrap:last-child {margin-bottom: 10px;}
.file_wrap table{width: 100%; table-layout: fixed;}
.file_wrap table thead{border-bottom: 1px solid #d5d5d5;}
.file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0}
.file_wrap th input,.file_wrap td input{height: auto;}
.file_wrap .tb_file_before{height: 110px; position: relative;}
-.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
+.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/icon_file.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
.file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;}
.file_wrap tbody.tb_file_before span{color: #2b68da;}
.file_wrap tbody.tb_file_after{height: auto;}
@@ -543,11 +820,11 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.edu_wrap .edu_img img{width: 70%; display: block; margin: auto auto 30px auto;}
.edu_wrap .edu_table tbody th p{font-weight: 500;}
.edu_wrap .edu_table tbody td{font-weight: 400;}
-.edu_wrap .tb_type01 table tbody .edu_sus_num li{display: flex;background-color: #ececec; width: 43%; border-radius: 50px; position: relative; justify-content:flex-start; align-items:cenver; padding:0 5px; margin: 0 0 17px 0; box-sizing: border-box;}
+.edu_wrap .tb_type01 table tbody .edu_sus_num li{display: flex;background-color: #ececec; width: 50%; border-radius: 50px; position: relative; justify-content:flex-start; align-items:center; padding:0 5px; margin: 0 0 17px 0; box-sizing: border-box;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li:last-child{margin: 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 28px; height: 28px; background-color: #fff; font-weight: 600; font-size: 15px; border-radius: 14px;margin: 10px 0 10px 10px; text-align: center; display:flex; align-items:center; justify-content: center;}
-.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px);margin:15px 0 0 6px; color: #222;}
-.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{position:relative; font-weight:600; padding:0 15px 0 0 ;margin: 0 15px 0 0;}
+.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px); font-size: 1.6rem;margin:0 0 0 6px; color: #222;}
+.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{position:relative; font-size:inherit; font-weight:600; padding:0 15px 0 0 ;margin: 0 15px 0 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{position:absolute;content:""; width:1px; height:10px; background-color: #999; right:0; top:8px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p span{font-weight: 500;}
.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 15px; font-weight: 400;}
@@ -574,32 +851,19 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
/*마이페이지_new아이콘 추가*/
/*마이페이지_new아이콘 추가*/
-.list .mypage_new{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 4px 0 -33PX;}
+.tb_list01 .mypage_new{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 4px 0 -33PX;}
/*마이페이지_m 추가*/
.mypage_m .mypage_m_list ul{border-top: none;}
/*나의 강의실 > Q&A 추가*/
-.q_wrap .btn_layout01{margin: 50px 0 0 0;}
+.q_wrap .btn_layout01{margin: 50px 0 0 0;align-items:center;}
.q_wrap .btn_right{margin: 0 0 10px 0;}
-.q_wrap .tb_tit02{justify-content: left;}
+.q_wrap .tb_tit02{justify-content: left;margin:0;}
.q_wrap .tb_tit02 .btn_wrap1 button.con_more{margin: 0 0 0 10px;}
.q_wrap .faq li p{text-align: left;}
-.q_wrap .tb_tit02 .tb_tit02_left .q_title{height: 28px; background-image: url(/ipedu/visitEdu/usr/publish/images/content/q&a_icon.png); background-repeat: no-repeat;}
-.q_wrap .tb_list02 .faq_wrap .faq{border-bottom: 1px solid #d5d5d5;}
-.q_wrap .tb_list02 .faq_wrap .faq li{background-color: #f5f5f5;}
-.q_wrap .tb_list02 .faq_wrap .faq .first{border-top: 1px solid #222;}
-.q_wrap .tb_list02 .faq_wrap .faq li .qst_text{z-index: 1; margin: 0 25px 0 0; line-height: 2.7;}
-.q_wrap .tb_list02 .faq_wrap .faq li .qst_text::after{top: 55%; color: #fff;}
-.q_wrap .tb_list02 .faq_wrap .faq li .answer .awr_cont{font-weight: 400; color: #666;}
-.q_wrap .tb_list02 .faq_wrap .faq li .answer .qst_text{line-height: 1.4; color: #fff;}
-.q_wrap .tb_list02 .faq_wrap .faq li .answer .qst_text::after{top: 53%;}
-.q_wrap .tb_list02 .faq_wrap .faq li .date{font-size: 14px; color: #666; text-align: left; font-weight: 400;}
-.q_wrap .tb_list02 .faq_wrap .faq li .answer{background-color: #fff; z-index: 1;}
-.q_wrap .faq li .question,.q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 46px;}
-.q_pop .popup_cont .cont_body table thead tr th{width: 100%; padding: 12px 16px; border-top: 2px solid #222; background-color: #f5f5f5; text-align: left; font-size: 15px;}
-.q_pop .popup_cont table tbody{border-top: 1px solid #e5e5e5;}
+
@@ -622,7 +886,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type01 table tbody .short_bt{margin-top: 0px;}
/*알림마당 > 교육자료실 > 첨부파일 수정*/
- .fileView a{margin: 0 0 10px 0; white-space: normal; background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px; font-size: 16px; font-weight: 400; color:#555; line-height:20px;}
+ .fileView a{margin: 0 0 10px 0; white-space: normal; background-image: url(../images/content/icon_file.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px; font-size: 16px; font-weight: 400; color:#555; line-height:20px;}
/*알림마당 > FAQ > 답변 색 수정*/
.full_faq .faq li button{background-color: #f5f5f5;}
@@ -639,35 +903,15 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.inquiry_list{justify-content: left;}
.inquiry_list .btn_wrap{margin-left: 5px;}
-/* 댓글 */
-.cmmt_view{margin-top: 30px;}
-.cmmt_view .cmmt_tit{display: flex; align-items: center;}
-.cmmt_view .cmmt_icon{display: inline-block; width: 23px; height: 23px; background-image: url(/kccadrPb/usr/image/icon_comment.png); margin-right: 5px;}
-.cmmt_tit span{color: #ea5404; font-weight: bold; font-size: 20px;}
-.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
-.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
-.cmmt_person{min-width: 70px; width: 100px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
-.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
-.cmmt_detail{width: calc(100% - 100px); font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
-.cmmt_detail p{width: 100%}
-.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #666;}
-.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
-.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
-.cmmt_wrap{border-top: 1px solid #000; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; margin: 30px 0;}
-.cmmt_wrap .cmmt_tit{width: 100px; font-size: 17px; font-weight: 500; color: #555; padding-left: 15px; box-sizing: border-box;}
-.cmmt_text{width: calc(100% - 200px); margin-right: 10px;}
-.cmmt_text textarea{width: 100%; height: 90px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 10px 0; padding: 10px; box-sizing: border-box; font-size: 18px; color: #222;}
-.btn_add_cmmt{background-color: #2353b5; height: 92px; color: #fff; width: 90px; border-radius: 5px; font-size: 16px; font-weight: 500; transition: background-color 0.1s ease-in-out;}
-.btn_add_cmmt:hover{background-color: #0c3a97; transition: background-color 0.1s ease-in-out;}
-/* //댓글 */
-
@media all and (max-width: 1300px){
+ /* 기존찾교 */
/*교육소개 추가*/
.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 55%;}
}
+
@media all and (max-width: 1280px){
- .list_top {padding: 15px 20px;}
+ /* 기존찾교 */
input[type="text"] {padding: 0 12px;}
/* list top */
.list_top.type2 {display: block;}
@@ -682,6 +926,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
}
@media all and (max-width: 1100px){
+ /* 기존찾교 */
/*교육소개 추가*/
.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 80%;}
@@ -696,8 +941,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
/*마이페이지_new아이콘 추가*/
.mypage_wrap .mypage_table .tb_list02 .mypage_new{display: block; width: 30px; margin: 0 auto;}
-}
+}
@media all and (max-width: 1024px){
@@ -716,32 +961,75 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.container .cont_tit .path .home i{width:48px;height:44px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_home_mobile.png) no-repeat center center;}
.container .cont_tit .path li:not(.home)::before{width:20px;height:32px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png) no-repeat center center;top:10.5px}
+ /* icon */
+ .icon.file{width:34px;height:32px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_file_mobile.png) no-repeat center center;}
+ .icon.arrow{width:14px;height:24px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_arrow_mobile.png) no-repeat center center;}
+
/* tab */
.tab_button{font-size:5.2rem;}
+ .tab.fill{height:120px;margin:0 0 80px 0;}
+ .tab.fill .tab_button{font-size:3.8rem;}
+
/* 기본 input texarea */
- select.selType1{min-width:160px;height:80px;font-size:2.8rem;}
+ select.selType1{min-width:160px;height:80px;font-size:2.8rem;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat calc(100% - 24px) center;}
+ input[type="text"], .duet-date__input{height:80px;}
+
+ .btn{font-size:3.4rem;padding:0 60px;}
+
+ .btn.text{padding:0;}
+
+ .btn.small{height:70px;font-size:3rem;}
+ .btn.regular{height:80px;}
+ .btn.large{height:90px;padding:0 60px;}
- .list_top .search_area{font-size:3.2rem;}
- .list_top .search_area button{min-width:80px;height:80px;}
+ .list_top{flex-wrap:wrap;gap:10px;}
+ .list_top>div{width:100%;}
+ .list_top .list_top_left *{width:100%;}
+
+ .list_top .search_area{font-size:3.2rem;flex-wrap:wrap;}
+ .list_top .list_top_left+.search_area{justify-content:space-between;;}
+ .list_top .list_top_left+.search_area .calendar_wrap{width:calc((100% / 2) - 34px);}
+ .list_top .list_top_left+.search_area .calendar_wrap duet-date-picker{width:100%;}
+ .list_top .search_area .selType1{width:100%;}
+ .list_top .search_area input{width:100%;}
+ .list_top .search_area button{min-width:80px;width:calc((100% - 10px)/2);height:80px;font-size:3.4rem;}
+ .list_top .search_area button:only-of-type{width:100%;}
+ .list_top .btn_search i{height:80px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_search_mobile.png) no-repeat center center;}
+
+ .list_top .btn_wrap button {white-space:nowrap;height:80px;font-size:3.4rem;}
.calendar_wrap input[type="text"]{width:calc((100% / 2));height:80px;}
- /* icon */
- .icon.file{width:34px;height:32px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_file_mobile.png) no-repeat center center;}
+ .duet-date__input-wrapper{height:100%;}
+ .duet-date__input{width:100%;font-size:3.2rem;padding:0 0 0 24px;}
+ .duet-date__prev, .duet-date__next,.duet-date__close{height:40px !important;}
+ .duet-date__toggle{width:80px !important;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_calendar_mobile.png) no-repeat center;}
+
+ /* table title */
+ .table_title{margin:0 0 40px 0;}
+ .table_title h3{font-size:4.6rem;padding:0 0 0 40px;}
+ .table_title h3::before{width:16px;height:40px;top:5px;}
+ .table_title .btn_more{font-size:3rem;}
+ .table_title .btn_more i{margin:0 0 0 18px;}
/* list */
.list{border-top:2px solid #858686;}
.list table,.list tbody{display:block;}
- .list thead{display:none;}
+ .list thead{display:none;}
.list tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;}
- .list tbody th, .list tbody td{border:0;text-align:left;padding:0;}
+ .list tbody th, .list tbody td{border:0;text-align:left;padding:0;font-size:4.8rem;}
.list a{font-size:5.6rem;}
- .list tbody th p,.list tbody td p, .list tbody td span{display:inline-block;width:auto;font-size:4.8rem;font-weight:300;vertical-align:bottom;}
- .list tbody th p{font-size:4rem;font-weight:500;}
+ .list tbody th p,.list tbody td p, .list tbody td span{display:inline-block;width:auto;font-size:inherit;font-weight:300;vertical-align:sub;}
+ .list tbody th p{font-size:inherit;font-weight:500;}
.list tbody td span{position:relative;margin:0 32px 0 0;padding:0 32px 0 0;font-weight:400;}
.list tbody td span::after{position:absolute;content:"";width:4px;height:50px;background:var(--gray-color-light-hover);top:9.5px;right:0}
+ .list tbody td button{width:100%;}
.list tbody td button.btn.regular{width:100%;height:80px;font-size:3.4rem;}
+ .list tbody td p+button{vertical-align:top;}
+
+ .list .notice{width:88px;height:46px;font-size:3rem;}
+ .list .num{display:none;}
/* list view(글상세) */
.list_view{margin:100px 0 60px 0;border-top:4px solid #858686;}
@@ -749,9 +1037,101 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.list_view tbody{display:flex;flex-direction:column;}
.list_view tr{display:flex;width:100%;flex-wrap:wrap;}
.list_view th{display:flex;width:100%;height:120px;font-size:3.4rem;font-weight:300;padding:0 40px;justify-content:flex-start;align-items:center;}
- .list_view td{min-height:120px;font-size:3.4rem;padding:44px 40px;box-sizing:border-box;}
+ .list_view td{width:100%;min-height:120px;font-size:3.4rem;padding:44px 40px;box-sizing:border-box;}
.list_view .file{display:flex;align-items:center;gap:8px;}
+ .email_wrap{max-width:100%;font-size:3.4rem;gap:16px;flex-wrap:wrap;}
+ .email_wrap .email{width:calc(50% - 32px);}
+ .email_wrap .selType1{width:100%;}
+
+ /* board_view */
+ .board_view .title{font-size:3.8rem;padding:44px 20px;line-height:1.4;}
+ .board_util{padding:40px 60px;gap:20px;flex-direction:column;}
+ .board_util li{font-size:3rem;padding:0 0 0 24px;}
+ .board_util li::before{width:10px;height:10px;top:10px;}
+
+ .board_view_content{font-size:3.4rem;}
+ .board_view .file{font-size:3.4rem;gap:16px;}
+
+
+ /* faq */
+ .info_box{padding:30px 60px;}
+ .info_box i{width:120px;height:120px;}
+ .info_box i::before{width:106px;height:106px;}
+ .info_box i.faq::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_faq_mobile.png) no-repeat left top;}
+ .info_box i.inquiry::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_inquiry_mobile.png) no-repeat left top;}
+
+ .info{width:calc(100% - 120px);gap:16px;;}
+ .info li{font-size:3rem;padding:0 0 0 24px;line-height:1.3;}
+ .info li::before{width:10px;height:10px;top:15px;}
+
+ .info>p{font-size:3.4rem;}
+ .info span{font-size:3rem;line-height:1.4;}
+
+ .faq_list .question{font-size:3.4rem;padding:30px 105px 30px 20px;gap:28px;}
+ .faq_list .question::after{width:60px;height:60px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat center}
+ .faq_list .active .question::after{width:60px;height:60px;background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat center}
+ .faq_list .question p,.faq_list .answer p{width:calc(100% - 60px);text-align:left;}
+ .faq_list .question span,.faq_list .answer span{width:60px;height:60px;font-size:3rem;line-height:50px;}
+ .faq_list .answer{font-size:3.4rem;padding:30px 40px 30px 20px;gap:28px;}
+ .faq_list .answer *{font-size:3.4rem;}
+
+ /* 마이페이지 > 교육현황 */
+ .edu_progress{gap:20px;margin:0 0 80px 0;}
+ .edu_progress a{min-height:300px;height:auto;padding:40px;gap:36px;flex-direction:column;}
+ .edu_progress i{width:124px;height:124px;}
+ .edu_progress i.progress01{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01_mobile.png) no-repeat center center;}
+ .edu_progress i.progress02{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02_mobile.png) no-repeat center center;}
+ .edu_progress i.progress03{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03_mobile.png) no-repeat center center;}
+ .edu_progress p{text-align:center;gap:32px;}
+ .edu_progress strong{font-size:3.8rem;}
+ .edu_progress .number{font-size:3.4rem;}
+ .edu_progress b{font-size:6.6rem;}
+
+ .edu_status_list .btn.small:not(.lightgray){font-size:3.4rem;}
+
+
+ /* 기존 찾교 */
+
+ /* 강사유형 선택 */
+ .sel_tpye {margin: 100px 120px 24px 120px;}
+ /* 체험교실대시보드 7단계 */
+ .ex_process li {font-size:18px; padding:8px 3px 10px 3px; border-radius:5px; width:12%; line-height:20px; display: flex; align-items: center; justify-content: center;}
+
+
+
+ /* list view(글상세) */
+ .tb_tit01 .tb_tit01_left p{font-size:4rem;}
+
+ .tb_type01.tb_write{margin:0 0 60px 0;border-top:4px solid #858686;}
+ .tb_type01.tb_write table{display:block;}
+ .tb_type01.tb_write tbody{display:flex;flex-direction:column;}
+ .tb_type01.tb_write tr{display:flex;width:100%;flex-wrap:wrap;}
+ .tb_type01.tb_write th{display:flex;width:100%;height:120px;font-size:3.4rem;font-weight:300;padding:0 40px;justify-content:flex-start;align-items:center;}
+ .tb_type01.tb_write td{width:100%;min-height:120px;height:auto;font-size:3.4rem;padding:39px 40px;box-sizing:border-box;}
+ .tb_type01.tb_write .file{display:flex;align-items:center;gap:8px;}
+
+ /* list */
+ .tb_list01{border-top:2px solid #858686;}
+ .tb_list01 table,.tb_list01 tbody{display:block;}
+ .tb_list01 thead{display:none;}
+ .tb_list01 tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;}
+ .tb_list01 tbody th, .tb_list01 tbody td{border:0;text-align:left;padding:0;font-size:4.8rem;}
+ .tb_list01 a{font-size:5.6rem;}
+ .tb_list01 tbody th p,.list tbody td p, .tb_list01 tbody td span{display:inline-block;width:auto;font-size:inherit;font-weight:300;vertical-align:sub;}
+ .tb_list01 tbody th p{font-size:inherit;font-weight:500;}
+ .tb_list01 tbody td span{position:relative;margin:0 32px 0 0;padding:0 32px 0 0;font-weight:400;}
+ .tb_list01 tbody td span::after{position:absolute;content:"";width:4px;height:50px;background:var(--gray-color-light-hover);top:9.5px;right:0}
+ .tb_list01 tbody td button{width:100%;}
+ .tb_list01 tbody td button.btn.regular{width:100%;height:80px;font-size:3.4rem;}
+ .tb_list01 tbody td p+button{vertical-align:top;}
+
+}
+
+@media all and (max-width: 860px){
+ /* 기존찾교 */
+ /*교육소개 추가*/
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 100%;}
}
@media all and (max-width: 767px) {
@@ -773,30 +1153,321 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tab{margin:25px 0 20px 0;}
.tab_button{width:auto;font-size:2.6rem;padding:0 20px 13px;}
- .list_top .search_area{flex-wrap:wrap;}
- .list_top .search_area *:not(button){width:100%;}
+ .tab_button{font-size:2.6rem;}
- .calendar_wrap input[type="text"]{height:56px;}
+ .tab.fill{height:60px;margin:0 0 40px 0;}
+ .tab.fill .tab_button{font-size:1.9rem;}
+
+ /* icon */
+ .icon.arrow{width:7px;height:12px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_arrow.png) no-repeat center center;}
+
+ input[type="text"]{height:56px;}
select.selType1{height:56px;font-size:2.8rem;}
- .list_top{padding:0;}
- .list_top .search_area button{width:calc((100% / 2) - 6px);height:56px;}
+ .btn{font-size:1.7rem;padding:0 30px;}
+
+ .btn.small{height:35px;font-size:1.5rem;}
+ .btn.regular{height:40px;}
+ .btn.large{height:45px;padding:0 30px;}
+
+ .list_top .search_area{flex-wrap:wrap;}
+ .list_top .search_area>*:not(button){width:100%;}
+ .list_top .list_top_left+.search_area .calendar_wrap{width:calc((100% / 2) - 19px);}
+ .list_top .calendar_wrap duet-date-picker{width:calc(100% / 2);}
+ .calendar_wrap input[type="text"]{width:100%;height:56px;}
+ .list_top .endDate .duet-date__dialog{left:-100px;}
+ .list_top .search_area button{height:56px;font-size:2rem;}
.list_top .search_area button:only-of-type{width:100%;}
+ .list_top .btn_search i{height:30px;background-size:auto 100%;}
+
+ .duet-date__input-wrapper{height:100%;}
+ .duet-date__input{width:100%;height:56px;font-size:1.6rem;padding:0 0 0 12px;}
+ .duet-date__prev, .duet-date__next,.duet-date__close{width:40px !important;height:40px !important;}
+ .duet-date__toggle{width:80px !important;height:56px;background-size:auto 30px;}
+
+ .list_top{padding:0;}
+ .list_top .search_area>button{width:calc((100% / 2) - 6px);height:56px;}
+ .list_top .search_area>button:only-of-type{width:100%;}
+
+ /* table title */
+ .table_title{margin:0 0 20px 0;}
+ .table_title h3{font-size:2.3rem;padding:0 0 0 20px;}
+ .table_title h3::before{width:8px;height:20px;top:2.2px;}
+ .table_title .btn_more{font-size:1.5rem;}
+ .table_title .btn_more i{margin:0 0 0 9px;}
/* list */
- .list tbody th p{font-size:2rem;}
+ .list tbody th{font-size:2rem;}
.list tbody td a{font-size:2.8rem;}
- .list tbody th p, .list tbody td p, .list tbody td span{font-size:2.4rem;}
+ .list tbody td{font-size:2.4rem;}
+ .list tbody th p, .list tbody td p, .list tbody td span{font-size:inherit;}
.list tbody td span{margin:0 16px 0 0;padding:0 16px 0 0;}
.list tbody td span::after{width:2px;height:25px;top:6.5px;}
.list tbody td button.btn.regular{height:56px;font-size:1.7rem;}
- /* list view(글상세) */
- .list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
- .list_view th{height:60px;font-size:1.7rem;padding:0 20px;}
- .list_view td{min-height:60px;font-size:1.7rem;padding:22px 20px;}
+ .list .notice{width:52px;height:30px;font-size:2rem;}
- .icon.file{width:17px;height:16px;background-size:100% auto;}
+ /* list view(글상세) */
+ .list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
+ .list_view th{height:60px;font-size:1.7rem;padding:0 20px;}
+ .list_view td{min-height:60px;font-size:1.7rem;padding:22px 20px;}
+
+ .icon.file{width:17px;height:16px;background-size:100% auto;}
+
+ /* board_view */
+ .board_view .title{font-size:1.9rem;padding:22px 10px;line-height:1.4;}
+ .board_util{padding:20px 30px;gap:10px;flex-direction:column;}
+ .board_util li{font-size:1.5rem;padding:0 0 0 12px;}
+ .board_util li::before{width:5px;height:5px;top:5px;}
+
+ .board_view_content{font-size:1.7rem;padding:30px 10px;}
+ .board_view .file{font-size:1.7rem;gap:8px;}
+
+ /* faq */
+ .info_box{padding:15px 30px;}
+ .info_box i{width:60px;height:60px;}
+ .info_box i::before{width:53px;height:53px;}
+ .info_box i::after{background:url(/ipedu/visitEdu/usr/publish/images/content/icon_faq_mobile.png) no-repeat left top;background-size:100% auto;}
+
+ .info_box i.faq::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_faq.png) no-repeat left top;}
+ .info_box i.inquiry::after{width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_inquiry.png) no-repeat left top;}
+
+ .info{width:calc(100% - 60px);gap:8px;}
+ .info li{font-size:1.5rem;padding:0 0 0 12px;}
+ .info li::before{width:5px;height:5px;top:7px;}
+
+ .faq_list .question{font-size:1.7rem;padding:15px 75px 15px 20px;gap:14px;}
+ .faq_list .question::after{width:30px;height:30px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;}
+ .faq_list .active .question::after{width:30px;height:30px;background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;}
+ .faq_list .question p,.faq_list .answer p{width:calc(100% - 30px);text-align:left;}
+ .faq_list .question span,.faq_list .answer span{width:30px;height:30px;font-size:1.5rem;line-height:25px;}
+ .faq_list .answer{font-size:1.7rem;padding:15px 20px 15px 20px;gap:14px;}
+ .faq_list .answer *{font-size:1.7rem;}
+
+ /* 마이페이지 > 교육현황 */
+ .edu_progress{gap:10px;margin:0 0 40px 0;}
+ .edu_progress a{min-height:150px;padding:20px;gap:18px;}
+ .edu_progress i{width:62px;height:62px;background-size:100% auto !important;}
+ .edu_progress i.progress01{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01_mobile.png) no-repeat center center;}
+ .edu_progress i.progress02{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02_mobile.png) no-repeat center center;}
+ .edu_progress i.progress03{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03_mobile.png) no-repeat center center;}
+ .edu_progress p{text-align:center;gap:16px;}
+ .edu_progress strong{font-size:1.9rem;}
+ .edu_progress .number{font-size:1.7rem;}
+ .edu_progress b{font-size:3rem;}
+
+ .edu_status_list .btn.small:not(.lightgray){font-size:1.7rem;}
+
+
+ /* 기존찾교 */
+
+ /* sub latout */
+ .container {margin-top:70px;}
+ .container .inner {padding: 0 20px;}
+ .cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 30px;}
+ .cont_wrap h2 {font-size: 26px; padding-top: 10px;}
+ .cont_wrap .tit_box {display: block; text-align: center; padding: 15px 20px;}
+ .cont_wrap .tit_box i {display: block; margin: 0 auto;}
+ .cont_wrap .tit_box>div {width: 100%; padding-left: 0; padding-top: 15px;}
+ .cont_wrap .tit_box.type2>div {padding-left: 0;}
+ .cont_wrap .tit_box p {font-size: 22px; padding-bottom: 4px;}
+ .cont_wrap .tit_box span {font-size: 16px; line-height: 1.4;}
+
+ .tb_tit01 {margin-bottom: 10px;}
+ .tb_tit01 .tb_tit01_left p {font-size: 20px;}
+
+ .btn_wrap {position: relative;}
+ /*.btn_wrap button {display: none; height: 40px; padding: 0 20px; font-size: 16px;} 1123*/
+ .btn_wrap.btn_layout01 button {height: 40px; padding: 0 20px; font-size: 16px;}
+ .btn_wrap button.m_btn_block {display: inline-block;}
+ .btn_wrap.btn_layout01>.btn_right button.m_btn_block:nth-child(2) {margin-top: 5px;}
+ .survey_btn_wrap.btn_layout01>.btn_left {display: none;}
+ .survey_btn_wrap.btn_layout01>.btn_center {width: 210px;}
+
+
+ /* list top */
+ .list_top {display: block; padding: 5px 15px 15px 15px;}
+ .list_top .list_top_left { margin-bottom: 10px;}
+ .list_top.type2 .search_wrap {display: block; margin-top: 10px;}
+ .list_top select.selType1 {width: 100%; height: 56px; margin-top: 10px;}
+ .list_top .btn_wrap {text-align: center;display:block;}
+ .list_top span {padding-bottom: 10px; display: block;}
+ .list_top .calendar_wrap {width: calc(100%/2 - 13px);}
+ .list_top .btn_wrap input[type="text"].calendar {width: 100%; height: 36px;margin:0;box-sizing:border-box;}
+ .list_top button {width: 100%; height: 36px; margin-top: 10px;}
+ .list_top .btn_wrap button {height: 36px;margin-left:0;}
+ .list_top.type2 .list_top_left {text-align: center; margin-bottom: 20px;}
+ .list_top.type2 .search_wrap {margin-top: 0;}
+ /* list_top 내용 많을 때 틀어지는 것 수정 */
+ .list_top.top_longver {padding: 15px;}
+ .list_top.top_longver .btn_wrap .calendar_wrap {width: calc(100%/2 - 9px); margin: 0 0 10px 0;}
+ .list_top.top_longver .searchKeyword {vertical-align: middle;}
+ .list_top.top_longver .btn_wrap #searchKeyword {width: calc(100% - 109px);}
+
+ /* list top3 */
+ .list_top3 {padding: 15px 15px 0 15px;}
+ .list_top3 ul {margin-top: 10px;}
+ .list_top3 ul li {width: calc(100%/2);}
+ .list_top3 .list_top3_title p {font-size: 17px;}
+ .list_top3 .list_top3_title span {width: 70px; padding: 6px 0; margin-right: 0px; font-size: 14px;}
+
+ /* list top4 */
+ .list_top4 {padding: 15px 15px 5px 15px;}
+ .list_top4 ul li {width: 100%; margin-bottom: 10px;}
+ .list_top4 ul li span {width: 70px;}
+
+ .tb_type01 {margin-bottom: 20px;}
+ .trLength4 {display: none;}
+ .trLength2 {display: table-row;}
+
+ .tb_list01_m{display:none;}
+
+ .tb_type01>table>colgroup>col:nth-child(odd) {width: 130px !important;}
+ .tb_type01.rowspan2>table>colgroup>col {width: auto !important;}
+ .tb_type01.rowspan2>table>colgroup>col:nth-child(1) {width: 130px !important;}
+ .tb_type01.rowspan2>table>colgroup>col:nth-child(2) {width: 105px !important;}
+ .tb_type01>table>tbody>tr>th, .tb_type01>table>tbody>tr>td {font-size: 14px; font-weight: 400;}
+ .tb_type01>table>tbody>tr>th {padding-top: 0; padding-left: 10px; padding-bottom: 0; vertical-align: middle;}
+ .tb_type01>table>tbody>tr>td {height: 40px; padding: 8px 10px;}
+ .tb_type01>table>tbody>tr>td input[type="text"] {height: 36px;}
+ .tb_type01>table>tbody>tr>td>.btnType01 {height: 30px; font-size: 15px; padding: 0 12px;}
+ .tb_type01.tb_view table tbody tr td .put_photo {position: initial; border-left: 0; border-bottom: 0; margin-top: 10px;}
+ .tb_type01 table tbody tr td .put_photo .put_photo_in {width: 95px; height: 122px; margin: 0;}
+ .tb_type01 table tbody tr td .app_status4 {margin-right: 5px;}
+
+ /* table type2 */
+ .tb_type02 {overflow-x: scroll;}
+ .tb_type02 table {min-width: 767px;}
+ .tb_type02>table>thead>tr>th, .tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
+ .tb_type02>table>thead>tr>th {padding: 12px 5px;}
+ .tb_type02 tbody td input[type="text"].input_time {height: 36px;}
+ .tb_type01 table tbody tr td.file_download a {background-image: none; padding-left: 0;}
+
+ /* table list01 */
+
+ /* table type03 (table 모양이지만 div로 만듦) */
+ .tb_type03 .thead {padding: 13px 10px;}
+ .tb_type03 .thead>p {font-size: 16px;}
+ .tb_type03 .thead.ver2>p {font-size: 16px;}
+ .tb_type03 .tbody {display: block; padding: 15px 10px 10px 10px;}
+ .tb_type03 .tbody>span {display: block;}
+
+ /* table list01 */
+ .tb_list01_m ul {padding: 10px 10px 0 10px;}
+ .tb_list01_m ul li {width: 100%; padding-bottom: 10px;}
+ .tb_list01_m ul li>span {font-size: 14px; font-weight: 400;}
+ .tb_list01_m ul li>span:first-child {width: 100px;}
+ .tb_list01_m ul li>span:last-child {padding-left: 12px;}
+ .tb_list01_m ul li .btnType02 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; margin:0 0 0 3px;}
+ .tb_list01_m ul li .btnType03 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
+ .tb_list01_m ul li .btnType04 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; width:80px; margin-left:8px;}
+ .tb_list01_m ul li .btnType06 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
+
+ .list_notice {font-size: 14px;}
+
+ /* list view(글상세) */
+ .list_view .view_info{flex-wrap: wrap; min-height: 40px; padding: 10px 30px; font-size: 16px;}
+ .list_view .view_info p {margin-right: 20px;}
+ .list_view .view_info span::before {left: 10px;}
+
+ /* 강사유형 선택 */
+ .sel_tpye {margin: 50px 0 0 0;}
+ .sel_tpye>p {font-size: 28px;}
+ .sel_tpye ul {display: block; margin-top: 30px;}
+ .sel_tpye ul li {width: 100%; padding: 30px 0;}
+ .sel_tpye ul li.type1 {margin-bottom: 20px;}
+ .sel_tpye ul li p {font-size: 20px;}
+
+ /* 운영신청 등록안내 */
+ .summary_list dl {margin: 0 0 30px;}
+ .summary_list dl dd {font-size: 16px; padding: 15px;}
+ .summary_list dl dd ul {margin: 5px 0 0;}
+ .summary_list dl dd ul li {font-size: 15px; font-weight: 400;}
+ .summary_list02 dl dd table colgroup col:first-child {width: 32% !important;}
+ .summary_list02 dl dd table thead th {padding: 8px 10px; font-size: 16px;}
+ .summary_list02 dl dd table tbody th, .summary_list02 dl dd table tbody td {padding: 5px; font-size: 14px; font-weight: 400; text-align: left;}
+
+ /* pagenation */
+ .page button:nth-child(8), .page button:nth-child(9), .page button:nth-child(10), .page button:nth-child(11), .page button:nth-child(12) {display: none;}
+
+ /* 강사신청 확인 */
+ .check_app .check_app_in {padding: 40px 20px;}
+ .check_app .check_app_in p {font-size: 24px;}
+ .check_app .check_app_in span {font-size: 16px; line-height: 1.2;}
+ .check_app .check_app_in button {height: 40px; padding: 0 25px; margin-top: 20px; font-size: 16px;}
+
+ /* 청소년저작권강사 대시보드 */
+ .t_dashboard_top .dashboard_id {height: 121.5px;}
+ .t_dashboard_top>.tb_type01>table>colgroup>col {width: 80px !important;}
+ .t_dashboard_btm .tb_list01 {display: block; width: 100%; margin-top: 40px;}
+
+ /* login */
+ .login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;}
+
+ /*교육기반강화연수*/
+ .best_list {display:block; }
+ .best_list .best_con {width:100%; margin: 0 0 20px 0; }
+ .best_list .best_con:hover {width:100%; margin: 0 0 20px 0; }
+ .edup_result {display:block;}
+ .edup_result ul {padding:10px 0 0 0; }
+ .edu_program {overflow-x: scroll;}
+ .edu_program table {min-width: 767px;}
+ .edu_program>table>thead>tr>th, .edu_program>table>tbody>tr>th, .edu_program>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
+ .edu_program>table>thead>tr>th {padding: 12px 5px;}
+ .edu_program tbody td input[type="text"].input_time {height: 36px;}
+ .tb_tit02 .btn_wrap1 button.con_more {font-size:14px;}
+
+ /*교육신청자대시보드*/
+ .edu_process {display:block; width:100%;}
+ .edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;}
+ .edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
+ .edu_process .edu_apply .text_area {font-size:20px; font-weight:500; }
+ .edu_process .edu_apply .text_area p {font-size:16px; font-weight:500; }
+ .edu_process .edu_apply .text_area p span {font-size:30px; font-weight: 500; }
+ .edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;}
+ .edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
+ .edu_process .edu_register .text_area {font-size:20px; font-weight:500; }
+ .edu_process .edu_register .text_area p {font-size:16px; font-weight:500; }
+ .edu_process .edu_register .text_area p span {font-size:30px; font-weight: 500; }
+ .edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; align-items: center; justify-content: flex-start; padding: 10px 0 10px 30px;}
+ .edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
+ .edu_process .edu_close .text_area {font-size:20px; font-weight:500; }
+ .edu_process .edu_close .text_area p {font-size:16px; font-weight:500; }
+ .edu_process .edu_close .text_area p span {font-size:30px; font-weight: 500; }
+
+
+ /*마이페이지 추가*/
+ /*.mypage_wrap .mypage{margin: 0 0 -60px 0;}*/
+
+ /*마이페이지_new_m아이콘 추가*/
+ .mypage_m .mypage_m_list ul .mypage_new_m{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 0 0 4px;}
+
+ /*나의 강의실 > Q&A_m추가*/
+ .q_wrap .tb_list02{display: block;}
+ .q_wrap .btn_wrap button:last-child{display: block; font-size: 14px;}
+ .q_wrap .btn_wrap.btn_layout01>div{width: auto;}
+ .q_wrap .faq li p{font-size: 16px;}
+ .q_wrap .tb_list02 .faq_wrap .faq li .answer .awr_cont{font-size: 15px;}
+ .q_wrap .q_text{font-size: 16px;}
+
+ /* list view(글상세) */
+ .info>p{font-size:1.7rem;}
+ .info span{font-size:1.5rem;line-height:1.4;}
+ .tb_tit01 .tb_tit01_left p{font-size:2rem;}
+
+ .tb_type01.tb_write{margin:0 0 30px 0;border-top:2px solid #858686;}
+ .tb_type01.tb_write th{height:60px;font-size:1.7rem;font-weight:300;padding:0 20px;}
+ .tb_type01.tb_write td{width:100%;min-height:60px;height:auto;font-size:1.7rem;padding:18px 20px;}
+ .tb_type01.tb_write .file{display:flex;align-items:center;gap:4px;}
+
+ /* list */
+ .tb_list01{border-top:2px solid #858686;}
+ .tb_list01 tr{padding:10px 8px;gap:8px;}
+ .tb_list01 tbody th, .tb_list01 tbody td{border:0;text-align:left;padding:0;font-size:2.4rem;}
+ .tb_list01 a{font-size:2.8rem;}
+ .tb_list01 tbody td span{margin:0 16px 0 0;padding:0 16px 0 0;}
+ .tb_list01 tbody td span::after{position:absolute;content:"";width:2px;height:25px;background:var(--gray-color-light-hover);top:4.25px;right:0}
+ .tb_list01 tbody td button.btn.regular{width:100%;height:40px;font-size:1.7rem;}
}
@media (max-width: 479px){
@@ -809,4 +1480,77 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.list tbody td span{margin:0 8px 0 0;padding:0 8px 0 0;}
.list tbody td span::after{width:2px;height:25px;top:3.5px;}
.list tbody td button.btn.regular{height:48px;font-size:1.7rem;}
-}
\ No newline at end of file
+}
+
+
+
+/* 기존찾교 */
+@media all and (max-width: 640px) {
+ /*교육소개 추가*/
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li p{margin: auto auto auto 6px;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 14px;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding: 0 5px 0 0; margin: 0 5px 0 0;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:12px; top:5px;}
+
+ /*마이페이지 추가*/
+ /*.mypage_wrap .mypage{margin: 0 0 -40px 0;}*/
+ .mypage_wrap .mypage li{width: calc((100% - 26px)/2); margin: 0 0 25px 0;}
+ .mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 63px); height: calc(100% - 113px); padding: 9px 7px 8px 17px; margin: 21px auto 0 auto;}
+ .time_layer.on{position:fixed; width:100%; top:calc(100% - 143px); left:0; border:0;}
+ }
+
+ @media all and (max-width: 560px){
+ /*교육소개 추가*/
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li{padding: 5px;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li p{line-height: 1.2;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{display: none;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{margin: 10px 0 10px 5px;}
+ .edu_wrap .edu_img img{width: 100%;}
+ .btn_wrap.btn_layout01 button {padding:0 7px;}/*1123*/
+ }
+
+@media all and (max-width: 520px) {
+ /* list top3 */
+ .list_top3 ul li {width: calc(100%);}
+
+ /* table list01 mobile */
+ .tb_list01_m_2.ip_text>div ul li {width: calc(100%/2);}
+
+ /* list view(글상세) */
+ .list_view .view_info {display: block;}
+ .list_view .view_info p {margin-bottom: 10px;}
+ .list_view .view_info p:last-child {margin-bottom: 0;}
+
+ /*마이페이지 추가*/
+ .mypage_wrap .mypage li{width: calc((100%)/1);}
+
+ /*나의 강의실 > Q&A_m추가*/
+ .q_pop .pop_btn_wrap.btn_layout01>div{width: auto;}
+ .q_pop .pop_btn_wrap.btn_layout01>div:nth-child(2){width: auto;}
+}
+
+@media all and (max-width: 420px){
+ /*나의 강의실 > Q&A_m추가*/
+ .class_m ul{padding: 10px 2px 0 2px;}
+ .class_m ul li{word-break:break-word;}
+ .class_m ul li>span:first-child{width: 63px;}
+ .class_m ul li>span:last-child{padding-left: 10px;}
+ .q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 10px 12px 46px;}
+}
+
+ @media all and (max-width: 400px){
+ /*교육소개 추가*/
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li{border-radius: 10px; padding: 10px;}
+
+ /* .edu_wrap .tb_type01 table tbody .edu_sus_num li p img{width: 8%;}*/
+
+ /*마이페이지 추가*/
+ .mypage_wrap .tb_tit02{margin: -5px 0 10px 0;}
+ .mypage_wrap .tb_tit02 .tb_tit02_left .t_best{font-size: 19px;}
+}
+
+@media all and (max-width: 340px){
+ /*교육소개 추가*/
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 110%; padding: 5px;}
+ .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 20px; height: 20px; font-size: 14px;}
+}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css
index 492f33f7..bdd7af8f 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/main.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/main.css
@@ -2,6 +2,7 @@
.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;}
+.main .btn{padding:0;}
.main_title .btn_plus{width:50px;height:50px;border:1px solid #dddddd;border-radius:100%;background:#fff;}
.main_title .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus.png) no-repeat center center;transition:transform 0.2s;}
.main_title .btn_plus:hover i{transform:rotate(180deg);transition:transform 0.2s;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/reset.css b/src/main/webapp/visitEdu/usr/publish/css/reset.css
index 93d91b4e..4f47a3f0 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/reset.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/reset.css
@@ -28,7 +28,8 @@ address, em, i {font-style: normal;}
button {border: 0; background: none; cursor: pointer;}
hr {margin: 0; border: none; padding: 0; display: block;}
figure, figcaption {margin: 0; padding: 0;}
-form, fieldset {border: none; margin: 0; padding: 0; line-height: 1;}
+form, fieldset {border: none; margin: 0; padding: 0; line-height: 1; }
+.inner>form{display:inline-block;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
textarea{color: #666;font-size: 20px;font-weight: 300; font-family: 'Noto Sans KR', sans-serif;; resize: none;}
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow.png
new file mode 100644
index 00000000..fdac6719
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow_mobile.png
new file mode 100644
index 00000000..50cb9f9f
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_arrow_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar_mobile.png
new file mode 100644
index 00000000..66210352
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq.png
new file mode 100644
index 00000000..8477077c
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq_mobile.png
new file mode 100644
index 00000000..42b7de32
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_faq_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry.png
new file mode 100644
index 00000000..5d8597e7
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry_mobile.png
new file mode 100644
index 00000000..1aa602ab
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_inquiry_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01.png
new file mode 100644
index 00000000..80f8142e
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01_mobile.png
new file mode 100644
index 00000000..327aef83
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress01_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02.png
new file mode 100644
index 00000000..aefba634
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02_mobile.png
new file mode 100644
index 00000000..f06bc050
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress02_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03.png
new file mode 100644
index 00000000..84b01e70
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03_mobile.png
new file mode 100644
index 00000000..832ca7ff
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_progress03_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_search_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_search_mobile.png
new file mode 100644
index 00000000..910fab22
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_search_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_select_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_select_mobile.png
new file mode 100644
index 00000000..fff16b67
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_select_mobile.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/script/content.js b/src/main/webapp/visitEdu/usr/publish/script/content.js
index f829b161..aab68e8a 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/content.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/content.js
@@ -19,6 +19,13 @@ $(window).on("load", function () {
$(document).ready(function () {
+
+ $(".faq_list .answer,.faq_wrap .answer").slideUp(0);
+ $(".question").removeAttr("onclick")
+ $(".question").click(function(){
+ $(this).closest("li").toggleClass("active");
+ $(this).closest("li").find(".answer").slideToggle(400);
+ });
//강사유형 선택
$(".sel_tpye ul li").mouseenter(function () {
diff --git a/src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js b/src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js
index a3756824..d86b6406 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js
@@ -328,7 +328,7 @@ endDate.dateAdapter = {
// 달력 플러그인 실행
startDate.localization = {
- placeholder: '시작날짜를 입력하세요',
+ placeholder: '시작일 선택',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
@@ -341,7 +341,7 @@ startDate.localization = {
identifier: "searchStartDt",
}
endDate.localization = {
- placeholder: '종료날짜를 입력하세요',
+ placeholder: '종료일 선택',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
|