제목 내맘대로 조합가능 캣터널 글쓴이 최고관리자 이전글 다음글 목록 본문 </ifr </div> <!-- 링크 동영상 video-js로 실행 --> <!-- 업로드 동영상 video-js로 실행 --> <!-- video end --> <!-- 본문 내용 시작 { --> <div id="bo_v_con"><p>지그재그 삼각터널</p></div> <!-- } 본문 내용 끝 --> <!-- 스크랩 추천 비추천 시작 { --> <!-- } 스크랩 추천 비추천 끝 --> </section> <div id="bottom_p_n"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td height="1" bgcolor="#999" colspan="4"></td></tr> <tr> <td class="write_head" style="">이전글</td> <td class="write_body"> <a href="http://gatoperro.co.kr/bbs/board.php?bo_table=media&wr_id=40&page=2" title="한방울도 남김없이 싹 #챱챱스푼">한방울도 남김없이 싹 #챱챱스푼</a> <span id='p_n_datetime'>2022-09-07</span></td> </tr> <tr> <td class="write_head" style="">다음글</td> <td class="write_body"><a href="http://gatoperro.co.kr/bbs/board.php?bo_table=media&wr_id=38&page=2" title="국내최대사이즈! 롤리팝스크래쳐">국내최대사이즈! 롤리팝스크래쳐</a> <span id='p_n_datetime'>2022-03-21</span></td> </tr> </table> </div> <!-- 링크 버튼 시작 { --> <div id="bo_v_bot" style="padding-top:10px;"> <ul class="bo_v_nb" style="display:none;"> <li><a href="http://gatoperro.co.kr/bbs/board.php?bo_table=media&wr_id=40&page=2" class="btn_b01">이전글</a></li> <li><a href="http://gatoperro.co.kr/bbs/board.php?bo_table=media&wr_id=38&page=2" class="btn_b01">다음글</a></li> </ul> <ul class="bo_v_com"> <!-- --> <!-- --> <li><span class="jbutton large black"><a href="http://gatoperro.co.kr/bbs/board.php?bo_table=media&page=2" class="btn_b01">목록</a></span></li> <!-- <li><span class="jbutton large black"><a href="http://gatoperro.co.kr/bbs/write.php?w=r&bo_table=media&wr_id=39&page=2" class="btn_b01">답변</a></span></li> --> </ul> </div> <!-- } 링크 버튼 끝 --> </article> <!-- } 게시판 읽기 끝 --> <script> function board_move(href) { window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1"); } </script> <script> $(function() { $("a.view_image").click(function() { window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no"); return false; }); // 추천, 비추천 $("#good_button, #nogood_button").click(function() { var $tx; if(this.id == "good_button") $tx = $("#bo_v_act_good"); else $tx = $("#bo_v_act_nogood"); excute_good(this.href, $(this), $tx); return false; }); // 이미지 리사이즈 $("#bo_v_atc").viewimageresize(); }); function excute_good(href, $el, $tx) { $.post( href, { js: "on" }, function(data) { if(data.error) { alert(data.error); return false; } if(data.count) { $el.find("strong").text(number_format(String(data.count))); if($tx.attr("id").search("nogood") > -1) { $tx.text("이 글을 비추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } else { $tx.text("이 글을 추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } } }, "json" ); } </script> <script> $(function(){ $( window ).resize(function() { element = document.getElementById("vivi01"); //setIFrameHeight(element); }); }); </script> <!-- } 게시글 읽기 끝 --> </div> </div> </div> </div> <style> .footer_wrap {position:relative;width:100%;min-width:320px;background:#fff;border-top:1px solid #c4c4c4;} #footer {position:relative;width:100%;margin:0 auto;border-top:1px solid #c4c4c4;min-width:1200px;} #footer p {font-size:15px;color:#333;text-align:center;line-height:68px;font-weight:300;} .footer_info_box {position:relative;height:353px;min-width:1200px;} .footer_in {overflow:hidden;height:125px} .footer_logo {} .footer_text {float:left;position:relative;padding:10px 0 0 40px;height:155px;border-right:1px solid #2f2f2f; /* width: -webkit-calc(100% - 206px); width: -moz-calc(100% - 206px); width: calc(100% - 206px); */ } .foo_menu01 {padding-top:55px;} .foo_menu01 ul {overflow:hidden;} .foo_menu01 ul li {float:left;} .foo_menu01 ul li a {display:block;line-height:1.5em;font-size:15px;color:#373737;text-align:center;} .foo_menu01 ul li a:after { display: inline-block; content: "|"; padding: 0 20px; font-size: 15px; color: #373737; vertical-align: top; line-height: 1.4em; } .foo_menu01 ul li:last-child a:after { display: inline-block; content: ""; padding: 0 0px; font-size: 14px; color: #aeaeae; vertical-align: top; line-height: 1.4em; } .footer_text p {display:block;line-height:2.0em;font-size:14px;color:#636363;text-align:left;letter-spacing:-0.8px;} .footer_text p.ft02 {display:block;line-height:1.8em;font-size:14px;color:#aeaeae;text-align:left;margin-top:10px} .foo_center {float:left;width:251px;text-align:right;padding:10px 0 0} .foo_sns {margin-top:10px} .foo_box01 {float:left;width:280px;} .foo_box02 {float:left;width:680px;} .foo_box03 {float:left;position:relative;width:240px;height:170px;} .foo_box02_in {overflow:hidden} .foo_box0201 {float:left;width:265px;} .foo_box0202 {float:left;width:320px;} .foo_title01 {text-align:left;font-size:16px;color:#161616;font-weight:599;line-height:1.2em;margin-bottom:24px;} .foo_text01 {text-align:left;font-size:25px;color:#3f3f3f;font-weight:300;line-height:1.4em;letter-spacing:-0.8px;margin-bottom:15px;} .foo_text02_box {overflow:hidden;} .foo_text02 {float:left;text-align:left;font-size:18px;color:#3f3f3f;font-weight:300;line-height:1.6em;letter-spacing:-0.8px;width:104px;} .foo_text02 img {vertical-align:bottom;margin-left:5px;} .foo_text02_box_in {float:left;} .foo_text03 {text-align:left;font-size:18px;color:#3f3f3f;font-weight:300;line-height:1.4em;letter-spacing:-0.8px} .foo_text04 {text-align:left;font-size:15px;color:#3f3f3f;font-weight:300;line-height:1.4em;letter-spacing:-0.8px} .sns_box ul:after {content:"";display:block;clear:both;} .sns_box ul li {float:left;margin-left:6px;} .sns_box ul li:first-child {margin-left:0;} .sns_box ul li a.sns_link {display:block; width:46px;height:46px;text-align:center;border:1px solid #373737;background-repeat:no-repeat;background-position:center;border-radius:23px;} .sns_link01 {background-image:url(/images/sns_icon01_n1_on.png);background-color:#373737;} .sns_link02 {background-image:url(/images/sns_icon02_on.png);background-color:#373737;} .sns_link03 {background-image:url(/images/sns_icon03_on.png);background-color:#373737;} .sns_link04 {background-image:url(/images/sns_icon04_on.png);background-color:#373737;} .family_box {position:absolute;top:95px;;/* min-height:100px; */} .family_open a {display:block;width:234px;height:50px;border:1px solid #373737;text-align:left;line-height:48px;padding-left:27px;font-size:15px;font-weight:300;background-image:url(/images/family_bg.jpg);background-repeat:no-repeat;background-position:right center;} .show_family_box {display: none; position: absolute; left:0; top: 145px;background:#fff;z-index:10; } .show_family_box a {display:block; width: 234px; height: 37px;border:1px solid #373737;border-top:0;background:#fff;line-height:35px;padding-left:27px;font-size:15px;font-weight:300;background:#fff} .alphaclo_quick { display: block; position: fixed; right: 2.5%; top: 48%; display: block; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; -webkit-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); transform: translate(0px,-50%); text-align: left; z-index: 100; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } .fixfix {position:relative;margin-bottom:12px;} .fixfix .fix_icon {position:relative;} .fix_icon a {display:block;width:52px;height:52px;border-radius:26px;overflow:hidden;border:1px solid #00ada6; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out;background-repeat:no-repeat;background-position:center; } .fix_icon a:hover {background-color:#00ada6} .fix_icon01 a {background-image:url(/images/qu_icon01_off.png)} .fix_icon01 a:hover {background-image:url(/images/qu_icon01_on.png);} .fix_icon02 a {background-image:url(/images/qu_icon02_off.png)} .fix_icon02 a:hover {background-image:url(/images/qu_icon02_on.png);} .fix_icon03 a {background-image:url(/images/qu_icon03_off.png)} .fix_icon03 a:hover {background-image:url(/images/qu_icon03_on.png);} .footer_in02 {} .footer_in02:after {content:"";display:block;clear:both;} </style> </div> <div class="footer_wrap"> <div class="footer_info_box"> <div class="container"> <div class="footer_in"> <div class="foo_box01"> <div class="footer_logo"><a href="/"><img src="http://gatoperro.co.kr/data/common/logo_img2" alt="가또페로"></a></div> </div> <div class="foo_box02"> <div class="foo_menu01"> <ul> <li><a href="/bbs/content.php?co_id=privacy">개인정보처리방침</a></li> <li><a href="/bbs/content.php?co_id=provision">이용약관</a></li> <li><a href="/bbs/write.php?bo_table=as">A/S Center</a></li> <li><a href="/bbs/board.php?bo_table=notice">Notice</a></li> </ul> </div> </div> </div> <div class="footer_in02"> <div class="foo_box01"> <div class="foo_title01">Customer Center</div> <div class="foo_text01">02-921-1313</div> <div class="foo_text02_box"> <div class="foo_text02">AS 문의 : <img src="/images/ka_channel.png" alt=""></div> <div class="foo_text02_box_in"> <div class="foo_text03">카카오톡 채널</div> <div class="foo_text03">@가또페로</div> </div> </div> </div> <div class="foo_box02"> <div class="foo_box02_in"> <div class="foo_box0201"> <div class="foo_title01">Operation Hours</div> <div class="foo_text04">MON-FRI AM 09:00 ~ PM 06:00</div> <div class="foo_text04">LUNCH PM 12:30 ~ 01:30</div> <div class="foo_text04">SAT, SUN, HOLIDAY OFF</div> </div> <div class="foo_box0202"> <div class="foo_title01">Company Information</div> <div class="foo_text04">업체명 : (주)자바라이프</div> <div class="foo_text04">대표 : 김태원</div> <div class="foo_text04">개인정보관리책임자 : 최정우</div> <div class="foo_text04">주소 : 서울시 성북구 안암로 5길 40</div> <div class="foo_text04">사업자 등록번호 : 209-81-63708</div> <div class="foo_text04">통신판매업번호 : 제 20198-서울성북-1430호</div> </div> </div> </div> <div class="foo_box03"> <div class="foo_title01">SNS</div> <div class="sns_box"> <ul> <li><a href="https://blog.naver.com/gatoperro" target="_blank" class="sns_link sns_link01"></a></li> <li><a href="https://www.instagram.com/gatoperro.official/?hl=ko" class="sns_link sns_link02" target="_blank"></a></li> <li><a href="http://pf.kakao.com/_gxcKYT" class="sns_link sns_link03" target="_blank"></a></li> <li><a href="https://www.youtube.com/channel/UCl2oH0zuaTVO-rNHmkmdeCQ" class="sns_link sns_link04" target="_blank"></a></li> </ul> </div> <div class="family_box"> <div class="family_open"> <a href="javascript:;">Family Site</a> </div> </div> <div class="show_family_box"> <a href="http://www.tsjava.com/" target="_blank">㈜ 티에스자바</a> <a href="http://www.lihomcrystal.com/" target="_blank">㈜ 리홈크리스탈</a> <a href="https://reddingo.com/" target="_blank">레드딩고</a> <a href="https://smartstore.naver.com/gatoperro" target="_blank">가또페로 아뜰리에</a> <a href="http://javaintl.co.kr/" target="_blank">㈜ 자바인터내셔널</a> </div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <p>Copyright ⓒ JAVALIFE All Right Reserverd.</p> </div> </div> </div> <script type="text/javascript"> $(function () { $(".family_open a ").click(function() { $(".show_family_box").stop().fadeToggle(200); }); $(".go_top").click(function() { $("html,body").stop().animate({ scrollTop:0 +'px' }, { duration: 900, complete: function () { } }); }); }); </script> <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 --> <!--[if lte IE 7]> <script> $(function() { var $sv_use = $(".sv_use"); var count = $sv_use.length; $sv_use.each(function() { $(this).css("z-index", count); $(this).css("position", "relative"); count = count - 1; }); }); </script> <![endif]--> <script type="text/javascript"> wcs_do(); </script> </body> </html> <!-- 사용스킨 : movie -->
ENG
