귀뚜라미 Clean Tennis Court

<!DOCTYPE html> <html> <head> <title>귀뚜라미 Clean Tennis Court</title> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="daumoa" content="NOINDEX, NOFOLLOW" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=10,minimum-scale=1.0,user-scalable=yes,target-densitydpi=medium-dpi" /> <meta name="format-detection" content="telephone=no, address=no, email=no" /> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="stylesheet" href="css/import.css" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/> <link type="text/css" rel="stylesheet" charset="utf-8" href="http://fonts.googleapis.com/earlyaccess/notosanskr.css" /> <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" charset="utf-8"></script> <script type="text/javascript" async defer src="js/common.js" charset="utf-8"></script>  </head> <body> <div id="wrap" class="sub"> <style> /*회원가입있을때 .gnb_box {border-bottom:0; top:129px; border-top:1px solid #bfc4ca;}*/ .gnb_box {border-bottom:0; border-top:1px solid #bfc4ca;} #header {background:#fff;} #gnb > li > a {color:#222;} .main_login {width:100%; text-align:right; background:#f9f9f9; height:50px; display:block; border-bottom: 1px solid #ededed;} .main_login ul {width:1300px; display:flex; justify-content: flex-end; margin: 0 auto; padding: 10px 70px 0 0;} .main_login ul li {padding:0 0 0 10px;} .main_login ul li a {color:#777777;} .main_login_icon {right:50px; position:absolute; top:27px; z-index:103;} .main_login_icon img {width:22px;} #gnb > li > a:hover, #gnb > li > a:focus {color:#222; border-bottom:5px solid #0053a6; padding:0 0 20px 0;} .navi:hover {color:#0053a6; font-weight:bold;} @media all and (max-width:1024px){ #gnbWrap {width:100%;} .t_m_logo {width:90%; float:left;} .menu_bg {background: #0b59a6; height:100%; top:90px;} .main_login {display:none;} .gnb_box {border-top:0;} .main_menu {z-index:103!important;} } @media all and (max-width:480px){ .t_m_logo {width:80%; float:left;} #allMenu .menu > li > a {font-size:1.4em; background:#0b59a6; border-bottom: 0; color:#fff;} #allMenu .menu > li > a > .cap {right:30px;} } </style>    <div class="menuWrap">  <button class="main_menu"> <span>메뉴보기</span> <div class="bar top"></div> <div class="bar middle"></div> <div class="bar bottom"></div> </button> <span class="menu_bg"></span> <div id="allMenu"> <div class="outer"> <ul class="menu"> <li><a href="sub1.php">시설안내<span class="cap"></span></a> <ul class="sub"> <li><a href="sub1.php">코트소개</a></li> <li><a href="sub3.php">CI/캐릭터</a></li> <li><a href="sub4.php">편의시설</a></li> <li><a href="sub12.php">닥터로빈</a></li> <li><a href="sub5.php">찾아오시는 길</a></li> </ul> </li> <li><a href="sub6.php">이용안내<span class="cap"></span></a> <ul class="sub"> <li><a href="sub6.php">요금/시간안내</a></li> <li><a href="sub7.php">준수/안전규칙</a></li> <li><a href="sub30.php">대관 예약안내</a></li> <li><a href="http://booking.kitutennis.co.kr/">예약하기</a></li> </ul> </li> <li><a href="sub8.php">테니스아카데미<span class="cap"></span></a> <ul class="sub"> <li><a href="sub8.php">강사소개</a></li> <li><a href="sub9.php">프로그램안내</a></li> </ul> </li> <li> <a href="Notice.php">커뮤니티<span class="cap"></span></a> <ul class="sub"> <li><a href="Notice.php">공지사항</a></li> </ul> </li> </ul> </div> </div> </div>  <div id="header"> <div class="wrapper">  <div id="gnbWrap"> <h1><a href="index.php"><img class="t_m_logo" src="/img/main/logo2.png" alt="귀뚜라미테니스코트 로고"></a></h1> <ul id="gnb"> <li> <a href="sub1.php"><span>시설안내</span></a> <ul> <li> <a href="sub1.php"> <p class="navi">코트소개</p> </a> </li> <li> <a href="sub3.php"> <p class="navi">CI/캐릭터</p> </a> </li> <li> <a href="sub4.php"> <p class="navi">편의시설</p> </a> </li> <li> <a href="sub12.php"> <p class="navi"><img src="/img/menu_icon01.png">닥터로빈</p> </a> </li> <li> <a href="sub5.php"> <p class="navi">찾아오시는 길</p> </a> </li> </ul> </li> <li> <a href="sub6.php"><span>이용안내</span></a> <ul> <li> <a href="sub6.php"> <p class="navi">요금/시간안내</p> </a> </li> <li> <a href="sub7.php"> <p class="navi">준수/안전규칙</p> </a> </li> <li> <a href="sub30.php"> <p class="navi">대관 예약안내</p> </a> </li> <li> <a href="http://booking.kitutennis.co.kr/"> <p class="navi">예약하기</p> </a> </li> </ul> </li> <li> <a href="sub8.php"><span>테니스아카데미</span></a> <ul class="n-left"> <li> <a href="sub8.php"> <p class="navi">강사소개</p> </a> </li> <li> <a href="sub9.php"> <p class="navi">프로그램안내</p> </a> </li> </ul> </li> <li> <a href="Notice.php"><span>커뮤니티</span></a> <ul> <li> <a href="Notice.php"> <p class="navi">공지사항</p> </a> </li> </ul> </li> </ul> </div> <div class="gnb_box"></div>  </div> </div>  <div id="container">  <div id="contents">  <div class="wrapper"> <div class="subWrap">  <div class="top_area"> <div class="location"> <ul> <li> <img src="img/sub/home.jpg" alt="홈버튼"/> </li> <li> <a href="sub1.php"> <p class="top1">코트소개</p> </a> </li> <li> <a href="sub5.php"> <p class="top2">찾아오시는 길</p> </a> </li> </ul> </div> <div class="titleWrap"> <h2 class="title">찾아오시는 길</h2> <p>귀뚜라미 크린 테니스 13으로 오시는 길을 안내해드립니다.</p> </div> </div>   <div class="contact"> <div class="section"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.5259946262386!2d126.86495431573651!3d37.495510579811395!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c9dfd4ea3cc73%3A0xb82a0be169a4348c!2z7ISc7Jq47Yq567OE7IucIOq1rOuhnOq1rCDqs6Dsspnrj5kgNzEtNA!5e0!3m2!1sko!2skr!4v1505176249581" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> <div class="contact_info"> <ul> <li><span><img src="img/sub/ico_addr.png" alt="주소"/></span><em>주소 : </em>서울시 구로구 고척동 71-4</li> <li><span><img src="img/sub/ico_tel.png" alt="전화, 팩스"/></span><em>전화 : </em>02)2066-8212 / <em>팩스 : </em>02-2681-7825 </li> </ul> </div> <div class="table_form"> <div class="tr"> <div class="td"> <div class="leftCont"><img src="img/sub/ico_bus.png" alt="버스"/></div> <div class="rightCont"> <dl> <dt>버스를 이용하실 경우</dt> <dd>동양미래대학.구로성심병원 정류장 하차</dd> </dl> <ul> <li><span class="blue">간선</span>160, 600, 662, 670, N16</li> <li><span class="blue">좌석</span>301, 320</li> <li><span class="green">지선</span>5626, 5712, 6513, 6515, 6637, 6640B</li> <li><span class="green">일반</span>10, 83, 88, 88-1, 510, 530</li> </ul> </div> </div> <div class="td"> <div class="leftCont"><img src="img/sub/ico_subway.png" alt="지하철"/></div> <div class="rightCont"> <dl> <dt>지하철을 이용하실 경우</dt> <dd>개봉역(한영신대), 구일역(동양미래대학) 하차</dd> </dl> <ul> <li><span class="blue">1호선</span>개봉역(한영신대) 2번 출구 도보 약 16분</li> <li><span class="blue">1호선</span>구일역(동양미래대학) 2번 출구 도보 약 9분</li> </ul> </div> </div> <div class="td td3"> <div class="leftCont"><img src="img/sub/ico_bus.png" alt="버스"/></div> <div class="rightCont"> <dl> <dt>승용차를 이용하실 경우</dt> <dd>경부고속도로 톨게이트 → 강남순환 <br />도시고속도로(13.6km) → 안양천로(1.3km) <br />→ 서부간선도로(4.4km)</dd> </dl> </div> </div> </div> </div> </div> </div>  </div> </div>  </div>  </div>   <style> #footer {background:#e7e7e9; height:154px; display:flex; justify-content:space-around;} .footer_main {margin:25px 0 0 0;} .footer_main ul {} .footer_main ul li {float:left;} #footer .snsWrap {position:relative; right:-80px; top:5px;} #footer .snsWrap a {margin-left:0;} #footer .foot_bottom {padding-left:0;} #footer .call {position:unset;} .wrapper2 {padding:0 0 10px 0; font-size:15px;} .wrapper2 a {} .foot_bottom {} .snsWrap {} </style>  <style> .footer_family {margin:0; display:flex; justify-content: center;} .family_all {border: 1px solid #dbdbdb;} .family_main {position:relative;} .family_main button {border:none; background:transparent; padding:10px 15px 10px 15px; cursor: pointer; font-weight: bold; color:#777777;} .family_main button span {padding:0 0 0 100px;} .family_main button:hover {} .family_main .option {} .family_main .option li {padding:5px 10px 5px 15px; border-bottom:1px solid #dbdbdb; float:none;} .family_main .option li a {color:#777777;} #footer .call {position:unset; font-size:17px; color:#555555; font-weight:bold; line-height:1.6; display:block;} #footer .call > img {padding:10px 0 0 0;} .family_main { position: relative; /* 부모 요소를 relative로 설정 */ } .option { display: none; position: absolute; bottom: 0; /* 부모 요소 아래에 배치 */ left: 0; background-color: #fff; z-index: 10; transition: all 0.3s ease; width:100%; padding: 6px 0 16px 0; border:1px solid #dbdbdb; left:-2px; box-shadow: 5px 5px 10px gainsboro; top:-440px; } .show-option { display: block !important; /* important를 사용하여 우선순위를 부여합니다. */ } .footer_layout_main {padding:0 100px 0 0;} @media all and (max-width:1115px){} @media all and (max-width:1024px){ #footer .foot_bottom p {letter-spacing: -1px;} #footer .call br{display:none;} .family_main button span {padding:0 0 0 50px;} #footer {height:300px;} .footer_main {margin:0; width:85%; padding:25px 0 0 0; text-align:left;} .footer_main ul li {float:unset;} .wrapper2 {padding:15px 0 15px 0; font-size:11.5px; } #footer .foot_bottom {padding-left:0; padding:0 0 12px 0;} #footer .snsWrap {position:absolute; right:unset; top:unset; left:unset; bottom:80px; text-align: center} #footer .snsWrap a {margin:0 1px; margin-left:0;} .footer_family {margin:0; display:flex; justify-content: flex-end;} .family_main button span {padding:0 0 0 50px;} #footer .call {position:unset; font-size:15px; text-align:right;} #footer .call > img {vertical-align: -5px;} .footer_layout_main {padding:0 0 0 0;} .call img {width:unset!important;} .snsWrap a img {width:unset!important;} } @media all and (max-width:640px){ .footer_main ul li img {width:50%;} } </style> <div id="footer"> <div class="footer_main"> <ul>  <li style="padding:0 50px 0 0;"><a href="/"><img src="/img/main/footer_main_logo.png"></a></li>  <li class="footer_layout_main"> <div class="wrapper2"> <a class="private_link" href="private.php"><strong>개인정보처리방침 ｜</strong></a> <a href="terms.php"> 이용약관 ｜</a> <a href="cctv_policies.php"> 영상정보처리기기 운영·관리방침 ｜</a> <a href="sitemap.php"> 사이트맵</a> </div> <div class="foot_bottom"> <span>서울특별시 구로구 경인로46길 51(고척동)</span><span>전화번호 : 02)2066-8212</span> <p>(주)귀뚜라미에너지 대표 이명호</p> <p>Copyright ⓒ 2024 Kiturami Clean Tennis Court. All Rights Reserved.</p> </div> </li>  <li class="footer_layout_main"> <div class="snsWrap"> <a href="https://www.facebook.com/귀뚜라미-Clean-TennisCourt-854598408046870/" target="_blank"><img src="/img/sub/facebook2.png" alt="페이스북"/></a> <a href="https://www.Instagram.com/kitu_tennis" target="_blank"><img src="/img/sub/instar2.png" alt="인스타그램"/></a> </div> </li>  <li> <div class="footer_family"> <ul class="family_all"> <div class="family_main"> <button id="familyButton">Family site <span>▲</span></button> <ul class="option" id="familyOption"> <li><a href="http://www.kiturami.co.kr/" target="_blank">귀뚜라미그룹</a></li> <li><a href="http://www.krb.co.kr/" target="_blank">귀뚜라미보일러</a></li> <li><a href="http://www.bac.co.kr/" target="_blank">귀뚜라미범양냉방</a></li> <li><a href="http://ishinsung.co.kr/" target="_blank">신성엔지니어링</a></li> <li><a href="http://www.century.co.kr/" target="_blank">센추리</a></li> <li><a href="http://www.nanokem.co.kr/" target="_blank">나노켐</a></li> <li><a href="http://www.kituramienergy.co.kr/" target="_blank">귀뚜라미에너지</a></li> <li><a href="http://www.kr-mc.co.kr/" target="_blank">귀뚜라미냉동기계</a></li> <li><a href="http://kituramiet.com/" target="_blank">귀뚜라미환경테크</a></li> <li><a href="http://www.kfoc.or.kr/" target="_blank">귀뚜라미재단</a></li> <li><a href="http://www.hantancc.co.kr/" target="_blank">한탄강컨트리클럽</a></li> <li><a href="http://www.hantanhotel.co.kr/" target="_blank">한탄강게르마늄온천호텔</a></li> <li><a href="http://www.tbc.co.kr/" target="_blank">TBC대구방송</a></li> <li><a href="https://www.drrobbin.com/" target="_blank">닥터로빈</a></li> <button id="hideButton" style="padding:15px 0 0 15px;">Family site <span>▼</span></button> </ul> </div> </ul> </div> <span class="call"><img src="/img/main/call2.png" alt="예약문의"/>예약 및 문의 <br>02)2066-8212</span> </li> </ul> </div> </div>    <button type="button" id="btn_top"><span><img alt="" src="/img/btn_top.png" /></span></button> <script type="text/javascript"> $(window).bind("scroll", function(){ if($(window).scrollTop() >= 10){ $("#btn_top").show(); }else{ $("#btn_top").hide(); } }); $("#btn_top").bind("click", function(){ $("html, body").animate({ scrollTop : 0 },"fast"); }); </script> <script> document.getElementById("familyButton").addEventListener("click", function() { var option = document.getElementById("familyOption"); option.classList.toggle("show-option"); }); document.getElementById("hideButton").addEventListener("click", function() { var option = document.getElementById("familyOption"); option.classList.remove("show-option"); }); </script> </div> </body> </html>

CINXE.COM

귀뚜라미 Clean Tennis Court