/* BASIC css start */
.container_wrap { width:100%; height:100%; overflow:hidden; position:relative; font-family: "Noto Sans KR", serif; min-width:1300px; }
.okkane_logo { position:absolute; left:50%; top:30px; transform: translate(-50%, 0); width:100px; z-index:9999; }
.okkane_logo img { width:100%; }
.goto_index { position:absolute; left:50px; top:30px; z-index:9999; }
.goto_index a { font-size:15px; color:#fff; }
.swiper { width:100%; height:100%; }
.swiper-slide img { display:block; width:100%; }

.sec_02 { background:url("https://okkanetdh.jpg3.kr/jh_images/styling/img_02_bg.jpg") no-repeat center top; background-size:cover; }
.sec_03 { background:url("https://okkanetdh.jpg3.kr/jh_images/styling/img_03_bg.jpg") no-repeat center top; background-size:cover; }

.swiper-slide .img_box { width:50%; height:100%; float:left; position:relative; }
.swiper-slide .img_box .inner_box { width:580px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.swiper-slide .img_box img { margin:0 0 12px; }
.swiper-slide .img_box a { color:#fff; font-size:24px; }
.swiper-slide .text_box { width:50%; height:100%; float:right; color:#fff; font-size:16px; position:relative; }
.swiper-slide .text_box .tit { font-size:42px; font-weight:bold; margin:0 0 12px; color:#fff; }
.swiper-slide .text_box .inner_box { display:table; position:absolute; bottom:50px; left:80px; }
.new_styling .swiper-pagination .swiper-pagination-bullet { width:3px; height:3px; background:#fff; opacity:1; margin:10px auto!important; box-sizing:border-box; }
.new_styling .swiper-pagination .swiper-pagination-bullet-active { width:15px; height:15px; background:rgba(255,255,255,0); border:1px solid #fff; }

.scroll_btn { width:13px; height:54px; position:fixed; left:50%; bottom:30px; transform: translate(-50%, 0); z-index:9999; cursor:pointer;
    -webkit-animation:keepfloat 1.3s ease-in-out infinite alternate;
    -moz-animation:keepfloat 1.3s ease-in-out infinite alternate;
    animation:keepfloat 1.3s ease-in-out infinite alternate; }

@-webkit-keyframes keepfloat{
    0% { bottom:20px; }
    50% { bottom:15px }
}

@-moz-keyframes keepfloat{
    0% { bottom:20px; }
    50% { bottom:15px }
}

@keyframes keepfloat{
    0% { bottom:20px; }
    50% { bottom:15px }
}
/* BASIC css end */