/* index 파일에만 존재하는 디자인 */
/* 고정 페이지 위치 */
#wrap main .main_pst_link 
{
    position: fixed; z-index:80;
    right:60px; top:250px;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
    gap: 20px;    
}  
#wrap main .main_pst_link a 
{
    display: flex; flex-flow: row nowrap; gap: 10px;
}  
#wrap main .main_pst_link a span {}  
#wrap main .main_pst_link a .name{font-size: var(--text-sub10p); 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 0 4px rgba(0, 0, 0, 0.25);        
}
/* 첫번째 동그라미 파란색 */  
#wrap main .main_pst_link a:nth-child(1) .circle
{background: var(--color-point);}
/* 마우스 올릴 시 활성화 */
#wrap main .main_pst_link a:nth-child(1) .circle{}
/* 글자숨기기 */
/* circle 마우스 올리면 검은색 */
#wrap main .main_pst_link a:hover .circle{background: #000;}

/* circle 마우스 올리면 글자보이기 */
#wrap main .main_pst_link a:hover .name{display: inline-block;}

/* 1행 시작 */
#wrap main .visual_wrap .visual_bnr_wrap 
{
    /* section 정렬을 위한 부모대상 flex 설정 */
    display: flex; /* 필수 */
    flex-flow: row nowrap;
    width: max-content;/* 자식의 전체 너비만큼 */    
    transform: translateX(-1920px);
}
#wrap main .visual_wrap
{
    width: 100vw; overflow: hidden;
}

#wrap main .visual_wrap .visual_bnr_wrap section
{
    /* 공통 */
    background-size: cover;
    height: 700px; width: 1920px;
    /* padding: 442px 0 0 80px; */
    position: relative; /* absolute걸린 자식의 부모 기준 설정 */
}
#wrap main .visual_wrap .visual_bnr_wrap section h2
{
    /* 공통 */
    font-size: var(--text-title70p);
    font-weight: var(--text-weight_bold);
    line-height: var(--text-title_90h);
    letter-spacing: var(--text-minus2);
    position: absolute; left:80px; bottom:114px ;
}
#wrap main .visual_wrap .visual_bnr_wrap section p
{
    /* 공통 */
    font-size: var(--text-contents21p);
    line-height: var(--text-contents_150h);
    letter-spacing: var(--text-minus2);
    color: var(--color-gray4);
    position: absolute; left:80px; bottom:30px ;

}
/********************************************/
#wrap main .visual_wrap .visual_bnr_wrap .bnr1
{
    background-image: url(../images/banner1.jpg);
}
#wrap .visual_wrap .visual_bnr_wrap .bnr1 h2{color: var(--color-white);}
#wrap .visual_wrap .visual_bnr_wrap .bnr1 p{}
/********************************************/
#wrap main .visual_wrap .visual_bnr_wrap .bnr2
{
    background-image: url(../images/banner2.jpg);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 h2{color: var(--color-coral);}
#wrap main .visual_wrap .visual_bnr_wrap .bnr2 p{}
/********************************************/
#wrap main .visual_wrap .visual_bnr_wrap .bnr3
{
    background-image: url(../images/banner3.jpg);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 h2{color: var(--color-green);}
#wrap main .visual_wrap .visual_bnr_wrap .bnr3 p{}
/********************************************/
#wrap main .visual_wrap .visual_bnr_wrap .bnr4
{
    background-image: url(../images/banner4.jpg);
}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 h2{color: var(--color-brown);}
#wrap main .visual_wrap .visual_bnr_wrap .bnr4 p{}
/********************************************/
/*****************좌우 버튼*******************/
#wrap main .visual_wrap .prev_next_wrap,
#wrap main .news_notice_wrap .prev_next_wrap
{
    display: flex; flex-flow: row nowrap;
    justify-content: center;
    padding: 40px 0;
    gap: 20px;
}
#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);
}

/*****************2행 시작********************/
#wrap main .news_notice_wrap {
    padding: 50px 0 0;
    display: flex; flex-flow: column nowrap; align-items: center;
    
} 
#wrap main .news_notice_wrap > * {
} 
#wrap main .news_notice_wrap > *:nth-child(odd) {
} 
#wrap main .news_notice_wrap h2
{
    font-size: var(--text-subtitle40p);
    font-weight: var(--text-weigh_bold);
    letter-spacing: var(--text-minus2);    
}
#wrap main .news_notice_wrap > p
{
    line-height: var(--text-contents_150h);
    font-size: var(--text-sub14p);    
    margin: 20px 0 50px;

}
#wrap main .news_notice_wrap .card_wrap{
    width: var(--width-desktop);
    overflow: hidden;
}
/**********************************************************/
#wrap main .news_notice_wrap .card_wrap .card_all
{
    display: flex; flex-flow: row nowrap;
    width: max-content;
    gap:65.33px;
}
#wrap main .news_notice_wrap .card_wrap .card_all li
{
    width: 311px; height: 298px; border: 1px solid var(--color-grayd);
    position: relative; background: var(--color-white);
}
#wrap main .news_notice_wrap .card_wrap .card_all li a{}
#wrap main .news_notice_wrap .card_wrap .card_all li .photo{}
#wrap main .news_notice_wrap .card_wrap .card_all li .photo img{}
#wrap main .news_notice_wrap .card_wrap .card_all li h3
{
    padding: 20px 20px 0;
    font-size: var(--text-menu18p); line-height: var(contents_150h) ;
}
#wrap main .news_notice_wrap .card_wrap .card_all li .date
{
    position: absolute; left:10px; bottom:10px ;
}
/**********************************************************/
#wrap main .news_notice_wrap .view_all_btn
{
    
    width: 200px; height: 48px; margin: 20px 0 0;
    border: 1px solid var(--color-grayd);
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
    gap: 10px;
}
#wrap main .news_notice_wrap .view_all_btn span{font-size: var(--text-sub14p);}