@charset "UTF-8";

.close_btn {
    display:none; 
    width:6.6667vw; 
    height:6.6667vw;
}
.menu_wrap {
    z-index:2; 
    display:none;
    position:absolute; 
    top:15.5556vw; 
    left:0; 
    width:100%; 
    height:100vh; 
    background-color:#FFFFFF;
}
.menu_wrap:before {
    content:''; 
    position:absolute; 
    top:0; 
    right:0; 
    width:15.5556vw; 
    height:100vh; 
    background-color:rgba(0,0,0, 0.2);
}
.menu_wrap ul {
    position:relative; 
    width:85.0000vw;
}
.menu_wrap ul li {
    height:11.1111vw; 
    margin:1.1111vw 1.9444vw; 
    line-height:11.1111vw; 
    box-sizing:border-box;
}
.menu_wrap ul li a {
    font-family:'Pretendard-Bold', sans-serif; 
    display:block; 
    padding-left:2.5000vw; 
    color:#5C5C5C; 
    font-size:3.3333vw; 
    height:11.1111vw; 
    line-height:11.1111vw; 
    box-sizing:border-box;
}
.menu_wrap ul li a:hover {
    border:0.2778vw solid #FFEDE4; 
    border-radius:1.1111vw; 
    color:#EB5E16; 
    background-color:#FFEDE4;
}
.menu_wrap ul li + li {
    margin-top:2.2222vw;
}
.hm_btn {
    display:block; 
    width:6.6667vw; 
    height:6.6667vw;
}
.menu_wrap.active {
    display:block;
}
.close_btn.active {
    display:block;
}
.hm_btn.active {
    display:none;
}
.news #header {
    z-index:9999;
    position:fixed;
    display:block;
    width:100%; 
    height:15.5556vw; 
    margin:0; 
    background-color:#FFFFFF;
}
.news #header .cont {  
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:59.7222vw;
    height:15.5556vw;
    margin-top:0; 
    padding:0;
}
.news #header .logo {
    width:41.1111vw;
    height:6.9444vw;
}
.news #main {top:33.3333vw;}
.news .cont {
    width:77.7778vw; 
    margin:0 auto 55.5556vw; 
    overflow:hidden;
}
.news .cont .tit {
    font-family: 'Pretendard-ExtraBold', sans-serif; 
    line-height:4.7222vw; 
    font-weight:800;
}
.news .main_news {
    position:relative; 
    width:77.7778vw; 
    height:115.2778vw; 
    margin-top:10.8333vw; 
    box-sizing:border-box;
}
.news .main_news .img_wrap {
    position:relative;
    width:74.4444vw; 
    height:58.3333vw; 
    margin:0 auto; 
    border:0.2778vw solid #D1D1D1; 
    border-radius:2.7778vw;
    overflow:hidden;
}
.news .main_news .img_wrap img {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:100%;
}
.news .main_news .txt_wrap .tit {
    font-family: 'Pretendard-Bold', sans-serif; 
    display:-webkit-box; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical; 
    width:68.0556vw; 
    height:12.2222vw; 
    margin-top:8.3333vw; 
    font-size:5.0000vw; 
    line-height:6.1111vw; 
    font-weight:700; 
    text-overflow:ellipsis;
    word-break:break-all; 
    overflow:hidden;
}
.news .main_news .txt_wrap .txt {
    display:-webkit-box; 
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical; 
    width:77.7778vw; 
    height:16.6667vw; 
    margin-top:8.3333vw; 
    color:#757575; 
    font-size:3.3333vw; 
    text-overflow:ellipsis; 
    word-break:break-all; 
    overflow:hidden;
}
.news .main_news .txt_wrap .date {
    margin-top:7.2222vw;
    color:#757575; 
    font-size:3.3333vw;
}
.news .main_news .more {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%;
    height:100%; 
    font-size:0;
}
.news .news_list {margin-top:25.0000vw;}
.news .news_list li {
    position:relative; 
    border-bottom:0.2778vw solid #E7E7E7;
}
.news .news_list li + li {padding-top:11.1111vw;}
.news .news_list .info {display:flex; align-items:center;} 
.news .news_list .info .news_tag {
    font-family: 'Pretendard-Bold', sans-serif; 
    line-height:4.7222vw; 
    font-weight:700;
} 
.news .news_list .info .date {
    margin-left:3.8889vw; 
    font-family: 'Pretendard-Regular', sans-serif; 
    font-size:3.3333vw; 
    line-height:4.7222vw; 
    font-weight:400;
}
.news .news_list .tit {
    margin:6.6667vw 0 11.1111vw; 
    font-family: 'Pretendard-Bold', sans-serif; 
    font-size:4.4444vw; 
    line-height:5.5556vw; 
    font-weight:700;
} 
.news .news_list .more {
    position:absolute;
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    font-size:0;
}