/* BASIC css start */
body {
    font-family:'NanumSquare', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:400;
    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; }
.jeju_coming img { width:100%; }

.mobi .sec_01 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/jeju0609/bg/layer_1.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_01 .sec_tit { opacity:.7; width:45%; margin:0 auto 20px; }
.mobi .sec_01 .sec_tit img { width:100%; }
.mobi .sec_01 .text_sec { width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:1.1rem; color:#fff; font-weight:300; text-align:center; line-height:20pt; }
.mobi .sec_01 .text_sec span { font-weight:bold; }
.mobi .sec_01 .text_sec img { width:35%; margin:15px auto 0; }

.mobi .sec_02 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_02.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_02 .bn_sec { position:absolute; width:90%; left:50%; top:50%; text-align:center; transform:translate(-50%, -50%); padding:60px 0 0; box-sizing:border-box; background:rgba(255,255,255,0.5); }
.mobi .sec_02 .bn_sec img { width:90%; margin:0 auto 30px; }
.mobi .sec_02 .bn_sec .float_summer { position:absolute; left:50%; top:0%; transform:translate(-50%, -50%); width:90%; }
.mobi .sec_02 .bn_sec .float_summer img { width:100%; margin:0; }

.mobi .sec_03 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_03.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_03 .sec_tit { position:absolute; left:50%; bottom:7%; transform:translate(-50%, 0); width:40%; }
.mobi .sec_03 .sec_tit img { width:100%; }

.mobi .sec_04 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_04.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_04 .sec_04_wrap { width:90%; left:50%; top:50%; transform:translate(-50%, -50%); position:absolute; }
.mobi .sec_04 .bn_sec { width:95%; margin:0 auto 20px; }
.mobi .sec_04 .bn_sec img { width:100%; }
.mobi .sec_04 .text_sec { color:#fff; font-size:1.1rem; line-height:1.5rem; text-align:center; }
.mobi .sec_04 .text_sec p { margin:15px 0 0; }
.mobi .sec_04 .text_sec span { font-weight:bold; }
.mobi .sec_04 .sec_tit { width:70%; margin:0 auto; }
.mobi .sec_04 .sec_tit img { width:100%; }

.mobi .sec_05 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_05.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_05 .sec_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; }
.mobi .sec_05 .bn_sec { width:75%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:20; }
.mobi .sec_05 .bn_sec img { width:100%; }
.mobi .sec_05 .bn_sec .bn_text { position:absolute; left:50%; bottom:0%; transform:translate(-50%, 50%); width:40%; z-index:21; }
.mobi .sec_05 .bn_sec .bn_text img { width:100%; }
.mobi .sec_05 .bg_text { height:100%; width:auto; position:absolute; right:0; top:0; z-index:19; opacity:.6; }
.mobi .sec_05 .bg_text img { height:100%; width:auto; }

.mobi .sec_06 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_06.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_06 .sec_tit { position:absolute; left:50%; bottom:7%; transform:translate(-50%, 0); width:40%; }
.mobi .sec_06 .sec_tit img { width:100%; }

.mobi .sec_07 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_07.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_07 .text_sec { width:85%; position:absolute; left:50%; bottom:7%; transform:translate(-50%, 0); font-size:0.95rem; line-height:1.2rem; text-align:center; color:#fff; font-weight:300; }
.mobi .sec_07 .text_sec span { font-weight:bold; margin:5px 0 2px; display:block; font-size:1.1rem; }
.mobi .sec_07 .text_sec img { width:50%; margin:0 auto; }

.mobi .sec_08 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_08.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_08 .bn_sec { width:45%; position:absolute; left:5%; top:10%; }
.mobi .sec_08 .bn_sec img { width:100%; }
.mobi .sec_08 .text_sec { width:90%; position:absolute; left:50%; bottom:7%; transform:translate(-50%, 0); text-align:center; color:#fff; font-size:1.1rem; line-height:1.5rem; }
.mobi .sec_08 .text_sec p { margin:0 auto 7px; }
.mobi .sec_08 .text_sec span { font-weight:bold; font-size:1.5rem; color:#c2fbff; }

.mobi .sec_09 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_09.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_09 .sec_tit { width:90%; position:absolute; left:50%; bottom:7%; transform:translate(-50%, 0); text-align:center; color:#fff; }
.mobi .sec_09 .sec_tit img { width:70%; margin:0 auto 5px; }
.mobi .sec_09 .text_sec { margin:7px auto; font-size:1.3rem; font-weight:300; }
.mobi .sec_09 .text_sec p { margin:0 auto; width:60%; }
.mobi .sec_09 .text_sec p img { width:100%; }

.mobi .sec_10 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_10.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_10 .icon { position:absolute; width:10%; right:5%; top:5%; }
.mobi .sec_10 .icon img { width:100%; }
.mobi .sec_10 .text_sec { width:100%; position:absolute; left:0; bottom:0; padding:15px 0; box-sizing:border-box; font-size:.8rem; text-align:center; color:#fff; line-height:1.3rem; background:rgba(0,0,0,0.4); }
.mobi .sec_10 .text_sec p { margin:0 auto 15px; }
.mobi .sec_10 .text_sec span { width:60%; margin:0 auto; display:block; }
.mobi .sec_10 .text_sec span img { width:100%; }

.mobi .sec_11 { background:url("https://okkanetdh.jpg3.kr/jh_images/mobi_p/summer_d3/bg/sec_11.jpg") no-repeat center top; background-size:cover; position:relative; }
.mobi .sec_11 .sec_11_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80%; }
.mobi .sec_11 .sec_11_wrap img { width:100%; }
.mobi .sec_11 .bn_sec { margin:0 auto 15px; width:80%; }
.mobi .sec_11 .text_sec { font-size:.8rem; line-height:1.3rem; color:#fff; text-align:center; }
.mobi .sec_11 .text_sec span { width:80%; margin:0 auto 10px; display:block; }
.mobi .sec_11 .text_sec span img { width:100%; }
.mobi .sec_11 .text_sec .new_product { width:60%; margin:15px auto 0; }
.mobi .sec_11 .text_sec .new_product img { width:100%; }

.mobi .sec_11 .footer { width:100%; height:30px; line-height:30px; background:#282825; position:absolute; left:0; bottom:0; text-align:center; }
.mobi .sec_11 .footer img { height:20px; width:auto!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; }
/* BASIC css end */