@charset "utf-8";
@import url("reset.css");
@import url("font.css");

/* layout 여백 */
.contentsInner{width:1400px; margin:0 auto}
.contentsInner2{width:1200px; margin: 0 auto;}

.contents_px{padding:0 40px}

.content_wrap{padding:80px 0;}

/*
/* mobile */
.mobile_ver{display: none;}
.pc_ver{display: block;} */


/* 블라인드 */
.blind{border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; white-space: nowrap; display: inline-block;}


.pa-0{padding:0 !important}
.ma-0{margin:0 !important}

/* 스크롤바 설정*/
.scroll_content::-webkit-scrollbar{
    width: 12px;
}

/* 스크롤바 막대 설정*/
.scroll_content::-webkit-scrollbar-thumb{
    background: #e9e9e9;
}

/* 스크롤바 뒷 배경 설정*/
.scroll_content::-webkit-scrollbar-track{
    background-color: transparent;
    margin-top: 20px;
}

/* navigation */
.navigation { border-bottom: 1px solid #f6f6f6; height: 50px; background-color: white; }
.navigation .navi_list{height: 100%;display: flex;align-items: center;}
.navigation .navi_list .navi_item{display: inline-flex;padding:0 18px;line-height: 1;height: 100%;align-items: center; position: relative;}
.navigation .navi_list .navi_item::after { content: ''; display: inline-block; width: 18px; height: 18px; background: url(../img/icon_arrow_2.svg) no-repeat center; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
.navigation .navi_list .navi_item:last-child::after{display: none;}
.navigation .navi_list .navi_item a{color: #3C4858;font-size: 2rem;font-family: "AppleSDGothic-M", sans-serif;display: inline-flex;width: 100%;height:100%;align-items: center;line-height: 1;}
.navigation .navi_list .navi_item.selected{height: 42px; color: #050504; font-size: 2rem;font-family: "AppleSDGothic-SB", sans-serif;line-height: 1;}

/* pagenation */
.paging{width: 100%; margin:40px 0;text-align: center; display: flex; align-items: center;
    justify-content: center;}
.paging .page_list { display: inline-block; }
.paging .page_list .list_item{display: inline-block; width: 42px; margin:0 2px; border-radius: 100%; text-align: center; vertical-align: middle;}
.paging .page_list .list_item a{line-height: 42px; font-size: 1.8rem;font-family: "Inter-M", sans-serif; color:#ACB5C3; display: inline-block; transition: .3s; height: 100%; width: 100%;}
.paging .page_list .list_item a:hover{color:#151515}
.paging .page_list .list_item.selected{color:white; background-color: #38B6A1; font-size: 1.8rem;font-family: "Inter-SB", sans-serif; line-height: 42px;}

.paging .page_btn{margin:0 20px; font-family: "Inter-M", sans-serif; font-size: 1.8rem; line-height: 1; transform: translateY(-2px); cursor: pointer;}
.paging .page_btn.edge{color:#38B6A1; }
.paging .page_btn.disabled {pointer-events: none; color:#ACB5C3;}

@media (max-width:1500px){
    .contentsInner{padding:0 40px;}
}

@media (max-width:575px){
    .navigation{height: 42px;}
    .navigation .navi_list .navi_item:first-child{padding-left: 0px;}
    .navigation .navi_list .navi_item a{font-size: 1.8rem;}
    .navigation .navi_list .navi_item.selected{font-size: 1.8rem;}
    .contentsInner{padding:0 25px;}
    .paging .page_list .list_item{width: 32px;}
    .paging .page_list .list_item a{font-size: 1.4rem;}
    .paging .page_list .list_item.selected{font-size: 1.4rem;  line-height: 32px;}
    .paging .page_btn{font-size: 1.4rem;}
}

@media (max-width:360px){
    .navigation .navi_list .navi_item a{font-size: 1.6rem;}
    .navigation .navi_list .navi_item.selected{font-size: 1.6rem;}
}




.fadeIn {
    display: block;
    animation: fadeIn 0.2s forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}