section { background: no-repeat center / cover; }
.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#section1 { position: relative; background-image: url('../img/main/sec1_bg.jpg'); }
#section1 .sec1_title { width: 100%; color: #fff; font-weight: 400; background: url('../img/main/sec1_img1.png') no-repeat center; text-align: center; }
#section1 .sec1_title .bold { font-weight: 600; }
#section1 .sec1_txt { width: 100%; color: #fff; position: absolute;  left: 0; text-align: center; }

#section2 { background-image: url('../img/main/sec2_bg.jpg'); }
#section2 .inner { position: relative; height: 100%; }
#section2 .inner .txt_frame { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#section2 .inner .txt_frame span { display: block; }
#section2 .inner .txt_frame .sec2_title { font-weight: 600; }
#section2 .inner .txt_frame .sec2_txt span { font-weight: 600; line-height: 2; }
#section2 .inner .txt_frame .more_btn { color: #fff; background-color: #20a8ff; font-weight: 600; display: inline-block; border-radius: 40px; text-align: center; box-shadow: 5px 5px 8px rgba(0, 0, 0, .3); transition: all 0.3s; }
#section2 .inner .txt_frame .more_btn:hover { background-color: #009cff; }

#section3 { background-image:  url('../img/main/sec3_bg.jpg'); }
#section3 .inner { position: relative; height: 100%; }
#section3 .inner .sec3_frame { width: 100%; }
#section3 .inner .sec3_frame .rd { height: auto; flex-wrap: wrap; }
#section3 .inner .sec3_frame .rd_list { width: 49%; margin-bottom: 2%; background: no-repeat center / cover; transition: all 0.3s; box-shadow: 0 0 25px rgba(0,0,0,.4); }
#section3 .inner .sec3_frame .rd_list:not(:nth-child(2n)) { margin-right: 2% }
#section3 .inner .sec3_frame .rd_list:hover,
#section3 .inner .sec3_frame .rd_list:active { box-shadow: 0 0 30px rgba(0,0,0,.6); }
#section3 .inner .sec3_frame .rd_list1 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('../img/main/sec3_img1.jpg'); }
#section3 .inner .sec3_frame .rd_list2 { background-image: url('../img/main/sec3_img2.jpg'); }
#section3 .inner .sec3_frame .rd_list3 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('../img/main/sec3_img3.jpg'); }
#section3 .inner .sec3_frame .rd_list4 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('../img/main/sec3_img4.jpg'); }
#section3 .inner .sec3_frame .rd_list a { font-weight: 600; display: block; position: relative; color: #fff; text-align: center; }
#section3 .inner .sec3_frame .rd_txt { color: #fff; text-align: right; }
#section3 .inner .sec3_frame .rd_txt .rd_tit { font-weight: 600; }
#section3 .inner .sec3_frame .rd_txt .rd_tt { letter-spacing: -1.2px; line-height: 1.5; }

#section4 { background-image: url('../img/main/sec4_bg.jpg'); }
#section4 .inner > div { border: 1px solid #ccc; background-color: #fff; }
#section4 .inner .news h3 { font-weight: 600; text-align: center; }
#section4 .inner .news .news_box .news_list .news_link { width: 100%; display: block; overflow: hidden; }
#section4 .inner .news .news_box .news_list .news_link img { transition: all 0.3s; }
#section4 .inner .news .news_box .news_list .news_link:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);  }
#section4 .inner .news .news_box .news_list:not(:last-child) { margin-right: 10px; }
#section4 .inner .notice h3 { font-weight: 600; border-bottom: 1px solid #000; }
#section4 .inner .notice .notice_box .notice_list { width: 100%; }
#section4 .inner .notice .notice_box .notice_list .notice_link { font-weight: 400; justify-content: space-between; align-items: center; letter-spacing: -1.2px; }
#section4 .inner .notice .notice_box .notice_list .notice_link:hover,
#section4 .inner .notice .notice_box .notice_list .notice_link:active { text-decoration: underline; }
#section4 .inner .notice .notice_box .notice_list .notice_link .title { width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#section4 .inner .notice .notice_box .notice_list .notice_link .title .cate { font-weight: 600; }
#section4 .inner .notice .notice_box .notice_list .notice_link .date { width: 20%; }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:768px) {
    .section { height: 500px; }
    /* sec1 */
    #section1 .sec1_title { font-size: 30px; padding: 110px 0; background-size: 220px; }
    #section1 .sec1_txt { font-size: 14px; bottom: 20px; }

    /* sec2 */
    #section2 .inner .txt_frame .sec2_title { font-size: 22px; margin-bottom: 20px; }
    #section2 .inner .txt_frame .sec2_txt { margin-bottom: 30px; }
    #section2 .inner .txt_frame .sec2_txt span { font-size: 13px; letter-spacing: -1.2px; }
    #section2 .inner .txt_frame .more_btn { width: 150px; font-size: 16px; padding: 10px 0; }

    /* sec3 */
    #section3 .inner .sec3_frame .rd { width: 300px; margin: 0 auto 20px auto; }
    #section3 .inner .sec3_frame .rd_list { border-radius: 30px; }
    #section3 .inner .sec3_frame .rd_list1:hover,
    #section3 .inner .sec3_frame .rd_list1:active { border-radius: 30px 30px 0 30px; }
    #section3 .inner .sec3_frame .rd_list2:hover,
    #section3 .inner .sec3_frame .rd_list2:active { border-radius: 30px 30px 30px 0; }
    #section3 .inner .sec3_frame .rd_list3:hover,
    #section3 .inner .sec3_frame .rd_list3:active { border-radius: 30px 0 30px 30px; }
    #section3 .inner .sec3_frame .rd_list4:hover,
    #section3 .inner .sec3_frame .rd_list4:active { border-radius: 0 30px 30px 30px; }
    #section3 .inner .sec3_frame .rd_list a { font-size: 16px; padding: 50px 0; }
    #section3 .inner .sec3_frame .rd_txt .rd_tit { font-size: 25px; margin-bottom: 10px; }
    #section3 .inner .sec3_frame .rd_txt .rd_tt { font-size: 12px; }

    /* sec4 */
    #section4 { padding: 30px 0; }
    #section4 .inner .news { padding: 20px 25px; margin-bottom: 20px; }
    #section4 .inner .news h3 { font-size: 20px; margin-bottom: 15px; }
    #section4 .inner .news .news_box .news_list { width: 49%; }
    #section4 .inner .notice { padding: 25px 20px; }
    #section4 .inner .notice h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 20px; }
    #section4 .inner .notice .notice_box .notice_list:not(:last-child) { margin-bottom: 10px; }
    #section4 .inner .notice .notice_box .notice_list .notice_link { font-size: 14px; }
    
    
}
 
/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1319px) {
    #section2 .inner .txt_frame { padding: 0 20px; }

    /* sec3 */
    #section3 .inner .sec3_frame { padding: 0 20px; }
} 

/*** Tablet ***/
@media screen and (min-width:768px) and (max-width:1319px) {
    .section { height: 800px; }

    /* sec1 */
    #section1 .sec1_title { font-size: 60px; padding: 180px 0; background-size: 520px; }
    #section1 .sec1_txt { font-size: 25px; bottom: 40px; }

    /* sec2 */
    #section2 .inner .txt_frame .sec2_title { font-size: 40px; margin-bottom: 25px; }
    #section2 .inner .txt_frame .sec2_txt { margin-bottom: 25px; }
    #section2 .inner .txt_frame .sec2_txt span { font-size: 18px; }
    #section2 .inner .txt_frame .more_btn { width: 200px; font-size: 20px; padding: 20px 0; }

    /* sec3 */
    #section3 .inner .sec3_frame .rd { width: 445px; margin: 0 auto; }
    #section3 .inner .sec3_frame .rd_list a { font-size: 23px; padding: 80px 0; }
    #section3 .inner .sec3_frame .rd_txt .rd_tit { font-size: 42px; margin-bottom: 40px; }
    #section3 .inner .sec3_frame .rd_txt .rd_tt { font-size: 22px; }

    /* sec4 */
    #section4 { padding: 50px 0; }
    #section4 .inner .news { padding: 30px 35px; margin-bottom: 30px; }
    #section4 .inner .news h3 { font-size: 25px; margin-bottom: 20px; }
    #section4 .inner .news .news_box .news_list { width: 49%; }
    #section4 .inner .notice { padding: 35px 20px; }
    #section4 .inner .notice h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 20px; }
    #section4 .inner .notice .notice_box .notice_list:not(:last-child) { margin-bottom: 10px; }
    #section4 .inner .notice .notice_box .notice_list .notice_link { font-size: 16px; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:768px) {
    #section3 .inner .sec3_frame .rd_list { border-radius: 60px; }
    #section3 .inner .sec3_frame .rd_list1:hover,
    #section3 .inner .sec3_frame .rd_list1:active { border-radius: 60px 60px 0 60px; }
    #section3 .inner .sec3_frame .rd_list2:hover,
    #section3 .inner .sec3_frame .rd_list2:active { border-radius: 60px 60px 60px 0; }
    #section3 .inner .sec3_frame .rd_list3:hover,
    #section3 .inner .sec3_frame .rd_list3:active { border-radius: 60px 0 60px 60px; }
    #section3 .inner .sec3_frame .rd_list4:hover,
    #section3 .inner .sec3_frame .rd_list4:active { border-radius: 0 60px 60px 60px; }
}

/*** Desktop ***/
@media screen and (min-width:1320px) {
    .section { height: 940px; }

    /* sec1 */
    #section1 .sec1_title { font-size: 80px; padding: 225px 0; }
    #section1 .sec1_txt { font-size: 28px; bottom: 50px; }

    /* sec2 */
    #section2 .inner .txt_frame .sec2_title { font-size: 56px; margin-bottom: 30px; }
    #section2 .inner .txt_frame .sec2_txt { margin-bottom: 30px; }
    #section2 .inner .txt_frame .sec2_txt span { font-size: 22px; }
    #section2 .inner .txt_frame .more_btn { width: 260px; font-size: 26px; padding: 20px 0; }
    #section3 .inner .sec3_frame { display: flex; align-items: center; }

    /* sec3 */
    #section3 .inner .sec3_frame { display: flex; align-items: center; }
    #section3 .inner .sec3_frame .rd { width: 50%; }
    #section3 .inner .sec3_frame .rd_list a { font-size: 26px; padding: 150px 0; }
    #section3 .inner .sec3_frame .rd_txt { width: 50%; }
    #section3 .inner .sec3_frame .rd_txt .rd_tit { font-size: 62px; margin-bottom: 60px; }
    #section3 .inner .sec3_frame .rd_txt .rd_tt { font-size: 26px; }

    /* sec4 */
    #section4 { padding: 70px 0; }
    #section4 .inner { display: flex; }
    #section4 .inner .news { width: 70%; padding: 30px 35px; margin-right: 10px; }
    #section4 .inner .news h3 { font-size: 32px; margin-bottom: 25px; }
    #section4 .inner .news .news_box .news_list { width: 33%; }
    #section4 .inner .notice { width: 29%; padding: 45px 25px; }
    #section4 .inner .notice h3 { font-size: 22px; padding-bottom: 15px; margin-bottom: 30px; }
    #section4 .inner .notice .notice_box .notice_list:not(:last-child) { margin-bottom: 20px; }
    #section4 .inner .notice .notice_box .notice_list .notice_link .title { font-size: 18px; }
    
}