@charset "utf-8";

/* ==========================================================================
    LAYOUT CUSTOM
    ========================================================================== */
header:not(.fixed){
    padding-top: 20px;
    &::after{background-color: rgba(255,255,255,.2);}
    & .bg-header{background-color: transparent;}
    & .d-img{display: none;}
    & .w-img{display: inline;}
    & .lnb > ul > li > a{color: var(--point-color0201)}
    & .lnb > ul > li > a.on::after{background-color: #fff;}
    & .lnb > ul > li > ul{background: var(--point-color02);}
    & .lnb > ul > li > ul::after{border-bottom: 6px solid var(--point-color02);}
    & .snb .login_area .login_btn{background: url('../img/common/ico-login-white.png') no-repeat center center / 26px auto;}
    & .menu_all_btn:not(.open) span{background-color: var(--point-color0201);}
    @media (width <= 767px) {
        padding-top: 0;
    }
}
.main-container {
    &#content{padding-bottom: 0}
    position:relative;
}
/* ==========================================================================
    MAIN VISUAL
    ========================================================================== */
.main-visual{
    position: relative;
    overflow: hidden;
    transition: .3s ease-in-out;
    & .main-vis{position: relative; width: 100%; height: 100dvh; overflow: hidden}
    & .main-vis .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
    /*& .main-vis::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1);}*/
    & .main-vis01 .bg{background-image: url('/assets/site/img/main/main_vis0000.jpg?250307'); animation: move1 15s ease-in-out forwards;}
    & .main-vis02 .bg{background-image: url('/assets/site/img/main/main_vis01.jpg?250307'); animation: move1 15s ease-in-out forwards;}
    & .main-vis03 .bg{background-image: url('/assets/site/img/main/main_vis02.jpg?250307'); animation: move2 15s ease-in-out forwards;}
    & .main-vis04 .bg{background-image: url('/assets/site/img/main/main_vis03.jpg?250307'); animation: move2 15s ease-in-out forwards;}
    & .mvis-text{
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
        color: #fff;
        letter-spacing: 0;
        z-index: 10;
        pointer-events: none;
        & .logo img{max-width: 715px;}
        & .sub-text{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; color: var(--point-color0201); letter-spacing: 0; margin-top: 29px;}
        & .logo{opacity: 0; animation: fadeUp .5s ease-in-out forwards .3s;}
        & .sub-text{opacity: 0; animation: fadeUp01 .5s ease-in-out forwards .7s;}
    }
    & .num-pager{position: absolute; bottom: 61px; right: 51px; display: flex; align-items: center; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: bold; width: 90px;}
    & .num-pager strong,
    & .num-pager span{flex: 1; display: flex; justify-content: center; align-items: center; }
    & .num-pager strong{color: rgba(255,255,255,1);}
    & .num-pager span{color: rgba(255,255,255,.2);}
    & .num-pager::after{content: ""; position: absolute; left: 50%; display: block; width: 1px; height: 14px; background-color: rgba(255,255,255,.2);}
    /* Swiper */
    & .sw-mvis{
        & .swiper-wrapper{transition-timing-function: ease-in-out;}
        /*pager*/
        & .swiper-pagination-bullets{left: var(--main-gap); bottom: 59px; width: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px;}
        & .swiper-pagination-bullet{position: relative; width: 20px; height: 20px; border:1px solid transparent; background-color:transparent; opacity:1; margin: 0}
        & .swiper-pagination-bullet::after{content: ""; display: block; position: absolute; left: calc(50% - 3px); top: calc(50% - 3px); width: 6px; height: 6px; background-color: var(--point-color0201); border-radius: 3px;}
        & .swiper-pagination-bullet-active{border-color: #fff;}
        /*prev next*/
        & .swiper-button-prev,
        & .swiper-button-next{top: auto; margin-top: 0; bottom: 54px; width: 30px; height: 30px; background-repeat:no-repeat; background-position: center; background-size: 8px auto; opacity: .3; transition:ease-in-out .2s}
        & .swiper-button-prev{left: auto; right: 131px; background-image:url('/assets/site/img/common/arr0401.png');}
        & .swiper-button-next{right: 29px; background-image:url('/assets/site/img/common/arr0402.png');}
        /*& .swiper-button-prev,*/
        /*& .swiper-button-next,*/
        /*& .swiper-pagination-bullets{opacity: 0; animation: fadeEffect .6s ease-in-out forwards 1.5s;}*/
    }
    & .mouse-move{position: absolute; left: 50%; bottom: 56px; translate: -50% 0; z-index: 10}
    & .mouse-move img{width: 16px; animation: bounce1 .4s linear infinite alternate;}

    @media (width <= 1200px) {
        & .mvis-text{
            & .logo img{max-width: 580px;}
        }
    }
    @media (width <= 1023px) {
        & .mvis-text{
            padding: 0 40px;
            & .logo img{max-width: 540px;}
            & .sub-text{font-size: 14px; margin-top: 20px;}
        }
        & .num-pager{bottom: 43px;}
        & .sw-mvis{
            & .swiper-pagination-bullets{bottom: 40px;}
            & .swiper-button-prev,
            & .swiper-button-next{bottom: 35px;}
        }
        & .mouse-move{bottom: 37px;}
    }
    @media (width <= 767px) {
        & .mvis-text{
            & .logo img{max-width: 340px;}
        }
        & .num-pager{display: none;}
        & .sw-mvis{
            & .swiper-pagination-bullets{left: 0; bottom: 30px; justify-content: center; width: 100%;}
            & .swiper-button-prev,
            & .swiper-button-next{display: none;}
        }
        & .mouse-move{display: none}
    }
}
/*애니메이션 Move*/
@keyframes move1 {
    from {transform: scale(1)}
    to {transform: scale(1.15)}
}
@keyframes move2 {
    from {transform: scale(1.15)}
    to {transform: scale(1)}
}
@keyframes bounce1 {
    from {translate: 0 -5px;}
    to {translate: 0 5px}
}

/* ==========================================================================
    MAIN CONTENTS
   ========================================================================== */

.main-sec01{
    padding-top: 136px;
    padding-bottom: 146px;
    & .inner-sec{display: grid; grid-template-columns: repeat(2, 1fr); align-items: center;}
    & .logo{text-align: center; padding-right: 90px;}
    & .logo img{width: 293px;}
    & .txt-set .main-text{font-size: 24px; font-weight: 900; color: var(--point-color01); letter-spacing: 0;}
    & .txt-set p{color: #666; line-height: 26px; margin-top: 16px;}
    & .btn-more01{margin-top: 38px;}

    @media (width <= 1280px) {
        & .logo{padding-right: 40px;}
        & .txt-set p .dspn{display: none}
    }
    @media (width <= 1200px) {
        padding-top: 120px;
        padding-bottom: 120px;
        & .inner-sec{grid-template-columns: 40% 60%;}
        & .logo img{width: 280px;}
    }

    @media (width <= 1023px) {
        padding-top: 100px;
        padding-bottom: 100px;
        & .inner-sec{grid-template-columns: 1fr; gap: 45px; text-align: center}
        & .logo{padding-right: 0;}
        & .logo img{width: 200px;}
    }
    @media (width <= 767px) {
        padding-top: 88px;
        padding-bottom: 88px;
        & .logo img{width: 164px;}
        & .txt-set .main-text{font-size: 20px;}
    }
}

.main-sec02{
    & .inner-sec{display: grid; grid-template-columns: 25% 75%;}
    & .tit-area{
        position: relative;
        display: flex;
        align-items: center;
        padding: 62px 58px;
        background-color: #fff;
        & .tit-set{font-weight: bold; color: var(--point-color01); letter-spacing: 0; text-transform: uppercase;}
        & .sub-text{font-size: 16px; padding-top: 9px;}
        & .main-text{font-size: 96px;}
        /* Direction */
        & .swiper-button-prev,
        & .swiper-button-next{top: auto; bottom: 60px; width: 48px; height: 48px; border: 1px solid #e2e2e2; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 16px auto; transition: .2s ease-in-out}
        & .swiper-button-prev{left: auto; right: 118px; background-image: url('/assets/site/img/common/arr0201.png');}
        & .swiper-button-next{right: 60px; background-image: url('/assets/site/img/common/arr0203.png');}
        & .swiper-button-prev:hover,
        & .swiper-button-next:hover{border-color: var(--point-color01); background-color: var(--point-color01)}
        & .swiper-button-prev:hover{background-image: url('/assets/site/img/common/arr0202.png');}
        & .swiper-button-next:hover{background-image: url('/assets/site/img/common/arr0204.png');}
        & .swiper-button-next.swiper-button-disabled,
        & .swiper-button-prev.swiper-button-disabled{opacity: .6;}
    }
    & .slider-container{
        background-color: #efefeb;
        overflow: hidden;
        & :is(.swiper-container, .swiper-wrapper){height: 100%;}
        & .item-box{width: 476px; height: 100%;}
        & .thumb{position: relative; aspect-ratio: 470 / 440}
        & .info-box{padding: 27px 26px 53px;}
        & .info-box .sub-text{color: #555; margin-bottom: 11px;}
        & .info-box .title{font-size: 24px; font-weight: 800; color: #000; letter-spacing: 0;}
        & .info-box p{font-size: 15px; color: #666; line-height: 22px; margin-top: 23px;}
        & .info-box .btn-more{margin-top: 56px;}
        & .info-box .btn-more .button02{justify-content: flex-start; line-height: 18px; padding: 0 20px; background: url('/assets/site/img/common/arr05.png') no-repeat calc(100% - 20px) center / 18px auto; transition: .2s ease-in-out;}
        & .info-box .btn-more .button02:hover{color: #fff; background-color: var(--point-color01);}
        & .info-box .btn-more span{background: none; padding-right: 0}
        & .txt-prepare{display: none; position: absolute; bottom: 43px; width: 100%; text-align: center}
        & .txt-prepare .title{font-size: 18px; font-weight: bold; color: #fff;}
        & .txt-prepare .txt-en{font-family: 'Poppins', sans-serif; font-size: 12px; color: #ecdbc1; letter-spacing: 0; margin-top: 3px; opacity: .7;}
        & .prepare{
            & .txt-prepare{display: block}
            & .info-box .title,
            & .info-box p,
            & .info-box .btn-more{visibility: hidden;}
        }

    }
    @media (width <= 1560px) {
        & .tit-area{
            padding: 40px 58px;
            & .main-text{font-size: 80px;}
            & .swiper-button-prev{right: 98px;}
            & .swiper-button-next{right: 40px;}
        }
        & .slider-container{
            & .item-box{width: 33.33333333%;}
            & .txt-prepare{bottom: 32px;}
        }
    }
    @media (width <= 1420px) {
        & .tit-area{
            padding: 40px var(--main-gap);
            & .swiper-button-prev,
            & .swiper-button-next{bottom: 50px;}
            & .swiper-button-prev{right: 98px;}
            & .swiper-button-next{right: 40px;}
        }
        & .slider-container{
            & .info-box{padding: 24px 24px 32px;}
        }
    }
    @media (width <= 1280px) {
        & .inner-sec{grid-template-columns: 1fr;}
        & .tit-area{
            & .tit-set{writing-mode: initial}
            & .main-text{font-size: 64px;}
        }
        & .slider-container{
            & .item-box{width: 33.3333333333%;}
        }
    }
    @media (width <= 1200px) {
        & .tit-area{
            & .sub-text{font-size: 15px;}
            & .main-text{font-size: 56px;}
        }
        & .slider-container{
            & .info-box .sub-text{font-size: 15px; margin-bottom: 7px;}
            & .info-box .title{font-size: 22px;}
        }
    }
    @media (width <= 1023px) {
        & .tit-area{
            padding: 24px var(--main-gap);
            & .main-text{font-size: 48px;}
            & .swiper-button-prev,
            & .swiper-button-next{bottom: 30px;}
        }
        & .slider-container{
            & .item-box{width: 50%;}
        }
    }
    @media (width <= 767px) {
        & .tit-area{
            padding: 24px var(--main-gap);
            & .sub-text{font-size: 13px;}
            & .main-text{font-size: 32px;}
            & .swiper-button-prev,
            & .swiper-button-next{bottom: 24px; width: 43px; height: 43px}
            & .swiper-button-prev{right: 70px;}
            & .swiper-button-next{right: 20px;}
        }
        & .slider-container{
            & .item-box{width: 100%;}
            & .info-box .btn-more{margin-top: 40px;}
        }
    }
}
.main-full-sec {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    &.vis01{background-image: url('/assets/site/img/main/main_full_vis00.jpg');}
    &.vis02{background-image: url('/assets/site/img/main/main_full_vis02.jpg');}
    &.vis03{background-image: url('/assets/site/img/main/main_fvis04.jpg');}
    & .inner-sec{display: flex; flex-direction: column; justify-content: space-between; height: calc(100dvh - var(--header-height)); padding: 125px 0 84px;}
    & .tit-area{font-weight: bold;}
    & .tit-area .title{font-family: 'Poppins', sans-serif; font-size: 60px; color: var(--point-color0201); line-height: 68px; letter-spacing: 0}
    & .tit-area .txt01{font-size: 22px; color: #fff; margin-top: 23px;}
    & .txt-set{align-self: flex-end; width: 520px}
    & .txt-set p{font-size: 18px; font-weight: 300; color: #fff; line-height: 28px; opacity: .7;}

    @media (width <= 1530px) {
        & .inner-sec{padding: 100px var(--main-gap) 84px;}
    }
    @media (width <= 1280px) {
        & .tit-area .title{font-size: 50px; line-height: 62px;}
        & .tit-area .txt01{margin-top: 15px;}
    }
    @media (width <= 1200px) {
        & .inner-sec{padding: 70px var(--main-gap) 70px;}
        & .tit-area .title{font-size: 45px; line-height: 54px;}
        & .txt-set p{font-size: 17px}
    }
    @media (width <= 1023px) {

    }
    @media (width <= 767px) {
        & .inner-sec{height: auto; padding: 120px var(--main-gap); gap: 40px;}
        & .tit-area .title{font-size: 32px; line-height: 40px;}
        & .tit-area .txt01{font-size: 18px; margin-top: 15px;}
        & .txt-set{width: 100%}
        & .txt-set p{font-size: 16px;}
    }

}







.visual {
    position: relative;
    margin-top: 90px;
}
.visual .list {}
.visual .item {
    position: relative;
    overflow: hidden;
}
.visual .item .img {}
.visual .item .img img {
    width: 100%;
}
.visual .item .txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.visual .item .txt .wrap {
    width: 100%;
}
.visual .item .txt .tit {
    font-size: 3.6rem;
    font-weight: 600;
}
.visual .item .txt .sub {
    padding: 20px 0 60px;
}
.visual .item .txt .more {
    display: inline-block;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    padding: 0 30px;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
}
.visual .slick-dots {
    position: absolute;
    bottom: 6%;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
    line-height: 0;
}
.visual .slick-dots li {}
.visual .slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #dbdbdb;
}
.visual .slick-dots li.slick-active button {
    background-color: #222;
}
.visual .btn_v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 35px;
    height: 70px;
    font-size: 0;
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.visual .btn_v_prev {
    left: 2.5%;
    background-image: url("/assets/site/img/common/mv_arr_prev_w.png");
}
.visual .btn_v_next {
    right: 2.5%;
    background-image: url("/assets/site/img/common/mv_arr_next_w.png");
}
/* visual 슬라이더 내 화살표 색상 */
/* 화이트  mv_arr_next_w*/
/* 그레이  mv_arr_next_g*/
/* 블랙   mv_arr_next_b*/

@media screen and (max-width: 1820px) {
    .visual .item .txt .wrap {
        max-width: none;
        width: calc(100% - 180px);
        margin: 0 auto;
    }
    .visual .btn_v_prev {
        left: 20px;
    }
    .visual .btn_v_next {
        right: 20px;
    }
}
@media screen and (max-width: 1280px) {
    .visual {
        margin-top: 80px;
    }
}
@media screen and (max-width: 1200px) {
    .visual .item .img img {
        position: relative;
        width: 130%;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }
    .visual .item .txt .tit {
        font-size: 2.8rem;
    }
    .visual .item .txt .sub {
        padding: 2% 0 3%;
    }
    .visual .item .txt .wrap {
        max-width: 100%;
        width: 100%;
        margin: 0 15px;
    }
    .visual .btn_v {
        display: none;
    }
}
@media screen and (max-width: 860px) {
    .visual {
        margin-top: 65px;
    }
    .visual .item .txt .tit {
        font-size: 5vw;
    }
}
@media screen and (max-width: 640px) {
    .visual .item .img {
        padding: 50% 0 0;
        /* 원하는 비율 : 세로 나누기 가로 곱하기 100 */
        box-sizing: border-box;
    }
    .visual .item .img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }
    .visual .item .txt .tit {
        font-size: 5.5vw;
        line-height: 120%;
    }
    .visual .item .txt .sub {
        padding: 3% 0 5%;
        font-size: 14px;
        line-height: 130%;
    }
    .visual .item .txt .more {
        line-height: 30px;
        padding: 0 1.2rem;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 460px) {
    .visual {
        margin-top: 55px;
    }
    .visual .item .img {
        padding: 60% 0 0;
    }
}



/* article 공통 */
article .top a{
    float: right;
}
article .top a:hover .more,
article .top a:focus .more{transform: rotate(90deg); transition: all 0.25s;}
article .top a .more{
    position: relative;
    display: flex; justify-content: center; align-items: center; box-sizing: border-box;
    width: 23px; height: 23px;
}
article .top a .more:before,
article .top a .more:after{
    content: "";
    position: absolute;
    width: 100%; height: 1px; background-color: #000;
}
article .top a .more:after{
    width: 1px; height: 100%;
}



article.news_board {
    margin-top: 9rem;
}
article.news_board .top{
    border-bottom: 1px solid #111; padding-bottom: 1rem;
}
article.news_board .top h3{
    display: inline-block;
    font-size: 1.6rem; font-weight: 600; color: #111; line-height: 1;
}
article.news_board .top .category{
    display: inline-block; vertical-align: bottom; line-height: 1;     margin-left: 0.8rem;
}
article.news_board .top .category button{
    border: none; background: transparent; color: #666; letter-spacing: -0.5px; padding: 0 0.7rem; font-size: 1rem;  cursor: pointer; position: relative;
}
article.news_board .top .category button.on{
    color: #d71518; font-weight: 500;
}
article.news_board .top .category button.on::after{
    content: ''; display: block; width: 4px; height: 4px; background: #d71518; border-radius: 50%; position: absolute; top: -5px; left: 50%; margin-left: -2px;
    animation: onCircleAni 0.1s ease-in-out;
}
@keyframes onCircleAni {
    from{
        top: -15px;
    }
    to{
        top: -5px;
    }
}
article.news_board .top a{
    float: right;

}
article.news_board .top a:before{

    display: block; box-sizing: border-box;
    width: 23px; height: 23px;
    border: 1px solid #000;
}
article.news_board .bottom{
    margin-top: 2rem;
}
article.news_board .bottom ul{
    margin-left: -40px;
}
article.news_board .bottom ul li{
    float: left; width: 25%;
}
article.news_board .bottom ul li a{
    display: block; margin-left: 40px;
}
article.news_board .bottom .category{
    display: inline-block;
    font-size: 0.9rem; line-height: 1; padding: 0.3rem 0.9rem; font-weight: 500;
}
article.news_board .bottom .category.notice{
    color: #d71518; border: 1px solid #d71518;
}
article.news_board .bottom .category.notice::after{
    content: '공지사항';
}
article.news_board .bottom .category.reference{
    color: #20419f; border: 1px solid #20419f;
}
article.news_board .bottom .category.reference::after{
    content: '자료실';
}
article.news_board .bottom h4{
    font-size: 1.2rem; color: #111; font-weight: 500; letter-spacing: -0.8px;
    margin-top: 1rem;
    overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; min-height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
article.news_board .bottom p{
    border-top: 1px solid #e9e9e9; margin: 1rem 0 0.5rem; padding-top: 1rem;
    color: #555; letter-spacing: -0.8px;
    overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; min-height: 4.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
article.news_board .bottom span{
    display: block; font-size: 0.867rem; color: #666; letter-spacing: 0.2px;
}

@media screen and (max-width:1024px){
    article.news_board .bottom ul {
        margin-left: -20px;
    }
    article.news_board .bottom ul li a{
        margin-left: 20px;
    }
}
@media screen and (max-width:640px){
    article.news_board .bottom ul li {
        width: 33.3%;
    }
    article.news_board .bottom ul li:last-child{
        display: none;
    }
}
@media screen and (max-width:425px){
    article.news_board .bottom ul li {
        width: 50%;     margin-bottom: 2.5rem;
    }
    article.news_board .bottom ul li:last-child{
        display: block;
    }
    article.news_board .bottom h4{
        margin-top: 0.5rem;
    }
    article.news_board .bottom p{
        margin: 0.5rem 0 0.5rem;
        padding-top: 0.5rem;
    }
}






article.gallery_board{
    margin: 7rem 0 7rem;
}
article.gallery_board .top{
    border-bottom: 1px solid #111; padding-bottom: 1rem;
}
article.gallery_board .top h3{
    display: inline-block;
    font-size: 1.6rem; font-weight: 600; color: #111; line-height: 1;
}
article.gallery_board .bottom{
    margin-top: 2rem;
}
article.gallery_board .bottom ul{
    margin-left: -40px;
}
article.gallery_board .bottom ul li{
    float: left; width: 25%;
}
article.gallery_board .bottom ul li a{
    display: block; margin-left: 40px;
}
article.gallery_board .bottom .image{
    padding-bottom: 63%;
    position: relative;
}
article.gallery_board .bottom .image img{
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
article.gallery_board .bottom h4{
    font-size: 1.2rem; color: #111; font-weight: 500; letter-spacing: -0.8px;
    margin-top: 1rem;
    overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; min-height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
article.gallery_board .bottom span{
    display: block; font-size: 0.867rem; color: #666; letter-spacing: 0.2px;
    margin-top: 0.6rem;
}

@media screen and (max-width:1024px){
    article.gallery_board .bottom ul {
        margin-left: -20px;
    }
    article.gallery_board .bottom ul li a{
        margin-left: 20px;
    }
}
@media screen and (max-width:640px){
    article.gallery_board .bottom ul li{
        width: 50%;     margin-bottom: 2rem;
    }
}
@media screen and (max-width:425px){
    article.gallery_board .bottom ul {
        margin-left: -10px;
    }
    article.gallery_board .bottom ul li a{
        margin-left: 10px;
    }
}






/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/* IE6,7 */
@media screen\9 {

}

/* IE8 */
@media \0screen {

}

/* IE6,7,8 */
@media \0screen\,screen\9 {

}

/* IE9,10 */
@media screen and (min-width:0\0){

}