@charset "utf-8";

/* 메인용으로 헤더 별도 설정 */
/*#header {position:relative; top:0; left:0; width:100%; z-index:1000; max-width:720px;}
#header.fixed_top {top:-100px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}*/

/* 팝업 */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 100;
    background: rgba(0,0,0,0.8);
}
#popup .popupInner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1082px;
    height: 688px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1200px) {
        #popup .popupInner {
        max-width: 950;
        max-height: 608px;
    }
  }
#popup .btn_close {
    position: absolute;
    top: 0;
    right: -67px;
    z-index: 1;
    cursor: pointer;
}
#popup .swiper-container {
	height: 100%;
}
#popup .swiper-slide img {
	width: 100%;
}
#popup .swiper-pagination {
    display: -webkit-flex; /* Safari */
	-webkit-flex-flow: row wrap; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	cursor: pointer;
	bottom: 0;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	position: relative;
	width: 100%;
    height: 100%;
    border-radius: 0;
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -webkit-ransition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
	margin: 0;
	background: #fff;
    opacity: 1;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet > p {
    width: 100%;
    height: 100%;
    display: inline-table;
    vertical-align: top;
	padding: 0 3px;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet > p > span {
    display: table-cell;
    line-height: 1.1;
    word-break: keep-all;
    vertical-align: middle;
}
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 44px;
    background: #d9d9d9;
}
#popup .swiper-pagination-bullet-active {
    background: #f14a92 !important;
    color: #fff;
}
#popup .swiper-pagination-bullet-active::before {
    background: #f14a92 !important;
}
#popup .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    right: -1px;
    width: 1px;
    height: 44px;
    background: #f14a92;
    z-index: 1;
}

/* 메인에서만 헤더 고정 해제 */
#header {
    position: relative;
}
/*#header.fixed_top {
    top: -96px;
	transition: all 0s ease;
    -webkit-transition: all 0s ease;
}*/

#main {
	background: #fcedfe;
    background: #fff;
}
#main_visual{
    position:relative;
    z-index:1;
    width:100%;
    height:auto;
}
#main_visual img {
    width:100%;
}
.visual-pagination-box {
    position: relative;
    width: 1050px;
    margin: 0 auto;
}
#main_visual .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
	margin:0 10px;
    background: #fff;
    opacity: .4;
}
#main_visual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
#main_visual .swiper-pagination {
  left: auto;
  right: 10px;
  bottom: 16px;
  width: auto;
  height: 24px;
  line-height: 23px;
  padding: 0 13px;
  border-radius: 24px;
  background-color: rgba(0,0,0,0.5);
  font-family: 'Jost';
  font-size: 13px;
  font-weight: normal;
  color: #ccd0d1;
}
#main_visual .swiper-pagination span {
  position: relative;
  top: 1px;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  color: #fff;
}
#main_visual .swiper-button-prev, 
#main_visual .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 1;
    cursor: pointer;
    background-size: 50px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/ico_visual_arrow.png");
    left: 40px;
    right: auto;
}
#main_visual .swiper-button-next {
    -webkit-ransform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    right: 40px;
    left: auto;
}

.searchWord {
	position: relative;
    width: 1050px;
    margin: 0 auto;
}
.searchWord em {
  display: none;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #2a2a2a;
}
.searchWrap {
  position: relative;
  width: 100%;
  height: 56px;
  background-color: #fff;
}
.searchWrap::before {
    content: '실시간 검색';
    width: auto;
    height: 24px;
    line-height: 23px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: rgba(117,125,134,0.8);
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    text-align: center;
}
.global_kr .searchWrap::before {
    content: '실시간 검색';
}
.global_eng .searchWrap::before {
    content: 'real-time search';
}
.global_ch .searchWrap::before {
    content: '实时搜索';
}
.global_thai .searchWrap::before {
    content: 'ค้นหาเรียลไทม์';
}
.global_jp .searchWrap::before {
    content: 'リアルタイム検索';
}
.global_ru .searchWrap::before {
    content: 'Текущий поиск';
}
.global_vn .searchWrap::before {
    content: 'Từ khóa tìm kiếm hot';
}
.searchMore {
    position: absolute;
    right: 7px;
    top: 0;
    width: 63px;
    height: 56px;
    font-family: 'Noto Sans KR';
    font-size: 11px;
    font-weight: 500;
    color: #c0c6cc;
    background-color: #fff;
    z-index: 2;
	cursor: pointer;
}
.global_eng .searchMore {
    width: 101px;
}
.global_jp .searchMore {
    width: 113px;
}
.global_vn .searchMore {
    width: 129px;
}
.searchMore::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    width: 20px;
    height: 40px;
    background-image: url("../images/ico_more.png");
    background-size: 6px auto;
    background-position: 50%;
    background-repeat: no-repeat;
}
.searchWrap .swiper-container {
    top: 18px;
	left: 27px;
    width: calc(100% - 234px);
    height: 20px;
}
.global_eng .searchWrap .swiper-container {
    left: 5px;
    width: calc(100% - 275px);
}
.global_ch .searchWrap .swiper-container {
    left: 10px;
    width: calc(100% - 180px);
}
.global_thai .searchWrap .swiper-container {
    left: 12px;
}
.global_jp .searchWrap .swiper-container {
    left: 7px;
    width: calc(100% - 289px);
}
.global_vn .searchWrap .swiper-container {
    left: 12px;
    width: calc(100% - 329px);
}
.searchWrap .swiper-slide {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	cursor: pointer;
}
.searchWrap .swiper-slide::before {
    content: attr(data-idx);
    position: absolute;
    left: 0;
    top: -4px;
    display: inline-block;
    font-family: 'Jost';
    font-size: 20px;
    font-weight: 500;
    color: #2a2a2a;
}

.mainMenu {
	position: relative;
	width: 100%;
    max-width: 1920px;
	background: #e876dd;
	height: 56px;
    line-height: 56px;
}
.mainMenu.fixed {
    position: fixed;
    top: 0;
    z-index: 30;
}
.mainMenu .swiper-container {
    width: 950px;
    display: flex;
}
.mainMenu .swiper-slide {
  flex: 1;
  width: auto;
  /*line-height: 56px;*/
  padding: 0 5px;
  margin-right: 13px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffbcf9;

  display: inline-table;
  height: 56px;
  vertical-align: top;
}
.mainMenu .swiper-slide span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}
/*.global_jp .mainMenu .swiper-slide {
    flex: none;
    margin: 0px 38px;
}*/
.mainMenu .swiper-slide:first-child {
  margin-left: 19px;
}
.mainMenu .swiper-slide:hover,
.mainMenu .swiper-slide.active {
  color: #fff;
}

/* Tab Menu */
.menuTab {
    background: #fff;
    height: 220px;
    line-height: 1.0;
	border-top: 1px solid #ea252c;
	border-bottom: 1px solid #ea252c;
	overflow: hidden;

}
.menuTab .swiper-slide {
    float: left;
    display: inline-table;
    width: 25%;
	height: 110px;
	line-height: 1.0;
    vertical-align: top;
    padding: 0 10px;
    margin: 0;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -1px;
    text-align: center;
    color: #e9252c;
    box-sizing: border-box;
	border-right: 1px solid #ea252c;
}
.menuTab .swiper-slide span {
    display: table-cell;
    vertical-align: middle;
	line-height: 1.2;
	font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.menuTab .swiper-slide.active {
	background: #ea252c;
}
.menuTab .swiper-slide.active span {
	color: #fff;
}

.menuTab .swiper-slide:first-child {
  margin-left: 0;
}
.menuTab .swiper-slide:nth-child(4n) {
    border-right: 0;
}
.menuTab .swiper-slide:nth-child(-n+4) {
    border-bottom: 1px solid #ea252c;
}
.mainContentWrap {
    position: relative;
    overflow: hidden;
    background-color: #fcedfe;
    padding-bottom: 100px;
}
.mainSection {
    width: 1100px;
    margin: 63px auto 30px;
    padding: 0 25px;
}
.mainContentWrap > .mainSection:last-child {
	margin-bottom: 0;
}
.mainSection.searchWordRanking {
    width: 100%;
    margin-top: -27px;
	margin-bottom: 0;
	/*padding-top: 60px;*/
	padding-bottom: 64px;
    background-color: #fcedfe;
}
.searchWordRanking .sectionTitle,
.searchWordRanking .sectionSubTitle,
.searchWordRanking .searchBox {
    width: 1050px;
    margin: 0 auto;
}
.searchWordRanking .searchBox {
    width: auto;
    max-width: 1050px;
}
.searchWordRanking .sectionTitle {
    margin-bottom: 10px;
}

.prdName {
    display: block;
    margin: 12px auto 6px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #4e4e4e;
    letter-spacing: -0.5px;
}
.hotDeal .prdName {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    margin-bottom: 12px;
}
.sale {
  font-family: 'Jost';
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  color: #e876dd;
  letter-spacing: -1px;
  margin-right: 4px;
}
.discountedPrice {
  font-family: 'Jost';
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.5px;
  color: #2a2a2a;
}
.price {
  position: relative;
  display: inline-block;
  font-family: 'Jost';
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  color: #b9b9b9;
  letter-spacing: -0.5px;
  padding-right: 2px;
  margin-top: 7px;
}
.price::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
	width: 100%;
    height: 1px;
    background: #b9b9b9;
}
.sectionTitle {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.7px;
    color: #2a2a2a;
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.mainContentWrap > .mainSection:first-child.active .sectionTitle {
	padding-top: 50px;
}
.menuTab ~ .mainContentWrap > .mainSection:first-child.active .sectionTitle {
    padding-top: 240px;
}
.sectionSubTitle {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #4e4e4e;
    margin-bottom: 30px;
    text-align: center;
}

.menuTab ~ .mainContentWrap > .mainSection .sectionSubTitle {
    margin-bottom: 0;
}

.priceSection {
    overflow: hidden;
}
.priceSection:last-child {
    border: 1px solid red;
}
.priceSection > h3 {
    width: 514px;
    height: 46px;
    line-height: 46px;
    border-radius: 20px;
    background-color: #f9a3f1;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: -0.5px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    margin: 30px auto 40px;
}
.promotion01 ul {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
}

.promotion01 li {
    padding-bottom: 45px;
}
.promotion01 li .priceBox {
    position: absolute;
    bottom: 0;
    left: 0;
}
.promotion01 .priceSection + .priceSection > h3 {
  background-color: #dda3f9;
}
.promotion01 .priceSection + .priceSection + .priceSection > h3 {
  background-color: #d97ed1;
}
.innerBox {
    position: relative;
}
.promotion02 .swiper-container,
.brandWeek .swiper-container {
    width: 1050px;
}
.promotion02 .swiper-slide {
    width: 246px;
    margin-right: 22px;
}
/*.promotion02 .swiper-slide:first-child,
.brandWeek .swiper-slide:first-child {
	margin-left: 25px;
}*/
.promotion02 .thumb {
	width: 100%;
}

.promotion02 .prdName {
	/*width: 380px;*/
	margin-left: 0;
}


.promotion02 .swiper-button-prev, 
.promotion02 .swiper-button-next,
.brandWeek .swiper-button-prev, 
.brandWeek .swiper-button-next {
    position: absolute;
    top: 154px;
    width: 50px;
    height: 50px;
    z-index: 1;
    cursor: pointer;
    background-size: 50px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/ico_white_arrow.png");
    left: -24px;
    right: auto;
}
.promotion02 .swiper-button-next,
.brandWeek .swiper-button-next {
    -webkit-ransform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    right: -24px;
    left: auto;
}

#main_visual .swiper-container:not(.swiper-container-horizontal) .swiper-button-prev, 
#main_visual .swiper-container:not(.swiper-container-horizontal) .swiper-button-next,
#main_visual .swiper-container:not(.swiper-container-horizontal) .visual-pagination-box,
.promotion02 .swiper-container:not(.swiper-container-horizontal) .swiper-button-prev, 
.promotion02 .swiper-container:not(.swiper-container-horizontal) .swiper-button-next,
.brandBox .swiper-container:not(.swiper-container-horizontal) .swiper-button-prev, 
.brandBox .swiper-container:not(.swiper-container-horizontal) .swiper-button-next {
    display: none;
}

/* 리스트형 플러스딜 */
.promotion02.listType1 {
	width: 100%;
}
.promotion02.listType1 .sectionTitle,
.promotion02.listType1 .sectionSubTitle {
	margin-left: 32px;
	margin-right: 32px;
}
.promotion02.listType1 .banner {
    width: 100%;
    margin-bottom: 45px;
}
.promotion02.listType1 .swiper-container {
    margin-left: 32px;
    margin-right: 32px;
}
.promotion02.listType1 .swiper-wrapper,
.promotion02.listType1 .swiper-slide {
	display: block;
}
.promotion02.listType1 .swiper-slide {
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0;
    margin-bottom: 24px;
	overflow: hidden;
}
.promotion02.listType1 .swiper-slide:last-child {
	margin-bottom: 0;
}
.promotion02.listType1 .thumb {
    float: left;
    width: 208px;
    margin: 0 32px 0 0;
}
.promotion02.listType1 .prdName {
    width: 100%;
    margin-left: 0;
}

.hotDeal .swiper-button-prev,
.hotDeal .swiper-button-next {
    display: none;
}
.hotDeal .swiper-wrapper {
    display: block;
}
.hotDeal .swiper-container {
    margin-top: -25px;
}
.hotDeal .swiper-slide {
    float: left;
    width: 514px;
    height: auto;
    margin-top: 25px;
    cursor: pointer;
}
.hotDeal .swiper-slide:nth-child(2n+1) {
    margin-right: 22px;
}

.priceSection ul {
    overflow: hidden;
}
.priceSection li {
    position: relative;
    float: left;
    width: 246px;
    margin-left: 22px;
    margin-bottom: 40px;
}
.priceSection li:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}
.priceSection li img {
	width: 100%;
}

.brandWeek .banner {
  width: 100%;
  cursor: pointer;
}
.brandWeek .sectionTitle,
.brandWeek .sectionSubTitle,
.brandWeek .desc,
.brandWeek .brandBox {
	width: 100%;
}
.brandWeek .desc {
    font-size: 16px;
    font-weight: 500;
    color: #4e4e4e;
    margin: 25px auto 35px;
    line-height: 1.5;
}

.brandWeek .swiper-slide {
    width: 246px;
    margin-right: 22px;
}
.brandWeek .prdBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.brandWeek .thumb {
    width: 100%;
}

.brandWeek li {
    float: left;
    width: 50%;
}
.brandWeek li .thumb {
    float: left;
    width: 104px;
    margin-right: 20px;
}

.synergyPrd {
    overflow: hidden;
}
.synergyPrd > h3 {
    margin: 22px auto;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #000;
}

.prdBox,
.priceSection li,
.promotion02 .swiper-slide {
    cursor: pointer;
}

.searchBox .price {
  margin-left: 12px;
}

.hotDeal .prdBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
}
.hotDeal .thumb {
  float: none;
  width: 100%;
}

.week5 .thumb img {
	width: 100%;
}

.week5 ul {
    padding-top: 28px;
    padding-bottom: 60px;
    background-color: #fff;
}
.week5 li {
    position: relative;
    border-bottom: 1px solid #efefef;
    width: 850px;
    margin: 0 auto;
    overflow: hidden;
    padding: 3px 0 20px;
}
/* .week5 li:last-child {
	border-bottom: 0;
	padding-bottom: 35px;
} */
.week5 li small {
    font-size: 22px;
}
.week5 .priceBox {
	float: right;
    display: inline-block;
	position: relative;
    top: 23px;
}
.week5 .priceBox br {
    display: inline-block !important;
    content: " ";
    padding: 0 0 0 10px;
 }
 .week5 li .prdName {
    display: inline-block;
    letter-spacing: -0.5px;
    margin-top: 20px;
    max-width: 520px;
}
.week5 li .sale {
    font-size: 17px;
    margin-right: 4px;
}
.week5 li .price {
    float: right;
    position: relative;
    top: -4px;
    font-size: 13px;
	letter-spacing: 0;
}

.searchBox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 1050px;
    max-height: 400px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding: 12px 0;
}
.searchBox li {
    flex: 0 0 72px;
    width: 488px;
    height: 72px;
    line-height: 1.4;
    align-content: flex-start;
    counter-increment: num;
}
.searchBox li:nth-child(n+6) {
    margin-left: 73px;
}
.searchBox li .prdName {
    position: relative;    
    float: left;
    width: 350px;
    padding-left: 56px;
    font-weight: 500;
}

.searchBox.wide li {
    width: auto;
}
.searchBox.wide li .prdName {
    width: auto;
    max-width: 900px;
}
.searchBox li .prdName::before {
    position: absolute;
    left: 0;
    top: 50%;
    font-family: 'Jost';
    font-size: 23px;
    font-weight: 500;
    width: 56px;
    content: counter(num);
    color: #2a2a2a;
    text-align: center;
    z-index: 2;
    transform: translateY(-50%);
    margin-top: 1px;
}
.searchBox li p {
    position: relative;
    top: 13px;
    float: right;
}
.searchBox li p .price {
    display: block;
    text-align: right;
    margin: 0;
}
.searchBox li p .price::before {
    width: 0;
    height: 0;
}
.searchBox li p .price i {
    position: relative;
}
.searchBox li p .price i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #b9b9b9;
}

.allView {
    display: block;
    display: none;
    width: 240px;
    height: 72px;
    line-height: 72px;
    padding: 0 0 0 10px;
    margin: 20px auto 0;
    border-radius: 36px;
    background-color: #f2b1ec;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.promotion01 .allView {
	margin-top: -50px
}
.allView:focus,
.allView:active,
.allView:hover {
	color: #fff;
}
.allView::after {
	content: '';
	display: inline-block;
	position: relative;
    top: 9px;
    margin-left: 14px;
	width: 40px;
	height: 40px;
    background-image: url("/include/common/m/img/ico_more_right.png");
    background-size: 40px auto;
    background-position: 50%;
    background-repeat: no-repeat;
}

.sticker {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    padding: 6px 10px 7px 9px;
    background-color: #ff6a71;
    overflow: hidden;
}

/* Rolling Popup */
.rollingPop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 720px;
    /* height: 100vh; */
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1001;
    cursor: pointer;
    margin: 0;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}
.rollingPop .popContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
}
.rollingPop .popContent .swiper-container {
    margin-bottom: -6px;
}
.rollingPop .popContent .swiper-slide img {
	width: 100%;
}
.rollingPop .swiper-pagination {
  display: none;
}
.rollingPop .swiper-pagination.swiper-pagination-fraction {
  display: block;
  left: auto;
  right: 32px;
  bottom: auto;
  top: 32px;
  width: auto;
  height: 48px;
  line-height: 43px;
  padding: 0 26px;
  border-radius: 24px;
  background-color: rgba(0,0,0,0.5);
  font-family: 'Jost';
  font-size: 20px;
  font-weight: normal;
  color: #ccd0d1;
}
.rollingPop .swiper-pagination span {
  position: relative;
  top: 2px;
  font-family: 'Jost';
  font-size: 22px;
  font-weight: normal;
  color: #ccd0d1;
}
.rollingPop .swiper-pagination span.swiper-pagination-current {
  color: #fff;
}
.rollingPop .popBottom {
	position: relative;
	width: 100%;
	height: 128px;
	line-height: 128px;
	background: #fff;
	font-family: 'Noto Sans KR';
	font-size: 24px;
	font-weight: 400;
	color: #848484;
	padding: 0 32px;
	box-sizing: border-box;
}
.rollingPop .popBottom input {
    position: absolute;
    opacity: 0;
}
.rollingPop .popBottom label {
    display: inline-block;
    height: inherit;
}
.rollingPop .rollingPopClose {
    position: absolute;
    right: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    height: inherit;
    padding: 0 30px;
    background: transparent;
}

/* 감사제용 스타일 */
.gratitude .mainMenu {
    background: #da2222;
}
.gratitude .mainMenu .swiper-slide:not(.active) {
    color: #ffa2a2;
}
.gratitude .priceSection > h3 {
    background-color: #da2222 !important;
}
.gratitude .allView {
	background-color: #ccd0d1;
}

.wapper{ max-width:1050px; margin:0 auto; width:90%}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.cent01{ width:100%}
.cent01 img{ width:100%; vertical-align:bottom;}
.cent02-bg{ background:#faf9f7; padding:3% 0;}
.cent02{color:#343434;}
.cent02 h2{ width:10%; font-size:20px;  font-weight:bold; float:left}
.cent02 .cent02-l{ float:right; display:block; width:87%;}
.cent02 .cent02-l h1{ font-weight:normal; font-size:26px}
.cent02 .cent02-l ul li{display: flex;justify-content: space-between;align-items: flex-start; margin-top:4%;}
.cent02 .cent02-l ul li em{ width:34px; height:34px;  display: flex; justify-content: center;  align-items: center; border-radius:50%; background:#dff3fa}
.cent02 .cent02-l ul li .equ{ width:94%; line-height:1.5}
.cent02 .cent02-l ul li .equ h3{ font-size:17px; font-weight:bold;}
.cent02 .cent02-l ul li .equ span{ font-size:15px; }


.cent03-bg{ background:#223f85; padding:3% 0; color:#fff; text-align:center;}
.cent03>h2{ font-size:59px; font-weight:bold; display:block;}
.cent03>span{ font-size:20px;display:block;word-spacing: 8px; font-weight:300; display:block; margin-top:2%}
.cent03>h1{ font-size:36px;display:block; font-weight:300; display:block; margin-top:3%}
.cent03>h3{ font-size:30px; font-weight:bold; display:block;margin-top:1%}
.cent03>ul{ display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap; }
.cent03>ul>li{ width:49%;display: flex; align-items: center;justify-content: space-between; background:#fff; color:#333; margin-top:2%}
.cent03>ul>li .img{ width:50%}
.cent03>ul>li .img img{ width:100%; vertical-align:bottom;}
.cent03>ul>li .cent03r{ width:50%; box-sizing:border-box; padding:5%; text-align:left;}
.cent03>ul>li .cent03r h4{font-size: 16px;display:block;line-height: 1.5;}
.cent03>ul>li .cent03r h5{ font-size:31px; display:block; font-weight:bold;}
.ppe{ text-align:center; font-size:19px; display:block; margin-top:4%}
.ppe span{ font-weight:300; display:block; line-height:1.5}
.ppe em{ font-size:16px; opacity:0.7; display:block; margin-top:2%}
.sp_header{ display:none}
.sjj_nav{ display:none}
.top02{ display:none;}

.cent05{ width:90%; max-width:1300px; margin:0 auto;}
.cent05-l{    float: left;
    position: relative;
    z-index: 2;
    width: 61%; overflow:hidden;
}
.cent05-l .mySwiper{ margin-top:10px}
.cent05-l img{ width:100%;}
.cent05-r {float:right; width:35%;}
.cent05-r {color:#333; text-align:left;}
.cent05-r h2 {padding:12px 0 15px; font-size:45px; font-weight:700; letter-spacing:-0.08em; line-height: 1.3;}
.cent05-r_txt {font-size:28px; line-height:36px; text-align:left;letter-spacing:-0.08em;}
.cent05-r dl {min-height:250px; font-size:17px; line-height:24px; letter-spacing:-0.05em;}
.cent05-r dt {padding-top:25px; font-weight:500; text-transform: uppercase;}
.cent05-r dd {padding-top:5px;}
.cent05-r .price {margin-top:10px; margin-right:-35px; font-size:36px; line-height:1.2; font-weight:700; letter-spacing:-0.05em;}
.cent05-r .price span {font-size:29px; font-weight:300; letter-spacing:-0.06em; display: inline-block; line-height: 1.2;}
.cent05-r .price em {font-size:24px; font-weight:300; letter-spacing:-0.04em;}
.cent05-r .price em.price {
	position: relative;
	margin-top:10px;
	margin-right:15px;
	font-size:36px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:-0.05em;
}
.cent05-r .price em.price:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background: #ff0000;
	top: 50%;
	padding-right: 8px;
}
.cent05-r .etc {
    display: block;
    font-size: 18px;
    color: #333;
    margin: 15px 0 20px;
}

.allMenu{ display:none}
@media only screen and (max-width: 980px) {
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;  display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.top{ display:block; height:50px}

	/*#header{ display:none;}*/
	#lnb{ width:90%;}
	.global_eng #lnb > ul > li > a{ padding:5px 10px}
	.cent02 h2{ float:none; display:block; width:100%}
	.cent02 .cent02-l{ float:none; display:block; width:100%; margin-top:5%}
	.cent03>ul>li{ width:100%; margin-top:5%}
	.cent03-bg{ padding:5% 0;}
	.cent02-bg{ padding:5% 0;}
	.locationInfo{width:90%;}
	.branchInfoInner{width:90%;}
	#wrap, footer{min-width:inherit;}
	.branchContact{ position:inherit;}
	.footerMenu{ margin-top:5%;}
	.locationInfo .hours{ margin-left:0}
	
	.mainMenu .swiper-container{ width:90%;}
	.mainSection{width:90%;overflow:hidden}


	.cent05-l{ float:none; display:block; width:100%}
	.cent05-r{ float:none; display:block; width:100%; margin-top:5%}
	
	
	
	
	
	
	
	
	/*头部*/
	#header {
    position: relative;
}
/*#header.fixed_top {
    top: -96px;
	transition: all 0s ease;
    -webkit-transition: all 0s ease;
}*/

#header {
  position:fixed;
  top:0;
  left:0;
  right: 0;
  width:100%;
  max-width:720px;
  z-index:31;
  margin: 0 auto;
}
#header.fixed_top {
  top:-54px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

#header {
  background-color: #fff; min-width:inherit;
}
.header_top {
  position:relative;
  height:52px;
  background:#fff;
}
.header_top h1 {
  float:left;
  position: relative;
  top: 13px;
  margin-left:16px;
}
.header_top h1 img {
  width: 78px;
}
#main {
	/*min-height: 100vh;*/
	background: #fcedfe;
	/*padding-bottom: 166px;*/
}
#main_visual{
    position:relative;
    z-index:1;
    width:100%;
    height:auto;
    margin-top:96px; 
}
#main_visual img {
    width:100%;
}
#main_visual .swiper-container:not(.swiper-container-horizontal) .visual-pagination-box {
    display: none;
}
#main_visual .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
	margin:0 10px;
    background: #fff;
    opacity: .4;
}
#main_visual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
/*#main_visual .swiper-button-next,
#main_visual .swiper-button-prev,
.promotion02 .swiper-button-next,
.promotion02 .swiper-button-prev,
.hotDeal .swiper-button-next,
.hotDeal .swiper-button-prev,
.brandBox .swiper-button-next,
.brandBox .swiper-button-prev {
    display: none;
}*/
#main_visual .swiper-pagination {
  left: auto;
  right: 16px;
  bottom: 16px;
  width: auto;
  height: 24px;
  line-height: 23px;
  padding: 0 13px;
  border-radius: 24px;
  background-color: rgba(0,0,0,0.5);
  font-family: 'Jost';
  font-size: 11px;
  font-weight: normal;
  color: #ccd0d1;
}
#main_visual .swiper-pagination span {
  position: relative;
  top: 1px;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  color: #fff;
}

.lang {
  float: left;
  position: relative;
  z-index: 2;
  /*width: calc(100% - 122px);*/
  width: 90px;
  max-width: 290px;
  margin: 10px 0 0 12px;
}
.lang > em {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    border-radius: 8px;
    border: solid 1px #f6d6f3;
    background-color: #fff8fe;
    background-image: url("../images/ico_global.png");
    background-size: 16px auto;
    background-position: 8PX 50%;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: left;
    color: #e876dd;
    padding-left: 30px;
}
.lang.on > em {
  border-radius: 8px 8px 0 0;
}
.lang > em::after {
  content: '';
  width: 8px;
  height: 4px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -1px;  
  background-image: url("../images/ico_arrow_down.png");
  background-size: 8px auto;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.lang.on > em::after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.lang > ul {
  display: none;
  position: absolute;
  top: 36px;
  width: 100%;
  margin: 0;
  border-radius: 0 0 8px 8px;
  border: solid 1px #f6d6f3;
  border-top: 0;
  background-color: rgba(255,255,255,0.8);
}
.lang > ul li {
  height: 44px;
}
.lang > ul li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: normal;
  text-align: center;
  color: #757d86;
}
.lang > ul li.active a {
  color: #e876dd;
}

.lang.branch {
	width: 140px;
}
.lang.branch > em {
    background-image: none;
    padding-left: 12px;
}
	
	
	nav {
  position: relative;
  height: 44px; width:100%;
}
nav .swiper-container{ width:auto;}
nav .swiper-slide {
  width: auto;
  height: inherit;
  margin-right: 16px; margin-left:0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
}
nav .swiper-slide.locations {
    line-height: 44px;
}
nav .swiper-slide:first-child {
  margin-left: 16px;
}
nav .swiper-slide a {
  display: block;
  position: relative;
  line-height: 44px;
}
nav .swiper-slide.active a {
  color: #e876dd;
  font-weight: bold;
}
nav .swiper-slide.active a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e876dd;
}
.allMenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    background: #fff url("../images/ico_allMenu.png");
    background-size: 18px auto;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    color: transparent;
	z-index: 1;
	box-shadow: -6px 0px 6px 0px #fff; display:block
}
#gnb .allMenuClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 96px;
    background: url("../images/ico_allMenu_close.png");
    background-size: 30px auto;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    color: transparent;
	z-index: 1;
	display:block
}
#gnb {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
    height: 100vh;
    background: #fff;
    z-index: 2;
}
#gnb .top {
    height: 96px;
    line-height: 96px;
    background: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #2a2a2a;
    position: fixed;
    top: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    max-width: 720px;
}
#gnb .gnb_menu {
    height: calc(100vh - 96px);
    overflow: hidden;
    overflow-y: auto;
    margin-top: 96px;
}
#gnb .gnb_menu > li > a {
    display: inline-table;
    width: 100%;
    vertical-align: top;
    height: 110px;
    position: relative;
    padding-left: 30px;
    font-size: 28px;
    font-weight: 600;
    color: #2a2a2a;
    background: #fff;
}
#gnb .gnb_menu > li > a span {
    display: table-cell;
    vertical-align: middle;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
	line-height: 1.3;
    padding-right: 96px;
}
#gnb .gnb_menu > li > a::before,
#gnb .gnb_menu > li > a::after {
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: 2px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    content: '';
    width: 24px;
    height: 3px;
    background: #2a2a2a;
}
#gnb .gnb_menu > li > a::before {
    opacity: 1;
    -moz-transform: rotate(-90deg) translateY(-50%);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    right: 38px;
    margin-top: 0;
}
#gnb .gnb_menu > li.on > a::before {
    opacity: 0;
}
#gnb .sub {
    display: none;
    padding: 30px 0;
    background: #f9f9f9;
}
#gnb li.on .sub {
    display: block;
}

#gnb .sub li {
    display: inline-table;
    width: 100%;
    vertical-align: top;
    height: 80px;
}
#gnb .sub a {
    display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
    padding-left: 60px;
    font-size: 28px;
    font-weight: 500;
    color: #848484;
}

#lnb {
    position: relative;
    z-index: 10;
    width: calc(100% - 30px);
    max-width: calc(720px - 30px);
    height: 34px;
    margin: 120px auto -63px;
}
#lnb > ul {display:inline-block; width:100%; border:1px solid #c1c1c1;}
#lnb > ul > li {position:relative; float:left; width:50%;}
#lnb > ul > li.s02 {width:50%; border-left:1px solid #c1c1c1;}
#lnb > ul > li > a {
    position: relative;
    display: inline-table;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
	width: 100%;
    height: 40px;
    background: #fff;
    letter-spacing: -1px;
    vertical-align: top;
}
#lnb > ul > li > a span {
    display: table-cell;
    vertical-align: middle;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
	line-height: 1.1;
    padding-right: 20px;
}
#lnb > ul > li > a:after {position:absolute; top:50%; right:10px; width:13px; height:7px; margin-top:-4px; background:url('../images/ico_lnb_arrow.png') no-repeat; background-size:100% auto; content:'';}
#lnb > ul > li.on > a:after {background-image:url('../images/ico_lnb_arrow.png');}
#lnb > ul > li.s01 > a {background:#faf9f7;}
#lnb > ul > li > a span {
}
#lnb .sub {display:none; position:absolute; top:41px; left:-1px; right:-1px; padding:10px 0; border:1px solid #c1c1c1; border-top:0; background:#fff;}
#lnb .sub li {
    display: inline-table;
    height: 35px;
    width: 100%;
    vertical-align: top;
}
#lnb .sub a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    color: #353535;
    line-height: 1.2;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#lnb .sub a:hover {color:#333; background:#faf9f7;}
#lnb li.s02 .sub a:hover {background:#faf9f7;}
#lnb .sub a:after {position:absolute; top:50%; right:12px; width:7px; height:11px; margin-top:-3px;}
#lnb li.on .sub {display:block;}
	}
	
	
	
	@media screen and (max-width: 320px) {
	.lang {
		width: 90px;
	}
	.lang.branch {
		width: 110px;
		margin-left: 6px
	}
	.lang.branch > em {
		padding-left: 7px;
	}
	.lang > em,
	.lang > ul li a {
		font-size: 12px;
	}
	.lang > em::after {
		right: 7px;
	}
}


@media screen and (max-width: 640px) {
	#gnb .top {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}
	#gnb .allMenuClose {
		width: 48px;
		height: 48px;
		background-size: 16px auto;
	}
	#gnb .gnb_menu {
		height: calc(100vh - 48px);
		margin-top: 48px;
		padding:0; display:block;
	}
	#gnb .gnb_menu > li{    flex: none;
    width: 100%;}
	#gnb .gnb_menu > li > a {
		font-size: 18px;
		height: 55px;
		padding-left: 15px;
	}
	#gnb .gnb_menu > li > a span {
		padding-right: 45px;
	}
	#gnb .gnb_menu > li > a::before,
	#gnb .gnb_menu > li > a::after {
		width: 14px;
		height: 2px;
		right: 16px;
	}
	#gnb .gnb_menu > li > a::before {
		right: 15px;
	}
	#gnb .gnb_menu > li > a::after {
		margin-top: 1px;
	}
	#gnb .sub {
		padding: 15px 0;
	}
	#gnb .sub li {
		height: 44px;
	}
	#gnb .sub a {
		padding-left: 30px;
		font-size: 16px;
	}

	#lnb > ul > li > a {
		font-size: 14px;
	}
	#lnb .sub a {
		font-size: 13px;
	}
	.promotion02 .swiper-container, .brandWeek .swiper-container{ width:100% !important;}
}