텍스트 그림자 효과
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 2,917회
작성일 20-01-20 00:36
본문
<!DOCTYPE html>
<html lang="ko" xml:lang="ko">
<head>
<meta charset="utf-8">
<style>
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
input::-webkit-contacts-auto-fill-button {visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
button{border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
body{background:#1e1e1e;word-wrap:break-word;word-break:keep-all}
body,th,td,input,select,textarea,button{font-size:16px;line-height:1.5;font-family:'NotoSans Light','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;color:#666}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:underline}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
/* 슬라이드 */
.wrap_slide{position:relative;overflow:hidden}
.wrap_slide .list_slide{position:relative;height:494px}
.wrap_slide .inner_slide{max-width:1760px;height:100%;margin:0 auto;padding:0 80px}
.wrap_slide .list_slide .thumb_slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 0;background-repeat:no-repeat;transition-duration:0ms;transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.wrap_slide .list_slide .desc_g{padding-top:118px;font-weight:bold;font-size:30px;line-height:48px;color:#fff}
.wrap_slide .info_page{position:absolute;z-index:20;bottom:18px;right:20px;font-weight:bold;color:#1e1e1e;text-align:right}
.wrap_slide .page_white{color:#fff}
.wrap_slide .total_page{position:absolute;bottom:20px;right:50px;font-weight:bold;font-size:16px;color:#fff}
.wrap_slide .btn_page{position:absolute;z-index:10;top:50%;margin-top:-20px;background-color:#000}
.wrap_slide .btn_prev{left:0}
.wrap_slide .ico_prev{width:28px;height:19px;margin:11px 0px 10px 12px;background-position:-155px -158px}
.wrap_slide .btn_next{right:0}
.wrap_slide .ico_next{width:28px;height:19px;margin:11px 12px 10px 0;background-position:-192px -158px}
.wrap_slide .slide_info{width:100%;height:100%}
.wrap_slide .link_play{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background-position:0 -213px}
.wrap_slide .txt_info{padding:80px 0 0 60px}
.wrap_slide .txt_info .img_thumb{height:40px}
.wrap_slide .txt_info .desc_subtop{padding-top:30px;font-weight:bold;font-size:30px;line-height:48px;color:#fff;text-shadow:0 1px 1px #000}
</style>
</head>
<body >
<div class="wrap_slide svc_slide">
<div class="list_slide">
<div class="thumb_slide" style="background-image:url(http://t1.kakaocdn.net/kakaocorp/Service/KakaoTalk/svc_kakaotalk01.jpg)">
<div class="slide_info">
<div class="inner_slide">
<div class="txt_info">
<img src="http://t1.kakaocdn.net/kakaocorp/Service/KakaoTalk/svclogo_kakaotalk.png" height="40" class="img_thumb" alt="kakaotalk">
<p class="desc_subtop">사람과 세상, 그 이상을 연결하는 <br>카카오톡</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
){kind=link}
댓글목록
등록된 댓글이 없습니다.