/* 공통 */
#gall_wrap .c_inner {width: 100%; max-width: 1420px; margin:0 auto; position: relative; }
#gall_wrap .c_title h1 {font-size:60px; font-weight: 400; color:#fff; line-height: 90px; word-break: keep-all; font-family: 'BMDOHYEON'; text-transform: uppercase; }
#gall_wrap .cont_p {font-size:18px; font-weight: 300; color:#fff; line-height: 36px; word-break: keep-all; }


/*Content CSS*/
#gall_wrap { width: 100%; overflow: hidden; text-align: center; position: relative; display: flex; align-items: center; background: #101010; padding: 130px 60px; }
#gall_wrap .c_title {width: 100%; position: relative;}
#gall_wrap .c_title a {position: absolute; right:0; top:50%; display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; border: 1px solid rgba(255,255,255,0.2); transition: all .3s ease; text-align: center; line-height: 86px; color:#fff; font-family: 'BMDOHYEON';  font-size:17px; font-weight: 400; margin-top: -43px}
#gall_wrap .c_title a:hover {background: #0074e8; border: 1px solid #0074e8;color:#fff; }

#gall_wrap .mobile_more {display: none; width: 100%; margin-top: 30px;}
#gall_wrap .mobile_more a {display: block; width: 100%; height: 40px; border: 1px solid rgba(255,255,255,0.5); color:#fff; line-height: 40px; text-align: center;}

/* slider */
#gall_slider_wrap {margin-top:60px;}
#gall_slider {position: relative;}
#gall_slider .gall_box {}
#gall_slider .gall_box a {display: block; width: 100%; padding:0; text-align: left; outline: none;}
#gall_slider .gall_box a .img {overflow: hidden;}
#gall_slider .gall_box a .img img {transition: all 0.3s;}
#gall_slider .gall_box a .txt {background: rgba(255,255,255,0.05); border-top: none; padding: 45px 40px;}
#gall_slider .gall_box h1 {font-size:20px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif; margin-bottom: 15px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.gall_btn {font-size: 14px; font-weight: 500; color:#fff; font-family: 'Montserrat';}
.gall_btn span {width: 41px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 7px; position: relative;}
.gall_btn span::before {background: rgba(255,255,255, 0.15); display: block; content: ""; width: 35px; height: 35px; border-radius: 50%; position: absolute; top: -12px; right: -17px; transition: all 0.3s;}
.gall_btn span::after {width: 41px; height: 12px; background: url('../img/c_arrow_w.png') 50% 50% no-repeat;display: block; content: ""; position: absolute; left: 0; top: 0; z-index: 3; transition: all 0.3s;}
#gall_slider .gall_box a:hover .gall_btn span::before {background: #0074e8}
#gall_slider .gall_box a:hover .gall_btn span::after { position: absolute; left: 4px; top: 0;}
#gall_slider .gall_box a:hover .img img {transform: scale(1.1)}
/* slider_controller */
#gall_control {width: 100%; height: 30px; max-width: 420px; display: flex; margin: 80px auto 0; justify-content: center; align-items: center; position: relative;}
/*페이져*/
#gall_dots { position: relative; top: 0; display: flex; margin: 0 0;}
#gall_dots .owl-dot{border:0; background: transparent; transition: all .3s ease; font-size:0; font-weight: 400; width: 55px; height: 11px;
 outline: none; position: relative; border:1px solid #fff; background-color: transparent;   transform: skewX(-20deg); margin-right:10px;}
#gall_dots .owl-dot.active{background-color: #fff;}
#gall_dots .owl-dot:focus {outline: none; border: none;}

#vis_dots {position: absolute; display: flex; justify-content: center; align-items: center; bottom: 110px ; width: 100%; z-index: 3;}
#vis_dots button {}
#vis_dots button:last-child {margin-right: 0; }
#vis_dots button {border:0; background: transparent; transition: all .3s ease; font-size:0; font-weight: 400; width: 55px; height: 11px;
 outline: none; position: relative; border:1px solid #fff; background-color: transparent;   transform: skewX(-20deg);}


/*컨트롤러*/
#gall_nav button {width:45px;height:30px; font-size:14px; color:#fff; text-align:center; background-color:transparent; cursor:pointer; transition: all 0.2s; font-size: 0; border: none;}
#gall_nav .owl-prev{background: url('../img/gall_prev.png') 50% 50% no-repeat;  position: absolute; left: 0; top: -5px}
#gall_nav .owl-next{background: url('../img/gall_next.png') 50% 50% no-repeat;  position: absolute; right: 0; top: -5px;}
#gall_nav button:focus {outline: none; border: none;}




@media screen and (max-width:1300px) {
    #gall_wrap {width: 100%; padding: 80px 50px; }

}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #gall_wrap {width: 100%; padding: 60px 30px; }
    #gall_wrap .c_title h1 {font-size:45px; line-height: 75px;}

    /*Content CSS*/
    #gall_slider_wrap {margin-top:30px;}



}

@media screen and (max-width: 640px) {
    /* 공통 */
    #gall_wrap .c_title h1 {font-size:35px; line-height: 60px;}
    #gall_wrap .mobile_more {display: block;}
    #gall_wrap .c_title a {display: none}

    /*Content CSS*/
    #gall_slider_wrap {margin-top:20px;}
    /*페이져*/
    #gall_control {margin-top: 30px;}
    #gall_dots .owl-dot{font-weight: 400; width: 7px; height: 7px; border: none; background-color: rgba(255,255,255,0.2);   transform: skewX(0); margin-right:10px;}



}

@media screen and (max-width: 480px) {
    /* 공통 */
    #c1_wrap {width: 100%; padding:60px 15px; }
    #gall_wrap .c_title h1 {font-size:30px; line-height: 50px;}

}