@charset "utf-8";

/* 메인 레이아웃 리뉴얼. JBCNS. */
#header {height:auto;}
#header .gnb li {margin-left:25px; position:relative;}
#header .gnb li a {font-weight:normal;}
#sub_menu_bg {display:none; width:100%; height:0px; background-color:#ffffff; position:absolute; z-index:100;}
#sub_menu_WOMEN {width:1140px; margin-left:-206px; padding-left:206px;}
#sub_menu_MEN {width:1141px; margin-left:-289px; padding-left:289px;}
#sub_menu_WEAR {width:1142px; margin-left:-347px; padding-left:347px;}
#sub_menu_YOGA {width:1142px; margin-left:-414px; padding-left:414px;}
#header .gnb li.keywordText a:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #000;
	height: 1px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#header .gnb li ul.gnb_sub_menu {display:none; position:absolute; height:auto; background-color:#ffffff;}
#header .gnb li ul.gnb_sub_menu::after {display:block; content:''; clear:both;}
#header .gnb li ul.gnb_sub_menu > li {width:140px; height:auto; margin-top:32px; margin-left:0px; margin-bottom:20px; float:left;}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap {width:570px; height:auto; margin-bottom:20px; float:right;}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap ul.category_banner_ul > li {width:150px; height:auto; margin-left:60px; background-color:#ffffff;}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap ul.category_banner_ul > li > a > img {width:150px; height:150px;}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap ul.category_banner_ul > li > a > div.product_name {
	margin-top:29px; font-size:13px; color:#000000; line-height:18px; height:34px;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;
}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap ul.category_banner_ul > li > a > div.product_brand {margin-top:13px; font-size:12px; color:#b7b7b7;}
#header .gnb li ul.gnb_sub_menu > li.category_banner_wrap ul.category_banner_ul > li:first-child {margin-left:0px;}
#header .gnb li ul.gnb_sub_menu > li > a {height:20px; font-size:14px; line-height:20px; color:#000000; margin-bottom:10px;}
#header .gnb li ul.gnb_sub_menu > li > a:hover {color:#e74544;}
#header .gnb li ul.gnb_sub_menu > li > a:before {background: none;}
#header .gnb li ul.gnb_sub_menu > .gnb_sub_menu_bg {width:300vw; height:0px; background-color:#ffffff; margin-left:-100vw;}
#header .gnb ul.category_banner_ul > li a:before {background: none;}
#header .util {margin-right:0px;}
#header .util li.loginLy_renewal > a {display:inline-block; text-indent:0; font-size:13px; line-height:30px; color:#393939; width:auto; text-align:center; margin-left:25px;}
#header .util li.loginLy_renewal > a:first-child {margin-left:0px;}



/* 회원가입 tooltip */

.tooltip {
  position: relative;
  display: inline-block;

}

.tooltip .tooltiptext {
  visibility: visible;
  width: 80px;
  background-color: #ff6633;
  color: #fff;
  font-size:12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 180%;
  left: 80%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color:  #ff6633 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


#select_brand .select img {width:60%;}
#select_brand #brand li a img {width:50%;}


#searchLy {width:468px; height:37px; margin:20px auto 0px auto; border-bottom:#000000 2px solid; position:relative;}
#searchLy .topSearchInput {width:463px; height:30px; padding-left:5px; padding-top:10px; border:0; text-align:left; font-size:14px; font-weight:normal; line-height:1; color:#000000;}
#searchLy > a {background:url(//image.goodpeople.co.kr/goodpeople/web/common/ico_search.png) no-repeat 0 100%; display:block; width:16px; height:22px; text-indent:-9999px; position:absolute; top:4px; right:8px;}

strong.keyword_renewal {color:#e74544; font-weight:normal; text-align:center; display:inline-block; width:100px; height:14px; overflow:hidden;}

div.middle_banner {width:1140px; height:100px; margin:95px auto 0px auto; text-align:center; background-color:#000; color:#fff; line-height:100px;}

div.section_title {font-size:30px; width:100%; text-align:center; color:#000000; font-family:'Lato'; letter-spacing:5px;}
.section div.section_all_button {width:143px; height:45px; font-size:16px; line-height:43px; text-align:center; color:#040404; font-family:'Lato'; border:#000000 1px solid; box-sizing:border-box; margin:30px auto 0px auto; letter-spacing:2px;}

.section.newProduct {margin-bottom:0px; margin-top:80px;}
.section.newProduct ul.product_category {width:320px; height:22px; display:block; margin:19px auto 23px auto;} /* YOGA 추가 width 100px 늘림. 2020.04.06 김미경. YOGA 삭제 width:320px; 수정. 2020.10.19 김미경.  */
.section.newProduct ul.product_category > li {font-size:18px; color:#9e9e9e; font-family:'Lato'; margin-left:65px; float:left;}
.section.newProduct ul.product_category > li.on > a {border-bottom:#000000 1px solid; color:#000000;}
.section.newProduct ul.product_category > li > a {color:#9e9e9e;}
.section.newProduct ul.product_category > li > a:hover {border-bottom:#000000 1px solid; color:#000000;}
.section.newProduct ul.product_category.sale > li {color:#9e9e9e;}
.section.newProduct ul.product_category > li:first-child {margin-left:0px;}

.section.trend_keyword {margin-top:134px;}
ul.trend_keyword_ul {margin-top:60px;}
ul.trend_keyword_ul::after {display:block; content:''; clear:both;}
ul.trend_keyword_ul > li {width:216px; height:242px; margin-left:15px; float:left;}
ul.trend_keyword_ul > li:first-child {margin-left:0px;}
ul.trend_keyword_ul > li > span {display:block; width:100%; margin-top:11px; margin-left:5px; text-align:center; font-size:16px; color:#000000; text-align:left;}

.section.newProduct.mdpick {margin-top:140px; padding-bottom:75px;}

.swiper-container {}
.swiper-wrapper {width:1140px; margin:0 auto; box-sizing:content-box; position:relative; display:flex;}
.swiper-wrapper .swiper-slide {width:1140px; position:relative; display:flex; flex-shrink:0; justify-content:center; align-items:center; text-align:center;}
.main .swiper-slide > a:first-child {margin-right:15px;}
.swiper-slide img {width:560px; height:560px;} /* 20231004 */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position:relative; left:auto; bottom:auto; margin-top:23px;}
.swiper-pagination-bullet {width:10px; height:10px;}
.swiper-pagination-bullet-active {background-color:#000000;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0px 12px;}
.swiper-button-prev {left:50vw; margin-left:-660px;}
.swiper-button-next {right:50vw; margin-right:-660px;}
.swiper-button-prev {background-image:url('../img/renewal_slide_arrow_left.png');}
.swiper-button-next {background-image:url('../img/renewal_slide_arrow_right.png');}
.swiper-button-next, .swiper-button-prev {margin-top:-54px; display:none;}

.slide-left-bg {position:absolute; top:0; left:50vw; margin-left:-1730px; width:1140px; height:560px; background-color:#ffffff; z-index:8;}
.slide-right-bg {position:absolute; top:0; right:50vw; margin-right:-1730px; width:1140px; height:560px; background-color:#ffffff; z-index:8;}

.mdpick .slider {height:1600px;}
.newProduct .payment_list {height:auto; min-height:385px;}
.prd_info {height:auto;}
.newProduct .payment_list > a:first-child {background:#f9f9f9;}

/*.pop_today_layer {top:110px;} 김미경 2019.07.26 주석처리. 메인 팝업 0.0 위치 최상단으로*/

#pop_middle_layer{display:block;z-index:9000;}
.ie8 #pop_middle_layer {display:none !important;}
#pop_middle_layer .edit_wrap{display:block; position:relative; width: 1140px; height:auto;  margin: 0 auto; }
#pop_middle_layer .layer_close{position:absolute;right:15px;top:15px;background:url(//image.goodpeople.co.kr/goodpeople/web/icon/btn_close_bk.png) no-repeat 0 0;width:17px;height:16px;text-indent:-9999px;}

@media screen and (max-width:1140px) {
  #pop_middle_layer .layer_close{position: fixed;}
}

.productList .select_category .select {font-family:'Lato';}

.mainSlideLy {width:100%; height:auto; position:relative;}
.text_align {height:430px;}
.text_align>p>em {opacity:1;}
.text_align>p>span {opacity:1;}

/* 검색페이지 */
#search_text_ly {position:absolute; top:0; left:182px; height:38px; margin:38px auto 0; padding-top:5px;}
#search_text_ly span {font-size:16px; font-weight:700; color:#e74544;}

/* 상품목록 */
.prd_info .brand .soldout {padding: 1px 3px;}