@charset "UTF-8";
@import url("main_pc.css");
@media only all and (max-width: 1023px) {
    .main-visual-wrapper {
        width: 100%;
        height: auto;
    }
    .main-visual-wrapper>.pc {
        display: none;
    }
    .main-visual-wrapper>.mobile {
        display: block;
        width: 100%;
    }
    .main-word-slogan-wrapper {
        position: absolute;
        bottom: 3.077rem;
        left: 0;
        width: 100%;
        padding: 5.231rem 2.308rem 0 2.308rem;
    }
    .main-word-slogan-wrapper>.main-word-type01 {
        margin-bottom: 0.2692rem;
        font-size: 1.231rem;
        line-height: 1.538rem;
    }
    .main-word-slogan-wrapper>.main-word-type02 {
        margin-bottom: 1.269rem;
        font-size: 2rem;
        line-height: 2.385rem;
    }
    .main-word-slogan-wrapper>.main-btns-area>a {
        clear: both;
        margin-top: 0.7692rem;
        width: 10.615rem;
        margin-right: 0;
        padding: 0.5769rem 0.769rem 0.5769rem 1.538rem;
        font-size: 1rem;
        line-height: 1.154rem;
        border-radius: 0.1154rem;
    }
    .main-word-slogan-wrapper>.main-btns-area>a:first-child {
        margin-top: 0;
    }
    .main-word-slogan-wrapper>.main-btns-area>a>strong {
        margin-right: 0.9231rem;
    }
    .main-word-slogan-wrapper>.main-btns-area>a>img {
        width: 0.4231rem;
        height: 0.461rem;
        margin-top: -0.2305rem;
    }
    .main-contents {
        padding: 1.538rem;
        max-width: 100%;
        margin: 0;
    }
    .main-slider-wrapper {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 1.538rem;
    }
    .main-slider-wrapper .item,
    .main-slider-wrapper .item>a {
        display: block;
    }
    .main-slider-wrapper .item>a>img {
        display: block;
        width: 100%;
    }
    .main-slider-wrapper .owl-dots {
        top: 1.5rem;
        right: 2.846rem;
    }
    .main-slider-wrapper .owl-dots>.owl-dot {
        display: inline-block;
        vertical-align: middle;
        width: 0.9231rem;
        height: 0.9231rem;
        margin-left: 0.3846rem;
        border: 0.1538rem solid #fff;
    }
    .main-slider-wrapper .main-slider-btns {
        top: 1.5rem;
        right: 1.5rem;
    }
    .main-slider-wrapper .main-slider-btns>.play.active,
    .main-slider-wrapper .main-slider-btns>.stop.active {
        width: 0.6923rem;
        height: 0.9231rem;
        background-size: 0.6923rem 0.7692rem;
    }
    .main-board-wrapper {
        float: none;
        width: 100%;
    }
    .main-board-area {
        position: relative;
    }
    .main-board-area>.main-board-menu {
        position: relative;
        display: block;
        padding-right: 4.615rem
    }
    .main-board-area>.main-board-menu>li {
        width: calc(33.33% - 1px);
        margin-right: 1px;
    }
    .main-board-area>.main-board-menu>li>a {
        min-width: 100%;
        height: 2.692rem;
        padding: 0.6154rem 0.3846rem 0 0.3846rem;
        color: #727a8a;
        font-size: 1rem;
        line-height: 1.462rem;
    }
    .main-board-area>.main-board-box {
        padding: 1.154rem 0;
        height: auto;
        border-top: 1px solid #727a8a;
        border-bottom: 1px solid #727a8a;
    }
    .main-board-area>.main-board-box.active {
        display: block;
    }
    .main-board-area>.main-board-box>ul {
        display: block;
    }
    .main-board-area>.main-board-box>ul>li {
        display: block;
    }
    .main-board-area>.main-board-box>ul>li>a {
        position: relative;
        display: block;
        padding-left: 2rem;
        padding-right: 5.769rem;
    }
    .main-board-area>.main-board-box>ul>li>a .bullet {
        left: 0.7692rem;
        width: 0.4615rem;
        height: 0.4615rem;
        border: 0.1154rem solid #e3e3e3;
        transform: translate(0, -70%);
    }
    .main-board-area>.main-board-box>ul>li>a>strong {
        max-width: calc(100% - 1.923rem);
        color: #424242;
        font-size: 1rem;
        line-height: 1.692rem;
    }
    .main-board-area>.main-board-box>ul>li>a>.date {
        font-size: 1rem;
        line-height: 1.692rem;
        font-weight: 500;
    }
    .main-board-area>.main-board-box>.more {
        height: 2.692rem;
        line-height: 2.692rem;
        font-size: 0.9231rem;
    }
    .main-menu-list {
        padding-top: 2.577rem;
    }
    .main-menu-list>ul>li {
        width: 50%;
        border-left: 0;
    }
    .main-menu-list>ul>li>a {
        padding-top: 0;
        height: 9.231rem;
    }
    .main-menu-list>ul>li>a>img {
        width: 5.308rem;
        margin: 0 auto 1.038rem auto;
    }
    .main-menu-list>ul>li>a>strong {
        font-size: 1.308rem;
        line-height: 1.538rem;
    }
}