/* BASIC css start */
body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
}

.info_wrap { position:relative; }

.swiper-slide a { width:100%; height:100%; display:block; }

.goto { position:fixed; left:50%; top:3%; transform:translate(-50%, 0); display:table; font-size:9pt; z-index:9999; }
.goto a { color:#fff; text-decoration:none; }

.mobi { width:100%; height:100vh; overflow:hidden; position:relative; }

.mobi .sec_01 { background:#232121; }
.mobi .sec_01 .img_sec { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:65%; }
.mobi .sec_01 .img_sec img { width:100%; }

.mobi .sec_02 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/madeby_bg.jpg") no-repeat center top; background-size:cover; }
.mobi .sec_02 .sec02_wrap { position:absolute; left:30px; top:12%; }
.mobi .sec_02 .text_sec { width:80%; color:#fff; }
.mobi .sec_02 .text_sec img { width:100%; }
.mobi .sec_02 .text_sec p { margin:40px 0 0; font-size:10pt; font-weight:bold; }
.mobi .sec_02 .text_sec p span { font-size:16pt; }
.mobi .sec_02 .sec_tit { margin:30px 0 0; font-size:7pt; color:#fff; width:80%; }
.mobi .sec_02 .sec_tit img { margin:45px 0 0; width:30%!important; }

.mobi .sec_03 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/kidari_bg.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_03 .sec_tit { position:absolute; text-align:center; left:50%; top:10%; transform:translate(-50%, 0); width:70%; }
.mobi .sec_03 .sec_tit img { width:100%; }
.mobi .sec_03 .sec_tit .tit_img { width:50%; }
.mobi .sec_03 .center_float { position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); width:70%; }
.mobi .sec_03 .center_float img { width:100%; }
.mobi .sec_03 .text_sec { position:absolute; left:50%; bottom:10%; transform:translate(-50%, 0); width:95%; color:#fff; font-size:9pt; text-align:center; }
.mobi .sec_03 .text_sec .sec03_footer { margin:60px 0 0; }

.mobi .sec_04 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/v2/banding_bg.gif") no-repeat center top; background-size:cover; }
.mobi .sec_04 .sec_tit { position:absolute; left:50%; top:10%; transform:translate(-50%, 0); width:90%; text-align:center; }
.mobi .sec_04 .sec_tit img { width:80%; }
.mobi .sec_04 .sec_tit p { margin:40px 0 0; color:#fff; text-align:center; font-size:20pt; font-weight:bold; line-height:22pt; }
.mobi .sec_04 .text_sec { position:absolute; left:50%; bottom:15%; transform:translate(-50%, 0); width:95%; color:#fff; font-size:10pt; text-align:center; }

.mobi .sec_05 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/v2/wrinkle_bg.gif") no-repeat center top; background-size:cover; }
.mobi .sec_05 .sec_tit { position:absolute; left:50%; top:7%; transform:translate(-50%, 0); width:80%; font-size:18pt; line-height:18pt; margin:0 0 20px; text-align:center; }
.mobi .sec_05 .sec_tit span { color:#422812; font-weight:bold; margin:10px 0; }
.mobi .sec_05 .text_sec { position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:100%; text-align:center; font-size:9pt; }
.mobi .sec_05 .text_sec .sec05_footer { margin:60px auto 0; width:80% }

.mobi .sec_06 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/workout_bg.jpg") no-repeat center top; background-size:cover; }
.mobi .sec_06 .text_sec { position:absolute; left:50%; bottom:8%; transform:translate(-50%, 0); width:90%; text-align:center; color:#fff; }
.mobi .sec_06 .text_sec .text_box { font-size:9pt; margin:60px 0 0; }
.mobi .sec_06 .img_sec { margin:40px auto 0; width:80%; }
.mobi .sec_06 .img_sec div { width:calc(32% - 10px); margin:0 5px; display:inline-block; }
.mobi .sec_06 .img_sec div img { width:100% }
.mobi .sec_06 .footer { background:#232121; position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center; }
.mobi .sec_06 .footer img { width:20%!important; }

.mobi .swiper-pagination .swiper-pagination-bullet { width:5px; height:5px; background:#fff; opacity:1; margin:10px auto!important; box-sizing:border-box; border:1px solid #efefef; }
.mobi .swiper-pagination .swiper-pagination-bullet-active { width:10px; height:10px; background:rgba(255,255,255,0); border:1px solid #fff; }

.swiper-slide img { width: 100%; vertical-align: middle; }
/* BASIC css end */