/* 고정 페이지 위치 */
#wrap main .main_pst_link {
    position:fixed;
    z-index: 80;
    right:67px; top:329px;
    display:flex;
    flex-flow:column nowrap;
    align-items: flex-end ;
    gap:20px;
}
#wrap main .main_pst_link a {
    display:flex;
    flex-flow:row wrap;
    /* 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:x값 y값 blur값 색상; */
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
/* 첫번째 circle 활성화 디자인 */
#wrap main .main_pst_link a:nth-child(1) .circle {
    background:var(--color-lightblue)!important;
}
/* 마우스 올릴 시 활성화 디자인 */
#wrap main .main_pst_link a:hover .circle {
    background:var(--color-black);
}
#wrap main .main_pst_link a:hover .name {
    display:inline-block;
}
/* index 파일에만 존재하는 공통 */
#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;
    background-position: center;
    height:720px; width: 1920px;
    /* padding:460px 0 0px 80px; */
    position:relative; /* absolute 걸린 자식의 부모 기준 설정 */
} 
#wrap main .visual_wrap .visual_bnr_wrap section h2 {
    font-size:var(--text-title70);
    font-weight: var(--weight-bold);
    line-height: var(--line-title90);
    letter-spacing:var(--letter-minus2);
    position:absolute; left:80px; bottom:134px;
} /* 공용 */
#wrap main .visual_wrap .visual_bnr_wrap section p {
    font-size:var(--text-contents21);
    line-height: var(--line-contents150);
    letter-spacing:var(--letter-minus2);
    color:var(--color-gray);
    position:absolute; left:80px; bottom:30px; 
}/* 공통 */
#wrap main .visual_wrap .visual_bnr_wrap .bnr1 {
    background-image:url(../image/bnr\ 1.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(../image/bnr\ 2.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 h2 {
    color:var(--color-brown);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 p {}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 {
    background-image:url(../image/bnr\ 3.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 h2 {
    color:var(--color-blue);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 p {}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 {
    background-image:url(../image/brn\ 4.jpg)
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 h2 {
    color:var(--color-red);
}
#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 {
    /* background-color: aqua; */
    display:flex;
    flex-flow:row nowrap;
    justify-content:center;
    gap:15px;
    padding: 50px 0;
    width: 100%;
}
#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 .next img,
#wrap main .news_notice_wrap .prev_next_wrap .next img {
    transform:scaleX(-1)
}
#wrap main .visual_wrap .prev_next_wrap a img .prev,
#wrap main .news_notice_wrap .prev_next_wrap a img .prev {}
/* ------------------------------------------- 2행 시작 */
#wrap main .news_notice_wrap {
    /* background:lightgreen; */
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    padding:50px 0 0;
}
#wrap main .news_notice_wrap > * {/* border:1px solid hotpink; */}/* 임시, 나중에 지우기 */
#wrap main .news_notice_wrap h2 {
    font-size:var(--text-subtitle40);
    font-weight: var(--weight-bold);
    letter-spacing:var(--letter-minus2);
    margin-bottom:30px;
}
    #wrap main .news_notice_wrap > p {
    font-size:var(--text-sub16);
    line-height: var(--line-contents150);
}
#wrap main .news_notice_wrap .card_wrap {
    margin:80px 0;
    /* background:lightgoldenrodyellow; */
    width: var(--width-desktop);
    overflow:hidden;
}
#wrap main .news_notice_wrap .card_wrap .card_all {
    display:flex;
    flex-flow:row nowrap;
    width:max-content;
    justify-content:space-around;
    gap:65px;
}
#wrap main .news_notice_wrap .card_wrap .card_all li {
    width: 311px; height: 298px;
    border:1px solid var(--color-gray2);
    position:relative;
    background-color:var(--color-white);
}
#wrap main .news_notice_wrap .card_wrap .card_all li:hover {
    border:1px solid var(--color-lightblue)
}
#wrap main .news_notice_wrap .card_wrap .card_all li a {}
#wrap main .news_notice_wrap .card_wrap .card_all li a .photo {}
#wrap main .news_notice_wrap .card_wrap .card_all li a .photo img {width: 100%;}
#wrap main .news_notice_wrap .card_wrap .card_all li a h3 {
    font-size:var(--text-menu18);
    font-weight: var(--weight-medium);
    letter-spacing: var(--letter-minus2);
    padding:20px 20px 0; 
}
#wrap main .news_notice_wrap .card_wrap .card_all li .date {
    position:absolute; left:25px; bottom:19px;
    letter-spacing: var(--letter-minus2);
}
#wrap main .news_notice_wrap .view_all_btn {
    width: 200px; height:48px; border:1px solid var(--color-gray2);
    display:flex;
    flex-flow:row nowrap;
    justify-content: center;
    gap:10px;
    align-items:center;
    margin-top:70px;
}
#wrap main .news_notice_wrap .view_all_btn img {}