퍼블 업뎃
parent
833eca5b3a
commit
4915ff4362
|
|
@ -16,8 +16,8 @@
|
|||
.Plogin .login_box a {font-size: 15px;}
|
||||
/*.Plogin .login_box button {display: block; width: 160px; height: 110px; border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 110px; background: #169bd5;}*/
|
||||
/*.Plogin .login_box button span {display: block; position: relative; height: 100%;}*/
|
||||
.Plogin .login_box .line_t {height: 15px; border-bottom: 1px solid #D6D6D6; }
|
||||
.Plogin .login_box .line_b {height: 15px; border-top: 1px solid #C2C2C2; }
|
||||
.line_t {height: 15px; border-bottom: 1px solid #D6D6D6; }
|
||||
.line_b {height: 15px; border-top: 1px solid #C2C2C2; }
|
||||
.Plogin .login_box .chk {margin-top: 20px;}
|
||||
.Plogin .login_box .chk em {display: inline-block; height: 30px; color: #666; font-size: 15px;}
|
||||
.Plogin .login_box .chk em:nth-child(2) {padding: 0 10px;}
|
||||
|
|
@ -50,9 +50,21 @@
|
|||
/*.P_MAIN {position: relative; background: #f5f5f5;}*/
|
||||
/*.P_MAIN::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 360px; background: #fff;}*/
|
||||
.P_MAIN .c_wrap .topbox {width: 100%; height:490px; background: #F8F8F8; margin: 0 auto;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 {width: 630px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 0 25px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_3 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; padding: 30px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 .topbox_12{font-size: 14px; }
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 .topbox_13{font-size: 12px; font-weight: 700; color: #22498E; padding-bottom: 30px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_1 .topbox_14{font-size: 17px; font-weight: 600; line-height: 42px; white-space: nowrap;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 {width: 630px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 0 25px; padding: 30px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 .topbox_12{font-size: 19px; padding-bottom: 70px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 .topbox_13 {width: 80px; height: 80px; border-radius: 50%; background: #E2E9F6; display: flex; justify-content: center; align-items: center; margin-left: 1.2rem;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 .topbox_14{font-size: 16px; font-weight: 600; text-align: center; line-height: 40px; color: #222; padding: 10px 0;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_2 .topbox_15{text-align: center; line-height: 40px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_3 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; padding: 30px;}
|
||||
.P_MAIN .c_wrap .topbox .topbox_3 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
|
||||
.P_MAIN .c_wrap .login_search {border: 1px solid #6F6F6F; border-radius: 10px; overflow: hidden;}
|
||||
.P_MAIN .c_wrap .login_search_word {max-height: 125px; padding: 5px; overflow-x: auto; overflow-y: auto;}
|
||||
.P_MAIN .c_wrap .menubox {width: 100%; height:200px;}
|
||||
.P_MAIN .c_wrap .menubox .menubox_n {padding: 0 50px;}
|
||||
.P_MAIN .c_wrap .menubox .menu_img {width: 100px; height: 100px; border-radius: 50%; background: #E2E9F6; display: flex; justify-content: center; align-items: center;}
|
||||
|
|
@ -61,8 +73,12 @@
|
|||
.P_MAIN .c_wrap .qnabox .qnabox_1 {width: 1400px; height: 100px; margin:0 auto; padding: 0 10px; font-size: 35px; font-weight: 700; color: #004994;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_11 {width: 50%; font-size: 35px; font-weight: 700; color: #004994;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_12 {width: 50%; font-size: 20px; font-weight: 500; color: #6C6C6C;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_12 .rounded_circle_qna {width: 32px; height: 32px; border-radius: 50%; background: #FFF; box-shadow: 0 4px 5px #ccc; align-items: center; text-align: center; display: flex; }
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_2 {width: 1400px; margin:0 auto; }
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_n {width: 330px; height: 200px; border: 1px solid #dde2e5; border-radius: 10px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 20px 10px;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_n {width: 330px; height: 200px; border: 1px solid #dde2e5; border-radius: 10px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 20px 10px; padding: 30px;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_file {background: #EBF1FF; border-radius: 10px; color: #22498E; font-size: 12px;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_title {height: 100px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
|
||||
.P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_date {font-size: 13px; }
|
||||
.P_MAIN .c_wrap .numbox {width: 100%; height:200px; background: #4C6C84;}
|
||||
.P_MAIN .c_wrap .numbox .numbox_n {width: 300px; color: #fff; text-align: center;}
|
||||
.P_MAIN .c_wrap .numbox .num_text {font-size: 22px; font-weight: 700;}
|
||||
|
|
@ -71,6 +87,7 @@
|
|||
.P_MAIN .c_wrap .bbsbox {width: 100%; height:430px; border-bottom: 1px solid #E6E6E6; margin: 0 auto; padding-top: 85px;}
|
||||
.P_MAIN .c_wrap .bbsbox .bbsbox_1 {width: 980px; }
|
||||
.P_MAIN .c_wrap .bbsbox .bbsbox_2 {width: 370px; margin-left: 50px;}
|
||||
.P_MAIN .c_wrap .bbsbox .bbsbox_2 img {max-width: 370px; border-radius: 20px; }
|
||||
|
||||
.P_MAIN .c_wrap .bannerbox {width: 1400px; height:80px; margin: 0 auto;}
|
||||
/*.P_MAIN .c_wrap .bannerbox .slick-list {width: 1400px; margin: 0 auto;}*/
|
||||
|
|
|
|||
|
|
@ -300,13 +300,43 @@ function EgovMain(props) {
|
|||
<div className="qnabox">
|
||||
<div className="qnabox_1 d-flex justify-content-center">
|
||||
<div className="qnabox_11 d-flex justify-content-start align-items-end">Q&A</div>
|
||||
<div className="qnabox_12 d-flex justify-content-end align-items-end">1/2</div>
|
||||
<Row className="qnabox_12 text-center align-items-end">
|
||||
<Col xs={9}></Col>
|
||||
<Col xs={1} className={"rounded_circle_qna"}><img src={"/assets/images/left.png"} /></Col>
|
||||
<Col xs={1} className={""}> 1/2 </Col>
|
||||
<Col xs={1} className={"rounded_circle_qna"}><img src={"/assets/images/right.png"} /></Col>
|
||||
</Row>
|
||||
</div>
|
||||
<div className="qnabox_2 d-flex justify-content-center align-items-center">
|
||||
<div className="qnabox_n">1</div>
|
||||
<div className="qnabox_n">2</div>
|
||||
<div className="qnabox_n">3</div>
|
||||
<div className="qnabox_n">4</div>
|
||||
<div className="qnabox_n">
|
||||
<Row>
|
||||
<Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
|
||||
<Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
|
||||
</Row>
|
||||
<Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
|
||||
<Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row>
|
||||
</div>
|
||||
<div className="qnabox_n">
|
||||
<Row>
|
||||
<Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
|
||||
<Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
|
||||
</Row>
|
||||
<Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
|
||||
<Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
|
||||
<div className="qnabox_n">
|
||||
<Row>
|
||||
<Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
|
||||
<Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
|
||||
</Row>
|
||||
<Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
|
||||
<Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
|
||||
<div className="qnabox_n">
|
||||
<Row>
|
||||
<Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
|
||||
<Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
|
||||
</Row>
|
||||
<Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
|
||||
<Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="numbox d-flex justify-content-center align-items-center">
|
||||
|
|
|
|||
Loading…
Reference in New Issue