@charset "utf-8";

.section{position:relative;}
.section>.wrapper>a{display:block;width:100%; height:100%; overflow:hidden;}
.section>.wrapper>a>img{transform:scale(1);transition:all 1s ease-in-out;}
.section>.wrapper>a:hover>img{transform:scale(1.05);}

.text_align{position:absolute;left:0;top:0;display:table;width:100%;height:560px;text-align:center; padding-left:50px; padding-right:50px; }

.image_left { text-align:left; }
.image_right { text-align:right; }
.image_center { text-align:center; }

.text_left .text_align{text-align:left;}
.text_right .text_align{text-align:right; }
.text_center .text_align{text-align:right; }

.text_align>p{display:table-cell;vertical-align:middle;}
.text_align>p>em{opacity:0;display:block;font-weight: 700;letter-spacing:-1px;}
.text_align>p>em.kr{font-family: 'Nanum Barun Gothic';font-size:48px;line-height:56px;}
.text_align>p>em.en{font-family:'Lato', 'Nanum Barun Gothic'; font-size:54px; line-height:100%; }
.text_align>p>span{opacity:0;display:block;margin-top:24px;font-size:20px;font-family: 'Nanum Barun Gothic';font-weight: 400;letter-spacing:-1px; line-height:26px; }
.text_align>p>span.multi{margin-top:21px;font-size:14px;line-height:24px;}

.text_align>p>span.kr{font-family: 'Nanum Barun Gothic';}
.text_align>p>span.en{font-family:'Lato', 'Nanum Barun Gothic'; }


.text_align>p>.brand{opacity:0;display:inline-block;margin-top:34px;/*text-align:center;width:75px;*/ display:inline-block;background-color:#000;color:#fff;font-family: 'Lato', 'Nanum Barun Gothic'; font-size:14px;padding:0 24px 0;height:24px; letter-spacing:-0.5px; font-weight:700;}

.text_align>p.black>em, .text_align>p.black>span{color:#000;}
.text_align>p.white>em, .text_align>p.white>span{color:#fff;}
.text_align>p.black>.brand{background-color:#000;color:#fff;}
.text_align>p.white>.brand{background-color:#fff;color:#000;}

.main .promotion{position:relative;margin-top:20px; overflow:hidden; }
/* .main .promotion .wrapper { background:#000; } */
.promotion:first-child{margin-top:0;}
.promotion>.wrapper>a>img{width:100%;height:auto;}

.promotion>.wrapper>img { position:absolute; top:0; left:0; width:100%; opacity:0; }
.promotion>.wrapper>img:first-child{ position:relative; width:100%;height:auto; opacity:1; }


.promotion a.btn_play{position:absolute;left:0;top:0;}
.promotion a.btn_play>img{position:absolute;left:50%;top:50%;width:75px;height:75px;margin-left:-37.5px;margin-top:-37.5px;}
.btn_close{display:inline-block;position:absolute;right:20px;top:20px;}


.newProduct{margin-bottom:200px;}
.newProduct .slider{position:relative;width:1140px;height:820px; overflow:hidden; }
.newProduct .slider li{position:absolute;top:0;left:0;width:1140px;height:764px;display:none;margin-left:-7.5px;}
.newProduct .slider li:first-child{display:block;}
.newProduct .payment_list{position:relative;float:left;margin-left:15px;margin-top:12px; overflow:hidden; height:382px; }
.newProduct .payment_list>a{display:block;width:270px;height:270px;overflow:hidden;}
.newProduct .payment_list>a>img{width:100%;height:auto;}


/* 2020.08.03 김미경 추가 */
.newProduct .payment_list span.player{ position:absolute; top:97px; left:97px;  display:inline-block; width:70px; height:70px; background:url(/img/common/btn_main_play.png) center center no-repeat; opacity: 0.4; border-radius: 50px;}


.newProduct .indicator {position:absolute;bottom:-80px;left:0;width:1140px;overflow:hidden;z-index:10;}
.newProduct .indicator a{display:block; float:left; background:url(//image.goodpeople.co.kr/goodpeople/web/main/main_indicator_out.png) repeat-x 0 0;width:100%;height:1px;text-indent:-9999px;cursor:default;}
.newProduct .indicator a.on{position:absolute;left:0;top:0;background:url(//image.goodpeople.co.kr/goodpeople/web/main/main_indicator_over.png) repeat-x 0 0;width:380px;}



.section.lab_ideas { position:relative; width:1140px; max-width:1920px; margin:0 auto; margin-top:20px; } /*2018.10.31 김미경 수정*/
.section.lab_ideas h3 { font-family:'Lato-Light', 'Nanum Barun Gothic'; color:#000; font-size:32px; text-align:center; font-weight:200; margin-bottom:30px; }
.section.lab_ideas h3 a { font-family:'Lato-Light', 'Nanum Barun Gothic'; color:#000; font-size:32px; text-align:center; font-weight:200; margin-bottom:30px; }
.section.lab_ideas ul { -webkit-display:flexbox; -ms-display:flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; margin-left:-5px;text-align:center;}

/*.section.lab_ideas ul.women { margin-bottom:115px; } 2018.10.31 김미경 주석*/

.section.lab_ideas li {/*-webkit-flex:auto; -ms-flex:auto; flex:auto;*/ position:relative; margin-left:5px; color:#fff; text-align:center; margin-bottom:5px; height:36px; transform:scale(1); z-index:1; transition:all 0.2s ease-in-out; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.section.lab_ideas li{display:inline-block ;}}
.section.lab_ideas li a { display:block; height:100%; color:#fff; background:#000; padding:0 20px; border-radius:5px; padding-top:1.4px; line-height:36px; }
.section.lab_ideas li:hover { transform: scale(1.2); z-index:2; }


.collection{padding-bottom:100px;background-color:#f4f4f4;}

.newSns{padding:10px 0 0 0;} /*2018.10.31 김미경 수정*/
.newSns .slider{position:relative;width:1140px;height:270px;overflow:hidden;}
.newSns .slider li{position:absolute;top:0;left:0;width:1140px;height:270px;display:none;}
.newSns .slider li:first-child{display:block;}

.newSns li>a{display:block;float:left;position:relative;width:270px;height:270px;overflow:hidden;margin-left:20px;opacity:0; background-position:50% 50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat; border-radius: 50%;}
.newSns li>a:first-child{margin-left:0px;}
.newSns li>a>img{width:100%;height:100%;border-radius:50%;}
.newSns li>a>.over{opacity:0; filter: alpha(opacity=0);display:block;position:absolute;left:0;top:0;width:100%;text-align:center;transition:all 0.5s ease-in-out;}
.newSns li>a>.over>.dim{width:270px;height:270px;border-radius:50%;overflow:hidden;background-color:#000;opacity:0.6;filter: alpha(opacity=60);transform: scale(.7);transition:all 0.3s ease-in-out;}
.newSns li>a>.over>.caption{display:table;position:absolute;left:0;top:0;width:270px;height:270px;transition:all 0.3s ease-in-out;transform: translateY(20px);opacity:0; filter: alpha(opacity=0);}
.newSns li>a>.over>.caption>p{display:table-cell;vertical-align:middle;}
.newSns li>a>.over>.caption>p>.hash{display:block; width:270px; padding: 0 20px; color:#fff;margin-top:15px;font-size:20px;  line-height:22px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all;}
.newSns li>a:hover>.over{opacity:1;filter: alpha(opacity=100); }
.newSns li>a:hover>.over>.dim{transform: scale(1);}
.newSns li>a:hover>.over>.caption{transform: translateY(0);opacity:1;filter: alpha(opacity=100);}

.newSns .btns>a.btn_prev{left:-42px;}
.newSns .btns>a.btn_next{right:-42px;}


.snsList{display:none;margin:80px 0 30px 0;}
.snsList li{float:left;margin-right:10px;}
.snsList li>a{display:block;width:50px;height:50px;overflow:hidden;}
.snsList li.instagram>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_insta.png) no-repeat 0 0;}
.snsList li.facebook>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_fb.png) no-repeat 0 0;}
.snsList li.blog>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_blog.png) no-repeat 0 0;}
.snsList li.kakaoplus>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_plus.png) no-repeat 0 0;}
.snsList li.store>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_store.png) no-repeat 0 0;}
.snsList li.youtube>a{background:url(//image.goodpeople.co.kr/goodpeople/web/main/ico_youtube.png) no-repeat 0 0;}

.snsList li>a:hover{background-position:0 -50px;}



