
._m9_slick_type_001_wrap{display:block}
._m9_slick_type_001{visibility:hidden;opacity:0;transition:opacity 1s ease-out}
._m9_slick_type_001._load{visibility:visible;opacity:1}

._one_box{padding-right:40px}

._one_box ._top_box{margin-bottom:1em;text-align:left;font-size:1.5em}
._one_box ._top_box ._title{font-size:1em;font-weight:700}
._one_box ._top_box ._title ._num{display:inline-block;font-size:1.6em;margin-right:20px;color:#0544bb}

._one_box ._middle_box{display:table;width:100%;overflow:hidden;/*width:456px;height:594px*/}
._one_box ._middle_box>._in{position:relative;display:table-cell;vertical-align:middle;height:100%}

._one_box ._txt_box{position:absolute;z-index:5;bottom:12%;left:0;width:100%;color:#fff;text-align:left;padding:3em;line-height:1.2;transition:all 0.1s ease-out}
._one_box ._txt_box ._t1{font-size:2.4em;font-weight:700}
._one_box ._txt_box ._t2{margin-top:0.5em;opacity:0.7}

._one_box ._btn{padding-top:20px;display:none;opacity:0}
._one_box ._btn span{display:inline-block;width:50px;height:50px;line-height:46px;font-size:40px;font-weight:300;font-family:'gulim';border:1px solid #ffffff82;border-radius:50%;text-align:center}
._one_box ._btn span:before{content:'+';display:inline-block}

._one_box ._bg_img{position:relative;display:inline-block;width:100%;height:100%;line-height:0;font-size:0;overflow:hidden;border-radius:30px;transition:all 0.4s ease-out}
._one_box ._bg_img:before{content:'';display:block;padding-bottom:130%;transition:all 0.1s ease-out}
._one_box ._bg_img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#00000057}
._one_box ._bg_img>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%;height:auto;max-width:100%;min-height:100%;
/*object-fit:cover*/;transition:0.3s}

a:hover ._txt_box{top:50%;bottom:auto;transform:translateY(-50%);text-align:center;transition:all 0.1s ease-out}
a:hover ._btn{display:block;opacity:1}
a:hover ._bg_img{border-radius:50%;transition:all 0.2s ease-out;transform:scale(0.98)}
a:hover ._bg_img:before{padding-bottom:100%;transition:all 0.1s ease-out}

/* progressbar */
._m9_slick_type_001_wrap .slider-progress-bar{width:100%;height:3px;background:rgba(0,0,0,.2);margin:10px 0}
._m9_slick_type_001_wrap .slider-progress-bar span{display:block;width:0;height:100%;background:#0000008c;transition:.4s}

/* 사용자 버튼 */
._m9_slick_type_001_wrap ._custom_arrow button{font-size:0;width:50px;height:50px;display:inline-block;margin:0 0 2px;background:transparent;text-align:center;line-height:50px;color:#666;cursor:pointer}
._m9_slick_type_001_wrap ._custom_arrow button:hover, ._m9_slick_type_001_wrap ._custom_arrow button:focus{color:#000}
._m9_slick_type_001_wrap ._custom_arrow button:before{font-family: axicon;font-size:40px}
._m9_slick_type_001_wrap ._custom_arrow button._prev:before{content: "\f104"}
._m9_slick_type_001_wrap ._custom_arrow button._next:before{content: "\f105"}



a:hover ._one_box ._bg_box {
animation: flash .45s ease;
}

@keyframes flash {
0% { filter: brightness(1); }
45% { filter: brightness(1.3); }
100% { filter: brightness(1); }
}



._one_box {
  transition:.3s;
}

a:hover ._one_box {
  transform:translateY(-6px);
}



/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:768px){

._m9_slick_type_001_wrap{font-size:0.8em}
._one_box{padding-right:20px}
._one_box ._txt_box{padding:3em}

._m9_slick_type_001_wrap ._custom_arrow button{font-size:0;width:40px;height:40px;line-height:40px}
._m9_slick_type_001_wrap ._custom_arrow button:before{font-size:30px}

}

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:576px){



}







