1<!doctype html> 2<html lang="ko"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10"> 7<meta name="HandheldFriendly" content="true"> 8<meta name="format-detection" content="telephone=no"> 9<meta property="og:type" content="website" /><meta property="og:url" content="https://interocean-mall.com/" /><meta property="og:title" content="ì¸í°ì¤ì 몰" /><meta property="og:image" content="https://interocean-mall.com/data/common/interoceanmaill_ci.jpg" /> <link rel="shortcut icon" type="image/x-icon" href="/data/common/favicon.ico"> 10 <title>ë¡ê·¸ì¸ | ì¸í°ì¤ì 몰</title> 11 <link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/css/mobile_shop.css?ver=26032001"> 12<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/bootstrap/css/bootstrap.min.css?ver=26032001"> 13<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/fontawesome5/css/fontawesome-all.min.css?ver=26032001"> 14<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/eyoom-form/css/eyoom-form.min.css?ver=26032001"> 15<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/font/S-Core_Dream/s-core-dream.css?ver=26032001"> 16<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/swiper/swiper-bundle.min.css" type="text/css" media="screen"> 17<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/css/common.css?ver=26032001"> 18<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/css/shop_layout.css?ver=26032001"> 19<link rel="stylesheet" id="mode_css" href="https://interocean-mall.com/theme/g5_shop_001/css/light_mode.css?ver=26032001"> 20<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/slick/slick.min.css" type="text/css" media="screen"> 21<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/mobile/skin/outlogin/shop_basic/style.css?ver=26032001"> 22<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/sweetalert2/sweetalert2.min.css?ver=26032001"> 23<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/mobile/skin/shop/basic/style.css?ver=26032001"> 24<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/plugins/perfect-scrollbar/perfect-scrollbar.min.css?ver=26032001"> 25<link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/mobile/skin/member/basic/style.css?ver=26032001"> 26<link rel="stylesheet" href="https://interocean-mall.com/mobile/skin/social/style.css?ver=26032001"> 27 <link rel="stylesheet" href="https://interocean-mall.com/theme/g5_shop_001/css/shop_layout_bs_sub.css?ver=26032001"> 28 <!--[if lte IE 8]>
29<script src="https://interocean-mall.com/js/html5.js"></script>
29 30<![endif]--> 31
31<script> 32 // ìë°ì¤í¬ë¦½í¸ìì ì¬ì©íë ì ìë³ì ì ì¸ 33 var g5_url = "https://interocean-mall.com"; 34 var g5_bbs_url = "https://interocean-mall.com/bbs"; 35 var g5_is_member = ""; 36 var g5_is_admin = ""; 37 var g5_is_mobile = "1"; 38 var g5_bo_table = ""; 39 var g5_sca = ""; 40 var g5_editor = ""; 41 var g5_cookie_domain = ""; 42 var g5_theme_shop_url = "https://interocean-mall.com/theme/g5_shop_001/shop"; 43 var g5_shop_url = "https://interocean-mall.com/shop"; 44 </script>
44 45 46<link rel="stylesheet" href="https://interocean-mall.com/css/custom.css?v=26032001"> 47<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/xeicon.min.css"> 48 49
50<script src="https://interocean-mall.com/js/jquery-1.12.4.min.js?ver=260210"></script>
vendor: 1 bytes, line 50
50
51<script src="https://interocean-mall.com/js/jquery-migrate-1.4.1.min.js?ver=260210"></script>
vendor: 1 bytes, line 51
51
52<script src="https://interocean-mall.com/js/common.js?ver=260210"></script>
vendor: 1 bytes, line 52
52
53<script src="https://interocean-mall.com/js/wrest.js?ver=260210"></script>
vendor: 1 bytes, line 53
53
54<script src="https://interocean-mall.com/js/placeholders.min.js?ver=260210"></script>
vendor: 1 bytes, line 54
54
55<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/popper/popper.min.js?ver=260210"></script>
vendor: 1 bytes, line 55
55
56<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/bootstrap/js/bootstrap.min.js?ver=260210"></script>
vendor: 1 bytes, line 56
56
57<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/swiper/swiper-bundle.min.js?ver=260210"></script>
vendor: 1 bytes, line 57
57
58<script src="https://interocean-mall.com/js/modernizr.custom.70111.js?ver=260210"></script>
58 59</head> 60<body> 61
62<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
62 63 <style> 64 .dropdown-menu.comm { 65 display: block; /* ëë show í´ëì¤ì¼ ë */ 66 position: absolute; 67 z-index: 99999 !important; /* 충ë¶í í° ì«ì를 ì¤ì ìµìë¨ì¼ë¡ ì¬ë¦¼ */ 68 background-color: #fff !important; /* ë°°ê²½ìì íì¤í ì¤ì ë¤ê° ì ë¹ì¹ê² í¨ */ 69 } 70 71 /* 커뮤ëí° ë¶ëª¨ ììë ê°ì´ ì¬ë ¤ì£¼ë©´ ì¢ì */ 72 .dropdown.community { 73 position: relative; 74 z-index: 10001 !important; 75 } 76 77 /* ë©ë´ê° ì´ë ¸ì ë (ë¶í¸ì¤í¸ë© í´ëì¤ ê¸°ì¤) */ 78 .dropdown.community.show .dropdown-menu.comm { 79 display: block; 80 } 81 82 .dropdown-menu { 83 background-color: #fff; /* ë°°ê²½ìì´ í¬ëª í´ì ë¤ê° ë¹ì¹ë 걸 ë°©ì§ */ 84 box-shadow: 0 5px 10px rgba(0,0,0,0.2); /* ì ì²´ê°ì ì¤ì ë¤ ììì êµ¬ë¶ */ 85 } 86 @media (max-width: 992px) { 87 88 .nav_category_pc { 89 display: none; 90 } 91 .mobile-none { 92 display: none !important; 93 } 94 95 } 96 97</style> 98 99 100<div class="wrapper"> 101 102 103 <header class="header-wrap page-header-wrap"> 104 105 106<style> 107.btn_close:after { 108 color:#FFFFFF !important; 109} 110.egs-shop001-tb-wrap {position:relative;overflow:hidden} 111.egs-shop001-tb {position:relative;overflow:hidden} 112.egs-shop001-tb .egs-shop001-tb-item {position:relative;outline:none;background-color:rgb(255 225 0);} 113.egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title {text-align:center;height:57px;padding:0 0;display: flex;align-items: center;justify-content: center;} 114.egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title h5 a {margin:0;color:#000;font-size:.9375rem;width: 100vw;height: 57px;display: flex;align-items: center;justify-content: center;} 115.egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title .btn-e {border-color:rgb(255 225 0);color:#000;} 116.egs-shop001-tb-wrap .shop019-tb-close {position:absolute;top:13px;right:15px} 117.egs-shop001-tb-wrap #check_close {visibility:hidden;opacity:0;height:0} 118@media (max-width:576px){ 119 .egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title h5 a {margin:10px 0;color:#000;font-size:0.875rem;width: 65vw;height: 100%;display: flex;align-items: center;justify-content: center;} 120 .top-header-nav li > a { 121 display: block; 122 color: #FFFFFF; 123 font-size:0.875rem; 124 height: 46px; 125 line-height: 46px; 126 padding: 0; 127 } 128 129 .egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title {text-align:center;height:auto;padding:0 0;display: flex;align-items: center;justify-content: center;} 130} 131</style> 132 133<div class="egs-shop001-tb-wrap main_popup on" id="popup" style="display:none; background"> 134 <div class="egs-shop001-tb"> 135 <div class="egs-shop001-tb-item" style="background-color: #354155;"> 136 <div style="background-color: !important"> 137 <div class="container"> 138 <div class="egs-shop001-tb-title"> 139 <h5> 140 <a href="https://interocean-mall.com/bbs/board.php?bo_table=Grade" style="color:#fff;" target="" class="btn-e-xs btn-e-brd"> 141 íì ë±ê¸ ë³ê²½ ì ì²ì [커뮤ëí°] â [íìë±ê¸ ë³ê²½ì ì²] ê²ìí ëë [ì¹´ì¹´ì¤í¡ ìë´í기]를 íµí´ì ê°ë¥í©ëë¤.</a> 142 </h5> 143 </div> 144 </div> 145 <div class="btnclose"> 146 <!-- ì¤ë í루 ë³´ì§ ì기 ---> 147 <button class="btn_today_close" onclick="closePopupForToday()" style="color:#fff;">ì¤ë í루 ì´ì§ ìì</button> 148 <!-- ê·¸ë¥ ë«ê¸° ---> 149 <button class="btn_close" onclick="closePopup()">close</button> 150 </div> 151 </div> 152 </div> 153 </div> 154 </div> 155<style> 156/* ì¤ë í루 ë³´ì§ ì기 íì */ 157button { 158 border: 0; 159 background: none; 160 cursor:pointer; 161} 162.main_popup { 163 height: 0px; 164 transition: all 0.6s; 165} 166.main_popup.on { 167 transition: all 0.0s; 168 height: 57px; 169 display: block; 170 background-color: #fff; 171 } 172 .btn_close { 173 width: 32px; 174 height: 32px; 175 position: absolute; 176 top: 14px; 177 right: 17px; 178 font-size: 0; 179 border: 0; 180 background: none; 181 182 } 183 .btn_close:after { 184 display: inline-block; 185 content: "\00d7"; 186 color: #000; 187 font-size:22px; 188} 189 .btn_today_close { 190 top: 15px; 191 right: 50px; 192 position: absolute; 193 width: 125px; 194 height: 32px; 195 text-align: center; 196 color: #000; 197 font-size: 14px; 198 display: block; 199 span { 200 display: block; 201 position: relative; 202 line-height: 40px; 203 vertical-align: bottom; 204 opacity: 0.8; 205 } 206} 207@media (max-width:767px) { 208 .egs-shop001-tb .egs-shop001-tb-item .egs-shop001-tb-title .btn-e { 209 display: none; 210 } 211 .btn_today_close { 212 display: none; 213 } 214 .btn_close { 215 top: 9px; 216 } 217 .main_popup.on { 218 height: 100%; 219 } 220} 221</style>
222<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/slick/slick.min.js"></script>
vendor: 1 bytes, line 222
222
223<script> 224$('.egs-shop001-tb-wrap .egs-shop001-tb').slick({ 225 slidesToShow: 1, 226 arrows: false, 227 dots: false, 228 autoplay: true, 229 autoplaySpeed: 5000, 230 fade: true 231}); 232</script>
vendor: 1 bytes, line 232
232
233<script> 234// íì ì´ ì²ìì¼ë¡ ë¡ëë ë íì ì¬ë¶ë¥¼ ê²°ì íë í¨ì 235window.onload = function() { 236 const popupShownToday = getCookie("popupShownToday"); 237 const neverShow = getCookie("neverShowPopup"); 238 239 if (!popupShownToday && !neverShow) { 240 document.getElementById("popup").style.display = "block"; 241 } 242} 243 244function closePopup() { 245 document.getElementById("popup").style.display = "none"; 246} 247 248function closePopupForToday() { 249 setCookie("popupShownToday", "true", 1); // ì¿ í¤ë 1ì¼ ëì ì ì§ë©ëë¤. 250 closePopup(); 251} 252 253function neverShowPopup() { 254 setCookie("neverShowPopup", "true", 365); // ì¿ í¤ë 1ë ëì ì ì§ë©ëë¤. 255 closePopup(); 256} 257 258function setCookie(name, value, days) { 259 let expires = ""; 260 if (days) { 261 let date = new Date(); 262 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 263 expires = "; expires=" + date.toUTCString(); 264 } 265 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 266} 267 268function getCookie(name) { 269 let nameEQ = name + "=";
270 let ca = document.cookie.split(';'); 271 for(let i=0; i < ca.length; i++) { 272 let c = ca[i]; 273 while (c.charAt(0) == ' ') c = c.substring(1, c.length); 274 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 275 } 276 return null; 277} 278</script>
278 279 280 <div class="top-header bshidden"> 281 <div class="container"> 282 <div class="row align-items-center position-relative"> 283 <div class="top-header-mobile-btn"> 284 <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft"> 285 <span class="sr-only">ë©ë´ ë²í¼</span> 286 <span class="fas fa-bars" style="color:#FFFFFF;"></span> 287 </button> 288 </div> 289 <div class="col-lg-6 d-none d-lg-block"> 290 <ul class="top-header-nav list-unstyled thn-start"> 291 <li><a href="https://interocean-mall.com/bbs/qalist.php">1:1문ì</a></li> 292 </ul> 293 </div> 294 <div class="col-lg-6 clearfix" style="background-color:#000;"> 295 <ul class="top-header-nav list-unstyled thn-end"> 296 <li> 297 <a href="https://pf.kakao.com/_GxdrxaG"> 298 <img src="https://interocean-mall.com/theme/g5_shop_001/img/main/KakaoTalk_link.png" alt="" 299 style="width: 100px;"> 300 </a> 301 </li> 302 <li><a href="https://interocean-mall.com/bbs/register.php">íìê°ì </a></li> 303 <li class="visible-xs visible-sm"><a href="https://interocean-mall.com/bbs/login.php?url=%2F">ë¡ê·¸ì¸</a></li> 304 <!--<li class="dropdown addmenu"> 305 <a class="dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false"> 306 ì¶ê°ë©ë´ 307 </a> 308 <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton"> 309 <a href="/cart.php" class="d-block d-lg-none">ì¥ë°êµ¬ë</a> 310 <a href="/wishlist.php" class="d-block d-lg-none">ìì리ì¤í¸</a> 311 <a href="/couponzone.php" class="d-block d-lg-none">ì¿ í°ì¡´</a> 312 <a href="/orderinquiry.php">주문ë´ì</a> 313 <a href="/personalpay.php">ê°ì¸ê²°ì </a> 314 <a href="/itemuselist.php">ì¬ì©í기</a> 315 <a href="/member_confirm.php?url=register_form.php">ì ë³´ìì </a> 316 <a href="/member_confirm.php?url=member_leave.php" onclick="return member_leave();" class="btn_out2">íí´í기</a> 317 </div> 318 </li>--> 319 </ul> 320 </div> 321 </div> 322 </div> 323 </div> 324 <div class="header-nav nav-wrap"> 325 <div class="container"> 326 <nav class="navbar navbar-expand-lg"> 327 <div class="sidebar-left offcanvas offcanvas-start" tabindex="-1" id="offcanvasLeft" aria-controls="offcanvasLeftLabel"> 328 <div class="sidebar-left-content"> 329 <div class="offcanvas-header"> 330 <h5 class="offcanvas-title f-s-16r" id="offcanvasLeftLabel"><i class="fas fa-bars m-r-10 text-gray"></i> 331 NAVIGATION 332 </h5> 333 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> 334 </div> 335 <div class="sidebar-member-menu"> 336 <div class="m-t-10 m-b-10"> 337 <a href="https://interocean-mall.com/shop/cart.php" class="sidebar-member-btn-box"> 338 <div class="sidebar-member-btn"> 339 ì¥ë°êµ¬ë 340 </div> 341 </a> 342 <a href="https://interocean-mall.com/shop/wishlist.php" class="sidebar-member-btn-box"> 343 <div class="sidebar-member-btn float-end">ìì리ì¤í¸ 344 </div> 345 </a> 346 <div class="clearfix"></div> 347 </div> 348 <div class="m-t-10 m-b-10"> 349 <a href="https://interocean-mall.com/shop/coupon.php" class="sidebar-member-btn-box"> 350 <div class="sidebar-member-btn"> 351 ì¿ í°ë´ì 352 </div> 353 </a> 354 <a href="https://interocean-mall.com/shop/orderinquiry.php" class="sidebar-member-btn-box"> 355 <div class="sidebar-member-btn float-end"> 356 주문/ë°°ì¡ì¡°í 357 </div> 358 </a> 359 <div class="clearfix"></div> 360 </div> 361 <div class="m-t-10 m-b-10"> 362 <a href="https://interocean-mall.com/shop/coupon_regist.php" class="sidebar-member-btn-box"> 363 <div class="sidebar-member-btn"> 364 ì¿ í°ë±ë¡ 365 </div> 366 </a> 367 <a href="https://interocean-mall.com/bbs/member_confirm.php?url=register_form.php" class="sidebar-member-btn-box"> 368 <div class="sidebar-member-btn float-end"> 369 ì ë³´ìì 370 </div> 371 </a> 372 <div class="clearfix"></div> 373 </div> 374 </div> 375 376 <ul class="navbar-nav right" style="align-items: baseline;"> 377 <div class="header-scroll-search"> 378 <form name="frmsearch1" action="https://interocean-mall.com/shop/search.php" onsubmit="return search_submit(this);" class="eyoom-form"> 379 <label for="sch_str" class="sound_only">ìíëª ì ë ¥ íì</strong></label> 380 <div class="input input-button"> 381 <input type="text" name="q" value="" id="sch_str" placeholder="" required> 382 <button type="submit" value="ê²ì" class="button"><i class="fa fa-search"></i></button> 383 </div> 384 </form> 385 </div> 386 <li class="bsmember mobile-none"> 387 <a href="https://pf.kakao.com/_GxdrxaG" class="nav-link"> 388 <img src="https://interocean-mall.com/theme/g5_shop_001/img/main/KakaoTalk_link2.png" alt="" style="width: 350px;" > 389 </a> 390 </li> 391 <li class="bsmember"> 392 <a href="https://interocean-mall.com/bbs/login.php" class="nav-link">ë¡ê·¸ì¸</a> 393 </li> 394 <li class="bsmember2"> 395 <a href="https://interocean-mall.com/bbs/login.php"> 396 <img src="https://interocean-mall.com/theme/g5_shop_001/img/main/person.svg" alt=""> 397 </a> 398 </li> 399 <li class="note"> 400 <a href="https://interocean-mall.com/shop/#"> 401 <img src="https://interocean-mall.com/theme/g5_shop_001/img/main/note.svg" alt=""> 402 </a> 403 </li> 404 <li class="cart"> 405 <a href="https://interocean-mall.com/bbs/register.php" class="dropdown-toggle nav-link">íìê°ì </a> 406 </li> 407 <li class="cart2"> 408 <a href="https://interocean-mall.com/shop/cart.php"> 409 <img src="https://interocean-mall.com/theme/g5_shop_001/img/main/cart.svg" alt=""> 410 </a> 411 </li> 412 <li class="dropdown community"> 413 <a href="#" class="dropdown-toggle nav-link">커뮤ëí°</a> 414 <a href="#" class="cate-dropdown-open dorpdown-toggle" data-bs-toggle="dropdown"></a> 415 <div class="dropdown-menu comm"> 416 <ul> 417 <li class="dropdown-submenu"> 418 <a href="https://interocean-mall.com/bbs/board.php?bo_table=notice" class="dropdown-item nav-link">ê³µì§ì¬í</a> 419 </li> 420 <!--<li class="dropdown-submenu"> 421 <a href="/itemuselist.php" class="dropdown-item nav-link">ì¬ì©í기</a> 422 </li>--> 423 <li class="dropdown-submenu"> 424 <a href="https://interocean-mall.com/bbs/qalist.php" class="dropdown-item nav-link">1:1문ì</a> 425 </li> 426 <!--<li class="dropdown-submenu"> 427 <a href="/board.php?bo_table=order" class="dropdown-item nav-link">ëë주문 문ì</a> 428 </li>--> 429 <li class="dropdown-submenu"> 430 <a href="https://interocean-mall.com/bbs/board.php?bo_table=Grade" class="dropdown-item nav-link">íìë±ê¸ë³ê²½ ì ì²</a> 431 </li> 432 <li class="dropdown-submenu"> 433 <a href="https://interocean-mall.com/bbs/board.php?bo_table=Catalog" class="dropdown-item nav-link">ì¹´ë¤ë¡ê·¸</a> 434 </li> 435 <li class="dropdown-submenu"> 436 <a href="https://interocean-mall.com/bbs/faq.php" class="dropdown-item nav-link">FAQ</a> 437 </li> 438 <!--<li class="dropdown-submenu"> 439 <a href="/page/?pid=stock" class="dropdown-item nav-link">ì¬ê³ ì ë³´</a> 440 </li>--> 441 <li class="dropdown-submenu"> 442 <a href="https://interocean-mall.com/bbs/board.php?bo_table=documents" class="dropdown-item nav-link">ìë£ì¤</a> 443 </li> 444 </ul> 445 </div> 446 </li> 447 <li class="dropdown global" style="display:none;"> 448 <a href="#" class="dropdown-toggle nav-link">GLOBAL</a> 449 <a href="#" class="cate-dropdown-open dorpdown-toggle" data-bs-toggle="dropdown"></a> 450 <div class="dropdown-menu glo"> 451 <ul> 452 <li class="dropdown-submenu"> 453 <a href="javascript:void(0)" title="English" class="gflag nturl trans-en dropdown-item nav-link" style="background-position:-0px -0px;"><!--img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="English"/-->ENGLISH</a> 454 <!-- <a href="#" class="dropdown-item nav-link">ENGLISH</a> --> 455 </li> 456 <li class="dropdown-submenu"> 457 <a href="javascript:void(0)" class="dropdown-item nav-link trans-kr">KOREA</a> 458 </li> 459 </ul> 460 </div> 461 </li> 462 </ul> 463 </div> 464 </div> 465 </nav> 466 </div> 467 </div> 468 <div class="header-title"> 469 <div class="container position-relative"> 470 <a href="https://interocean-mall.com/shop/" class="title-logo"> 471 <img src="https://interocean-mall.com/data/common/logo_img_white.png" class="title-logo-image kr" alt="ì¸í°ì¤ì 몰"> 472 <img src="https://interocean-mall.com/data/common/logo_img_white_eng.png" class="title-logo-image eng" alt="ì¸í°ì¤ì 몰"> 473 </a> 474 475 <div class="header-title-search d-none d-lg-block"> 476 <form name="frmsearch1" action="https://interocean-mall.com/shop/search.php" onsubmit="return search_submit(this);" class="eyoom-form"> 477 <label for="sch_str" class="sound_only">ìíëª ì ë ¥ íì</strong></label> 478 <div class="input input-button"> 479 <input type="text" name="q" value="" id="sch_str" placeholder="" required> 480 <button type="submit" value="ê²ì" class="button"><i class="fa fa-search"></i></button> 481 </div> 482 </form> 483
483<script> 484 function search_submit(f) { 485 if (f.q.value.length < 2) { 486 alert("ê²ìì´ë ëê¸ì ì´ì ì ë ¥íììì¤."); 487 f.q.select(); 488 f.q.focus(); 489 return false; 490 } 491 return true; 492 } 493 </script>
493 494 </div> 495 496 <div class="header-title-btn-wrap d-none d-lg-block"> 497 <div class="header-title-btn btn-group"> 498 <a href="https://interocean-mall.com/bbs/login.php"> 499 <!--<img src="/img/main/person.svg" alt="">--> 500 <span style="color:#FFFFFF; font-size:14px;">ë§ì´íì´ì§</span> 501 <!--h6>ë¡ê·¸ì¸</h6--> 502 </a> 503 <!--div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownLoginButton"> 504 505<div class="ol-before"> 506 <form name="foutlogin" action="https://interocean-mall.com/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off" class="eyoom-form"> 507 <input type="hidden" name="url" value="%2F"> 508 509 <div class="ol-header"> 510 <h5>íì ë¡ê·¸ì¸</h5> 511 </div> 512 <div class="ol-body"> 513 <div class="ol-forgot"> 514 <a href="https://interocean-mall.com/bbs/password_lost.php">ìì´ë/ë¹ë²ì°¾ê¸°</a> 515 </div> 516 <section> 517 <label for="ol_id" class="label">ìì´ë</label> 518 <label class="input"> 519 <i class="icon-append fa fa-user"></i> 520 <input type="text" id="ol_id" name="mb_id" required maxlength="20" placeholder="ID"> 521 </label> 522 </section> 523 <section> 524 <label for="ol_pw" class="label">ë¹ë°ë²í¸</label> 525 <label class="input"> 526 <i class="icon-append fa fa-lock"></i> 527 <input type="password" name="mb_password" id="ol_pw" required maxlength="20" placeholder="Password"> 528 </label> 529 </section> 530 <div class="m-b-10"> 531 <label class="checkbox"><input type="checkbox" name="auto_login" value="1" id="auto_login"><i></i><span>ìëë¡ê·¸ì¸</span></label> 532 </div> 533 <button id="ol_submit" class="btn-e btn-e-brd btn-e-lg btn-e-dark btn-e-block" type="submit">ë¡ê·¸ì¸</button> 534 535 536<div class="login-sns sns-wrap-32 sns-wrap-over" id="sns_login"> 537 <h3>ìì ê³ì ì¼ë¡ ë¡ê·¸ì¸</h3> 538 <div class="sns-wrap"> 539 <a href="https://interocean-mall.com/plugin/social/popup.php?provider=naver&url=%2F" class="sns-icon social_link sns-naver" title="ë¤ì´ë²"> 540 <span class="ico"></span> 541 <span class="txt">ë¤ì´ë²<i> ë¡ê·¸ì¸</i></span> 542 </a> 543 <a href="https://interocean-mall.com/plugin/social/popup.php?provider=kakao&url=%2F" class="sns-icon social_link sns-kakao" title="ì¹´ì¹´ì¤"> 544 <span class="ico"></span> 545 <span class="txt">ì¹´ì¹´ì¤<i> ë¡ê·¸ì¸</i></span> 546 </a> 547 <a href="https://interocean-mall.com/plugin/social/popup.php?provider=Apple&url=%2F" class="sns-icon social_link sns-apple" title="ì í"> 548 <span class="ico"></span> 549 <span class="txt">ì í<i> ìì´ë ë¡ê·¸ì¸</i></span> 550 </a> 551 552
552<script> 553 jQuery(function($){ 554 $(".sns-wrap").on("click", "a.social_link", function(e){ 555 e.preventDefault(); 556 557 var pop_url = $(this).attr("href"); 558 var newWin = window.open( 559 pop_url, 560 "social_sing_on", 561 "location=0,status=0,scrollbars=1,width=600,height=500" 562 ); 563 564 if(!newWin || newWin.closed || typeof newWin.closed=='undefined') 565 alert('ë¸ë¼ì°ì ìì íì ì´ ì°¨ë¨ëì´ ììµëë¤. íì íì±í í ë¤ì ìëí´ ì£¼ì¸ì.'); 566 567 return false; 568 }); 569 }); 570 </script>
570 571 572 </div> 573</div> </div> 574 <div class="ol-footer"> 575 <p>íìê°ì ì íìë©´ ë ë§ì ííì ë°ì¼ì¤ì ììµëë¤.</p> 576 <a href="https://interocean-mall.com/bbs/register.php" class="btn-e btn-e-lg btn-e-dark btn-e-block">íìê°ì </a> 577 </div> 578 </form> 579</div> 580
581<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/sweetalert2/sweetalert2.min.js"></script>
vendor: 1 bytes, line 581
581
582<script> 583$(function() { 584 $("#auto_login").click(function(){ 585 if ($(this).is(":checked")) { 586 Swal.fire({ 587 title: "ì림", 588 html: "<div class='alert alert-warning text-start word-break-keep-all'>ìëë¡ê·¸ì¸ì ì¬ì©íìë©´ ë¤ìë¶í° íììì´ëì ë¹ë°ë²í¸ë¥¼ ì ë ¥íì¤ íìê° ììµëë¤.<br>공공ì¥ìììë ê°ì¸ì ë³´ê° ì ì¶ë ì ìì¼ë ì¬ì©ì ìì íì¬ ì£¼ììì¤.</div><span>ìëë¡ê·¸ì¸ì ì¬ì©íìê² ìµëê¹?</span>", 589 icon: "warning", 590 showCancelButton: true, 591 confirmButtonColor: "#e53935", 592 confirmButtonText: "íì¸", 593 cancelButtonText: "ì·¨ì" 594 }).then((result) => { 595 if (result.isConfirmed) { 596 $("#auto_login").attr("checked"); 597 } else { 598 $("#auto_login").removeAttr("checked"); 599 } 600 }); 601 } 602 }); 603}); 604 605function fhead_submit(f) { 606 if (f.mb_id.value == '' || f.mb_id.value == $("#ol_id").attr("placeholder")) { 607 alert("ìì´ë를 ì ë ¥í´ ì£¼ì¸ì."); 608 f.mb_id.select(); 609 f.mb_id.focus(); 610 return false; 611 } 612 if (f.mb_password.value == '' || f.mb_password.value == $("#ol_pw").attr("placeholder")) { 613 alert("ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì."); 614 f.mb_password.select(); 615 f.mb_password.focus(); 616 return false; 617 } 618 return true; 619} 620</script>
620 </div--> 621 </div> 622 <div class="header-title-btn"> 623 <a href="https://interocean-mall.com/shop/track_and_redirect.php?page=estimate_list"> 624 <!--<span class="badge badge-crimson rounded wish-count">ëë주문</span>--> 625 <span style="color:#FFFFFF; font-size:13px;">견ì ì ìì±</span> 626 <!--<img src="/img/main/note.svg" alt="">--> 627 <!--h6>ìì리ì¤í¸</h6--> 628 </a> 629 </div> 630 <div class="header-title-btn"> 631 <a href="https://interocean-mall.com/shop/cart.php"> 632 <span class="badge badge-crimson rounded cart-count">0</span> 633 <span style="color:#FFFFFF; font-size:14px;">ì¥ë°êµ¬ë</span> 634 <!--<img src="/img/main/cart.svg" alt="">--> 635 <!--h6>ì¥ë°êµ¬ë</h6--> 636 </a> 637 </div> 638 </div> 639 640 <div class="header-title-mobile-btn"> 641 <button type="button" class="navbar-toggler search-toggle mobile-search-btn"> 642 <span class="sr-only">ê²ì ë²í¼</span> 643 <span class="fas fa-search"></span> 644 </button> 645 </div> 646 </div> 647 </div> 648 649 <div class="header-nav nav-wrap"> 650 <div class="container"> 651 <nav class="navbar navbar-expand-lg" style="z-index:0;"> 652 <div class="sidebar-left-content"> 653 <ul class="navbar-nav left"> 654 <li id="nav_category" class="nav-category nav_category_pc"> 655 <!--<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fas fa-bars nav-icon-pre m-r-10 hidden-xs hidden-sm"></i><font>ì¹´í ê³ ë¦¬</font></a>--> 656 <style> 657 .category-wrap { 658 position: relative; 659 line-height: 1; 660 } 661 662 /* 1ì°¨ ì¹´í ê³ ë¦¬ ê°ë¡ ëì´ */ 663 .category-horizontal { 664 list-style: none; 665 padding: 0; 666 margin: 0; 667 display: flex; 668 gap: 22px; 669 position: relative; 670 z-index: 10; 671 font-size: 17px; 672 } 673 674 @media (max-width: 768px) { 675 .category-horizontal { 676 gap: 0px; 677 } 678 } 679 680 .category-horizontal > li.category-item { 681 margin: 0; 682 padding: 0; 683 } 684 685 .category-horizontal > li.category-item > a { 686 display: block; 687 padding: 10px 15px; 688 color: #FFFFFF; 689 text-decoration: none; 690 font-weight: 600; 691 line-height: 1.4; 692 } 693 694 .category-horizontal > li.category-item > a:hover { 695 /*background-color: #ddd;*/ 696 } 697 698 .category-horizontal > li.category-item:hover > a, 699 .category-horizontal > li.category-item > a.active { 700 color: #27BAA7; 701 font-weight: 800; 702 text-decoration: underline; 703 text-decoration-color: #27BAA7; 704 } 705 706 /* 2ì°¨ ë©ë´ ê³ ì ìì */ 707 .fixed-submenu { 708 display: none; 709 position: absolute; 710 top: 100%; 711 left: 0; 712 width: 100%; 713 background-color: #fff; 714 border-top: 1px solid #ccc; 715 padding: 15px 20px; /* í¨ë© ì¡°ê¸ ì¤ì */ 716 box-shadow: 0 4px 8px rgba(0,0,0,0.05); 717 z-index: 5; 718 flex-wrap: wrap; 719 gap: 10px; 720 box-sizing: border-box; 721 } 722 723 .fixed-submenu.show { 724 display: flex; 725 background: rgba(0, 0, 0, 0.6); 726 } 727 728 @media (max-width: 768px) { 729 .fixed-submenu.show { 730 /*background: #FFFFFF;*/ 731 display:none; 732 } 733 } 734 735 /*.fixed-submenu ul { 736 width: 100%; 737 display: flex; 738 flex-wrap: wrap; 739 gap: 10px; 740 padding: 0; 741 margin: 0; 742 list-style: none; 743 } 744 745 .fixed-submenu li { 746 width: calc(100% / 6 - 10px); 747 list-style: none; 748 margin: 0; 749 padding: 0; 750 }*/ 751 752 /* ì¸ë¡ë¡ ëì´ */ 753 .fixed-submenu ul { 754 display: grid; 755 grid-auto-flow: column; /* ìì´í ì´ ê°ë¡ ë°©í¥ì¼ë¡ ì±ìì§ê² í¨ */ 756 grid-template-rows: repeat(5, 1fr); /* ì¸ë¡ë¡ 6ì¤ì ë§ë¦ */ 757 grid-template-columns: repeat(6, 1fr); /* 6ê°ì ì´ì ëì¼í íì¼ë¡ ë§ë¦ */ 758 gap: 10px; 759 column-gap: 80px; 760 padding: 0; 761 margin: 0; 762 list-style: none; 763 } 764 765 .fixed-submenu li { 766 list-style: none; 767 margin: 0; 768 padding: 0; 769 /* ìì´í ì ëì´ë¥¼ ëª ííê² ì¤ì íë©´ ë ì¢ì */ 770 /* height: 30px; */ 771 } 772 773 774 775 .fixed-submenu li a { 776 display: block; 777 padding: 8px 12px; 778 text-decoration: none; 779 color: #FFFFFF; 780 /*background: #f9f9f9;*/ 781 /*background: rgba(0, 0, 0, 0.6);*/ 782 border-radius: 4px; 783 white-space: nowrap; 784 line-height: 1.2; 785 width: 120px; 786 } 787 788 .fixed-submenu li a:hover, 789 .fixed-submenu li a.active { 790 color: #27BAA7; 791 font-weight: 800; 792 /* background: #e9f7f5;*/ 793 text-decoration: underline; 794 text-decoration-color: #27BAA7; 795 } 796 797 /* 1. ë¶ëª¨ ìì (li)를 기ì¤ì¼ë¡ ì¡ê¸° */ 798 .new-item { 799 position: relative; /* ìì ììì¸ new-tagì ìì¹ë¥¼ ì í 기ì¤ì */ 800 } 801 802 /* 2. NEW íê·¸ ì¤íì¼ */ 803 .new-tag { 804 position: absolute; /* ë¶ëª¨(li)를 기ì¤ì¼ë¡ ìì¹ ì¤ì */ 805 top: 0px; /* ì쪽 ëì ë°°ì¹ */ 806 right: 0px; /* ì¤ë¥¸ìª½ ëì ë°°ì¹ */ 807 808 /* ëìì¸ */ 809 display: block; 810 padding: 2px 5px; 811 font-size: 10px; /* ì¡°ê·¸ë§£ê² */ 812 font-weight: bold; 813 color: #fff; /* í°ì ê¸ì¨ */ 814 background-color: #ff4141; /* 빨ê°ì ë°°ê²½ */ 815 border-radius: 3px; 816 line-height: 1; /* ëì´ ì¡°ì */ 817 z-index: 10; 818 819 /* ì ëë©ì´ì ì ì© */ 820 animation: sparkle-blink 1.5s infinite alternate; /* 1.5ì´ë§ë¤ 무í ë°ë³µ */ 821 } 822 823 /* 3. ë°ì§ë°ì§ (ê¹ë¹¡ì´ë) ì ëë©ì´ì ì ì */
824 @keyframes sparkle-blink { 825 0% { 826 opacity: 0.5; /* ìì í í¬ëª íì§ ìê² */ 827 transform: scale(1); 828 } 829 50% { 830 opacity: 1; /* ê°ì¥ ë°ê² */ 831 transform: scale(1.1); /* ì´ì§ 커ì§ê² */ 832 } 833 100% { 834 opacity: 0.5; 835 transform: scale(1); 836 } 837 } 838 839 /* (ì¶ê°) A íê·¸ìë relative를 ì ì©í´ì NEW íê·¸ê° A íê·¸ì ì°ì¸¡ ìë¨ì ìì¹íëë¡ í ìë ìì´ */ 840 .new-item a { 841 position: relative; 842 padding-right: 40px; /* NEW íê·¸ ê³µê° íë³´ */ 843 } 844 .new-item .new-tag { 845 top: -5px; /* A íê·¸ ìë¨ìì ì´ì§ ìë¡ */ 846 right: 5px; /* A íê·¸ ì¤ë¥¸ìª½ìì ì´ì§ ìì¼ë¡ */ 847 } 848</style> 849 850<div class="category-wrap"> 851 <ul class="category-horizontal"> 852 <li class="category-item 853 " 854 data-index="0"> 855 <a href="https://interocean-mall.com/shop/list.php?ca_id=j0&sort=it_sum_qty&sortodr=desc" 856 data-page-id="í¹ê° íë¡ëª¨ì "> 857 í¹ê° íë¡ëª¨ì <span class="new-tag">HOT</span> 858 </a> 859 </li> 860 <li class="category-item 861 " 862 data-index="1"> 863 <a href="https://interocean-mall.com/shop/list.php?ca_id=m0&sort=it_sum_qty&sortodr=desc" 864 data-page-id="리í¼ë¸ ì í"> 865 리í¼ë¸ ì í <span class="new-tag">HOT</span> 866 </a> 867 </li> 868 <li class="category-item 869 " 870 data-index="2"> 871 <a href="https://interocean-mall.com/shop/list.php?ca_id=10&sort=it_sum_qty&sortodr=desc" 872 data-page-id="ì¤ì¿ ë²ë¤ì´ë¹"> 873 ì¤ì¿ ë²ë¤ì´ë¹ </a> 874 </li> 875 <li class="category-item 876 " 877 data-index="3"> 878 <a href="https://interocean-mall.com/shop/list.php?ca_id=20&sort=it_sum_qty&sortodr=desc" 879 data-page-id="í리ë¤ì´ë¹"> 880 í리ë¤ì´ë¹ </a> 881 </li> 882 <li class="category-item 883 " 884 data-index="4"> 885 <a href="https://interocean-mall.com/shop/list.php?ca_id=30&sort=it_sum_qty&sortodr=desc" 886 data-page-id="물ëì´/ì¤ë ¸í´ë§"> 887 물ëì´/ì¤ë ¸í´ë§ </a> 888 </li> 889 <li class="category-item 890 " 891 data-index="5"> 892 <a href="https://interocean-mall.com/shop/list.php?ca_id=40&sort=it_sum_qty&sortodr=desc" 893 data-page-id="ì¤í¸ë¦¼í¸ë ì¼(ê°ë°©)"> 894 ì¤í¸ë¦¼í¸ë ì¼(ê°ë°©) </a> 895 </li> 896 <li class="category-item 897 " 898 data-index="6"> 899 <a href="https://interocean-mall.com/shop/list.php?ca_id=70&sort=it_sum_qty&sortodr=desc" 900 data-page-id="ìì¤ì´¬ìì¥ë¹"> 901 ìì¤ì´¬ìì¥ë¹ </a> 902 </li> 903 <li class="category-item 904 " 905 data-index="7"> 906 <a href="https://interocean-mall.com/shop/list.php?ca_id=60&sort=it_sum_qty&sortodr=desc" 907 data-page-id="ì°ì ì ì/콤íë ì "> 908 ì°ì ì ì/콤íë ì </a> 909 </li> 910 </ul> 911 912 <div class="fixed-submenu"></div> 913</div> 914
915<script> 916 document.addEventListener("DOMContentLoaded", function() { 917 const categoryData = [[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=j070","name":"\uc2a4\ucfe0\ubc84 \uc7a5\ube44 NO \ub9c8\uc9c4"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=j010","name":"\ub178\ub9c8\uc9c4 \ud2b9\uac00"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=j020","name":"\uc544\uc6b8\ub81b"}],[],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1010","name":"\ub9c8\uc2a4\ud06c [\uc218\uacbd]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1020","name":"\uc2a4\ub178\ud074 [\uc228\ub300\ub871]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1030","name":"\ud540 [\uc624\ub9ac\ubc1c]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1040","name":"\uc6fb\uc288\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1050","name":"\ub4dc\ub77c\uc774\uc288\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1060","name":"\ub808\uade4\ub808\uc774\ud130 [\ud638\ud761\uae30]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1070","name":"\uac8c\uc774\uc9c0 [\uacc4\uae30\ud310]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1080","name":"BC [\ubd80\ub825\uc870\uc808\uc7a5\uce58]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=1090","name":"\uc6e8\uc774\ud2b8 [\ub0a9]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10a0","name":"\ubca8\ud2b8 [\ud5c8\ub9ac\ub760]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10b0","name":"\ud3ec\ucf13 [\ud638\uc8fc\uba38\ub2c8]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10c0","name":"\ub77c\uc774\ud2b8 [\uc870\uba85]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10d0","name":"\ub098\uc774\ud504 [\uc218\uc911\uce7c]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10e0","name":"\uac00\ubc29"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10f0","name":"\ubd80\uce20"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10g0","name":"\uae00\ub7ec\ube0c [\uc7a5\uac11]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10h0","name":"\ud6c4\ub4dc [\ubaa8\uc790]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10i0","name":"\ub2e4\uc774\ube59\ucef4\ud4e8\ud130"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10j0","name":"\uc218\uc911\ud1b5\uc2e0\uc7a5\ube44"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10k0","name":"\ud480\ud398\uc774\uc2a4\ub9c8\uc2a4\ud06c"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10l0","name":"\uc218\uc911\uc548\uc804\uc7a5\ube44"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10m0","name":"\uc2a4\ucfe0\ubc84ACC"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10n0","name":"\ud638\uc2a4\ub958"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=10q0","name":"\uacf5\uae30\ud1b5"}],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2010","name":"\uc6fb\uc288\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2020","name":"\ub9c8\uc2a4\ud06c [\uc218\uacbd]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2030","name":"\uc2a4\ub178\ud074 [\uc228\ub300\ub871]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2040","name":"\ud540 [\uc624\ub9ac\ubc1c]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2050","name":"\uae00\ub7ec\ube0c [\uc7a5\uac11]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2060","name":"\uc0ad\uc2a4 [\uc591\ub9d0]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2070","name":"\uac00\ubc29"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2080","name":"\ubd80\uc774"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=2090","name":"\ub79c\uc57c\ub4dc"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=20a0","name":"\uc6e8\uc774\ud2b8 [\ub0a9]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=20b0","name":"\ubca8\ud2b8 [\ud5c8\ub9ac\ub760]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=20c0","name":"\ucef4\ud4e8\ud130"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=20d0","name":"\ub098\uc774\ud504 [\uc218\uc911\uce7c]"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=20e0","name":"\ud504\ub9ac\ub2e4\uc774\ube59 ACC"}],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3040","name":"\uc2a4\ub178\ud074\ub9c1\uc138\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3050","name":"\uc11c\ud551"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3060","name":"\ub124\uc624\ud504\ub80c"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3070","name":"\ub798\uc2dc\uac00\ub4dc"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3080","name":"\ub798\uc2dc\ud30c\uce74"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=3090","name":"\uc790\ucf13"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=30a0","name":"\ud2f0\uc154\uce20\u00b7\ubaa8\uc790"}],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=4011","name":"\ub4dc\ub77c\uc774 \ubc31"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=4021","name":"\ud1a0\ud2b8\/\uc204\ub354\/\ub354\ud50c\ubc31"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=4031","name":"\ud30c\uc6b0\uce58 & \ub0b4\ubd80 \uc778\uc11c\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=4041","name":"\ub77c\uc774\ud504\uc2a4\ud0c0\uc77c & \uc545\uc138\uc0ac\ub9ac"}],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7010","name":"\ud558\uc6b0\uc9d5"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7020","name":"\uc561\uc158\ucea0"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7030","name":"\ub80c\uc988"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7040","name":"\ud3ec\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7050","name":"\uc2a4\ud2b8\ub85c\ube0c"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7060","name":"\ube44\ub514\uc624\ub77c\uc774\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7070","name":"\uc561\uc138\uc11c\ub9ac"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=7080","name":"\ub77c\uc774\ud2b8 \ub9c8\uc6b4\ud2b8 \uc2dc\uc2a4\ud15c"}],[{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6010","name":"L&W"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6020","name":"\ub098\ub974\ub514"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6031","name":"\ud5ec\uba67"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6040","name":"\ud6c4\uce74"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6041","name":"\ud480\ud398\uc774\uc2a4\ub9c8\uc2a4\ud06c"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6070","name":"\uc794\uc555\uccb4\ud06c\uac8c\uc774\uc9c0"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=6081","name":"\uc218\uc911\ub77c\uc774\ud2b8"},{"url":"https:\/\/interocean-mall.com\/shop\/list.php?ca_id=60a0","name":"\uc561\uc138\uc11c\ub9ac"}]]; 918 919 const items = document.querySelectorAll('.category-horizontal > li.category-item'); 920 const submenu = document.querySelector('.fixed-submenu'); 921 922 function generateSubmenuHtml(subItems) { 923 if (!subItems || subItems.length === 0) return ''; 924 let html = '<ul>';
925 subItems.forEach(item => { 926 html += `<li><a href="${item.url}&sort=it_price&sortodr=desc">${item.name}</a></li>`; 927 }); 928 html += '</ul>'; 929 return html; 930 } 931 932 let activeItem = null; 933 934 items.forEach((item, index) => { 935 item.addEventListener('mouseenter', function () { 936 937 submenu.innerHTML = generateSubmenuHtml(categoryData[index]); 938 submenu.classList.add('show'); 939 940 if (activeItem) { 941 activeItem.querySelector('a').classList.remove('active'); 942 } 943 944 this.querySelector('a').classList.add('active'); 945 activeItem = this; 946 }); 947 }); 948 949 const container = document.querySelector('.category-wrap'); 950 951 container.addEventListener('mouseleave', () => { 952 submenu.classList.remove('show'); 953 954 if (activeItem) { 955 activeItem.querySelector('a').classList.remove('active'); 956 activeItem = null; 957 } 958 }); 959 }); 960 961 $(document).ready(function() { 962 $('.dropdown.community').on('click', function(e) { 963 //e.preventDefault(); // 기본 ìµì»¤ ëì ë°©ì§ (íì ì) 964 let $menu = $('.comm'); 965 966 // ì´ë¯¸ ì´ë ¤ìì¼ë©´ ë«ê³ , ë«íìì¼ë©´ ì´ê¸° 967 if ($menu.hasClass('open')) { 968 $menu.css({ 969 'z-index': '', 970 'top': '', 971 'opacity': '', 972 'visibility': '', 973 'display': '' 974 }); 975 $menu.removeClass('open'); 976 }else{ 977 $menu.css({ 978 'z-index': 9999, 979 'top': '100%', 980 'opacity': 1, 981 'visibility': 'visible', 982 'display': 'block' 983 }); 984 $menu.addClass('open'); 985 } 986 }); 987 988 $('.dropdown.global').on('click', function(e) { 989 //e.preventDefault(); // 기본 ìµì»¤ ëì ë°©ì§ (íì ì) 990 let $gloMenu = $('.glo'); 991 992 // ì´ë¯¸ ì´ë ¤ìì¼ë©´ ë«ê³ , ë«íìì¼ë©´ ì´ê¸° 993 if ($gloMenu.hasClass('open')) { 994 $gloMenu.css({ 995 'z-index': '', 996 'top': '', 997 'opacity': '', 998 'visibility': '', 999 'display': '' 1000 }); 1001 $gloMenu.removeClass('open'); 1002 }else{ 1003 $gloMenu.css({ 1004 'z-index': 9999, 1005 'top': '100%', 1006 'opacity': 1, 1007 'visibility': 'visible', 1008 'display': 'block' 1009 }); 1010 $gloMenu.addClass('open'); 1011 } 1012 }); 1013 1014 // ë°ê¹¥ í´ë¦ ì ëë¡ë¤ì´ ë«ê¸° 1015 $(document).on('click', function(e) { 1016 if (!$(e.target).closest('.dropdown.community').length) { 1017 $('.comm').css({ 1018 'position': 'absolute', 1019 'z-index': '', 1020 'top': '', 1021 'opacity': '', 1022 'visibility': '', 1023 'display': '' 1024 }); 1025 $('.comm').removeClass('open'); 1026 // $('.glo').removeClass('open'); 1027 } 1028 if (!$(e.target).closest('.dropdown.global').length) { 1029 $('.glo').css({ 1030 'z-index': '', 1031 'top': '', 1032 'opacity': '', 1033 'visibility': '', 1034 'display': '' 1035 }); 1036 //$('.comm').removeClass('open'); 1037 $('.glo').removeClass('open'); 1038 } 1039 }); 1040 1041 // .category-horizontal ul ë´ë¶ì a íê·¸ì í´ë¦ ì´ë²¤í¸ ë°ì¸ë© 1042 $('.category-horizontal').on('click', 'a', function(e) { 1043 // í´ë¦ë a íê·¸ìì data-page-id ê°ì ê°ì ¸ì´ 1044 var pageId = $(this).data('page-id'); 1045 // íì¬ ë§í¬ì href ìì±ë ê°ì ¸ì´ (íì´ì§ ì´ëì ëì¤ì ì²ë¦¬í기 ìí¨) 1046 var targetUrl = $(this).attr('href'); 1047 // 기본 íì´ì§ ì´ë ëìì ë§ì (ì¹´ì´í í ìëì¼ë¡ ì´ëìí¤ê¸° ìí¨) 1048 e.preventDefault(); 1049 if (pageId) { 1050 // **AJAX를 ì´ì©í´ ì¹´ì´í ìë² ì¤í¬ë¦½í¸ í¸ì¶** 1051 $.ajax({ 1052 url: '/theme/g5_shop_001/mobile/shop/count_traffic.php', // 2ë¨ê³ìì ë§ë íì¼ ê²½ë¡ 1053 type: 'POST', 1054 data: { 1055 page_id: pageId // ìë²ë¡ ì ì¡í ë°ì´í° 1056 }, 1057 success: function(response) { 1058 console.log('ì¹´ì´í¸ ì±ê³µ:', response); 1059 // ì¹´ì´í¸ ì±ê³µ í ìë íì´ì§ë¡ ì´ë 1060 window.location.href = targetUrl; 1061 }, 1062 error: function(xhr, status, error) { 1063 // ì¹´ì´í¸ ì¤í¨ ì (ë¤í¸ìí¬ ì¤ë¥, ì
1063ë² ì¤ë¥ ë±) 1064 console.error('ì¹´ì´í¸ ì¤í¨:', status, error); 1065 // ì¤í¨íëë¼ë ì¬ì©ìë íì´ì§ë¥¼ ì´ëí ì ìëë¡ ì²ë¦¬ 1066 window.location.href = targetUrl; 1067 } 1068 }); 1069 } else { 1070 // data-page-idê° ìë ê²½ì° ë°ë¡ íì´ì§ ì´ë 1071 window.location.href = targetUrl; 1072 } 1073 1074 }); 1075 1076 }); 1077 1078</script>
1078 1079 </li> 1080 </ul> 1081 <ul class="navbar-nav right"> 1082 </ul> 1083 </div> 1084 </nav> 1085 </div> 1086 </div> 1087 </header> 1088 1089 1090 1091 1092
1092<script type="text/javascript"> 1093 1094 1095 1096 1097 $(function () { 1098 $(window).scroll(function () { 1099 if ($(this).scrollTop() > 203) { 1100 $('.header-nav').removeClass(''); 1101 $('.header-nav').addClass('header_fixed'); 1102 } else { 1103 $('.header-nav').removeClass('header_fixed'); 1104 $('.header-nav').addClass(''); 1105 } 1106 1107 }); 1108 }); 1109 </script>
1109 1110 1111 1112 <div class="page-title-wrap"> 1113 <div class="container"> 1114 <h2><i class="fas fa-arrow-alt-circle-right m-r-10"></i>ë¡ê·¸ì¸</h2> 1115 <!--div class="sub-breadcrumb-wrap"> 1116 <ul class="sub-breadcrumb hidden-xs"> 1117 <li><a href="http://eb4_shop_019.eyoom.kr">Home</a></li><li>ì¼í몰</li><li class="active">íí¸ìí</li> </ul> 1118 </div--> 1119 1120<div class="sub-breadcrumb-wrap"> 1121<ul class="sub-breadcrumb hidden-xs"> 1122 <li><a href="https://interocean-mall.com/shop/">Home</a></li> 1123 <li>ë¡ê·¸ì¸</li></ul> 1124</div> 1125 </div> 1126 </div> 1127 1128 <div class="basic-body page-body"> 1129 <div class="container"> 1130 <main class="basic-body-main"> 1131 1132 1133 1134 1135<div class="mb-login"> 1136 <h1>ë¡ê·¸ì¸</h1> 1137 1138 <form name="flogin" action="https://interocean-mall.com/bbs/login_check.php" onsubmit="return flogin_submit(this);" method="post" id="flogin" class="eyoom-form"> 1139 <input type="hidden" name="url" value="%2F"> 1140 1141 <section> 1142 <label class="label">ìì´ë</label> 1143 <label class="input"> 1144 <i class="icon-append fas fa-user"></i> 1145 <input type="text" name="mb_id" placeholder="ID" required class="frm_input required" size="20" maxLength="20"> 1146 </label> 1147 </section> 1148 <section> 1149 <label class="label">ë¹ë°ë²í¸</label> 1150 <label class="input"> 1151 <i class="icon-append fas fa-lock"></i> 1152 <input type="password" id="mb_password" name="mb_password" placeholder="Password" required class="frm_input required" maxLength="20"> 1153 <span class="pv-icon" data-toggle="password" data-target="#mb_password" data-class-active="is-active"><i class="fas fa-eye"></i></span> 1154 </label> 1155 </section> 1156 <label class="checkbox"> 1157 <input type="checkbox" name="auto_login" id="login_auto_login"><i></i>ìëë¡ê·¸ì¸ 1158 </label> 1159 <div class="m-b-20"></div> 1160 <div class="login-btn"> 1161 <button type="submit" id="loginSubmit" value="ë¡ê·¸ì¸" class="btn-e btn-e-dark btn-e-lg btn-block">ë¡ê·¸ì¸</button> 1162 <a href="https://interocean-mall.com/bbs/register.php" class="btn-e btn-e-dark btn-e-lg btn-block mjoin">íìê°ì </a> 1163 </div> 1164 </form> 1165<style> 1166#sns_login .sns-wrap { 1167 display: flex; 1168 width: 100%; 1169 padding: 20px 0; 1170 vertical-align: top; 1171 margin: 0; 1172} 1173#sns_login .sns-naver { 1174 display: flex; 1175 width: 50%; 1176 height: 44px; 1177 background-color: #1fc800; 1178 background-position: 40% 50%; 1179 border-bottom: 1px solid #1ea505; 1180 align-items: center; 1181 justify-content: center; 1182} 1183#sns_login .sns-wrap a { 1184 margin-right: 5px; 1185} 1186#sns_login .sns-icon:nth-child(3n+1) { 1187 clear: both; 1188} 1189#sns_login .txt { 1190 display: block; 1191 padding-left: 10px; 1192 border-left: 0px solid rgba(0,0,0,0.1); 1193 font-weight: bold; 1194} 1195#sns_login .sns-kakao { 1196 display: flex; 1197 width: 50%; 1198 height: 44px; 1199 background-color: #ffeb00; 1200 background-position: 40% 50%; 1201 border-bottom: 1px solid #e2c10a; 1202 align-items: center; 1203 justify-content: center; 1204} 1205#sns_login .sns-apple { 1206 display: flex; 1207 width: 50%; 1208 height: 44px; 1209 /* background-color: #ffeb00; */ 1210 background-position: 40% 50%; 1211 /* border-bottom: 1px solid #e2c10a; */ 1212 align-items: center; 1213 justify-content: center; 1214} 1215#sns_login .sns-icon { 1216 position: relative; 1217 display: flex; 1218 height: 40px; 1219 line-height: 40px; 1220 width: 100%; 1221 margin: 0 0 5px; 1222 padding-left: 0px; 1223 text-align: left; 1224 color: #fff; 1225 border-radius: 2px; 1226} 1227.sns-wrap-over .sns-kakao { 1228 background: url('./img/sns_kakao_s.png') no-repeat; 1229} 1230.sns-wrap-over .sns-naver { 1231 background: url('./img/sns_naver_s.png') no-repeat; 1232} 1233.sns-wrap-over .sns-apple { 1234 background: url('./img/sns_apple_s.png') no-repeat; 1235} 1236#sns_login .sns-kakao { 1237 color: #3c1e1e; 1238} 1239</style> 1240<div class="login-sns sns-wrap-32 sns-wrap-over" id="sns_login"> 1241 <h3>ìì ê³ì ì¼ë¡ ë¡ê·¸ì¸</h3> 1242 <div class="sns-wrap"> 1243 <a href="?provider=naver&url=%2F" class="sns-icon social_link sns-naver" title="ë¤ì´ë²">
1244 <span class="ico"></span> 1245 <span class="txt">ë¤ì´ë²<i> ë¡ê·¸ì¸</i></span> 1246 </a> 1247 <a href="?provider=kakao&url=%2F" class="sns-icon social_link sns-kakao" title="ì¹´ì¹´ì¤"> 1248 <span class="ico"></span> 1249 <span class="txt">ì¹´ì¹´ì¤<i> ë¡ê·¸ì¸</i></span> 1250 </a> 1251 <a href="?provider=Apple&url=%2F" class="sns-icon social_link sns-apple" title="ì í"> 1252 <span class="ico"></span> 1253 <span class="txt">ì í<i> ë¡ê·¸ì¸</i></span> 1254 </a> 1255 1256
1256<script> 1257 jQuery(function($){ 1258 $(".sns-wrap").on("click", "a.social_link", function(e){ 1259 e.preventDefault(); 1260 1261 var pop_url = $(this).attr("href"); 1262 var newWin = window.open( 1263 pop_url, 1264 "social_sing_on", 1265 "location=0,status=0,scrollbars=1,width=600,height=500" 1266 ); 1267 1268 if(!newWin || newWin.closed || typeof newWin.closed=='undefined') 1269 alert('ë¸ë¼ì°ì ìì íì ì´ ì°¨ë¨ëì´ ììµëë¤. íì íì±í í ë¤ì ìëí´ ì£¼ì¸ì.'); 1270 1271 return false; 1272 }); 1273 }); 1274 </script>
1274 1275 1276 </div> 1277</div> 1278 1279 <div class="text-center m-t-20"> 1280 <a href="https://interocean-mall.com/bbs/password_lost.php">ìì´ë 찾기 | ë¹ë°ë²í¸ 찾기</a> 1281 </div> 1282 1283 </div> 1284
1285<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/perfect-scrollbar/perfect-scrollbar.jquery.min.js"></script>
vendor: 1 bytes, line 1285
1285
1286<script src="https://interocean-mall.com/theme/g5_shop_001/plugins/sweetalert2/sweetalert2.min.js"></script>
vendor: 1 bytes, line 1286
1286
1287<script> 1288 1289document.querySelectorAll('[data-toggle="password"]').forEach(function (el) { 1290 el.addEventListener("click", function (e) { 1291 e.preventDefault(); 1292 1293 var target = el.dataset.target; 1294 document.querySelector(target).focus(); 1295 1296 if (document.querySelector(target).getAttribute('type') == 'password') { 1297 document.querySelector(target).setAttribute('type', 'text'); 1298 } else { 1299 document.querySelector(target).setAttribute('type', 'password'); 1300 } 1301 1302 if (el.dataset.classActive) el.classList.toggle(el.dataset.classActive); 1303 }); 1304}); 1305 1306jQuery(function($){ 1307 $("#login_auto_login").click(function(){ 1308 if ($(this).is(":checked")) { 1309 Swal.fire({ 1310 title: "ì림", 1311 html: "<div class='alert alert-info text-start'>ìëë¡ê·¸ì¸ì ì¬ì©íìë©´ ë¤ìë¶í° íììì´ëì ë¹ë°ë²í¸ë¥¼ ì ë ¥íì¤ íìê° ììµëë¤.<br><br>공공ì¥ìììë ê°ì¸ì ë³´ê° ì ì¶ë ì ìì¼ë ì¬ì©ì ìì íì¬ ì£¼ììì¤.</div><span>ìëë¡ê·¸ì¸ì ì¬ì©íìê² ìµëê¹?</span>", 1312 icon: "info", 1313 showCancelButton: true, 1314 confirmButtonColor: "#ab0000", 1315 confirmButtonText: "íì¸", 1316 cancelButtonText: "ì·¨ì" 1317 }).then((result) => { 1318 if (result.isConfirmed) { 1319 $("#login_auto_login").attr("checked"); 1320 } else { 1321 $("#login_auto_login").removeAttr("checked"); 1322 } 1323 }); 1324 } 1325 }); 1326}); 1327 1328function flogin_submit(f) 1329{ 1330 var id = $("input[name='mb_id']").val(); 1331 if (id.toLowerCase().includes("naver_") || id.toLowerCase().includes("kakao_") || id.toLowerCase().includes("apple_")) { 1332 alert("í´ë¹ê³ì ì ìì ê³ì ì¼ë¡ ë¡ê·¸ì¸í´ì£¼ì기 ë°ëëë¤. "); 1333 return false; 1334 } 1335 1336 if( $( document.body ).triggerHandler( 'login_sumit', [f, 'flogin'] ) !== false ){ 1337 return true; 1338 } 1339 return false; 1340} 1341</script>
1341 1342 </div> </main> 1343 </div> 1344 <footer class="footer"> 1345 <div class="footer-top"> 1346 <div class="container"> 1347 <div class="footer-nav-wrap"> 1348 <div class="footer-nav"> 1349 <a href="https://interocean-mall.com/bbs/content.php?co_id=provision">ì´ì©ì½ê´</a> | <a href="https://interocean-mall.com/bbs/content.php?co_id=privacy">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> | <!--<a href="https://interocean-mall.com/bbs/content.php?co_id=finance">ì ìê¸ìµê±°ëì½ê´</a> | --><a href="https://interocean-mall.com/bbs/board.php?bo_table=cooper_adver">ì í´&ê´ê³ </a> | <a href="https://interocean-mall.com/bbs/board.php?bo_table=dealer_recruit">ëë¬ ëª¨ì§</a> 1350 <!--a href="https://interocean-mall.com/bbs/content.php?co_id=provision">ìë¹ì¤ì´ì©ì½ê´</a> | <a href="https://interocean-mall.com/bbs/content.php?co_id=privacy">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a--> 1351 </div> 1352 <div class="footer-right-nav"> 1353 <a href="https://interocean-mall.com/bbs/faq.php">FAQ</a> | 1354 <a href="https://interocean-mall.com/page/?pid=introduce">íì¬ìê°</a> 1355 </div> 1356 </div> 1357 </div> 1358 </div> 1359 1360 <div class="footer-cont-info"> 1361 <div class="container"> 1362 <div class="footer-cont-wrap"> 1363 <div class="footer-cont-box"> 1364 <div class="footer-text-logo"> 1365 ì¸í°ì¤ì 몰 </div> 1366 <p> 1367 <span>ãì¸í°ì¤ì </span> 1368 <span class="footer-divider">|</span> 1369 <span>ëí : ì±ì¬ìµ</span> 1370 </p> 1371 <p>ì¬ì ìë±ë¡ë²í¸ : 617-81-44412</p> 1372 <p>íµì í매ì ì ê³ ë²í¸ : 2020-ë¶ì°ë¨êµ¬-0430</p> 1373 <p>ë¶ê°íµì ì¬ì ì ê³ ë²í¸ : 12345í¸</p> <p>주ì : ë¶ì°ê´ìì ë¨êµ¬ ì ì ë¡ 231 (ì©ë¹ë)</p> 1374 <p> 1375 <span>TEL : 1660-0528</span> 1376 <span class="footer-divider">|</span> 1377 <span>FAX : 051-625-1735</span> 1378 </p> 1379 <p>E-mail : <a href="mailto:[email protected]">[email protected]</a></p> 1380 </div> 1381 <div class="footer-cont-box"> 1382 <h5>ì¬ì´í¸ ì´ì©ë¬¸ì</h5> 1383 <p>ìë´ìê° : íì¼ 09:00 ~ 18:00 ì ì¬ìê° 12:00 ~ 13:00</p> 1384 <p>í´ì¼ìë´ : ì¼ìì¼ ë° ê³µí´ì¼ì í´ë¬´</p> 1385 <p class="footer-tel-num"><strong>T. 1660-0528</strong></p> 1386 <div class="bank-number-wrap"> 1387 <h5>ì ê¸ê³ì¢ ìë´</h5> 1388 <p class="li-p-sq">ì°ë¦¬ìí 1005-104-636869 (주)ì¸í°ì¤ì </p> 1389 </div> 1390 </div> 1391 <div class="footer-cont-box"> 1392 1393 1394<style> 1395.egl-shop001-ft {position:relative;font-size:.875rem} 1396.egl-shop001-ft .egl-shop001-ft-title {font-size:1.0625rem;font-weight:700;color:#000;margin:0 0 15px} 1397.egl-shop001-ft .egl-shop001-ft-title a {color:#BEBDBD} 1398.egl-shop001-ft ul {margin:0} 1399.egl-shop001-ft li {position:relative;padding:0} 1400.egl-shop001-ft li:after {content:"";display:block;clear:both} 1401.egl-shop001-ft .footer-subj {position:relative;width:70%;padding-right:10px;padding-left:0;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;float:left;color:#BEBDBD} 1402.egl-shop001-ft .footer-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:2px} 1403.egl-shop001-ft .footer-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff} 1404.egl-shop001-ft .footer-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff} 1405.egl-shop001-ft .footer-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)} 1406.egl-shop001-ft .footer-date {position:relative;display:block;white-space:nowrap;word-wrap:normal;overflow:hidden;width:30%;float:left;text-align:right;color:#BEBDBD} 1407.egl-shop001-ft a:hover .footer-subj {text-decoration:underline} 1408</style> 1409 1410<div class="egl-shop001-ft"> 1411 <h5 class="egl-shop001-ft-title"> 1412 <a href="http://interocean-mall.com/bbs/board.php?bo_table=notice" target="">ê³µì§ì¬í</a> 1413 </h5> 1414 <ul class="list-unstyled"> 1415 <li> 1416 <a href="https://interocean-mall.com/bbs/board.php?bo_table=notice&wr_id=20"> 1417 <div class="footer-subj">
1418 <span class="footer-new-icon"><b></b></span> 1419 2026 ì¸í°ì¤ì ìì¸ ì ì í ì¸ë¯¸ë </div> 1420 <div class="footer-date"><i class="far fa-clock m-r-5"></i>2026-07-03</div> 1421 <div class="clearfix"></div> 1422 </a> 1423 </li> 1424 <li> 1425 <a href="https://interocean-mall.com/bbs/board.php?bo_table=notice&wr_id=19"> 1426 <div class="footer-subj"> 1427 <span class="footer-new-icon"><b></b></span> 1428 2026 ì¸í°ì¤ì ë¶ì° ì ì í ì¸ë¯¸ë </div> 1429 <div class="footer-date"><i class="far fa-clock m-r-5"></i>2026-07-03</div> 1430 <div class="clearfix"></div> 1431 </a> 1432 </li> 1433 <li> 1434 <a href="https://interocean-mall.com/bbs/board.php?bo_table=notice&wr_id=17"> 1435 <div class="footer-subj"> 1436 <span class="footer-new-icon"><b></b></span> 1437 GULL ê³µê¸ê°ê²© ì¸ì ìë´ </div> 1438 <div class="footer-date"><i class="far fa-clock m-r-5"></i>2026-04-07</div> 1439 <div class="clearfix"></div> 1440 </a> 1441 </li> 1442 </ul> 1443 1444 </div> 1445 1446 <div class="footer-btn-box"> 1447 <div class="m-b-20"> 1448 <ul class="social-icons"> 1449 <li><a href="https://www.instagram.com/interocean_official/" class="social_instagram" target="_blank"></a></li> 1450 <li><a href="https://www.youtube.com/@interocean_official" class="social_youtube" target="_blank"></a></li> 1451 <li><a href="https://blog.naver.com/it_deepbluesea" class="social_naver" target="_blank"></a></li> 1452 <li><a href="https://www.facebook.com/interoceanofficial" class="social_facebook" target="_blank"></a></li> 1453 <li><a href="#" class="social_kakaostory" target="_blank"></a></li> 1454 <li><a href="https://play.google.com/store/apps/details?id=com.swing2app.v3.d1a49c9a820974992873ff5366c46aa79&pcampaignid=web_share" class="googlepay-download" target="_blank" style="width: 100px;"></a></li> 1455 <li><a href="https://apps.apple.com/kr/app/%EC%9D%B8%ED%84%B0%EC%98%A4%EC%85%98-%EB%AA%B0/id6740686750" class="apple-download" target="_blank" style="width: 100px;"></a></li> 1456 </ul> 1457 </div> 1458 <a href="https://interocean-mall.com/bbs/qalist.php" class="btn-e btn-e-gray btn-e-brd btn-e-lg bs-11">1:1 문ìí기</a> 1459 </div> 1460 </div> 1461 </div> 1462 </div> 1463 </div> 1464 1465 <div class="footer-copyright"> 1466 <span>Copyright </span>© <strong>ì¸í°ì¤ì 몰</strong>. All Rights Reserved. 1467 </div> 1468 </footer> 1469 </div> 1470<div class="search-full"> 1471 <div class="search-close-btn"></div> 1472 <fieldset class="search-field"> 1473 <legend>ì¼í몰 ì ì²´ê²ì</legend> 1474 <form name="frmsearch1" action="https://interocean-mall.com/shop/search.php" onsubmit="return search_submit(this);"> 1475 <input type="hidden" name="sfl" value="wr_subject||wr_content"> 1476 <input type="hidden" name="sop" value="and"> 1477 <label for="mobile_search_input" class="sound_only">ê²ìì´ ì ë ¥ íì</strong></label> 1478 <input type="text" name="q" value="" id="mobile_search_input" class="sch_stx" placeholder="ìí ê²ìì´ ì ë ¥"> 1479 <button type="submit" class="search-btn" value="ê²ì"><i class="fas fa-search" aria-hidden="true"></i><span class="sound_only">ê²ì</span></button> 1480 </form> 1481 1482
1482<script> 1483 function search_submit(f) { 1484/* if (f.q.value.length < 2) { 1485 alert("ê²ìì´ë ëê¸ì ì´ì ì ë ¥íììì¤.16"); 1486 f.q.select(); 1487 f.q.focus(); 1488 return false; 1489 }*/ 1490 return true; 1491 } 1492 </script>
1492 1493 </fieldset> 1494</div> 1495 1496 1497<style> 1498#stv .stv_img_area { 1499 background: transparent; 1500 margin-bottom: 4px; 1501} 1502.stv_ban0{ 1503 margin-bottom:4px; 1504} 1505#stv { 1506 z-index: 9999; 1507 top: 164px; 1508} 1509</style> 1510<!-- ì¤ë 본 ìí ìì { --> 1511<div id="stv"> 1512 <div class="stv_img_area"> 1513 <div class="stv_ban0"> 1514 <a href="https://gullkorea.com" target="_blank"><img src="../theme/g5_shop_001/img/main/걸.jpg"></a> 1515 </div> 1516 <div class="stv_ban0"> 1517 <a href="https://store.cressi.com" target="_blank"><img src="../theme/g5_shop_001/img/main/í¬ë ì¨.jpg"></a> 1518 </div> 1519 <div class="stv_ban0"> 1520 <a href="https://trionkorea.co.kr" target="_blank"><img src="../theme/g5_shop_001/img/main/í¸ë¼ì´ì¨.jpg"></a> 1521 </div> 1522 <div class="stv_ban0"> 1523 <a href="https://www.stream-trail.co.kr" target="_blank"><img src="../theme/g5_shop_001/img/main/ì¤í¸ë¦¼í¸ë ì¼.jpg"></a> 1524 </div> 1525 <div class="stv_ban0"> 1526 <a href="https://nauticamkorea.com" target="_blank"><img src="../theme/g5_shop_001/img/main/ë ¸í°ìº .jpg"></a> 1527 </div> 1528 <div class="stv_ban0"> 1529 <a href="https://www.chasing.com" target="_blank"><img src="../theme/g5_shop_001/img/main/ì²´ì´ì±.jpg"></a> 1530 </div> 1531 <div class="stv_ban0"> 1532 <a href="https://www.lw-compressors.co.kr/" target="_blank"><img src="../theme/g5_shop_001/img/main/lw.png"></a> 1533 </div> 1534 <div class="stv_ban0"> 1535 <a href="https://www.iomedical.co.kr" target="_blank"><img src="../theme/g5_shop_001/img/main/iomedical.jpg"></a> 1536 </div> 1537 </div> 1538 <div class="stv_ban_area"> 1539 <!--a href="https://interocean-mall.com/bbs/board.php?bo_table=notice&wr_id=7"> 1540 <div class="stv_ban-t1 b-0"> 1541 ë±ê¸ë³ íí 1542 </div> 1543 </a--> 1544 <a href="https://interocean-mall.com/bbs/board.php?bo_table=notice&wr_id=8"> 1545 <div class="stv_ban-t1"> 1546 ë°°ì¡ìë´ 1547 </div> 1548 </a> 1549 </div> 1550 1551 1552 1553 </div> 1554</div> 1555
1556<script src="https://interocean-mall.com/js/scroll_oldie.js"></script>
1556 1557<!-- } ì¤ë 본 ìí ë --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/> 1558<button type="button" class="navbar-mobile-toggler" data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft"><i class="fas fa-bars"></i></button> 1559<a href="https://interocean-mall.com/bbs/login.php" class="navbar-mobile-toggler person"><i class="fa fa-user-o" aria-hidden="true"></i></a> 1560 <a href="#" class="navbar-mobile-toggler backBtn" onclick="history.back(); return false;"> 1561 <i class="fa fa-angle-left" aria-hidden="true"></i> 1562 </a> 1563<div class="eb-backtotop"> 1564 <svg class="backtotop-progress" width="100%" height="100%" viewBox="-1 -1 102 102"> 1565 <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/> 1566 <span class="bs-top">TOP</span> 1567 </svg> 1568</div> 1569 1570<div id="cart_optbox" class="cart-optbox"></div> 1571 1572
1573<script src="https://interocean-mall.com/theme/g5_shop_001/js/shop_app.js"></script>
vendor: 1 bytes, line 1573
1573
1574<script src="https://interocean-mall.com/js/sns.js"></script>
vendor: 1 bytes, line 1574
1574
1575<script> 1576$(document).ready(function() { 1577 var prgsPath = document.querySelector('.eb-backtotop path'); 1578 var pathLength = prgsPath.getTotalLength(); 1579 prgsPath.style.transition = prgsPath.style.WebkitTransition = 'none'; 1580 prgsPath.style.strokeDasharray = pathLength + ' ' + pathLength; 1581 prgsPath.style.strokeDashoffset = pathLength; 1582 prgsPath.getBoundingClientRect(); 1583 prgsPath.style.transition = prgsPath.style.WebkitTransition = 'stroke-dashoffset 0.01s linear'; 1584 1585 var chkPrgs = function() { 1586 var scrollTop = $(window).scrollTop(); 1587 var pageHeight = $(document).height() - $(window).height(); 1588 var percentage = (scrollTop / pageHeight) * 100; 1589 var textColor; 1590 var prgs = pathLength - (scrollTop * pathLength / pageHeight); 1591 prgsPath.style.strokeDashoffset = prgs; 1592 1593 if (percentage > 99) { 1594 textColor = '#2b2b2e'; 1595 } else { 1596 textColor = '#a5a5a5'; 1597 } 1598 1599 $('.progress-count').text(Math.round(percentage) + '%').css({ color: textColor }); 1600 } 1601 chkPrgs(); 1602 $(window).scroll(chkPrgs); 1603 $(window).on('scroll', function() { 1604 if ($(this).scrollTop() > 50) { 1605 $('.eb-backtotop').addClass('active-progress'); 1606 } else { 1607 $('.eb-backtotop').removeClass('active-progress'); 1608 } 1609 }); 1610 $('.eb-backtotop, .btt-up-btn').on('click', function(e) { 1611 e.preventDefault(); 1612 $('html, body').animate({scrollTop: 0}, 500); 1613 return false; 1614 }); 1615 $('.btt-down-btn').on('click', function(e) { 1616 e.preventDefault(); 1617 $('html, body').animate({scrollTop:$(document).height()}, 500); 1618 return false; 1619 }) 1620}); 1621 1622</script>
1622 1623 1624 1625 1626 1627<!-- ie6,7ìì ì¬ì´ëë·°ê° ê²ìí 목ë¡ìì ìë ì¬ì´ëë·°ì ê°ë ¤ì§ë íì ìì --> 1628<!--[if lte IE 7]>
1629<script> 1630$(function() { 1631 var $sv_use = $(".sv_use"); 1632 var count = $sv_use.length; 1633 1634 $sv_use.each(function() { 1635 $(this).css("z-index", count); 1636 $(this).css("position", "relative"); 1637 count = count - 1; 1638 }); 1639}); 1640</script>
1640 1641<![endif]--> 1642 1643 1644</body> 1645</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.