2023/11/23 모바일 화면 버튼,시간레이어팝업 수정

src/main/webapp/visitEdu/usr/publish/css/content.css

@@ -3,7 +3,7 @@
 
 /* sub layout */
 .container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; }
-.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; display: flex; box-sizing: border-box; justify-content: space-between;}
+.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; /*display: flex;*/ box-sizing: border-box; justify-content: space-between;}
 .container .inner .cont_wrap {width: 100%;}
 
 .cont_nav{width: 100%; height: 60px; background-color: #2353b5; position: fixed; top: 134px; z-index: 10;}
@@ -847,6 +847,9 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	.mypage_wrap .mypage li{width: calc((100% - 45px)/2); margin: 0 0 40px 0;}
 	.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 67px); height: calc(100% - 116px); padding: 7px 7px 11px 7px; margin: 21px auto 0 auto;}
 	.mypage_wrap .mypage_table .right{margin: 0 40px 0 0;}
+	
+	.tb_tit01{display: block;}
+	.tb_tit01 .btn_wrap button{margin: 10px 0 0 0;}
 }
 
 @media all and (max-width: 1280px){
@@ -870,10 +873,28 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	
 	/* 강사유형 선택 */
 	.sel_tpye {margin: 100px 120px 24px 120px;}
+	
+	/*체험교실대시보드 5단계 (감리용)*/
+	.ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; }
+	.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;}
+	.ex_process li a { padding:20px 0; text-align:center;}
+	.ex_process li.p_1_on {background-image: none;}
+	.ex_process li.p_2_on {background-image: none;}
+	.ex_process li.p_3_on {background-image: none;}
+	.ex_process li.p_4_on {background-image: none;}
+	.ex_process li.p_5_on {background-image: none;}
+	.ex_process li.p_1 {background-image: none;}
+	.ex_process li.p_2 {background-image: none;}
+	.ex_process li.p_3 {background-image: none;}
+	.ex_process li.p_4 {background-image: none;}
+	.ex_process li.p_5 {background-image: none;}
+	.ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 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_on::after {display:none; }
+	
 
-	/*체험교실대시보드*/
+	/*체험교실대시보드 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;}
-
+	*/
 }
 
 @media all and (max-width: 860px){
@@ -898,7 +919,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	.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;}
+	/*.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;}
@@ -1078,7 +1100,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	/*마이페이지 추가*/
 	.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 7px; margin: 21px auto 0 auto;}
+	.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 63px); height: calc(100% - 113px); padding: 9px 7px 8px 7px; 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){
@@ -1087,7 +1110,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	 .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%;}
+	 .edu_wrap .edu_img img{width: 100%;} 
+	 .btn_wrap.btn_layout01 button {padding:0 7px;}/*1123*/
  }
  
 @media all and (max-width: 520px) {