Skip to content

Commit 12cc084

Browse files
committed
fix
1 parent c96f3e9 commit 12cc084

9 files changed

Lines changed: 109 additions & 47 deletions

File tree

css/main.css

Lines changed: 94 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,15 @@ address, caption, em, var {
6262
font-style: normal;
6363
font-weight: normal;
6464
}
65+
img {
66+
border: 0;
67+
vertical-align: top;
68+
}
69+
70+
li {
71+
display: list-item;
72+
text-align: -webkit-match-parent;
73+
}
6574

6675
header section h1 {
6776
position: absolute;
@@ -86,6 +95,19 @@ header section .btn_srch {
8695
background: url('//image.goodchoice.kr/images/web_v3/ico_srch_2.png') 50% 50% no-repeat;
8796
background-size: 24px auto;
8897
}
98+
99+
textarea, button, input, select {
100+
appearance: none;
101+
-webkit-appearance: none;
102+
-moz-appearance: none;
103+
border-radius: 0;
104+
font-family: 'Pretendard', 'Apple SD Gothic Neo', '맑은 고딕', '맑은고딕', 'Malgun Gothic', sans-serif;
105+
}
106+
107+
#content {
108+
overflow: hidden;
109+
}
110+
89111
.pc .gnb_pc {
90112
display: inline-block;
91113
position: absolute;
@@ -240,6 +262,14 @@ button span {
240262
padding: 78px 31px 0 31px;
241263
}
242264

265+
.recommend li:nth-child(even) {
266+
margin-left: 16px;
267+
}
268+
269+
.recommend li:last-child {
270+
display: block;
271+
}
272+
243273
h2 {
244274
font-size: 24px;
245275
margin-bottom: 35px;
@@ -318,6 +348,7 @@ h2 {
318348
.swiper-container {
319349
margin-left: auto;
320350
margin-right: auto;
351+
height: auto;
321352
position: relative;
322353
overflow: hidden;
323354
z-index: 1;
@@ -326,8 +357,7 @@ h2 {
326357

327358

328359
.swiper-container img {
329-
width: 962px;
330-
margin: 0 auto;
360+
width: 100%;
331361
}
332362

333363
.swiper-slide{
@@ -352,6 +382,26 @@ h2 {
352382
text-align: center;
353383
}
354384

385+
.swiper-wrapper {
386+
position: relative;
387+
width: 100%;
388+
height: 100%;
389+
z-index: 20;
390+
display: -webkit-box;
391+
display: -moz-box;
392+
display: -ms-flexbox;
393+
display: -webkit-flex;
394+
display: flex;
395+
-webkit-transition-property: -webkit-transform;
396+
-moz-transition-property: -moz-transform;
397+
-o-transition-property: -o-transform;
398+
-ms-transition-property: -ms-transform;
399+
transition-property: transform;
400+
-webkit-box-sizing: content-box;
401+
-moz-box-sizing: content-box;
402+
box-sizing: content-box;
403+
}
404+
355405
.ad_ask {
356406
width: 962px;
357407
margin: 24px auto 0 auto;
@@ -361,17 +411,32 @@ h2 {
361411
display: block;
362412
}
363413

414+
.ad_ask ul li {
415+
height: 200px;
416+
border: 1px solid rgba(0,0,0,0.04);
417+
overflow: hidden;
418+
}
419+
364420
.ad_ask ul li:first-child {
365421
display: inline-block;
366422
float: left;
367423
width: 473px;
368424
}
369425

426+
.ad_ask ul li:last-child {
427+
display: inline-block;
428+
float: right;
429+
width: 473px;
430+
}
431+
432+
370433
.ad_ask ul li a {
371434
display: block;
372435
height: 200px;
373436
padding: 0 0 0;
374437
}
438+
439+
375440
.ad_ask ul li a img {
376441
width: auto;
377442
height: 200px;
@@ -388,7 +453,10 @@ footer {
388453
font-size: 13px;
389454
line-height: 20px;
390455
color: rgba(0,0,0,0.38);
391-
font-family: initial;
456+
}
457+
458+
footer a {
459+
color: rgba(0,0,0,0.38);
392460
}
393461

394462
footer .align {
@@ -397,7 +465,7 @@ footer .align {
397465
}
398466

399467
footer .link {
400-
overflow: hidden;
468+
overflow: hidden;
401469
}
402470

403471
footer .link li {
@@ -408,7 +476,20 @@ footer .link li {
408476

409477
footer .link li a {
410478
display: inline-block;
411-
text-decoration: none
479+
}
480+
481+
482+
483+
footer .link li:nth-of-type(3) a {
484+
color: rgba(0,0,0,0.87);
485+
}
486+
487+
footer .link li:nth-child(6) {
488+
clear: both;
489+
}
490+
491+
footer .link li:nth-child(5), footer .link li:nth-child(8) {
492+
clear: none;
412493
}
413494

414495
footer .link li span {
@@ -420,6 +501,14 @@ footer .link li span {
420501
text-align: center;
421502
}
422503

504+
footer .link li button {
505+
padding: 0;
506+
border: none;
507+
background: none;
508+
font-size: 13px;
509+
line-height: 1;
510+
color: rgba(0,0,0,0.38);
511+
}
423512

424513
.btn_go_top {
425514
display: inline-block;
@@ -463,25 +552,6 @@ footer address .order {
463552
padding: 6px 0;
464553
}
465554

466-
footer .ico {
467-
margin: 26px 0 0 0;
468-
}
469-
470-
footer .ico a {
471-
margin-right: 25px;
472-
font-size: 30px;
473-
}
474-
475-
.icon-ic_blog::before{
476-
content: "\e908";
477-
}
478-
479-
footer .ico span {
480-
display: inline-block;
481-
overflow: hidden;
482-
width: 0;
483-
text-indent: -9999px;
484-
}
485555
.wrap.show, footer.show {
486556
opacity: 1;
487557
visibility: visible;

img/게스트하우스.png

-1.37 KB
Loading

img/모텔.png

-1.13 KB
Loading

img/배너.png

41.3 KB
Loading

img/캠핑 글램핑.png

-695 Bytes
Loading

img/펜션.png

-1.61 KB
Loading

img/해외여행.png

448 Bytes
Loading

img/호텔리조트.png

-1.16 KB
Loading

index.html

Lines changed: 15 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -39,15 +39,9 @@ <h1>
3939
</section>
4040
</header>
4141

42-
43-
44-
45-
46-
4742
<div id="content">
4843
<div class="main_spot"><a href="">여행할때 여기어때</a></div>
4944

50-
5145
<div class="main_link">
5246
<ul>
5347
<li>
@@ -93,23 +87,21 @@ <h1>
9387
<div class="recommend">
9488
<h2>여기어때 소식</h2>
9589
<ul>
96-
<li><a href="https://www.goodchoice.kr/b2b/intro" target="_blank"><img
97-
src="//image.goodchoice.kr/images/web_v3/b2b_banner.png" alt="여기어때 비즈니스"><strong>여기어때
90+
<li><a href="" target="_blank"><img src="//image.goodchoice.kr/images/web_v3/b2b_banner.png"
91+
alt="여기어때 비즈니스"><strong>여기어때
9892
비즈니스</strong>출장부터 복지까지<br>여기어때 비즈니스로 스마트하게</a></li>
99-
<li><a href="https://www.goodchoice.kr/font" target="_blank"><img
100-
src="//image.goodchoice.kr/images/web_v3/re_jalnan.png" alt="여기어때 잘난체"><strong>여기어때 서체
93+
<li><a href="" target="_blank"><img src="//image.goodchoice.kr/images/web_v3/re_jalnan.png"
94+
alt="여기어때 잘난체"><strong>여기어때 서체
10195
출시</strong>젊고 당당한 여기어때 잘난체<br>지금 다운로드 받으세요!</a></li>
10296
</ul>
10397
</div>
10498

10599
<div class="appdown">
106100
<p>앱 다운 받고 <b>더 많은 혜택</b> 받으세요</p>
107101
<div>
108-
<a href="//play.google.com/store/apps/details?id=kr.goodchoice.abouthere" class="down_and"
109-
target="_blank" title="구글플레이 새창"><img src="//image.goodchoice.kr/images/web_v3/banner_and.png"
110-
alt="GET IT ON Google Play"></a>
111-
<a href="//itunes.apple.com/kr/app/yeogieottae-1deung-sugbag/id884043462?mt=8&amp;ign-mpt=uo%3D2"
112-
class="down_ios" target="_blank" title="앱스토어 새창"><img
102+
<a href="" class="down_and" target="_blank" title="구글플레이 새창"><img
103+
src="//image.goodchoice.kr/images/web_v3/banner_and.png" alt="GET IT ON Google Play"></a>
104+
<a href="" class="down_ios" target="_blank" title="앱스토어 새창"><img
113105
src="//image.goodchoice.kr/images/web_v3/banner_ios.png"
114106
alt="Download on the App Store"></a>
115107

@@ -119,11 +111,14 @@ <h2>여기어때 소식</h2>
119111
<div class="event_main">
120112
<h2>이벤트</h2>
121113
<section class="swiper-container swiper-container-horizontal">
122-
<ul class="swiper-wrapper"
123-
style="transform: translate3d(-1924px, 0px, 0px); transition-duration: 0ms;">
114+
115+
<ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
124116
<li class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
125-
data-swiper-slide-index="2" style="width: 962px;"><a href=""><img src="./img/배너.png"
126-
alt="페이백 50﹪ 쿠폰 이벤트"></a></li>
117+
data-swiper-slide-index="2" style="width: 962px;">
118+
<a href="">
119+
<img src="img/배너.png" alt="페이백 50﹪ 쿠폰 이벤트">
120+
</a>
121+
</li>
127122

128123
</ul>
129124

@@ -154,16 +149,13 @@ <h2>이벤트</h2>
154149

155150
</div>
156151

157-
158-
159152
<footer>
160153
<div class="align">
161154
<ul class="link">
162155
<li><a href="" target="_blank">회사소개</a><span>|</span></li>
163156
<li><a href="" data-default="term">이용약관</a><span>|</span></li>
164157
<li><a href="" data-default="privacy">개인정보처리방침</a><span>|</span></li>
165-
<li><a href="" data-default="consumer">소비자 분쟁해결
166-
기준</a><span>|</span></li>
158+
<li><a href="" data-default="consumer">소비자 분쟁해결기준</a><span>|</span></li>
167159
<li><button type="button">사업자 정보확인</button><span>|</span></li>
168160
<li><a href="" target="_blank">여기어때 마케팅센터</a><span>|</span></li>
169161
<li><a href="" target="_blank">액티비티 호스트센터</a><span>|</span></li>

0 commit comments

Comments
 (0)