@@ -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
6675header 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+
243273h2 {
244274 font-size : 24px ;
245275 margin-bottom : 35px ;
318348.swiper-container {
319349 margin-left : auto;
320350 margin-right : auto;
351+ height : auto;
321352 position : relative;
322353 overflow : hidden;
323354 z-index : 1 ;
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
394462footer .align {
@@ -397,7 +465,7 @@ footer .align {
397465}
398466
399467footer .link {
400- overflow : hidden;
468+ overflow : hidden;
401469}
402470
403471footer .link li {
@@ -408,7 +476,20 @@ footer .link li {
408476
409477footer .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
414495footer .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;
0 commit comments