diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index daa42ab5..2db7b1c5 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/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) {