/* 고정 페이지 위치 */
#wrap main .main_pst_link {
    position:fixed; z-index:80; /* 단위값 px 아님! */
    right: 39px; top: 390px;
    display:flex;
    flex-flow:column nowrap;
    gap:20px;
}
#wrap main .main_pst_link a {
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-end;
    gap:10px;
}
#wrap main .main_pst_link a span {}
#wrap main .main_pst_link a .name{
    font-size:var(--text-sub10);
    display:none;
}
#wrap main .main_pst_link a .circle{
    display:block; width:10px; height:10px;
    background:var(--color-white); border-radius:50%;
    box-shadow:0 2px 2px 1px rgba(0,0,0,0.15); /* box-shadow:x값 y값 blur값 색상; */
}
/* 첫번째 circle 활성화 디자인   */
#wrap main .main_pst_link a:first-child .circle {
    background:var(--color-point);
}
/* 마우스 올릴 시 활성화 디자인 */
/* 1. 글자숨기기 */
/* 위의 #wrap main .main_pst_link a .name에 display:none; 걸음 */
/* 2. circle 마우스 올리면 */
#wrap main .main_pst_link a:hover .circle {
    /* 2-1. circle 검은색 변경 */
    background:#000;
}
/* 2-2. 글자 보이기 */
#wrap main .main_pst_link a:hover .name {
    display:inline-block;
}
/* 1행 시작 */
#wrap main #row1_pst {}
#wrap main .visual_wrap {
    width:100vw; overflow:hidden;
}
#wrap main .visual_wrap .visual_bnr_wrap {
    /* section 정렬을 위한 부모대상 flex 설정 */
    display:flex;
    flex-flow:row nowrap;
    width:max-content; /* 자식의 전체 너비만큼 */
    transform:translateX(0);
}
#wrap main .visual_wrap .visual_bnr_wrap section {
    background-size:cover;
    height:728px; width:1920px;
    /* padding:468px 0 0 80px; */
    position:relative; /* absoulte 걸린 자식의 부모 기준 설정 */
} /* 공통 */
#wrap main .visual_wrap .visual_bnr_wrap section h2 {
    font-size:var(--text-title70);
    font-weight:var(--weight-title);
    letter-spacing:var(--letter-title);
    line-height:var(--line-title);
    position:absolute; left:80px; bottom:134px;
} /* 공통 */
#wrap main .visual_wrap .visual_bnr_wrap section p {
    font-size:var(--text-contents21);
    letter-spacing:var(--letter-contents);
    line-height:var(--line-contents);
    color:var(--color-gray4);
    position:absolute; left:80px; bottom:30px;
} /* 공통 */
#wrap main .visual_wrap .visual_bnr_wrap .bnr1 {
    background-image:url(../images/row1_bnr1.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr1 h2 {
    color:var(--color-white);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr1 p {
    color:var(--color-white);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 {
    background-image:url(../images/row1_bnr2.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 h2 {
    color:var(--color-title_bnr2);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 p {}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 {
    background-image:url(../images/row1_bnr3.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 h2 {
    color:var(--color-title_bnr3);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 p {}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 {
    background-image:url(../images/row1_bnr4.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 h2 {
    color:var(--color-title_bnr4);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 p {}
/* 1행&2행 좌우 버튼 */
#wrap main .visual_wrap .prev_next_wrap,
#wrap main .news_notice_wrap .prev_next_wrap {
    display:flex; flex-flow:row nowrap;
    justify-content:center;
    gap:24px;
    padding:24px 0;
}
#wrap main .visual_wrap .prev_next_wrap a,
#wrap main .news_notice_wrap .prev_next_wrap a {}
#wrap main .visual_wrap .prev_next_wrap a img,
#wrap main .news_notice_wrap .prev_next_wrap a img {}
#wrap main .visual_wrap .prev_next_wrap .prev,
#wrap main .news_notice_wrap .prev_next_wrap .prev {}
#wrap main .visual_wrap .prev_next_wrap .next img,
#wrap main .news_notice_wrap .prev_next_wrap .next img{
    transform:scaleX(-1) /* 좌우반전 */
}
/* 2행 시작 */
#wrap main #row2_pst {}
#wrap main .news_notice_wrap {
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
#wrap main .news_notice_wrap > * {
    /* border:1px solid red; */
}
#wrap main .news_notice_wrap .title {
}
#wrap main .news_notice_wrap .title h2 {
    font-size:var(--text-sub_title40);
    font-weight:var(--weight-title);
    letter-spacing:var(--letter-minus2);
    text-align: center;
    padding-bottom:30px;
}
#wrap main .news_notice_wrap .title > p {
    font-size:var(--text_contents16);
}
#wrap main .news_notice_wrap .card_wrap {
    /* background:pink; */
    width:var(--width-desktop);
    padding:80px 0;
    overflow:hidden;
}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible {
    display:flex; flex-flow:row nowrap;
    width:max-content; gap:66.7px;
}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible section {
    width:310px; height:298px; border:1px solid var(--color-grayd);
    position:relative;
    background:#fff;
}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible section:hover {
    border:1px solid var(--color-point);
}}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .card_news_1 {}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .card_news_1 .card_1 {}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .card_news_1 .card_1 .photo {}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .photo img {width:100%;}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .card_news_1 .card_1 h3 {}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .card_news_1 .date {
}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .photo img {width:100%;}

#wrap main .news_notice_wrap .card_wrap .card_wrap_visible h3 {
    padding:20px 20px 0 20px;
    font-size:var(--text-menu18);
}
#wrap main .news_notice_wrap .card_wrap .card_wrap_visible .date {
    position:absolute; left:20px; bottom:20px;
}
#wrap .news_notice_wrap .view_all_btn {
    width:187px; height:40px;
    border:1px solid var(--color-grayd);
    display:flex; flex-flow:row nowrap;
    justify-content: center; align-items:center; gap:10px;
}
#wrap .news_notice_wrap .view_all_btn img {}
#wrap .news_notice_wrap .view_all_btn span{}