@charset "UTF-8";

/*----------------------------------------
TEMPLATE 1/6 common
----------------------------------------*/
/* all menu */
.all_depth1_item>a {border-bottom-color: #77ab59;}

.all_depth2 li a:active,
.all_depth2 li a:focus,
.all_depth2 li a:hover {color: #77ab59;}

@media (max-width: 991.98px) {
    .all_depth1_item>a:hover {background: #77ab59; color: #fff;}
    .all_depth2 li a:hover {color: #77ab59;}
    .all_depth2 .m2.selected>a {color: #77ab59;}
    .depth1.on {background: #77ab59; color: #ffffff;}
    .depth1.on:hover {color: #ffffff;}
}

/* widgets - top-point_01 */
.top-point_01 .point-caption p.text1 {font-size: clamp(1rem, 0.8rem + 1vw, 1.75rem);}     /* 최소16px, 최대28px */
.top-point_01 .point-caption p.text2 {font-size: clamp(0.85rem, 0.81rem + 0.2vw, 1rem);}  /* 최소13.6px, 최대16px */
.top-point_01 .point-caption p.text3 {display: none;}


/* login - login-sty1 */
.login-box {background-color: #065535; padding: 2rem;}

/* login - login-sty2 */
.login-wrap {border-radius: 0.5rem; margin-bottom: 1rem;}


/*----------------------------------------
TEMPLATE 1
----------------------------------------*/
/* main_menu */
header .main_menu>ul>li::before {margin-left: 1rem; margin-right: 1rem;}

header .main_menu a:active,
header .main_menu a:focus,
header .main_menu a:hover {color: #e44d44; text-decoration: none;}

/* snb */
#snb .category {background-color: #065535;}
#snb .category .m2 a:hover {color: #fbffbf; opacity: 1;}


/*----------------------------------------
TEMPLATE 6
----------------------------------------*/
/* gnb menu */
.gnb__wrap>ul>li:nth-child(3) .gnb__depth2 {left: 0%; margin-left: -10rem;}
.gnb__wrap>ul>li:nth-child(4) .gnb__depth2 {left: 0%; margin-left: 0;}
.gnb__wrap>ul>li:nth-child(5) .gnb__depth2 {left: 0%; margin-left: 10rem;}

/* main-banner */
.main-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../../_site/image/main.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 37.5rem;
}

/* sub-banner */
.sub-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../../_site/image/main.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 10rem;
}

/* page-wrap
.page-title h3 {color: #fff;}
.page-title .location {color: #fff;}
.page-title .location a:hover {color: #fff;} */


/*----------------------------------------
tske 지식생태학회
----------------------------------------*/

/* panel */
.panel.left-bar {border-color: #77ab59 !important;}