.main_banner_box {
    width: 100%;
    height: 600px;
    /* height: 35vw; */
    position: relative;
    overflow: hidden;
}
.main_banner_box a {
    display: block;
    width: 100%;
    height: 100%;
}
.main_banner:nth-child(1) {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url(../img/mainRolling_77458_20200219174127.jpg) no-repeat center / cover;
}
.main_banner:nth-child(2) {
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    position: absolute;
    background: url(../img/mainRolling_77476_20200219112640.jpg) no-repeat center / cover;
}
.main_banner:nth-child(3) {
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    position: absolute;
    background: url(../img/mainRolling_77477_20200219112219.jpg) no-repeat center / cover;
}
.banner_txt_box {
    position: absolute;
}
.banner2 {
    top: 60%;
    left: 15%;
}
.banner3 {
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
}
.banner_txt_box > h1 {
    font-size: 50px;
}
.main_banner:nth-of-type(2) h3 {
    color: #000;
}
.main_banner:nth-of-type(3) h3 {
    color: #eb024a;
}
.btn_slide {
    position: absolute;
    top: 0;
    /* top: 50%;
    transform: translateY(-50%); */

    width: 50px;
    height: 100%;
    border: none;
    background: transparent;

    color: #fff;
    font-size: 30px;
    outline: none;
    cursor: pointer;
    line-height: 600px;
    text-align: center;
    user-select: none;
}
#btn_L {
    left: 0;
}
#btn_R {
    right: 0;
} 

/* 인디케이터 */
.indicator {
    /* background: orange; */

    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
}
.circle {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;

    position: relative;
    float: left;
    /* display: inline-block; */
    cursor: pointer;
    margin: 0 7px;
}

.indi_active {
    background: #fff;
}
/* .main_banner1 {
    width: 100%;
} */
/* .main_banner2 {
    width: 100%;
}
.main_banner3 {
    width: 100%;
} */
.container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.section1 {
    width: 100%;
    overflow: hidden;
}
.article_x3 {
    width: calc((100% - (20px * 2)) / 3 - 0.01px);
    height: 300px;
    margin: 20px 20px 20px 0;
    float: left;
    position: relative;
}
.article_x3:nth-child(3n) {
    margin-right: 0;
}
.article_x3_outer {
    overflow: hidden;
}
.article_x3_img1 {
    width: 100%;
    height: 250px;
    background: url(../img/banMoList20200219134712.jpg) no-repeat center / cover;
    position: relative;
    transition: all 0.3s;
}
.article_x3_img2 {
    width: 100%;
    height: 250px;
    background: url(../img/banMoList20191015150342.jpg) no-repeat center / cover;
    position: relative;
    transition: all 0.3s;
}
.article_x3_img3 {
    width: 100%;
    height: 250px;
    background: url(../img/banMoList20200115161112.jpg) no-repeat center / cover;
    position: relative;
    transition: all 0.3s;
}
.article_x3_img_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.3);
    top:0;
    left:0;
    opacity:0;
}
.article_x3:hover .article_x3_img_bg{
    opacity: 1;
    transition: all 0.3s;
}
.article_x3:hover .article_x3_img1 {
    transform: scale(1.2);
}
.article_x3:hover .article_x3_img2 {
    transform: scale(1.2);
}
.article_x3:hover .article_x3_img3 {
    transform: scale(1.2);
}
/* .article_x3_img {
    width: 100%;
} */
.article_x3_txt {
    width:100%;
    text-align: center;
}
.article_x3 a {
    font-size: 17px;
    text-decoration: none;
    color: #000;
}
.article_x3_txt > a:hover {
    text-decoration: underline;
    color: #888;
}
.article_x3_txt > p {
    font-size: 13px;
}
.section2 {
    width: 100%;
    overflow: hidden;
}
.small_banner {
    width: 50%;
    height: 120px;
    float: left;
    margin-bottom: 20px;
}
.small_banner > a {
    display:block;
    width: 100%;
    height: 100%;
}
.small_banner:nth-child(1) {
    background: url(../img/mainbigeventbanner_76304_20191031163158.jpg) no-repeat center / cover;
}
.small_banner:nth-child(2) {
    background: url(../img/mainbigeventbanner_76304_20191031163157.jpg) no-repeat center / cover;
}

.section3_mdpick {
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #ddd;
}
.mdpick_left {
    width: 250px;
    float: left;
    position: relative;
    left: -20%;
    opacity: 0;
}
.mdpick_right {
    width: 780px;
    height: 100%;
    float: left;
    position: relative;
    left: 20%;
    opacity: 0;
}
.article_3x5 {
    width: calc((100% - (20px * 2)) / 3 - 0.01px);
    height: 340px;
    margin: 0 20px 20px 0;
    float: left;
    position: relative;
}
.article_3x5 > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}
.article_3x5:nth-child(3n) {
    margin-right: 0;
}
.article_3x5_img1,.article_3x5_img2,.article_3x5_img3,.article_3x5_img4,.article_3x5_img5,.article_3x5_img6,.article_3x5_img7,.article_3x5_img8,.article_3x5_img9,.article_3x5_img10,.article_3x5_img11,.article_3x5_img12,.article_3x5_img13,.article_3x5_img14,.article_3x5_img15 {
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
}
.article_3x5_img1 {
    background: url(../img/T002724042.jpg) no-repeat center / cover;
}
.article_3x5_img2 {
    background: url(../img/T002721666.jpg) no-repeat center / cover;
}
.article_3x5_img3 {
    background: url(../img/T002727390.jpg) no-repeat center / cover;
}
.article_3x5_img4 {
    background: url(../img/T002724047.jpg) no-repeat center / cover;
}
.article_3x5_img5 {
    background: url(../img/T002616761-2.jpg) no-repeat center / cover;
}
.article_3x5_img6 {
    background: url(../img/T002587064.jpg) no-repeat center / cover;
}
.article_3x5_img7 {
    background: url(../img/T002725470-1.jpg) no-repeat center / cover;
}
.article_3x5_img8 {
    background: url(../img/T002710050-3.jpg) no-repeat center / cover;
}
.article_3x5_img9 {
    background: url(../img/T002719695.jpg) no-repeat center / cover;
}
.article_3x5_img10 {
    background: url(../img/T002722020.jpg) no-repeat center / cover;
}
.article_3x5_img11 {
    background: url(../img/T002712329.jpg) no-repeat center / cover;
}
.article_3x5_img12 {
    background: url(../img/T002562858-4.jpg) no-repeat center / cover;
}
.article_3x5_img13 {
    background: url(../img/T002712915.jpg) no-repeat center / cover;
}
.article_3x5_img14 {
    background: url(../img/T002708343.jpg) no-repeat center / cover;
}
.article_3x5_img15 {
    background: url(../img/T002712042.jpg) no-repeat center / cover;
}
.article_3x5_txt {
    width:100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.article_3x5_txt > h3 {
    font-size: 13px;
}
.article_3x5_txt > p:nth-of-type(1) {
    color: red;
    font-size: 11px;
}
.article_3x5_txt > p:nth-of-type(2) {
    font-size: 11px;
}

.section4 {
    width: 100%;
    overflow: hidden;
}
.article_2x2 {
    width: calc((100% - 20px) / 2 - 0.01px);
    /* height: 350px; */
    margin: 20px 20px 20px 0;
    float: left;
    position: relative;
}
.article_2x2 > a{
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
}
.article_2x2:nth-child(2n) {
    margin-right: 0;
}
.article_2x2_img1,
.article_2x2_img2,
.article_2x2_img3,
.article_2x2_img4 {
    width: 100%;
    height: 300px;
    position: relative;
}
.article_2x2_img1 {
    background: url(../img/banMoList20200210114222.jpg) no-repeat center / cover;
}
.article_2x2_img2 {
    background: url(../img/banMoList20200117104234.jpg) no-repeat center / cover;
}
.article_2x2_img3 {
    background: url(../img/banMoList20200206152933.jpg) no-repeat center / cover;
}
.article_2x2_img4 {
    background: url(../img/banMoList20200218101742.jpg) no-repeat center / cover;
}
.article_2x2_img_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
}
.article_2x2_txt {
    width:100%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #fff;
    bottom:20%;
    left:0;
    transform: translateY(50%);
    opacity: 0;
}
.article_2x2_txt > h3 {
    font-size: 17px;
}
.article_2x2_txt > p{
    font-size: 13px;
}

/* .small_banner_x2_container {
    width: 100%;
    overflow: hidden;
}
.small_banner_x2 {
    width: 50%;
    height: 80px;
    float: left;
}
.small_banner_x2 > a {
    display: block;
    width: 100%;
    height: 100%;
}
.small_banner_x2 > img {
    height: 130px;
}
.small_banner_x2:nth-child(1) {
    background: #f1687a url(../img/bnr_wrapping.jpg) no-repeat center / contain; 
}
.small_banner_x2:nth-child(2) {
    background: #6dc8bf  url(../img/bnr_talk.jpg) no-repeat center / contain; 
} */

@media screen and (max-width: 1060px) {
    .mdpick_left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .mdpick_right {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:920px) {
    .small_banner {
        width: 100%;
        height: 120px;
        float: none;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:885px) {
    .main_banner {
        width: 100%;
        /* height: 600px; */
        height: 310px;
        position: relative;
        overflow: hidden;
    }
    .article_x3 {
        width: calc(100% - 0.01px);
        margin: 20px 0px;
        float: none;
    }
}

@media screen and (max-width: 650px) {
    .mdpick_right {
        width: 100%;
        float: none;
    }
    .article_3x5 {
        width: calc((100% - (20px * 1)) / 2 - 0.01px);
        height: 340px;
    }
    .article_3x5:nth-child(3n) {
        margin-right: 20px;
    }
    .article_3x5:nth-child(2n) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 600px) {
    .main_banner_box {
        /* height: 600px; */
        height: 100vw;
    }
    .main_banner:nth-child(1) {
        background: url(../img/m_main1.jpg) no-repeat center / cover;
    }
    .main_banner:nth-child(2) {
        background: url(../img/m_main2.jpg) no-repeat center / cover;
    }
    .main_banner:nth-child(3) {
        background: url(../img/m_main3.jpg) no-repeat center / cover;
    }
    .banner_txt_box > h1 {
        font-size: 20px;
    }
    .banner_txt_box > h3 {
        font-size: 16px;
    }
    .main_banner:nth-of-type(2) h3 {
        color: #000;
    }
    .main_banner:nth-of-type(3) h3 {
        color: #eb024a;
    }
    .btn_slide {
        line-height: 100vw;
        font-size: 20px;
    }
}