@charset "utf-8";

/* width */
.w53{width: 53%;}
.w54{width: 54%;}
.w55{width: 55%;}

/* padding */
.pt20{padding-top: 20px !important;}

/*sign in*/
.type-signin .btn-tooltip {padding-right: 18px;}

/* button */
.wrap-small-delete {display: block; text-align: right;}
.wrap-small-delete .btn-delete{padding: 17px;color: #666; margin-right: -9px;}
.wrap-small-delete .btn-delete .inner{position: relative;display: inline-block; }
.wrap-small-delete .btn-delete:before{content: '';position: absolute;left: 8px;top: 50%;width: 17px;height: 1px;margin-top: -1px;background-color: #555;transform: rotate(45deg);}
.wrap-small-delete .btn-delete:after{content: '';position: absolute;left: 8px;top: 50%;width: 17px;height: 1px;margin-top: -1px;background-color: #555;transform: rotate(-45deg);}

/* icon */
.icon-new:after {content: 'N'; display: inline-block; margin-left: 5px; width: 15px; height: 15px; line-height: 15px; text-align: center; background-color: #fff; border: 1px solid #f27370; border-radius: 2px; color:#f27370;  font-size:0.5rem; font-weight: bold;  }

/* nav-util & button */
.btn-sign.sign-in {padding: 18px 0px 0 9px;height: 30px;font-size: 0.75rem;font-weight: normal; color: #141414; text-transform: uppercase;}
/* .btn-sign.sign-in::before {z-index: -2;} */
/* .btn-sign.sign-in::after {content: "";position: absolute;left: 22px;top: 16px;width: 12px;height: 12px;background-color: #fff;z-index: -1;} */
.btn-sign.sign-out {width: 30px; height: 30px; padding:0px; text-indent: -9999px;}
.btn-sign.sign-out::after {content: none;}

.btn-recently{width: 30px;height: 30px;position: relative;}
.btn-recently::before{content: "";position: absolute;left: 0;top: 0;display: block;width: 30px;height: 30px;background:#fff url(../../resources/images/common/sp_common.png) -159px -109px no-repeat;}
.btn-recently .img-badge {position: absolute; overflow: hidden;top: 7px;left: 2px; width: 22px; height: 22px;}
.btn-recently .img-badge img {width: 22px; height: 22px;}

.btn-language{padding:0 15px 0 0;height: 30px;font-size: 0.75rem;font-weight: normal; letter-spacing: -0.36px;color: #141414; }
.btn-language::before {content: "";position: absolute;right: 0px;top: 11px;width: 6px;height: 6px;background-color: #141414; transform: rotate(45deg);}
.btn-language::after {content: "";position: absolute;right: -2px;top: 9px;width: 12px;height: 5px;background-color: #fff; }

.list-btn-language{}
.list-btn-language-item{padding: 12px 0;border-top: 1px solid #e0e0e0;}
.list-btn-language-item:first-child{border-top: none;}
.list-btn-language-item > a:hover{color: #a4d233;font-weight: 500;}


/* Address list */
.prd-list.type-address {padding-top: 32px;}
.prd-list.type-address .prd-list-header {border-top: 2px solid #d6d6d6;}
.prd-list.type-address .wrap-prd-list {display: table;width: 100%;padding: 20px 0;}
.prd-list.type-address .wrap-prd-list .prd-list-contents {display: table-cell;vertical-align: middle;padding: 0 10px;}
.prd-list.type-address .prd-list-contents.prd-list-events{float: none;text-align: center;font-size: 0.9375rem;}
.prd-list.type-address .prd-list-contents.prd-list-recipient{float: none;text-align: center;font-size: 0.875rem;}
.prd-list.type-address .prd-list-contents.prd-list-address{float: none;text-align: left;font-size: 0.875rem;padding: 0 20px;}
.prd-list.type-address .prd-list-contents.prd-list-contactIinfo{float: none;text-align: center;font-size: 0.875rem;}
.prd-list.type-address .prd-list-contents.prd-list-manage{float: none;text-align: right;font-size: 0.875rem;}

/* Address Shipping information*/
.wrap-country-select {background-color: #f5f5f5; padding: 16px;}
.wrap-country-select .form-group .form-control {width: 240px;}

/* Deactivate Account */
.wrap-deactivate-list .membership-txt {padding: 30px 0 14px;font-size:0.875rem;font-weight:normal;}
.wrap-deactivate-list .help-txt {padding-top: 30px;font-size:0.875rem;font-weight:normal; text-align: center;}
.wrap-deactivate-list .deactivate-list{background-color:#f5f5f5; padding: 20px 15px 27px 20px; font-size: 0.8125rem;}
.wrap-deactivate-list .deactivate-list-item{position: relative;padding: 8px 0 0 8px;line-height: 1.4;font-size: 0.8125rem;color: #3d3d3d;}
.wrap-deactivate-list .deactivate-list-item::before{content: '';display: block;position: absolute;left: 0;top: 15px;width: 4px;height: 4px;border-radius: 2px;background-color: #707070;}
.wrap-deactivate-list + .wrap-page-btn {padding-top: 30px;}

/* Restock Notification */
.txt-notification {padding-top: 30px; padding-bottom: 10px; font-size: 0.875rem;color: #666;}
.txt-notification + .prd-list-header {border-top: 2px solid #d6d6d6 !important;}

/* Abib */
.wrap-abib-list {margin-top: 20px;}

/* BRANDS */
.wrap-featured-brands .featured-title {padding: 34px 0 24px 0;text-align: center;}
.wrap-featured-brands .featured-title h3{font-size: 1.375rem;font-weight: 500;color: #000;}
.wrap-featured-brands .swiper-container {padding-left: 152px; padding-right: 152px;}
.wrap-featured-brands .swiper-container:before {content: '';display: block;position: absolute;left: 0px;top: 0px; width: 160px; height: 120px; background-color: #fff; z-index: 9;}
.wrap-featured-brands .swiper-container:after {content: '';display: block;position: absolute;right: 0px;top: 0px; width: 160px; height: 120px; background-color: #fff; z-index: 9;}
.wrap-featured-brands .swiper-container .swiper-slide {height: 120px; text-align: center;}
.wrap-featured-brands .swiper-container .swiper-button-next, .wrap-featured-brands .swiper-container .swiper-button-prev {width: 44px; height: 44px; padding: 0px; margin: 0px; background-color: #c5c5c5; border-radius: 44px;}
.wrap-featured-brands .swiper-container .swiper-button-next:after {content: '';position: absolute;left: 13px;top: 15px;display: block;width: 12px;height: 12px;transform: rotate(135deg);border-left: 2px solid #fff;border-top: 2px solid #fff;}
.wrap-featured-brands .swiper-container .swiper-button-prev:after {content: '';position: absolute;left: 18px;top: 15px;display: block;width: 12px;height: 12px;transform: rotate(315deg);border-left: 2px solid #fff;border-top: 2px solid #fff;}
.wrap-featured-brands .swiper-container .swiper-button-next {right: 74px;top: 37px;}
.wrap-featured-brands .swiper-container .swiper-button-prev {left: 74px;top: 37px;}

.wrap-list-brands {margin-top: 10px;}
.wrap-list-brands .brands-fix-zone {overflow: hidden; height:85px; }
.wrap-list-brands .brands-fix-zone h3 {float: left; width: 172px; height: 65px; line-height: 65px; text-align: center; background-color: #a869d4; font-size: 1rem; font-weight: bold; color: #fff;}
.wrap-list-brands .brands-fix-zone .area {float: left; width: calc(100% - 172px); height: 65px; text-align: left; background-color: #f5f5f5; padding-left: 20px; padding-top: 20px;}
.wrap-list-brands .brands-fix-zone .area .scroll-brands {float: left; width: 25px; height: 25px; margin-right: 8px; background-color: #fff; border: 1px solid #e0e0e0; text-align: center; line-height: 25px; font-size:0.75rem; color:#141414;}
.wrap-list-brands .brands-fix-zone .area .scroll-brands.on {background-color: #555; border: 1px solid #555;color:#fff;}
.wrap-list-brands .brands-fix-zone .area .disabled {opacity: 0.5; pointer-events: none;}

.wrap-list-brands .brands-con-zone {overflow: hidden; text-align:left; }
.wrap-list-brands .brands-con-zone li {width: 100%; overflow: hidden; border-top: 2px solid #737373; margin-bottom: 80px; }
.wrap-list-brands .brands-con-zone li:first-child {margin-top: 20px;}
.wrap-list-brands .brands-con-zone h4 {float: left;padding-left: 24px;padding-top: 25px;width: 102px;color: #222;font-size: 45px;font-weight: 600;color: 141414;}
.wrap-list-brands .brands-con-zone .area {float: right;width: calc(100% - 102px);border-bottom: 1px solid #e0e0e0;}
.wrap-list-brands .brands-con-zone .area a {float: left;margin-bottom: -1px;width: 175px;height: 50px;line-height: 50px;padding: 13px 0 0 20px;color: #222;font-size: 0.875rem;font-weight: 500;line-height: 22px;border-bottom: 1px solid #e0e0e0;}
.wrap-list-brands .brands-con-zone .area a > span{display: inline-block;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;}
.wrap-list-brands .brands-con-zone .area a > span.icon-new{padding-right: 20px;}
.wrap-list-brands .brands-con-zone .area a > span.icon-new:after{position: absolute;right: 0;top: 3px;}
.wrap-list-brands .brands-con-zone .area a:hover, .wrap-list-brands .brands-con-zone .area a:focus {color: #f27370;}

.wrap-list-brands .top-bar{position:fixed; top:0; left:50%; margin-left: -576px; width:1152px; z-index: 9999;}
.wrap-list-brands .top-pdt{padding-top:85px;}

/* modal Recently Viewed */
.wrap-recently-viewed .help-recently {display: block; overflow: hidden; padding: 30px 0 0px;}
.wrap-recently-viewed .help-recently .pull-left {font-size: 0.875rem; color: #666;}

/* error */
.error-page header {position: relative; height:89px; background-color: #fff; border-bottom: 1px solid #e0e0e0;background: #fff url(../../resources/images/common/logo.svg) center 22px no-repeat;}/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */

.wrap-error {padding-top: 99px;}
.wrap-error .error-icon {position: relative; display: block; width: 100%;height:177px; background: url(../../resources/images/common/ico_error_pc.png) center 0 no-repeat; background-size:257px;}
.wrap-error .error-icon:before {content: ' ';display: block; width: 10px; height: 10px;}
.wrap-error .error-icon.bg-404 {position: relative; display: block; width: 100%;height:191px; background: url(../../resources/images/common/ico_error_404.png) center 0 no-repeat; background-size:297px;}
.wrap-error .error-icon.bg-404:before {content: ' ';display: block; width: 10px; height: 10px;}
.wrap-error .error-icon.bg-system {position: relative; display: block; width: 100%;height:168px; background: url(../../resources/images/common/ico_error_system.png) center 0 no-repeat; background-size:240px;}
.wrap-error .error-icon.bg-system:before {content: ' ';display: block; width: 10px; height: 10px;}

/* 05.31 수정  */
.wrap-error .error-icon.ty-empty {position: relative; display: block; width: 100%;height:213px; background: url(../../resources/images/common/ico_empty_pc.png) center 0 no-repeat; background-size:329px;}

.wrap-error .error-title h3 {padding-top: 54px;font-size:1.875rem; font-weight: normal; color: #141414; text-align: center;}
html[lang="jp"] .wrap-error .error-title h3 {font-family: inherit;}
.wrap-error .area-body {padding-top: 26px;font-size:1rem; font-weight: 300; color: #666; line-height: 1.19; text-align: center;}
.wrap-error .area-body .error-txt {}

/* 05.31 수정  */
.wrap-error .error-icon.ty-empty + .error-area h3 {padding-top: 40px;}

.wrap-error .error-area {font-size:1rem; font-weight: 300; color: #666; line-height: 1.19; text-align: center;}
.wrap-error .error-area h3 {padding-top: 54px;padding-bottom: 26px; font-size:1.875rem; font-weight: normal; color: #141414; text-align: center;}
html[lang="jp"] .wrap-error .error-area h3 {font-family: inherit;}
.btn-group.type-error {padding-top: 30px;}
.btn-group.type-error a {min-width: 250px; margin: 0px 5px; border-radius: 0px;}

.wrap-error .error-area dl {margin: 0 auto; margin-top: 24px; padding: 22px 30px 20px; width:560px; min-height: 110px; background-color: #f1f1f1; text-align: left;font-size: 1rem; font-weight: normal; line-height: 1.56; color: #3d3d3d; border-radius: 5px;}
.wrap-error .error-area dl dt {font-weight: normal;}
.wrap-error .error-area dl dd {margin-top: 2px;}
.wrap-error .error-area dl dd p + p {margin-top: 2px;font-size: 0.75rem;font-weight: normal; color: #888;}

/* app download */
.wrap-download {position: relative; min-height: 500px; background: url(../../resources/images/common/bg_download_02.png) 100px top no-repeat;}
.wrap-download:before {content: '';display: block;position: absolute;right: -25px;top:0px; width: 205px; height: 86px; background: url(../../resources/images/common/bg_download_03.png) 0 0 no-repeat;}
.wrap-download:after {content: '';display: block;position: absolute;left: -74px;bottom:-60px; width: 146px; height: 65px; background: url(../../resources/images/common/bg_download_04.png) 0 0 no-repeat; }
.wrap-download .app-icon {position: relative; display: block; width: 100%; margin-top: 14px; height:550px; background: url(../../resources/images/common/bg_download_01.png) center 0 no-repeat; background-size:800px;}
.wrap-download .app-icon:before {content: ' ';display: block; width: 10px; height: 10px;}
.wrap-download .app-title h3 {padding-top: 98px;font-size:1.875rem; font-weight: bold; color: #171717;line-height: 1.2; text-align: center;}
html[lang="jp"] .wrap-download .app-title h3 {font-family: inherit;}
.wrap-download .app-title h3 .t_color {color: #9bce26;}
.wrap-download .area-body {padding-top: 26px;font-size:1rem; font-weight: 300; color: #666; line-height: 1.25; text-align: center;}
.wrap-download .area-body .app-txt {}

.wrap-download .app-area {font-size:1rem; font-weight: 300; color: #666; line-height: 1.25; text-align: center;}
.wrap-download .app-area h3 {padding-top: 98px; padding-bottom: 26px; font-size:1.875rem; font-weight: bold; color: #171717;line-height: 1.2; text-align: center;}
html[lang="jp"] .wrap-download .app-area h3 {font-family: inherit;}
.wrap-download .app-area h3 .t_color {color: #9bce26;}

.btn-group.type-download {padding-top: 0px;}
.btn-group.type-download a {min-width: 368px; height: 50px; margin: 0px 7px; background-color:#3d3d3d; border-radius: 25px !important;}
.btn-group.type-download a.btn-app-store .icon {position: relative; display: block; margin: 0 auto; width: 200px; height: 50px; background: url(../../resources/images/common/btn_download_01.png) left 30px top 9px no-repeat; background-size: 32px; }
.btn-group.type-download a.btn-app-store .icon:before {content: 'Download on the'; position: absolute; display: inline-block; left: 70px; top: 9px; font-family: Roboto; font-size: 0.75rem; font-weight: normal; line-height: 1.17; color: #fff;}
.btn-group.type-download a.btn-app-store .icon:after {content: 'App Store'; position: absolute; display: inline-block; left: 70px; top: 22px; font-family: Roboto; font-size: 1rem; font-weight: 500; line-height: 1.25; color: #fff;}
.btn-group.type-download a.btn-google-play .icon {position: relative; display: block; margin: 0 auto; width: 200px; height: 50px; background: url(../../resources/images/common/btn_download_02.png) left 30px top 9px no-repeat; background-size: 32px; }
.btn-group.type-download a.btn-google-play .icon:before {content: 'GET IT ON'; position: absolute; display: inline-block; left: 70px; top: 9px; font-family: Roboto; font-size: 0.75rem; font-weight: normal; line-height: 1.17; color: #fff;}
.btn-group.type-download a.btn-google-play .icon:after {content: 'Google Play'; position: absolute; display: inline-block; left: 70px; top: 22px; font-family: Roboto; font-size: 1rem; font-weight: 500; line-height: 1.25; color: #fff;}

/* MEMBERSHIP BENEFITS */
.contents-membership {}
.contents-membership .wrap-line-banner {margin-top: 30px;}
.contents-membership .wrap-contents-body .three-levels {position: relative; padding: 40px 19px 0px;  font-size: 0.875rem; font-weight: normal; line-height: 1.71; color: #141414;}
.contents-membership .wrap-contents-body .three-levels ul {position: relative;}
.contents-membership .wrap-contents-body .three-levels li {position: relative; margin-bottom: 1px; padding-left: 12px;}
.contents-membership .wrap-contents-body .three-levels li:before {content: '-'; position: absolute; display: inline-block; top: 0px; left: 0px;}

.contents-membership .wrap-contents-body .benefits-all {position: relative; margin-top: 40px; min-height: 84px; border-top: 2px solid #707070; border-bottom: 1px solid #e0e0e0;}
.contents-membership .wrap-contents-body .benefits-all h3 {position: absolute; left: 20px; top: 30px; font-size: 0.9375rem; font-weight: 500; line-height: 1.33; color: #141414;}
.contents-membership .wrap-contents-body .benefits-all ul {position: relative; padding: 30px 0 28px 246px; font-size: 0.9375rem; font-weight: normal; line-height: 1.43; color: #141414;}

.contents-membership .wrap-contents-body .notice-list {position: relative; margin-top: 20px; padding: 25px 19px 20px;  background-color: #f5f5f5; }
.contents-membership .wrap-contents-body .notice-list h3 {font-size: 0.9375rem; color: #141414;}
.contents-membership .wrap-contents-body .notice-list h4 {font-size: 0.875rem; color: #3d3d3d;}
.contents-membership .wrap-contents-body .notice-list h4:before {content: '!'; display: inline-block; vertical-align: text-bottom;padding: 1px 6px;margin-right: 5px;line-height: 1;font-size: 0.875rem;font-weight: 500;color: #f27370;background-color: #fff;border-radius: 3px;border: 1px solid #e0e0e0;}
.contents-membership .wrap-contents-body .notice-list .list-area {position: relative; padding-top: 15px;}
.contents-membership .wrap-contents-body .notice-list .list-area ul {position: relative; padding-top: 10px; font-size: 0.875rem; line-height: 18px; color: #666;}
.contents-membership .wrap-contents-body .notice-list .list-area ul li {position: relative; margin-bottom: 5px; padding-left: 10px;}
.contents-membership .wrap-contents-body .notice-list .list-area ul li:before {content: '-'; position: absolute; display: inline-block; top: 0px; left: 0px;}

.contents-membership .wrap-contents-body .level-list {position: relative; margin-top: 45px;}
.contents-membership .wrap-contents-body .level-list ul.list-area {display: flex; flex-wrap: wrap;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li {width: 33.3%;}
.contents-membership .wrap-contents-body .level-list .list-box {position: relative; overflow: hidden; width: 368px; min-height: 365px;border-radius: 10px;border: solid 1px #fa7871;}

.contents-membership .wrap-contents-body .level-list .list-box .box-head {position: relative; height: 146px; text-align: center; background: url(../../resources/images/common/bg_membership.png) right top no-repeat; background-color: #fa7871; color: #fff;}
.contents-membership .wrap-contents-body .level-list .list-box .box-head .ico-level {margin-top: 5px;}
.contents-membership .wrap-contents-body .level-list .list-box .box-head h3 {margin-top: 0px; font-size: 1.5rem;font-weight: 600;}
.contents-membership .wrap-contents-body .level-list .list-box .box-head p {margin-top: 6px; font-size: 1rem;font-weight: 300;line-height: 1.25;}

.contents-membership .wrap-contents-body .level-list .list-box .box-body {padding: 15px 20px 22px 20px; font-size: 0.875rem;font-weight: normal; line-height: 1.25; color: #141414;}

.contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area + .box-area {border-top: solid 1px #e0e0e0; margin-top: 7px;}
.contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area .tit {position: relative; font-size: 0.9375rem; padding: 17px 0 10px 30px; line-height: 25px;}
.contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area .tit:before {content: '';position: absolute; top:17px; left: 0px; display: inline-block; width: 24px; height: 24px; line-height: 25px; font-size: 0.875rem;font-weight: bold;color: #fff; text-align: center; background-color: #f27370;border-radius: 25px; }
.contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area.point .tit:before {content: 'P';}
.contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area.coupon .tit:before {content: 'C';}

/*PC웹 접근성 진단 보고서 131페이지 수정*/
.contents-membership .wrap-contents-body .level-list .list-box .box-body.type-label .box-area .tit:before {content: none;}
.contents-membership .wrap-contents-body .level-list .list-box .box-body.type-label .box-area .tit .b-badge {position: absolute; top:17px; left: 0px; display: inline-block; width: 24px; height: 24px; line-height: 25px; font-size: 0.875rem;font-weight: bold;color: #fff; text-align: center; background-color: #f27370;border-radius: 25px; }

.contents-membership .wrap-contents-body .level-list .list-box .box-body ul {position: relative; padding-left: 30px; font-size: 0.875rem; line-height: 18px; color: #141414;}
.contents-membership .wrap-contents-body .level-list .list-box .box-body ul li {position: relative; width: 100%; margin-bottom: 5px; padding-left: 10px;}
.contents-membership .wrap-contents-body .level-list .list-box .box-body ul li:before {content: '-'; position: absolute; display: inline-block; top: 0px; left: 0px;}

.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(1) .list-box {float: left; border: solid 1px #fa7871;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(2) .list-box {margin: 0 auto; border: solid 1px #9bce26;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(3) .list-box {float: right; border: solid 1px #f79bd3;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(1) .list-box .box-head {background-color: #fa7871;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(2) .list-box .box-head {background-color: #a9d219;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(3) .list-box .box-head {background-color: #f79bd3;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(1) .list-box .box-body .box-area .tit:before {background-color: #fa7871;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(2) .list-box .box-body .box-area .tit:before {background-color: #a9d219;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(3) .list-box .box-body .box-area .tit:before {background-color: #f79bd3;}

.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(1) .list-box .box-body.type-label .box-area .tit .b-badge {background-color: #fa7871;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(2) .list-box .box-body.type-label .box-area .tit .b-badge {background-color: #a9d219;}
.contents-membership .wrap-contents-body .level-list ul.list-area > li:nth-child(3) .list-box .box-body.type-label .box-area .tit .b-badge {background-color: #f79bd3;}

.contents-membership .wrap-benefits > ul {margin-top: 5px; position: relative; display: table; width: 100%; min-height: 288px; border-bottom: 1px solid #eee;}
.contents-membership .wrap-benefits > ul .coupon-area:after {content: '';display: block;position: absolute; right: 392px;top: 25px; width: 1px; height: 234px; background-color: #e0e0e0;}

.contents-membership .wrap-benefits > ul li.member-area {display: table-cell; width: calc(100% - 392px); padding: 20px 0; text-align: center;}

.contents-membership .wrap-benefits > ul li.member-area h3 {margin-top: 5px; font-size: 1.125rem; font-weight: 600; line-height: 1.33; color: #141414;}
.contents-membership .wrap-benefits > ul li.member-area .amount { margin-top: 35px; margin-bottom: 28px;  font-size: 0.875rem;font-weight: normal;line-height: 1.29; color: #141414;}

.contents-membership .wrap-benefits > ul li.member-area .progress {width: 560px; margin: 0 auto; height: 12px; border-radius: 12px;}
.contents-membership .wrap-benefits > ul li.member-area .progress .progress-bar {background-color: #9bce26; border-radius: 12px;}

.contents-membership .wrap-benefits > ul li.member-area .percentage-bar {padding-top: 20px; position: relative; width: 610px; height: 80px; margin: 0 auto;}
.contents-membership .wrap-benefits > ul li.member-area .percentage-bar li { font-size: 12px; font-weight: 500; line-height: 1.5; color: #949494;} /* PC웹 접근성 진단 보고서 130페이지 수정 */
.contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.welcome {position: absolute; top:30px; left: 0px;}
.contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.vip {margin: 0 auto; width: 100px;}
.contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.vvip {position: absolute; top:20px; right: 0px;}
.contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.on {color: #141414;}

.contents-membership .wrap-benefits > ul li.coupon-area {display: table-cell; width: 392px; padding: 20px 0; text-align: center;}
.contents-membership .wrap-benefits > ul li.coupon-area h3 {margin-top: 5px; margin-bottom: 26px;  font-size: 1.125rem; font-weight: 600; line-height: 1.33; color: #141414;}

.contents-membership .wrap-benefits > ul li.coupon-area dl {margin: 0 auto;width: 280px;height: 134px;padding-right: 20px;background: url(../../resources/images/common/sp_common.png) 0 -306px no-repeat;background-size: 500px;}
.contents-membership .wrap-benefits > ul li.coupon-area dl dt {padding-top: 27px;  font-size: 1.25rem; font-weight: bold; line-height: 0.67; color: #3d3d3d;}
.contents-membership .wrap-benefits > ul li.coupon-area dl dt .txt_pr{font-size: 2.25rem; padding-right: 10px;}
.contents-membership .wrap-benefits > ul li.coupon-area dl dd {font-size: 0.875rem;font-weight: 500;line-height: 1.29; color: #141414;}
.contents-membership .wrap-benefits > ul li.coupon-area dl dd p {padding-top: 10px;}
.contents-membership .wrap-benefits > ul li.coupon-area dl dd p + p {padding-top: 17px;color: #888;}

.contents-membership .wrap-benefits > ul li.coupon-area button {margin-top: 17px; min-width: 125px; min-height: 32px; border-radius: 3px; padding: 8px 9px 7px; font-size: 0.8125rem;font-weight: normal;line-height: 1.38; color: #666;}
.contents-membership .wrap-benefits > ul li.coupon-area button:disabled {color: #cdcdcd; background-color: #fff; border: 1px solid #d1d1d1;}

.contents-membership .wrap-benefits > ul li.coupon-area.disabled dl {background: url(../../resources/images/common/no_coupon.png) 0 0 no-repeat;background-size: 280px;}
.contents-membership .wrap-benefits > ul li.coupon-area.disabled button {color: #cdcdcd; background-color: #fff; border: 1px solid #d1d1d1; pointer-events: none;}

/* dock bar */
.dock-bar {display: none;}

/*ABOUT OLIVE YOUNG*/
.about_content {padding-top: 45px;}
.about_content .brand-txtus {width:1020px;margin:0 auto;padding:40px 0 0}
.about_content .brand-txtus .pic img {width:100%}
.about_content .brand-txtus .pic{padding-bottom:20px;}
.about_content .brand-txtus h3 {color:#333333;font-size:34px;line-height:44px}
.about_content .brand-txtus h3.tit_bx {margin-top:-44px}
.about_content .brand-txtus h3.tit_bx > span {display:inline-block;padding:15px 20px 0;background:#fff; }
.about_content .brand-txtus h3.tit_bx > span+span {display:block;padding:0 20px;}
.about_content .brand-txtus p.sub_tx {margin-top:20px;color:#333;font-size:18px;line-height:30px;}
.about_content .brand-txtus p.sub_tx1 {margin-top:20px;color:#666666;font-size:16px;line-height:26px; }
.about_content .brand-txtus p {line-height:24px}
.about_content .brand-txtus .brand_info {width:940px;margin:0 auto}
.about_content .brand-txtus .brand_info > p {margin-top:40px;padding:0 20px;color:#777777;font-size:14px; }
.about_content .brand-txtus .brand_info > p.sub_tx{color:#333333;font-size:16px;}
.about_content .brand-vision {width:100%;margin:70px 0 0;}
.about_content .brand-vision:before{content:"";position:absolute;left:50%;margin-left:-50%;width:100%;height:324px;background:url("../../resources/images/skinimg/bg_brand_vision.gif") repeat-x;}
.about_content .brand-vision ul {overflow:hidden;width:1020px;height:324px;margin:0 auto;font-size:0;text-align:center;line-height:0;position:relative;}
.about_content .brand-vision ul li {float:left;width:33%;color:#fff; }
.about_content .brand-vision ul li:nth-child(2) {width:34%;}
.about_content .brand-vision ul li h3 {padding:70px 0 6px;font-size:36px;line-height:42px; }
.about_content .brand-vision ul li p {padding:14px 0 0;font-size:14px;line-height:20px; }
.about_content .brand-vision ul li p.li_txt{ line-height:1.2;}
.about_content .brand-ci {width:900px;margin:0 auto;}
.about_content .brand-ci h3 {padding:55px 0 0;color:#222;font-size:34px;line-height:40px}
.about_content .brand-ci .image {padding:28px 0 0;}
.about_content .brand-ci .image img {width:100%;}
.about_content .brand-ci .ci {overflow:hidden;padding:10px 0 0 0;}
.about_content .brand-ci .ci a {float:left;min-width: 108px;height: 26px;padding:4px 0 0 10px;color:#666;border-radius:3px;border:1px solid #bbb;background:url("../../resources/images/skinimg/ico_download13x11.png") no-repeat 83px 50%;font-size:14px;line-height:18px;}
.about_content .brand-ci .ci ul {overflow:hidden;float:right;padding:4px 5px 0 0;}
.about_content .brand-ci .ci ul li {float:left;margin:0 0 0 28px;padding:0 0 0 20px;color:#222;font-size:12px;line-height:18px;}
.about_content .brand-ci .ci ul li:nth-child(1) {background:url("../../resources/images/skinimg/ico_green12x15.png") no-repeat 0 1px;}
.about_content .brand-ci .ci ul li:nth-child(2) {background:url("../../resources/images/skinimg/ico_orange12x15.png") no-repeat 0 1px;}
.about_content .brand-ci .ci ul li:nth-child(3) {background:url("../../resources/images/skinimg/ico_black12x15.png") no-repeat 0 1px;}
.about_content .brand-ci .list-ci {overflow:hidden;width:100%;padding:80px 0 0;}
.about_content .brand-ci .list-ci li {float:left;width:273px;border-top:1px solid #ccc; }
.about_content .brand-ci .list-ci li:nth-child(2) {margin:0 40px 0 41px;}
.about_content .brand-ci .list-ci li h4 {padding:33px 0 0;color:#a4d233;font-size:24px;line-height:30px; }
.about_content .brand-ci .list-ci li p {padding:8px 0 0;color:#666;font-size:14px;line-height:24px; }

.about_content .brand-txtus .ceo_info {height:728px;text-align:center;background:url("../../resources/images/skinimg/bg_ceo.png") no-repeat 25px 60px}
.about_content .brand-txtus .ceo_info:before {position:absolute;left:0;content:'';width:100%;height:728px;background:#f8f8f8;z-index:-1}
.about_content .brand-txtus .ceo_info > h3 {padding-top:95px}
.about_content .brand-txtus .ceo_info ul {overflow:hidden;width:900px;margin:40px auto 0}
.about_content .brand-txtus .ceo_info ul > li {float:left;width:274px;color:#666;font-size:14px;line-height:22px;text-align:justify}
.about_content .brand-txtus .ceo_info ul > li+li {margin-left:38px}
.about_content .brand-txtus .ceo_info .txt_sign {margin-top:15px;padding:0 60px;text-align:right;color:#333}
.about_content .brand-txtus .ceo_info .txt_sign > strong {display:block;margin-right:60px}
.about_content .brand-txtus .ceo_info .txt_sign > p {margin:20px 0 0;padding:0}
.about_content .brand-txtus .history_info {width:940px;margin:0 auto}
.about_content .brand-txtus .history_info > p {padding:0 20px}
.about_content .brand-txtus .history_info > p.sub_tx{color:#222222;font-size:16px; }
.about_content .list-history {overflow:hidden;width:1020px;margin:75px auto 0;padding:75px 0 10px 60px;border-top:2px solid #e3e3e3;background:url("../../resources/images/skinimg/bg_history2020.jpg") no-repeat 100% 75px}
.about_content .list-history > li {position:relative;width:100%;padding-left:120px; }
.about_content .list-history > li+li {margin-top:50px}
.about_content .list-history > li > h3 {font-size:22px;color:#000000;line-height: 30px; }
.about_content .list-history > li > h3 > span {position:absolute;top:-5px;left:0;font-size:40px;color:#a4d233;line-height:42px; }
.about_content .list-history > li > ul {margin-top:12px}
.about_content .list-history > li > ul > li{font-size:14px;color:#666666;line-height: 16px;padding-left:10px; background:url("../../resources/images/skinimg/bull_4x4.gif") no-repeat 0 5px}
.about_content .list-history > li > ul > li+li {margin-top:5px}


.about_content .brand-txtus .social_info {height:328px;margin-top:-5px;text-align:center; }
.about_content .brand-txtus .social_info:before {position:absolute;content:'';left:0;width:100%;height:369px;margin-top:-40px;background:url("../../resources/images/skinimg/bg_social_01.png") no-repeat 50% -1px;z-index:-1}
.about_content .brand-txtus .social_info h3 {padding-top:55px; }
.about_content .brand-txtus .company-social {height:1008px; }
.about_content .brand-txtus .company-social:before {position:absolute;content:'';left:0;width:100%;height:1008px;background:#f8f8f8 url("../../resources/images/skinimg/bg_social_02.png") no-repeat 50% 0;z-index:-1}
.about_content .brand-txtus .company-social.type2 {height:560px}
.about_content .brand-txtus .company-social.type2:before {height:560px;background:#fff url("../../resources/images/skinimg/bg_social_03.png") no-repeat 50% 0;z-index:-1}
.about_content .brand-txtus .pic img {width:100%;}
.about_content .brand-txtus .area {margin:-44px 0 0;}
.about_content .brand-txtus .area h3 {display:inline-block;margin:0 0 0 40px;color:#222;font-size:34px;line-height:44px}
.about_content .brand-txtus .area h3 > span {display:inline-block;background:#fff;padding:15px 20px 0}
.about_content .brand-txtus .area h3 > span+span {display:block;padding:0 20px}
.about_content .brand-txtus .area p {padding:38px 0 0 60px;color:#666;font-size:14px;line-height:24px;}
.about_content .brand-txtus .area .txt {padding:20px 0 0 60px;color:#222;font-size:18px;line-height:30px;}
.about_content .company-social {width:900px;margin:0 auto;}
.about_content .company-social h3 {padding:73px 0 0;color:#F27370;font-size:34px;line-height:43px; }
.about_content .company-social h3 span {display:inline-block;margin:0 0 0 8px;color:#888;font-size:16px;line-height:22px; }
.about_content .company-social .txt {color:#333;font-size:16px;line-height:26px; }
.about_content .company-social .area {overflow:hidden;margin-top:55px}
.about_content .company-social .area > .pic {display:block;float:left;width:273px}
.about_content .company-social .area > .pic > img {width:100%}
.about_content .company-social .area > div {float:right;width:588px;text-align:justify}
.about_content .company-social .area h4 {color:#F27370;font-size:18px;line-height:22px; }
.about_content .company-social .area p {padding:12px 0 0;color:#666;font-size:13px;line-height:22px; }
.about_content .company-social .area.type1 > .pic {width:188px}
.about_content .company-social .area.type1 > div {width:670px}
.about_content .company-social .area.type2 > .pic {float:right}
.about_content .company-social .area.type2 > div {float:left}
.about_content .company-social.type2 h3 {color:#a4d233}
.about_content .company-social.type2 .area h4 {color:#a4d233}

/*ADD TO WISH LIST*/
.layer-alim {position: fixed;top: 50%;left: 50%;width: 130px;height: 130px;margin: -65px 0 0 -65px;padding: 25px 20px 0;border-radius: 65px;z-index: 9999;background-color: rgba(242, 130, 127, 0.9);}
.layer-alim.zzim-on .icon {background-position: 0 -36px;height: 35px;}
.layer-alim.zzim-off {background-color: rgba(102, 102, 102, 0.9);}
.layer-alim .icon {display: block;width: 42px;height: 35px;margin: 0 auto;background: url(../../resources/images/common/bg_ico_alim.png) 0 0 no-repeat;background-size: 42px auto;}
.layer-alim > p.one {margin-top: 10px;}

/* 05.31 수정 */
html[lang="jp"] .layer-alim > p.one {margin-top: 15px;}

.layer-alim > p {margin: 8px 0 0;color: #fff;font-size: 12px;font-weight: bold;text-align: center;word-break: keep-all;}
.layer-alim > p > strong {display: block;font-size: 1rem;font-weight: 500;line-height: 1.13;text-align: center;color: #fff;}

/*addToBag*/
.layer-alim.addToBag-on {position: fixed;top: 50%;left: 50%;width: 130px;height: 130px;margin: -65px 0 0 -65px;padding: 22px 20px 0;border-radius: 65px;z-index: 9999;background-color: rgba(255, 255, 255, 0.9);border: 2px solid #f27370;}
.layer-alim.addToBag-on .icon {position: relative;display: block;width: 34px;height: 41px;margin: 0 auto;background: url(../../resources/images/common/icon_cart_pc.png) 0 0 no-repeat;background-size: 34px auto;}
.layer-alim.addToBag-on .icon:before {content:''; position: absolute; right:-9px; top: -2px; width: 24px; height: 24px; background-color: red; border-radius: 25px;}
.layer-alim.addToBag-on .icon:after {content:'+'; position: absolute; right:-9px; top: -2px; width: 24px; height: 24px; color: #fff; font-size: 1.5rem; text-align: center;}
.layer-alim.addToBag-on > p.one {margin-top: 10px;}
.layer-alim.addToBag-on > p {margin: 8px 0 0;color: #f27370;font-size: 12px;font-weight: bold;text-align: center;word-break: keep-all;}
.layer-alim.addToBag-on > p > strong {display: block;font-size: 1rem;font-weight: 500;line-height: 1.13;text-align: center;color: #f27370;}

/* Privacy Policy, Terms & Conditions */
.policy-area {position: relative; display: block; overflow: hidden; padding-bottom: 55px;margin-top: -55px; }
.policy-area .agree-link {color: #666;font-size: 13px;line-height: 24px;letter-spacing: 0;vertical-align: baseline;}
.policy-area .agree-link a {text-decoration: underline;}


/* Notifications */
.allim-page #navbar {position: relative;}
.allim-page .navbar .logo{padding: 13px 0 0 0; height: 52px;}
.allim-page .navbar .logo a {height: 27px; line-height: 27px; background: none; cursor: default;}
.allim-page .navbar .logo .page-tit {position: relative;width: auto;height: auto;padding: 0px;margin: 0px;overflow: auto;clip: auto;border: 0;font-size: 1.125rem;font-weight: 500;}
.allim-page .container {padding: 0px; max-width: 100%;}
.allim-page .btn-nav-back {left: 20px; display: block;}
.allim-page .wrap-pagination {padding: 20px 16px 0;}
.allim-page .wrap-pagination .btn-page-more {width: 100%;}

.wrap-notifications {}
.wrap-notifications .wrap-allim {}
.wrap-notifications .wrap-allim .allim-list {padding: 0 16px;}
.wrap-notifications .wrap-allim .allim-list .list {position: relative;display: block;width: 100%;padding:15px 0px 15px 55px;font-size: 0.8125rem;color: #3d3d3d; border-bottom: 1px solid #e0e0e0;}
.wrap-notifications .wrap-allim .allim-list .list:before {content:''; position: absolute; left:0; top:15px; width: 40px; height: 40px; border-radius: 40px; background:#f5f5f5 url("../../resources/images/common/icon_allim_on.png") no-repeat 50% 9px; background-size: 20px;}
.wrap-notifications .wrap-allim .allim-list .list:after {content:''; position: absolute; left:22px; top:21px; width: 10px; height: 10px; border-radius: 6px; background-color: #ff3f3a;border: solid 2px #fff;}
.wrap-notifications .wrap-allim .allim-list .list .link{}
.wrap-notifications .wrap-allim .allim-list .list h3 {display: block; width: 100%; font-size: 0.875rem;font-weight: 500;line-height: 1.36; color: #141414; text-align: left;}
.wrap-notifications .wrap-allim .allim-list .list .txt{display: block; width: 100%; font-size: 0.8125rem;font-weight: normal;line-height: 1.38;color: #888; text-align: left; margin-top: 3px;}
.wrap-notifications .wrap-allim .allim-list .list .day{display: block; width: 100%; font-size: 0.8125rem;font-weight: normal;line-height: 1.15;color: #888; text-align: left; margin-top: 8px;}
.wrap-notifications .wrap-allim .allim-list .list .allim-img img {width: 100%; max-width: 640px; height: auto; margin-top: 8px;}

.wrap-notifications .wrap-allim .allim-list .list.visited {/*pointer-events: none;*/}
.wrap-notifications .wrap-allim .allim-list .list.visited:before {background:#f5f5f5 url("../../resources/images/common/icon_allim_off.png") no-repeat 50% 9px; background-size: 20px;}
.wrap-notifications .wrap-allim .allim-list .list.visited:after {content:none;}
.wrap-notifications .wrap-allim .allim-list .list.visited .link{}
.wrap-notifications .wrap-allim .allim-list .list.visited h3 {color: #888;}
.wrap-notifications .wrap-allim .allim-list .list.visited .txt{color: #888;}
.wrap-notifications .wrap-allim .allim-list .list.visited .day{color: #888;}
.wrap-notifications .wrap-allim .allim-list .list.visited .allim-img {opacity: 0.2;}

/* direct top */
.direct-top {position: fixed;right:40px;bottom: 80px;display: none;width:50px;height:50px;z-index: 1;transform: translateY(0);transition: 200ms transform ease-out 200ms;}
.direct-top.down {transform: translateY(50%);}
.direct-top .btn-direct {width:50px;height:50px;background:#fff url(../../resources/images/common/ico_top_pc.png) center 7px no-repeat; border: 1px solid #e1e1e1; opacity: 0.9;}
.direct-top .btn-direct span.pc-only {position: absolute; top: 30px;left: 0px; width: 50px; text-align: center; font-size: 12px;font-weight: normal; color: #666;}

/* alert */
.alert-msg.type1 {padding: 5px 0 38px;}
.alert-msg.type1 p {font-size: 0.875rem; font-weight: normal; line-height: 1.29; text-align: center; color: #141414;}
.alert-msg.type1 p + p {padding-top: 20px;}

/* shopping basket */
.prd-list-option + .prd-list-option {padding-top: 8px;}
.prd-list-option + .prd-list-option > p:nth-child(1) {padding-top: 4px;}

/* modal */
.modal-paypal .modal-footer {padding: 0 0 50px;}
.alert-msg2{padding: 42px 0 20px; text-align: center; font-size: 0.875rem;font-weight: normal;line-height: 1.29;}
.modal-sub-title + .alert-msg2{padding-top: 0;}
.btn-paypal{color: #fff;font-weight: 500; height: 40px; border-radius: 2px; background:#009cde url(../../resources/images/common/txt_paypal_pc.png) center 11px no-repeat;}
.btn-paypal:disabled{background-color: #141414;opacity: 0.2;}

/* SKINCARE */
.cate-content .wrap-sort.divider-mo:first-child {border-top:0px;}

.wrap-result-sch .wrap-sort:first-child {margin-top: 25px;}

/* btn */
.wrap-page-btn .btn.btn-xs {height: 40px;}

/* Related products */
.review-related {position: relative; display: block; overflow: hidden; width: 100%; padding-top: 19px; font-size: 0.875rem;font-weight: normal;line-height: 1.29;color: #aaa;}
.review-related .related-text {}

/* details */
.prd-detail-page .detail-page-img-area {font-weight: 400;line-height: 1.2;color: #666;}
.prd-detail-page .detail-page-img-area b {color: #141414;}
.prd-detail-page .detail-page-img-area > p:first-child > span {font-size: 14px !important;}

/* Final Billing Information */
.section-title.billing {position: relative;}
.section-title.billing .pull-right {padding-right: 39px;font-size: 1.125rem;font-weight: bold;}
.section-title.billing .pull-right .btn.btn-arr-big {position: absolute; top: 33px; right: -8px;}
.section-title.billing small {float: left; width: 100%; font-size: 13px;font-weight: normal;color: #666; padding-top: 12px;margin-bottom: -2px;}

/* join */
.agree-list {}
.agree-list > li .agree-list-item{margin-top: 20px; padding: 25px 25px 17px;}
.agree-list > li:first-child .agree-list-item{margin-top: 0;}

.agree-all-area {position: relative; display: block; padding:8px 8px 8px 45px; border: 1px solid #e0e0e0;}
.agree-all-area .wrap-table {padding: 0px; border-bottom: 0px; }
.agree-all-area .wrap-table .table-row + .table-row {border-top: 0px;}
.agree-all-area .wrap-table .table-row .table-cell {vertical-align: middle;}
.agree-all-area .wrap-table .table-row .table-cell.top {vertical-align: top;padding-top: 20px;}

.agree-all-area .wrap-table .table-row .table-cell .wrap-select .inline-block + .inline-block {margin-left: 6px;}

.agree-list > li .agree-list-item.on + .agree-all-area {border: 1px solid #a4d233;}
.agree-list > li .agree-chk .help-block {color: #141414;}

.agree-list .agree-contents h5 {font-size: 1.125rem; color: #141414}
.agree-list .agree-contents p {line-height: 1.83;}

/*product_set*/
.prd-with-cnt-n {position: relative;display: inline-block;overflow: hidden;font-size: 14px;vertical-align: middle;height: 16px;line-height: 14px;color: #3d3d3d;font-weight: 500;padding-left: 15px;}
.prd-with-cnt-n em{padding-right: 2px;}
.prd-with-cnt-n:before {content: '';position: absolute;left: 3px;top: 6px;width: 10px;height: 1px;background-color: #3d3d3d;transform: rotate(45deg);}
.prd-with-cnt-n:after {content: '';position: absolute;left: 3px;top: 6px;width: 10px;height: 1px;background-color: #3d3d3d;transform: rotate(-45deg);}

@media (max-width: 1199px) {
  /*sign in*/
  .type-signin .tooltip-type-basic.bottom.left {left: auto;right: -30px;width: 300px;}
  .type-signin .tooltip-type-basic.bottom.left::after {left: auto;right: 33px;}

  /* nav-util & button */
  .btn-recently, .nav-language{display: none;}

  .panel.type-language {margin:0px;}

  .panel.type-language > .panel-heading {overflow: hidden; height: 41px;}
  .panel.type-language > .panel-heading > .panel-title {overflow: hidden; height: 41px;}

  .panel.type-language .panel-body {background-color: #f5f5f5;}
  .panel.type-language .nav-menu {width: 100%; text-align: left; font-weight: normal;font-size: 0.8125rem; letter-spacing: -0.78px; line-height: 17px; padding: 12px 11px 12px 15px; height: 41px; color: #141414;}

  .panel.type-language .panel-title.depth-1 .nav-menu {padding: 14px 11px 11px 15px;}

  .panel.type-language .panel-group.depth2 {border-top: 1px solid #e0e0e0;}
  .panel.type-language .panel-group.depth2 .panel-heading {border-bottom: 1px solid #e0e0e0;}
  .panel.type-language .btn-nav-menu-toggle::after {content: '';position: absolute;right: 16px;top: 50%;margin-top: -2px;width: 12px;height: 12px;background: url(../../resources/images/common/sp_common.png) -104px -56px no-repeat;-webkit-background-size: 500px;background-size: 500px;transform: rotate(0deg);transition: transform 0.3s}
  .panel.type-language .btn-nav-menu-toggle[aria-expanded="false"]::after {transform: rotate(180deg);transition: transform 0.3s;}
  .panel.type-language .nav-menu[aria-expanded="true"], .panel.type-language .nav-menu:hover, .panel.type-language .nav-menu.on {color: #141414;}
  .panel.type-language .depth-2 .nav-menu {padding-left: 32px;}
  .panel.type-language .panel-group .panel + .panel {margin-top: 0px;}
  .panel.type-language .nav-menu .img-badge {overflow: hidden; display: inline-block; vertical-align: middle;margin-top: -2px; width: 16px; height: 16px; margin-right: 3px;}
  .panel.type-language .nav-menu .img-badge img {width: 16px; height: 16px;}

  .nav-util-notice {position: relative; padding: 14px 17px; height: 42px; background-color: #f5f5f5;}
  .nav-util-notice h3 {float: left; width: 60px; color: #666;font-family: Roboto;font-size: 13px;font-weight: normal;}
  .nav-util-notice:before {content: '';display: block;position: absolute;left: 69px;top: 16px;height: 9px;border-left: 1px solid #c2c2c2;}
  .nav-util-notice .util-noticee-list {float: left; width: calc(100% - 60px); color: #666;font-family: Roboto;font-size: 13px;font-weight: normal;}

  /* Address list */
  .prd-list.type-address {padding-top: 0;}
  .prd-list.type-address .wrap-prd-list{display: block; padding: 0px;}
  .prd-list.type-address .wrap-prd-list .prd-list-contents{display: block;padding: 0;}
  .prd-list.type-address .prd-list-contents.prd-list-events{float: left; width: 100%; text-align: left; padding: 20px 16px; background-color:#f5f5f5; }
  .prd-list.type-address .prd-list-contents.prd-list-recipient{float: left; width: 100%; padding: 20px 16px 0 16px; text-align: left;}
  .prd-list.type-address .prd-list-contents.prd-list-address{float: left; width: 100%; padding: 14px 16px 0 16px;text-align: left;}
  .prd-list.type-address .prd-list-contents.prd-list-contactIinfo{float: left; width: 100%; padding: 14px 16px 0 16px;text-align: left;}
  .prd-list.type-address .prd-list-contents.prd-list-manage{float: left; width: 100%; padding: 14px 16px 19px 16px;text-align: left;}
  .prd-list.type-address .prd-list-contents.prd-list-manage .btn {float: left; width: calc(50% - 5px); height: 40px; font-size: 0.75rem;}
  .prd-list.type-address .prd-list-contents.prd-list-manage .btn + .btn {float: right;}
  .prd-list.type-address .list-group .list-group-item {border-top: 1px solid #e0e0e0;}
  .wrap-page-btn.position-right-address {padding: 10px 0 0;display: table;table-layout: fixed;width: 100%;text-transform:uppercase;}

  /* Address Shipping information*/
  .wrap-shipping-info .section-title::before {content: none;}
  .wrap-shipping-info .wrap-country-select .form-group .form-control {width: 100%;}

  /* Deactivate Account */
  .wrap-deactivate-list .membership-txt {padding: 30px 16px 14px 16px; }
  .wrap-deactivate-list .help-txt {padding: 30px 16px 0 16px; }

  /* Restock Notification */
  .prd-list.type-restock .prd-list-contents.prd-list-prdDetails .prd-list-name {padding-bottom: 0px;}
  .prd-list.type-restock .prd-list-contents.prd-list-price {width: 100%; padding: 9px 0 5px 16px;}
  .prd-list.type-restock .prd-list-contents.prd-list-date {width: 100%; padding: 5px 0 9px 16px; text-align: left;}

  /* Abib */
  .wrap-abib-list {margin: 0px;}
  .wrap-abib-list .wrap-sort {border-top:0px;}

  /* BRANDS */
  .wrap-list-brands {margin: 0px; padding: 20px 16px 0;}
  .wrap-list-brands .brands-fix-zone {overflow: hidden; height:175px; }
  .wrap-list-brands .brands-fix-zone h3 {float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #a869d4; font-size: 1rem; font-weight: bold; color: #fff;}
  .wrap-list-brands .brands-fix-zone .area {display: table-cell; width: 100%; height: 125px; text-align: left; background-color: #f5f5f5; padding:8px 0 0 0; text-align: center;}
  .wrap-list-brands .brands-fix-zone .area .english {display: inline-block;max-width: 310px;padding-left: 10px;height: 100px;overflow: hidden;}
  .wrap-list-brands .brands-fix-zone .area .scroll-brands {margin-top: 8px;}

  .wrap-list-brands .brands-con-zone li {width: 100%; overflow: hidden; border-top: 2px solid #737373; margin-bottom: 40px; }
  .wrap-list-brands .brands-con-zone li:first-child {margin-top: 10px;}
  .wrap-list-brands .brands-con-zone h4 {float: left;padding-left: 10px;padding-top: 15px;width: 80px;color: #222;font-size: 30px;font-weight: 600;color: 141414;}
  .wrap-list-brands .brands-con-zone .area {float: right;width: calc(100% - 80px);border-bottom: 1px solid #e0e0e0;}
  .wrap-list-brands .brands-con-zone .area a {width: 50%;}

  .wrap-list-brands .top-bar{position:relative;width: auto; top:auto; left:auto; right: auto; margin: 0px; z-index: 1;}
  .wrap-list-brands .top-pdt{padding-top:0px;}

  /* modal Recently Viewed */
  .modal-elg.type-viewed .modal-body {max-height: 82vh;}
  .wrap-recently-viewed .unit-grid {padding: 0px;}
  .wrap-recently-viewed .unit-grid .col-grid {padding-top: 0px;}
  .wrap-recently-viewed .help-recently ~ .plan-section:before {content:none;}
  .wrap-recently-viewed ~ .wrap-pagination {padding: 20px 0 30px 0;}
  .wrap-recently-viewed .help-recently {display: block; overflow: hidden; padding: 20px 0 0px;}
  .wrap-recently-viewed .help-recently .pull-left {width: 100%; padding-bottom: 5px;}
  .wrap-recently-viewed .help-recently .pull-right {width: 100%; text-align: right; padding-bottom: 10px;}

  /* error */
  .error-page header {position: relative; height:60px; background-color: #fff; border-bottom: 1px solid #e0e0e0;background: #fff url(../../resources/images/common/logo.svg) center 15px no-repeat; background-size: 165px;}/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */

  .wrap-error {padding: 98px 16px 30px;}
  .wrap-error .error-icon {height:148px; background: url(../../resources/images/common/ico_error_mo.png) center 0 no-repeat; background-size:214px;}
  .wrap-error .error-icon.bg-404 {height:96px; background: url(../../resources/images/common/ico_error_404.png) center 0 no-repeat; background-size:150px;}
  .wrap-error .error-icon.bg-system {height:84px; background: url(../../resources/images/common/ico_error_system.png) center 0 no-repeat; background-size:120px;}

  /* 05.31 수정 */
  .wrap-error .error-icon.ty-empty {height:159px; background: url(../../resources/images/common/ico_empty_mo.png) center 0 no-repeat; background-size:246px; margin-top: -10px;}

  .wrap-error .error-title h3 {padding-top: 34px;font-size:1.375rem; font-weight: normal; color: #141414; text-align: center;}
  .wrap-error .area-body {padding-top: 20px;font-size:0.9375rem; font-weight: 300; color: #666; line-height: 1.19; text-align: center;}
  .wrap-error .area-body .error-txt {}

  .wrap-error .error-area {font-size:0.9375rem; font-weight: 300; color: #666; line-height: 1.19; text-align: center;}
  .wrap-error .error-area h3 {padding-top: 34px;padding-bottom: 20px; font-size:1.375rem; font-weight: normal; color: #141414; text-align: center;}

  /* 05.31 수정  */
  .wrap-error .error-icon.ty-empty + .error-area h3 {padding-top: 30px;}

  .btn-group.type-error {padding:20px 0px; height: 90px;}
  .btn-group.type-error a {padding: 17px 9px 15px;font-size: 1rem;min-height:16px;}

  .wrap-error .error-area dl {width:100%;}

  /* app download */
  .wrap-download {position: relative; padding: 0 16px; min-height: 500px; background: url(../../resources/images/common/bg_download_02.png) 10px top no-repeat; background-size:69px; }
  .wrap-download:before {content: '';display: block;position: absolute;right: 5px;top:0px; width: 102px; height: 43px; background: url(../../resources/images/common/bg_download_03.png) 0 0 no-repeat; background-size: 100%;}
  .wrap-download:after {content: none; }
  .wrap-download .app-icon {margin-top: 1px; height:275px; background: url(../../resources/images/common/bg_download_01.png) center 0 no-repeat; background-size:400px;}
  .wrap-download .app-title h3 {padding-top: 50px;font-size:1.375rem; font-weight: bold; color: #171717; line-height: 1.25; text-align: center;}
  .wrap-download .app-title h3 .t_color {color: #9bce26;}
  .wrap-download .area-body {padding-top: 19px;font-size:0.9375rem; font-weight: 300; color: #666; line-height: 1.2; text-align: center;}
  .wrap-download .area-body .app-txt {}

  .wrap-download .app-area {padding-top: 19px;font-size:0.9375rem; font-weight: 300; color: #666; line-height: 1.2; text-align: center;}
  .wrap-download .app-area h3 {padding-top: 50px;font-size:1.375rem; font-weight: bold; color: #171717; line-height: 1.25; text-align: center;}
  .wrap-download .app-area h3 .t_color {color: #9bce26;}

  .btn-group.type-download {padding:0px; display: block;}
  .btn-group.type-download a {display: block !important; min-width: 100%; width: 100%; height: 50px; margin: 0 0 10px; background-color:#3d3d3d; border-radius: 25px !important;}
  .btn-group.type-download a.btn-app-store .icon {position: relative; display: block; margin: 0 auto; width: 200px; height: 50px; background: url(../../resources/images/common/btn_download_01.png) left 30px top 9px no-repeat; background-size: 32px; }
  .btn-group.type-download a.btn-app-store .icon:before {content: 'Download on the'; position: absolute; display: inline-block; left: 70px; top: 9px; font-family: Roboto; font-size: 0.75rem; font-weight: normal; line-height: 1.17; color: #fff;}
  .btn-group.type-download a.btn-app-store .icon:after {content: 'App Store'; position: absolute; display: inline-block; left: 70px; top: 22px; font-family: Roboto; font-size: 1rem; font-weight: 500; line-height: 1.25; color: #fff;}
  .btn-group.type-download a.btn-google-play .icon {position: relative; display: block; margin: 0 auto; width: 200px; height: 50px; background: url(../../resources/images/common/btn_download_02.png) left 30px top 9px no-repeat; background-size: 32px; }
  .btn-group.type-download a.btn-google-play .icon:before {content: 'GET IT ON'; position: absolute; display: inline-block; left: 70px; top: 9px; font-family: Roboto; font-size: 0.75rem; font-weight: normal; line-height: 1.17; color: #fff;}
  .btn-group.type-download a.btn-google-play .icon:after {content: 'Google Play'; position: absolute; display: inline-block; left: 70px; top: 22px; font-family: Roboto; font-size: 1rem; font-weight: 500; line-height: 1.25; color: #fff;}

  /* MEMBERSHIP BENEFITS */
  .contents-membership {}
  .contents-membership .wrap-line-banner {margin-top: 0px;}
  .contents-membership .wrap-contents-body {padding: 20px 16px 0px;}
  .contents-membership .wrap-contents-body .three-levels {padding: 0px;  font-size: 0.875rem; font-weight: normal; line-height: 1.29; color: #141414;}
  .contents-membership .wrap-contents-body .three-levels li {padding-left: 10px;}
  .contents-membership .wrap-contents-body .three-levels li:before {content: '-'; position: absolute; display: inline-block; top: 0px; left: 0px;}

  .contents-membership .wrap-contents-body .benefits-all {position: relative; margin-top: 20px; min-height: 73px; border-top: 2px solid #707070; border-bottom: 1px solid #e0e0e0;}
  .contents-membership .wrap-contents-body .benefits-all h3 {position: relative; top: auto; left: auto; margin-top: 15px;}
  .contents-membership .wrap-contents-body .benefits-all ul {padding: 3px 0 17px 0; font-size: 0.9375rem;line-height: 1.2;}

  .contents-membership .wrap-contents-body .notice-list {position: relative; margin-top: 20px; padding: 17px 15px 15px;  background-color: #f5f5f5; }
  .contents-membership .wrap-contents-body .notice-list h3 {font-size: 0.9375rem; color: #141414;}
  .contents-membership .wrap-contents-body .notice-list h4 {font-size: 0.8125rem; color: #3d3d3d;}
  .contents-membership .wrap-contents-body .notice-list h4:before {content: '!'; display: inline-block; vertical-align: text-bottom;padding: 1px 6px;margin-right: 5px;line-height: 1;font-size: 0.8125rem;font-weight: 500;color: #f27370;background-color: #fff;border-radius: 3px;border: 1px solid #e0e0e0;}
  .contents-membership .wrap-contents-body .notice-list .list-area {position: relative; padding-top: 10px;}
  .contents-membership .wrap-contents-body .notice-list .list-area ul {position: relative; padding-top: 7px; font-size: 0.8125rem; line-height: 16px; color: #666;}
  .contents-membership .wrap-contents-body .notice-list .list-area ul li {position: relative; margin-bottom: 5px; padding-left: 10px;}
  .contents-membership .wrap-contents-body .notice-list .list-area ul li:before {content: '-'; position: absolute; display: inline-block; top: 0px; left: 0px;}

  .contents-membership .wrap-contents-body .level-list {position: relative; margin-top: 0px;}
  .contents-membership .wrap-contents-body .level-list ul.list-area {float: none;}
  .contents-membership .wrap-contents-body .level-list ul.list-area > li {float: none; width: 100%; padding-top: 20px;}

  .contents-membership .wrap-contents-body .level-list .list-box {float: none; width: 100%; min-height: auto;}
  .contents-membership .wrap-contents-body .level-list .list-box .box-body {padding: 5px 20px 10px 20px;}

  .contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area + .box-area {border-top: solid 1px #e0e0e0; margin-top: 8px;}
  .contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area .tit {position: relative; font-size: 0.9375rem; padding: 14px 0 5px 30px; line-height: 17px;}

  .contents-membership .wrap-contents-body .level-list .list-box .box-body .box-area .tit:before {top:10px;}

  /*PC웹 접근성 진단 보고서 131페이지 수정*/
  .contents-membership .wrap-contents-body .level-list .list-box .box-body.type-label .box-area .tit .b-badge {top:10px;}

  .contents-membership .wrap-benefits > ul {margin-top: 20px; position: relative; display: block; width: 100%; min-height: auto; border:0px; }
  .contents-membership .wrap-benefits > ul li.member-area {display: block; width: 100%; padding: 0px; text-align: center; }
  .contents-membership .wrap-benefits > ul li.member-area:after {content: ''; display: block; height: 10px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0;}
  .contents-membership .wrap-benefits > ul li.coupon-area {display: block; width: 100%; padding: 0px; text-align: center; }
  .contents-membership .wrap-benefits > ul li.coupon-area:after {content: ''; display: block; height: 10px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0;}

  .contents-membership .wrap-benefits > ul li.member-area h3 {}
  .contents-membership .wrap-benefits > ul li.member-area .amount { margin-top: 25px; margin-bottom: 20px;  }

  .contents-membership .wrap-benefits > ul li.member-area .progress {width: calc(100% - 60px); }

  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar {padding-top: 10px; position: relative; width: calc(100% - 32px); height: 65px; margin: 0 auto;}
  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar li { font-size: 12px; font-weight: 500; line-height: 1.5; color: #949494;} /* PC웹 접근성 진단 보고서 130페이지 수정 */
  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.welcome {position: absolute; top:18px; left: 0px;}
  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.vip {margin: 0 auto; width: 100px;}
  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.vvip {position: absolute; top:10px; right: 0px;}
  .contents-membership .wrap-benefits > ul li.member-area .percentage-bar li.on {color: #141414;}

  .contents-membership .wrap-benefits > ul .coupon-area:after {content: none;}

  .contents-membership .wrap-benefits > ul li.coupon-area h3 { margin-top: 20px; margin-bottom: 20px;}
  .contents-membership .wrap-benefits > ul li.coupon-area button {margin-top: 15px; margin-bottom: 20px;}

  /* direct top */
  .direct-top {position: fixed;right: 16px;bottom: 20px;display: none;width: 50px;height: 50px;z-index: 2;transform: translateY(0);transition: 200ms transform ease-out 200ms;}
  .modal-open .direct-top {z-index: 1;} /* 08-11 추가 */
  .direct-top.add-b1 {bottom: 72px;}
  .direct-top.add-b2 {bottom: 101px;}
  .direct-top.add-b3 {bottom: 127px;}
  .direct-top.down {transform: translateY(100%);}
  .direct-top .btn-direct {width:50px;height:50px; background:#fff url(../../resources/images/common/ico_top_mo.png) center 11px no-repeat; background-size: 18px; border: 1px solid #9bce26; border-radius: 50px; opacity: 0.9;}

  /* dock bar */
  .dock-bar {position: fixed; display: block; left: 0px; right: 0px; bottom: 0px; height: 52px; background-color: #fff; z-index: 1; border-top: 1px solid #ebebeb; transform: translateY(0);transition: 200ms transform ease-out 200ms;}
  .dock-bar.hide {display: block !important;transform: translateY(100%);}

  .dock-bar ul {display: table; width: 100%; height: 52px;}
  .dock-bar ul li {display: table-cell; width: 20%; text-align: center;}

  .dock-bar .btn {width: 100%; height: 52px; position: relative; background: url(../../resources/images/common/icon_dockbar_01.png) center 7px no-repeat; background-size: 26px;padding-top: 32px; }
  .dock-bar .btn .txt-area {display: block;font-size: 0.625rem;font-weight: normal;line-height: 15px; min-height: 15px; letter-spacing: -0.2px; color: #888;text-transform: uppercase;}
  .dock-bar .btn .img-area {display: none;}
  .dock-bar .btn.on .txt-area {color:#f27370; }
  .dock-bar .btn.on .img-area {display: block; position: absolute; top: 3px; left: 50%; margin-left: -15px; width: 30px; height: 30px; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 8px;}
  .dock-bar .btn.on .img-area img {width: 30px; height: 30px;}
  .dock-bar .btn.dock-category {background: url(../../resources/images/common/icon_dockbar_01.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-search {background: url(../../resources/images/common/icon_dockbar_02.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-home {background: url(../../resources/images/common/icon_dockbar_03.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-my {background: url(../../resources/images/common/icon_dockbar_04.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-history {background: url(../../resources/images/common/icon_dockbar_05.png) center 7px no-repeat; background-size: 26px;}

  .dock-bar .bottom-navigation li .btn.dock-home-new {background: url(../../resources/images/common/icon_dockbar_01_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-category-new {background: url(../../resources/images/common/icon_dockbar_02_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-brand-new {background: url(../../resources/images/common/icon_dockbar_03_new.png) center 7px no-repeat; background-size: 24px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-wishlist-new {background: url(../../resources/images/common/icon_dockbar_04_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-my-new {background: url(../../resources/images/common/icon_dockbar_05_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}

  .dock-bar .btn.dock-category.on {background: url(../../resources/images/common/icon_dockbar_01_on.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-search.on {background: url(../../resources/images/common/icon_dockbar_02_on.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-home.on {background: url(../../resources/images/common/icon_dockbar_03_on.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-my.on {background: url(../../resources/images/common/icon_dockbar_04_on.png) center 7px no-repeat; background-size: 26px;}
  .dock-bar .btn.dock-history.on {background:none;}

  .dock-bar .bottom-navigation li .btn.dock-home-new.on {background: url(../../resources/images/common/icon_dockbar_01_on_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-brand-new.on {background: url(../../resources/images/common/icon_dockbar_03_on_new.png) center 7px no-repeat; background-size: 24px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-wishlist-new.on {background: url(../../resources/images/common/icon_dockbar_04_on_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-my-new.on {background: url(../../resources/images/common/icon_dockbar_05_on_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}

  .dock-bar .btn.dock-history.on .txt-area {color:#888; }

  .dock-bar.disabled {display: none !important;}


  /*ABOUT OLIVE YOUNG*/
  .about_content {padding-top: 0px;}
  .about_content .brand-txtus {position: relative; width: 100%; margin: 0px; padding: 0px;}
  .about_content .brand-txtus h3 {position: relative;font-size: 22px; padding: 0px; text-align: center;}
  .about_content .brand-txtus h3.tit_bx {margin-top: 0px;}
  .about_content .brand-txtus h3.tit_bx > span {text-align: center; font-size: 22px; margin: 0px; padding: 0 16px;}
  .about_content .brand-txtus .brand_info > p.sub_tx {text-align: center; font-size: 13px;line-height:15px;padding: 0 16px;margin-top: 5px;}
  .about_content .brand-txtus .brand_info > p.sub_tx br {display: none;}
  .about_content .brand-txtus p {padding: 10px 30px;font-size: 13px;color: #222222; }
  .about_content .brand-txtus .brand_info {position: relative; width: 100%; margin: 0px; margin: 35px 0px;}
  .about_content .brand-vision {position: relative; width: 100%; margin: 0px; background: url(../../resources/images/skinimg/img_brand_bg.gif);background-size: cover;}
  .about_content .brand-vision:before{content:none;}
  .about_content .brand-vision ul {position: relative;display: block;width: auto;height: auto; padding: 35px 16px 0;}
  .about_content .brand-vision ul li {width: 100% !important;padding-bottom: 35px;}
  .about_content .brand-vision ul li h3 {padding: 0px; font-size: 25px; line-height: 30px; }
  .about_content .brand-vision ul li p {padding: 2px 0 0; font-size: 13px; line-height: 15px;  }
  .about_content .brand-vision ul li p br {display: none;}
  .about_content .brand-ci {width: 100% !important; text-align: center; padding: 20px 16px 0;}
  .about_content .brand-ci .list-ci {padding: 35px 0 0;}
  .about_content .brand-ci .list-ci li {width: 100% !important; border-top:0px; padding: 0px; padding-bottom: 35px; margin: 0px !important;}
  .about_content .brand-ci .list-ci li h4 {font-size: 20px;  line-height: 25px; padding: 0px;}
  .about_content .brand-ci .list-ci li p {font-size: 13px; line-height: 15px; padding: 0px;}
  .about_content .brand-ci .image {padding: 0px;}

  .about_content .brand-txtus .pic {padding: 30px 16px 10px;}
  .about_content .brand-txtus .history_info {position: relative; width: 100%; margin: 0px; padding: 0 16px 5px; font-size: 12px; line-height: 15px;}
  .about_content .brand-txtus .history_info > p.sub_tx {font-size: 12px; line-height: 15px;padding: 0px; margin: 0px;}
  .about_content .brand-txtus .history_info > p.sub_tx br {display: none;}
  .about_content .list-history {background: none;position: relative; width: 100%; margin: 25px 0 0;padding: 30px 16px 25px; border-top: 1px solid #e3e3e3;}
  .about_content .list-history > li {padding-left: 60px;}
  .about_content .list-history > li > h3 > span {font-size: 24px; line-height: 26px; }
  .about_content .list-history > li > h3 {font-size: 14px; line-height: 16px;}
  .about_content .list-history > li > ul {font-size: 10px; line-height: 13px;margin-top: 5px;}
  .about_content .list-history > li > ul > li {line-height: 15px;}
  .about_content .list-history > li+li {margin-top: 15px;}

  .about_content .brand-txtus .social_info {position: relative; width: 100%; height: auto; margin: 0px; padding: 0 16px; background: url(../../resources/images/skinimg/img_social_bg_01.png);background-size: cover;}
  .about_content .brand-txtus .social_info:before {content:none;}
  .about_content .brand-txtus .social_info h3 {font-size: 22px; line-height: 25px; padding: 35px 0px 20px;}
  .about_content .brand-txtus p.sub_tx1 {font-size: 13px; line-height: 15px; margin: 0px; padding: 0 0 35px;}
  .about_content .brand-txtus .company-social {position: relative; width: 100%; height: auto; margin: 0px; padding: 55px 16px 35px; background:#f8f8f8 url(../../resources/images/skinimg/img_social_bg_03.png) 0 5px no-repeat; background-size: 100%;}
  .about_content .brand-txtus .company-social:before {content:none;}
  .about_content .brand-txtus .company-social.type2 {height: auto; background:#fff url(../../resources/images/skinimg/img_social_bg_03.png) 0 5px no-repeat; background-size: 100%;}
  .about_content .company-social .area {margin: 0px !important;}
  .about_content .company-social .area > .pic {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center;}
  .about_content .company-social .area > div {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px;}
  .about_content .company-social .area.type1 > .pic {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center;}
  .about_content .company-social .area.type1 > div {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px;}
  .about_content .company-social .area.type2 > .pic {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center;}
  .about_content .company-social .area.type2 > div {position: relative; width: 100%; height: auto; margin: 0px; padding: 0px;}
  .about_content .company-social .area > .pic > img {width: 100%; max-width: 675px;}
  .about_content .company-social .area.type1 > .pic > img {width: 100%; max-width: 257px;}
  .about_content .company-social h3 span {position: absolute; left: 50%;top: -20px;width: 200px;margin-left: -100px;color: #999999;font-size: 12px;line-height: 1.4; letter-spacing: -0.4px;}
  .about_content .company-social .txt {padding: 10px 0 35px; text-align: center;font-size: 13px;line-height: 15px;color: #222222; }
  .about_content .company-social .area h4 {text-align: center;font-size: 16px;line-height: 20px; padding-top: 10px;}
  .about_content .company-social .area p {padding: 5px 0 0; font-size: 11px; line-height: 13px; color: #666; }
  .about_content .company-social .area + .area {margin-top: 35px !important;}

  /* tab */
  .tab-pills-wrap.type1 > .swiper-container .nav-pills .nav-item a {padding: 0 5px 9px 5px !important;}

  /* nav-util */
  .btn-nav-home { width: 30px; height: 30px; margin-right: 7px; }
  .btn-nav-home::before {left: 3px;top: 3px;width: 25px;height: 25px;}
  .detail-page .nav-search {right: 82px;}
  .nav-search .input-group-btn .btn-search {width: 30px; height: 30px;}

  /* Privacy Policy, Terms & Conditions */
  /* 2023-09-07 인플루언서 약관 텍스트 겹침 현상 해결 */
  .policy-area {padding: 0 16px 35px;/*margin-top: -25px;*/margin-top:0;}

  /* alert */
  .alert-msg.type1 {padding: 0 0 30px;}


  /* modal */
  .modal-paypal .modal-footer {padding: 0px 15px 50px;}
  .btn-paypal{border-radius: 4px; background:#009cde url(../../resources/images/common/txt_paypal_mo.png) center 11px no-repeat; background-size: 75px;}

  /* SKINCARE */
  .cate-content .wrap-sort.divider-mo:first-child {margin: 0px;}
  .cate-content .wrap-sort.divider-mo:first-child:before {content: none;}

  .wrap-result-sch .wrap-sort:first-child {margin-top: 0px;}

  /* Related products */
  .review-related {padding-top: 15px;}
  .review-related .related-text {}

  /* mo scroll */
  /* .modal-open {position: fixed;} */

  /* Final Billing Information */
  .section-title.billing { border-bottom: 0px;}
  .section-title.billing .pull-right {padding-right: 20px; }
  .section-title.billing .pull-right .btn.btn-arr-big {position: absolute; top: 15px; right: -3px;}

  .price-detail-total.billing {border-top: 2px solid #707070;}

  /*addToBag*/
  .layer-alim.addToBag-on .icon {position: relative;display: block;width: 34px;height: 41px;margin: 0 auto;background: url(../../resources/images/common/icon_cart_mo.png) 0 0 no-repeat;background-size: 34px auto;}

  /* join */
  .agree-all-area {padding:15px 8px 15px 45px;}
  .agree-all-area .wrap-table .table-row .table-cell.top {vertical-align: middle;padding-top: 0px;}
  .agree-all-area .wrap-table .table-row + .table-row {margin-top: 5px;}

  .cate-main .cate-content .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.875rem;line-height: 23px;letter-spacing: -1.2px;}
  .wrap-recently-viewed .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.875rem;line-height: 23px;letter-spacing: -1.2px;}

  .has-error .wrap-check-input .input-group .input-group-btn .btn.btn-round4-green.btn-exs { font-size: 0.6875rem; padding: 8px 1px 7px;}
}

@media (max-width: 320px) and (orientation: portrait){
  /* modal Recently Viewed */
  .modal-elg.type-viewed .modal-body{max-height: 67vh;}

  /* BRANDS */
  .wrap-list-brands .brands-fix-zone .area .scroll-brands {margin-right: 2px;}

  /*ABOUT OLIVE YOUNG*/
  .about_content .company-social .area.type1 > .pic > img {width: 100%; max-width: 175px;}

  /* tab */
  .tab-pills-wrap.type1 > .swiper-container .nav-pills .nav-item a {font-size: 0.8125rem !important;}

  .prd-detail-page .tab-pills-wrap.type2 > .swiper-container .nav-pills .nav-item a{padding: 0 0 8px !important; font-size: 0.875rem !important;}/* 03.29 추가 */

  .cate-main .cate-content .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.6875rem;line-height: 23px;letter-spacing: -1.2px;}
  .wrap-recently-viewed .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.6875rem;line-height: 23px;letter-spacing: -1.2px;}
}

@media (max-width: 360px) and (orientation: portrait){

  /* Final Billing Information */
  .section-title.billing .pull-left{max-width: 102px;}

  .price-detail-total.billing + .section-title.billing .pull-left{max-width: 135px;}

  .cate-main .cate-content .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.75rem;line-height: 23px;letter-spacing: -1.2px;}
  .wrap-recently-viewed .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.75rem;line-height: 23px;letter-spacing: -1.2px;}
}

@media (max-width: 380px) and (orientation: portrait){
  .section-title.billing .pull-left{max-width: 102px;}
}

@media (min-width: 1200px){

  /* nav-util & button */
  .nav-util .btn + .nav-language, .nav-language + .btn  {margin-left: 30px;}

  /* Address list */
  .prd-list.type-address .prd-list-contents.prd-list-manage .btn {min-width: 124px; height: 32px;  font-size: 0.6875rem;}
  .prd-list.type-address .prd-list-contents.prd-list-manage .btn + .btn {margin-top: 5px;}
  .wrap-page-btn.position-right-address {position: absolute;top: 30px;right: 14px;padding: 0px;}
  .wrap-page-btn.position-right-address .btn.btn-xs {min-width: 124px; }

  /* modal Recently Viewed */
  .modal-elg.type-viewed {width: 1214px;}
  .modal-elg.type-viewed .modal-body {max-height: 650px; overflow: hidden; padding: 0 30px 0 29px;}
  .wrap-recently-viewed .unit-grid {padding: 10px 0 0px;}
  .wrap-recently-viewed .unit-grid .col-lg-3{margin: 0px 12px 0px 12px;}
  .wrap-recently-viewed ~ .wrap-pagination {padding: 20px 0 30px 0;}

  /* main Best Sellers swiper */
  .wrap-pc-tab.main-section .swiper-wrapper {height: 450px;}

  /* direct top */
  .direct-top.down {transform: translateY(0);}

  .cate-main .cate-content .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.875rem;line-height: 24px;letter-spacing: -1.2px;}
  .wrap-recently-viewed .prd-unit-btn > .btn-group .btn.btn-txt-gray.lg {font-size: 0.875rem;line-height: 24px;letter-spacing: -1.2px;}

  /* jp */
  html[lang="jp"] .nav-toggle {padding: 13px 0 17px 30px;}
  html[lang="jp"] .nav > li > a {padding: 13px 11px 17px;}

  /* jp 05.25 */
  html[lang="jp"] .list-thumb-info {line-height: 1.6;}

  .det .seo_trans_white_gray_hor tbody th{padding: 12px 0;}
}

@media (min-width: 3000px){
  /* main Best Sellers swiper */
  .wrap-pc-tab.main-section .swiper-wrapper {height: 100%;}
}

@media (min-width: 1200px){
  .lead-on.index-page.modal-open {overflow: hidden !important;}
  .lead-on.index-page.modal-open .modal-pop-main {position: fixed;bottom: 0px; background-color: rgba(0, 0, 0, 0.5);}
  .lead-on.index-page.modal-open .modal-pop-main .modal-backdrop {background-color: transparent;}
}

/* PC웹 접근성 진단 보고서 152,153페이지 수정 */
.wrap-list-inq .info-list.inline .cont fieldset.email-opt {vertical-align: middle;}
.wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit {position: absolute;line-height: 160%;}
.wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit + .check-group {padding-left: 190px;}
html[lang="jp"] .wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit + .check-group {padding-left: 165px;}
@media (max-width: 1199px) {
  .wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit {position: relative;}
  .wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit + .check-group {padding-left: 0px;}
  html[lang="jp"] .wrap-list-inq .info-list.inline .cont fieldset.email-opt legend.opt-tit + .check-group {padding-left: 0px;}
}

/* 글로벌몰 일문사이트 엔화 표시 PC */
@media (min-width: 1200px){
	/* 상품상세 */
	.prd-info-wrap .info-list.price .cont .price2 + .price2 {margin-left: 7px;}

	.prd-info-wrap .info-list.prd-total .tit {width: 120px;}
	.prd-info-wrap .info-list.prd-total .tit + .cont {width: calc(100% - 120px);}
	.prd-info-wrap .info-list.prd-total .tit + .cont .price-total > span + span {margin-left: 7px;}

	.wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-price.pc-only .price-prd{padding-top: 0px;}

	/* SHOPPING BAG */
	.wrap-total-amount.type-jp .col-lg-4 {width: 29%;}
	.wrap-total-amount.type-jp .col-lg-4 + .col-lg-4 {width: 27%;}
	.wrap-total-amount.type-jp .col-lg-4.total-amount {width: 44%;}

	.wrap-total-amount.type-jp .col-lg-4.total-amount > strong > span + span {margin-left: 7px;}

	/*.wrap-total-amount.type-jp {padding-top: 30px;}
	.wrap-total-amount.type-jp .col-lg-4 > em {display: inline-block;}
	.wrap-total-amount.type-jp .col-lg-4 > strong {display: inline-block; text-align: right;}
	.wrap-total-amount.type-jp .col-lg-4 > strong > span {text-align: right;}
	.wrap-total-amount.type-jp .col-lg-4 > strong > span + span {display: block; text-align: right;}*/

	/* PLACE ORDER */
	.total-amount-price.type-jp .order-name {padding-top: 17px;}
	.total-amount-price.type-jp .order-price > span {display: block; text-align: right;}

	/* Order Complete */
	.wrap-amount-paid .footer-amount-paid .color-pink > span {margin-left: 7px;}
}

/* 글로벌몰 일문사이트 엔화 표시 MO */
@media (max-width: 1199px) {
	/* 상품상세 */
	.prd-info-wrap .info-list.price .cont .price2 {display: block;}

	.prd-info-wrap .info-list.prd-total .tit {width: 70px;}
	.prd-info-wrap .info-list.prd-total .tit + .cont {width: calc(100% - 70px);}
	.prd-info-wrap .info-list.prd-total .tit + .cont .price-total {display: inline-flex;flex-direction: column;vertical-align: middle;}
	.prd-info-wrap .info-list.prd-total .tit + .cont .price-total + .item-num {vertical-align: middle; padding-top: 0px;}

	.prd-info-wrap .modal .info-list.prd-total .tit + .cont .price-total {display: inline-block;}

	/* SHOPPING BAG */
	.wrap-total-amount.type-jp .col-lg-4.total-amount > em {padding-top: 17px;}
	.wrap-total-amount.type-jp .col-lg-4.total-amount > strong > span {display: block; text-align: right;}
	.wrap-total-amount.type-jp .col-lg-4 > strong > span + span {margin-left: 3px;}

	.wrap-fixed-btn.on .wrap-total-amount.type-jp .col-lg-4 > em {padding-top: 9px;}

	/* PLACE ORDER */
	.total-amount-price.type-jp .order-name {padding-top: 17px;}
	.total-amount-price.type-jp .order-price > span {display: block; text-align: right;}

	.wrap-fix-btn.on .total-amount-price.type-jp .order-name {padding-top: 9px;}

	/* Order Complete */
	.wrap-amount-paid .footer-amount-paid .color-pink {display: inline-flex;flex-direction: column;vertical-align: middle; margin-left: 12px;}
	.wrap-amount-paid .mo-width-200 {width: 200px; display: inline-block;}
}

/* 일문사이트 안내 타입추가 */
.help-box {padding: 0px 0px 10px 0px;}
.help-box .asterisk{padding: 10px 0px 0px 10px;}
@media (max-width: 1199px) {
	.help-box .asterisk {padding-left: 25px;}
}

/* 엔화 Order Details */
@media (min-width: 1200px){
	.section-title.billing .pull-right .color-pink > span {margin-left: 5px;}
	.price-detail-total.billing .detail-total-price.col-xs-7 em > span {margin-left: 5px;}

	html[lang="jp"] .price-detail-total.billing .detail-total-title.col-lg-10.col-xs-7 {width: 60%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 {width: 40%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-title.col-lg-10.col-xs-6 {width: 60%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-6 {width: 40%;}

	.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 > span + span {margin-left: 5px;}
	.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-6 > span + span {margin-left: 5px;}
}
@media (max-width: 1199px){
	.section-title.billing .pull-right .color-pink > span {margin: 0px; position: relative; display: block; text-align: right;}
	html[lang="jp"] .section-title.billing .pull-right .color-pink.type-jp + .btn.btn-arr-big {margin-top: 10px;}

	html[lang="jp"] .price-detail-total.billing .detail-total-title.col-lg-10.col-xs-7 {width: 45%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 {width: 55%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-title.col-lg-10.col-xs-6 {width: 45%;}
	html[lang="jp"] .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-6 {width: 55%;}

	.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 > span + span {margin-left: 5px;}
	.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-6 > span + span {margin-left: 5px;}

	.price-detail-total.billing .row.total .detail-total-title.col-xs-5 {width: 40%; margin: 0px;}
	.price-detail-total.billing .row.total .detail-total-price.col-xs-7 {width: 60%;}
	.price-detail-total.billing .row.total .detail-total-price.col-xs-7 em > span {position: relative; display: block; text-align: right;}
	.price-detail-total.billing .row.total .detail-total-price.col-xs-7 p {letter-spacing: -0.5px;}

	#paymentInformation .detail-total-price.col-lg-2.col-xs-5 > span + span {position: relative; display: block; margin-left: 5px;}
	#paymentInformation .detail-total-price.col-lg-2.col-xs-6 > span + span {position: relative; display: block; margin-left: 5px;}
	#paymentInformation .detail-total-price.col-lg-2.col-xs-6 em > span + span {position: relative; display: block; margin-left: 5px;}
	html[lang="jp"] #paymentInformation .detail-total-price.col-lg-2.col-xs-6 + .btn-collapse {top: 8px;}

	/*.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 > span + span {position: relative; display: block; margin-left: 5px;}
	.price-detail-total.billing .detail-total-price.col-lg-2.col-xs-6 > span + span {position: relative; display: block; margin-left: 5px;}*/
}

/* 엔화 Order Receipt */
@media (min-width: 1200px){
	.wrap-table-header-gray.price-detail .order-amountDue strong > span {position: relative; display: block; margin-left: 5px; text-align: center;}

	.wrap-table-header-gray.price-detail .order-amountDue strong > span + span {margin-left: 5px;}

	.wrap-table-header-gray.price-detail .detail-total-title.col-lg-10.col-xs-7 {width: 60%;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-5 {width: 40%;}
	.wrap-table-header-gray.price-detail .detail-total-title.col-lg-10.col-xs-6 {width: 60%;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-6 {width: 40%;}

	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-5 > span + span {margin-left: 5px;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-6 > span + span {margin-left: 5px;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-5 > em span + span {margin-left: 5px;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-6 > em span + span {margin-left: 5px;}

	.wrap-table-header-gray.price-detail .detail-total-price.col-xs-6 > em span + span {margin-left: 5px;}
}
@media (max-width: 1199px){
	/*.wrap-table-header-gray.price-detail .order-amountDue strong > span {position: relative; display: block; margin-left: 5px; text-align: right;}*/

	.wrap-table-header-gray.price-detail .order-amountDue strong > span + span {margin-left: 5px;}

	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-5 > span + span {position: relative; display: block; margin-left: 5px; text-align: right;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-6 > span + span {position: relative; display: block; margin-left: 5px; text-align: right;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-5 > em span + span {position: relative; display: block; margin-left: 5px; text-align: right;}
	.wrap-table-header-gray.price-detail .detail-total-price.col-lg-2.col-xs-6 > em span + span {position: relative; display: block; margin-left: 5px; text-align: right;}

	.wrap-table-header-gray.price-detail .detail-total-price.col-xs-6 > em span + span {position: relative; display: block; margin-left: 5px; text-align: right;}
}

/* 엔화 09-14 업데이트 */
@media (min-width: 1200px){
	.myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-7 {width: 60%;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 {width: 40%;}
	.myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-6 {width: 60%;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 {width: 40%;}

	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 > span + span {margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 > span + span {margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 > em span + span {margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 > em span + span {margin-left: 5px;}

	.myaccount-container .price-detail-total .row.total .detail-total-price.col-xs-6 > em span + span {margin-left: 5px;}
	.myaccount-container .price-detail-total .row.total .detail-total-price.col-xs-7 > em span + span {margin-left: 5px;}
}
@media (max-width: 1199px){
	.myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-7 {padding-right: 0px;}
	.myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-6 {padding-right: 0px;}

	html[lang="jp"] .myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-7 {width: 50%; letter-spacing:-0.05em;} /* 수정 2022-06-10 */
	html[lang="jp"] .myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 {width: 50%;} /* 수정 2022-06-10 */
	html[lang="jp"] .myaccount-container .price-detail-total .detail-total-title.col-lg-10.col-xs-6 {width: 50%; letter-spacing:-0.05em;} /* 수정 2022-06-10 */
	html[lang="jp"] .myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 {width: 50%;} /* 수정 2022-06-10 */

	.myaccount-container .section-title.vertical + .price-detail-total {border-top: 0px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 {padding-left: 3px;}
	.myaccount-container .price-detail-total .row.total .detail-total-title.col-xs-6 {padding-right: 0px; margin-top: 0px;}
	.myaccount-container .price-detail-total .row.total .detail-total-price.col-xs-6 {padding-left: 0px;}
	.myaccount-container .price-detail-total .row.total .detail-total-price.col-xs-6 > em span + span {position: relative; display: block; margin-left: 5px; text-align: right;}

	.myaccount-container .price-detail-total .row.total .detail-total-price.col-xs-7 > em span + span {position: relative; display: block; margin-left: 5px; text-align: right;}

	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 > span + span {position: relative; display: block;margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-5 em > span + span {position: relative; display: block;margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 > span + span {position: relative; display: block;margin-left: 5px;}
	.myaccount-container .price-detail-total .detail-total-price.col-lg-2.col-xs-6 em > span + span {position: relative; display: block;margin-left: 5px;}

	.myaccount-container .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 > span + span {display: inline-block;}
	.myaccount-container .price-detail-total.billing .detail-total-price.col-lg-2.col-xs-5 em > span + span {display: inline-block;}
	.myaccount-container .price-detail-total .list-dash .detail-total-price.col-lg-2.col-xs-6 > span + span {display: inline-block;}
	.myaccount-container .price-detail-total .list-dash .detail-total-price.col-lg-2.col-xs-6 em > span + span {display: inline-block;}

	html[lang="jp"] .myaccount-container .detail-total-price.col-lg-2.col-xs-6 + .btn-collapse {top: 8px;}
}
@media (max-width: 430px) and (orientation: portrait){
	html[lang="jp"] .section-title.billing .pull-left {max-width: 130px; letter-spacing:-0.05em;} /* 수정 2022-06-10 */
	html[lang="jp"] .price-detail-total.billing + .section-title.billing .pull-left {max-width: 130px; letter-spacing:-0.05em;} /* 수정 2022-06-10 */
}

/* 기획전 쿠폰영역 추가 */
.e-coupon-area {padding-top: 10px; text-align: center;}
.e-coupon-area .coupon-download {position: relative; display: inline-block; margin-left: 2px; margin-right: 2px; margin-top: 10px;}
.e-coupon-area .coupon-download dl {margin: 0 auto; width: 400px; height: 134px; padding-left: 10px; padding-right: 35px;background: url(../../resources/images/common/ev_coupon01.png) 0 0 no-repeat; background-size: 400px; text-align: center;}
.e-coupon-area .coupon-download.disabled {pointer-events: none;}
.e-coupon-area .coupon-download.disabled dl {background: url(../../resources/images/common/ev_coupon02.png) 0 0 no-repeat; background-size: 400px;}
.e-coupon-area .coupon-download:disabled dl {background: url(../../resources/images/common/ev_coupon02.png) 0 0 no-repeat; background-size: 400px;}
.e-coupon-area .coupon-download dl dt {padding-top: 39px;  font-size: 1.25rem; font-weight: bold; line-height: 0.67; color: #3d3d3d;}
.e-coupon-area .coupon-download dl dt .txt_pr {font-size: 2.25rem; padding-right: 10px;}
.e-coupon-area .coupon-download dl dd { font-size: 0.875rem; font-weight: 500; line-height: 1.29; color: #141414; padding-top: 10px;}
.e-coupon-area .coupon-download dl dd p {}
@media (max-width: 1199px){
  .e-coupon-area {padding-top: 5px; text-align: center;}
  .e-coupon-area .coupon-download {margin-left: 4px; margin-right: 4px;}
  .e-coupon-area .coupon-download dl {margin: 0 auto; width: 280px; height: 134px; padding-left: 0px; padding-right: 20px;background: url(../../resources/images/common/sp_common.png) 0 -306px no-repeat; background-size: 500px; text-align: center;}
  .e-coupon-area .coupon-download.disabled {pointer-events: none;}
  .e-coupon-area .coupon-download.disabled dl {background: url(../../resources/images/common/no_coupon.png) 0 0 no-repeat; background-size: 280px;}
  .e-coupon-area .coupon-download:disabled dl {background: url(../../resources/images/common/no_coupon.png) 0 0 no-repeat; background-size: 280px;}
  .e-coupon-area .coupon-download dl dt {padding-top: 35px;}
  .e-coupon-area + .wrap-plan-category-menu {border-top: 1px solid #e0e0e0; margin-top: 15px;}
  .e-coupon-area + .wrap-plan-category-menu.on {border-top: 0px; margin-top: 0px;}
}

/* 개선 사항 */
@media (max-width: 396px){
    html[lang="jp"] .type-signin .tooltip-type-basic.bottom.left{right:-90px;}
    html[lang="jp"] .type-signin .tooltip-type-basic.bottom.left::after{right:93px;}
}
@media (max-width: 332px){
    html[lang="jp"] .type-signin .tooltip-type-basic.bottom.left{width:288px;right:-78px;}
    html[lang="jp"] .type-signin .tooltip-type-basic.bottom.left::after{right:81px;}
}

/* 멤버십 개편 */
.btn-line-green{border:1px solid #9bce26;background-color:#fff;color:#9cc92e;font-weight:500;}

.membership-login-area{padding:41px 20px 51px;background-color:#fafafa;text-align:center;}
.membership-login-area strong{font-size:1.625rem;line-height:2.25rem;font-weight:700;color:#0e050b;}
.membership-login-area p{margin-top:18px;font-size:1rem;line-height:1.375rem;color:#0e050b;}
.membership-login-area p .color-pink{color:#ef5552 !important;}
.membership-login-area .btn-wrap{overflow:hidden;margin-top:27px;}
.membership-login-area .btn-wrap > div{position:relative;left:-50%;float:right;}
.membership-login-area .btn-wrap .btn{position:relative;left:50%;float:left;width:149px;height:45px;line-height:43px;border-radius:23px;border-width:2px;}
.membership-login-area .btn-wrap .btn + .btn{margin-left:20px;}
.membership-login-area .btn-wrap .btn span{position:relative;}
.membership-tit{position:relative;margin-top:92px;text-align:center;}
.membership-tit:after{content:'';position:absolute;left:0;/*top:17px;*/top:calc(50% - 1px);width:100%;height:1px;background-color:#e0e0e0; /*top:50%;transform:translateY(-50%);margin-top:-1px;*/}
.membership-tit h3{display:inline-block;position:relative;padding:0 16px;background-color:#fff;font-weight:700;font-size:1.625rem;line-height:2.25rem;color:#0e050b;vertical-align:top;z-index:1;font-family:'Roboto';}
.membership-tit h3.weight-medium{font-weight:500;}
.contents-membership .membership-tit + .wrap-line-banner{margin-top:36px;}
.contents-membership .wrap-contents-body .membership-tit + .level-list{margin-top:31px;}
.mbs-guide-txt{font-weight:500;font-size:0.9375rem;line-height:1.25rem;color:#141414;}
.mbs-guide-txt + .membership-tit{margin-top:89px;}
.contents-membership .wrap-contents-body .mbs-guide-txt + .notice-list{margin-top:95px;}
.level-list + .mbs-guide-txt{margin-top:17px;}
.benefit-area{position:relative;margin-top:6px;}
.benefit-area ul{overflow:hidden;width:860px;margin:0 auto;}
.benefit-area ul > li{float:left;padding:25px;}
.benefit-area ul > li > a{display:block;}
.benefit-area .benefit-coupon{display:flex;flex-direction:column;width:380px;height:202px;padding:5px 61px 4px 5px;background-image:url(../images/common/benefit_coupon.png);background-repeat:no-repeat;text-align:center;align-items:center;justify-content:center;}
.benefit-area .benefit-coupon.bg-green{background-position:0 0;}
.benefit-area .benefit-coupon.bg-pink{background-position:-380px 0;}
.benefit-area .benefit-coupon > strong{display:inline-block;margin-bottom:19px;min-width:224px;height:39px;padding:0 16px;border-radius:20px;text-align:center;font-weight:400;font-size:1.375rem;line-height:39px;color:#fff;letter-spacing:-0.04em;vertical-align:top;}
.benefit-area .benefit-coupon.bg-green > strong{background-color:#9bce26;}
.benefit-area .benefit-coupon.bg-pink > strong{background-color:#fa7871;}
.benefit-area .benefit-coupon p, .benefit-area .benefit-coupon > span{font-weight:400;font-size:1.4375rem;line-height:2.5rem;letter-spacing:-0.05em;color:#292929;}
.benefit-area .benefit-coupon p em, .benefit-area .benefit-coupon > span em{font-weight:700;font-size:2.0625rem;line-height:1;}
.benefit-area .benefit-coupon p strong, .benefit-area .benefit-coupon > span strong{font-weight:700;}
.benefit-area .benefit-coupon p.desc, .benefit-area .benefit-coupon > span.desc{padding-bottom:7px;font-size:1.25rem;line-height:1.4375rem;color:#666;}
.benefit-area .benefit-coupon p.desc span, .benefit-area .benefit-coupon > span.desc span{font-size:1rem;}
.benefit-area .benefit-coupon p + p.desc, .benefit-area .benefit-coupon > span + span.desc{margin-top:-4px;}
.benefit-area + .membership-tit{margin-top:67px;}
html[lang="jp"] .benefit-area .benefit-coupon > strong{font-size:1.25rem;letter-spacing:-0.09em;}
html[lang="jp"] .benefit-area .benefit-coupon p, html[lang="jp"] .benefit-area .benefit-coupon > span{font-size:1.3125rem;letter-spacing:-0.09em;}
html[lang="jp"] .benefit-area .benefit-coupon p.desc, html[lang="jp"] .benefit-area .benefit-coupon > span.desc{font-size:1.125rem;}
.btm-btn-wrap{margin-top:25px;padding-bottom:60px;text-align:center;}
.btm-btn-wrap .btn{width:230px;}
.btm-btn-wrap a.btn{line-height:20px;}
.contents-membership .wrap-benefits{background-color:#fafafa;}
.contents-membership .wrap-benefits > ul{margin-top:0;border-bottom:0;}
.contents-membership .wrap-contents-body .level-list .list-box{height:100%;}
.contents-membership .wrap-benefits .bf-tit{display:block;padding:42px 0 37px;text-align:center;font-weight:700;font-size:1.625rem;line-height:2.25rem;color:#0e050b;}
html[lang="jp"] .contents-membership .wrap-benefits .bf-tit{letter-spacing:-0.09em;}
@media (max-width: 1199px){
    .membership-login-area{margin:-20px -16px 0;padding:20px 20px 30px;}
    .membership-login-area strong{font-size:1.125rem;line-height:1.5rem;font-weight:600;color:#141414;}
    .membership-login-area p{margin-top:21px;font-size:0.875rem;line-height:1.125rem;color:#141414;}
    .membership-login-area .btn-wrap{margin-top:25px;}
    .membership-login-area .btn-wrap > div{display:flex;float:none;left:0;text-align:center;max-width:346px;margin:0 auto;justify-content:space-between;}
    .membership-login-area .btn-wrap .btn{/*width:160px;*/width:auto;flex:1;float:none;left:0;height:45px;line-height:43px;border-radius:23px;border-width:2px;}
    .membership-login-area .btn-wrap .btn + .btn{margin-left:26px;}
    .membership-tit{margin-top:45px;}
    .membership-tit:after{display:none;}
    .membership-tit h3{padding:0;font-weight:600;font-size:1.125rem;line-height:1.5rem;color:#141414;z-index:0;}
    .membership-tit h3.weight-medium{font-weight:600;}
    .contents-membership .wrap-line-banner{margin:0 -16px;}
    .contents-membership .membership-tit + .wrap-line-banner{margin-top:17px;}
    .contents-membership .wrap-contents-body .membership-tit + .level-list{margin-top:-6px;}
    .mbs-guide-txt{font-weight:400;font-size:0.9375rem;line-height:1.125rem;letter-spacing:-0.025;}
    .mbs-guide-txt + .membership-tit{margin-top:43px;}
    .contents-membership .wrap-contents-body .mbs-guide-txt + .notice-list{margin-top:48px;}
    .benefit-area{margin-top:14px;}
    .benefit-area ul{width:285px;margin:0 auto;}
    .benefit-area ul > li{float:none;padding:0;margin-top:20px;}
    .benefit-area ul > li:first-child{margin-top:0;}
    .benefit-area .benefit-coupon{display:flex;flex-direction:column;width:285px;height:152px;padding:3px 46px 4px 4px;background-image:url(../images/common/benefit_coupon.png);background-size:400px auto;}
    .benefit-area .benefit-coupon.bg-green{background-position:0 -101px;}
    .benefit-area .benefit-coupon.bg-pink{background-position:0 -253px;}
    .benefit-area .benefit-coupon > strong{margin-bottom:15px;min-width:168px;height:29px;padding:0 16px;border-radius:15px;font-size:1rem;line-height:29px;letter-spacing:-0.04em;}
    .benefit-area .benefit-coupon.bg-green > strong{background-color:#9bce26;}
    .benefit-area .benefit-coupon.bg-pink > strong{background-color:#fa7871;}
    .benefit-area .benefit-coupon p, .benefit-area .benefit-coupon > span{font-size:1.0625rem;line-height:1.875rem;}
    .benefit-area .benefit-coupon p em, .benefit-area .benefit-coupon > span em{font-size:1.5625rem;line-height:1;}
    .benefit-area .benefit-coupon p.desc, .benefit-area .benefit-coupon > span.desc{padding-bottom:0;font-size:0.9375rem;line-height:1.3125rem;}
    .benefit-area .benefit-coupon p.desc span, .benefit-area .benefit-coupon > span.desc span{font-size:0.75rem;line-height:0.9375rem;vertical-align:top;}
    .benefit-area .benefit-coupon p + p.desc, .benefit-area .benefit-coupon > span + span.desc{margin-top:-4px;}
    .benefit-area + .membership-tit{margin-top:45px;}
    html[lang="jp"] .benefit-area .benefit-coupon > strong{font-size:0.875rem;letter-spacing:-0.09em;}
    html[lang="jp"] .benefit-area .benefit-coupon p, html[lang="jp"] .benefit-area .benefit-coupon > span{font-size:0.9375rem;letter-spacing:-0.09em;}
    html[lang="jp"] .benefit-area .benefit-coupon p.desc, html[lang="jp"] .benefit-area .benefit-coupon > span.desc{font-size:0.875rem;}
    .btm-btn-wrap{margin-top:40px;padding-bottom:20px;}
    .btm-btn-wrap .btn{width:100%;}
    .btm-btn-wrap a.btn{line-height:20px;}
    .contents-membership .wrap-benefits{margin:-20px -16px 0;padding:16px 0 0;background-color:transparent;}
    .contents-membership .wrap-benefits > ul{margin-top:0;border-bottom:0;}
    .contents-membership .wrap-contents-body .level-list .list-box{height:100%;}
    .contents-membership .wrap-benefits .bf-tit{display:none;padding:42px 0 37px;text-align:center;font-weight:700;font-size:1.625rem;line-height:2.25rem;color:#0e050b;}
    html[lang="jp"] .contents-membership .wrap-benefits .bf-tit{letter-spacing:-0.09em;}
    .contents-membership .wrap-benefits > ul li.coupon-area:after{content:'';display:block;position:static;width:100%;height:10px;background-color:#f5f5f5;border-top:1px solid #e0e0e0;}
}

/* BRANDS UI 변경 [S] 2022-03-21 */
.container.container-fluid{max-width:none;}
.wrap-featured-brands.type02{overflow:hidden;margin:-1px -24px 0;padding-bottom:70px;background-color:#f6f6f6;}
.wrap-featured-brands.type02 .featured-title {padding:30px 0;text-align:center;}
.wrap-list-brands.type02 .featured-title{padding:80px 0 36px;text-align:center;}
.wrap-featured-brands.type02 .featured-title h3,
.wrap-list-brands.type02 .featured-title h3{display:inline-block;padding:0 25px;height:42px;border:1px solid #141414;border-radius:21px;font-family:'Roboto';font-size:1.625rem;line-height:2.5rem;font-weight:500;color:#141414;vertical-align:middle;}
.wrap-featured-brands.type02 .featured-swiper{position:relative;max-width:1152px;margin:0 auto;}
.wrap-featured-brands.type02 .swiper-container {padding:0;overflow:visible;}
.wrap-featured-brands.type02 .swiper-container:before, 
.wrap-featured-brands.type02 .swiper-container:after {display:none;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide {/*padding:33px 0 34px;*//*width:378px;*/width:430px;height:561px;text-align:center;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide .items-newin{position:relative;/*overflow:hidden;*/width:100%;width:378px;height:494px;margin:0 auto;margin:33px auto 34px;background-color:#fff;box-shadow:1px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide a{display:block;width:100%;height:100%;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide img{width:100%;max-width:100%;vertical-align:top;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide .items-newin:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.54);}
.wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info{position:relative;left:50%;width:378px;height:116px;padding:24px 25px 20px;transform:translate(-50%);}
.wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info strong{font-weight:500;font-size:1.3125rem;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info p{margin-top:6px;font-size:1rem;line-height:1.3125rem;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active{padding:0;width:430px;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-newin{margin:0 auto;width:430px;height:561px;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-newin:after{display:none;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info{padding:27px 25px 20px;width:430px;height:131px;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info strong{font-size:1.5rem;}
.wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info p{font-size:1.125rem;line-height:1.5rem;}
.wrap-featured-brands.type02 .swiper-container .swiper-button-next, .wrap-featured-brands.type02 .swiper-container .swiper-button-prev {width:60px;height:60px;padding:0px;margin:-30px 0 0 0;background-color:transparent;border-radius:0;}
.wrap-featured-brands.type02 .swiper-container .swiper-button-next:after {content:'';position:absolute;left:5px;top:15px;display:block;width:30px;height:30px;transform:rotate(135deg);border-left:2px solid #fff;border-top:2px solid #fff;}
.wrap-featured-brands.type02 .swiper-container .swiper-button-prev:after {content:'';position:absolute;left:25px;top:15px;display:block;width:30px;height:30px;transform:rotate(315deg);border-left:2px solid #fff;border-top:2px solid #fff;}
.wrap-featured-brands.type02 .swiper-container .swiper-button-next {right:261px;top:50%;}
.wrap-featured-brands.type02 .swiper-container .swiper-button-prev {left:261px;top:50%;}

.brands-tabs{padding-bottom:30px;}
.brands-tabs:after{content:'';display:block;clear:both;}
.brands-tabs ul{position:relative;right:50%;float:right;}
.brands-tabs ul li{position:relative;left:50%;float:left;margin-left:15px;}
.brands-tabs ul li button{display:block;padding:0 24px;min-width:98px;height:48px;background-color:#f5f5f5;font-size:1rem;line-height:1.375rem;text-align:center;}
.brands-tabs ul li button span{position:relative;}
.brands-tabs ul li button.on{background-color:#fff5f5;font-weight:bold;color:#f67070;}
.brands-tabs ul li:first-child{margin-left:0;}

.wrap-list-brands.type02{max-width:1200px;margin:0 auto;padding:0 24px;}
.wrap-list-brands.type02 .brands-fix-zone {height:55px;font-family:'Roboto';border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#fff;}
.wrap-list-brands.type02 .brands-fix-zone > div{position:relative;}
.wrap-list-brands.type02 .brands-fix-zone .area {float:none;width:100%;height:55px;text-align:left;background-color:transparent;padding:0;}
.wrap-list-brands.type02 .brands-fix-zone .area > div:after{content:'';display:block;clear:both;}
.wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands {position:relative;float:left;width:auto;height:55px;margin:0;padding:16px 11px 11px;background-color:#fff;border:none;text-align:center;font-size:1rem;line-height:1.375rem;color:#141414;}
.wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands:before{content:'';position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-8px;background-color:#c9c9c9;}
.wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands.on {background-color:transparent;border:none;font-weight:bold;color:#f67070;}
.wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands:first-child:before{display:none;}
.wrap-list-brands.type02 .brands-fix-zone .area .disabled {opacity:0.5;pointer-events:none;}
.wrap-list-brands.type02 .brands-fix-zone .brands-search{position:absolute;right:0;top:10px;padding-right:40px;width:218px;height:33px;border:1px solid #fab2b2;z-index:2;}
.wrap-list-brands.type02 .brands-fix-zone .brands-search input{padding:0 10px;width:100%;height:100%;font-size:0.875rem;border:0;}
.wrap-list-brands.type02 .brands-fix-zone .brands-search input::placeholder{color:#bdbdbd;}
.wrap-list-brands.type02 .brands-fix-zone .brands-search button{position:absolute;right:0;top:0;width:40px;height:31px;padding:4px;}
.wrap-list-brands.type02 .brands-fix-zone .brands-search button span{display:block;position:relative;overflow:hidden;text-indent:-9999px;width:21px;height:21px;background:url(../images/common/ico_brands_search.png) no-repeat left top;}
.wrap-list-brands.type02 .brands-fix-zone + .brands-con-zone{padding-top:30px;}
.wrap-list-brands.type02 .brands-fix-zone.top-bar{border-top-color:#fff;position:static;left:0;margin:0;width:100%;}
.wrap-list-brands.type02 .top-pdt{padding-top:57px;padding-top:0;}

@media (max-width:1199px){
    .wrap-featured-brands.type02{margin:0;padding-bottom:35px;background-color:#f7f7f7;}
    .wrap-featured-brands.type02 .featured-title {padding:25px 0 20px;}
    .wrap-list-brands.type02 .featured-title{padding:15px 0;}
    .wrap-featured-brands.type02 .featured-title h3,
    .wrap-list-brands.type02 .featured-title h3{padding:0 14px;height:28px;border-radius:14px;font-size:1.125rem;line-height:1.625rem;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide {/*padding:26px 0;*/width:235px;height:345.5px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide .items-newin{width:200px;height:100%;margin:26px auto 26px;height:293.5px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info{width:200px;height:94px;padding:16px 15px 15px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info strong{font-size:0.85rem;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide .items-info p{margin-top:6px;font-size:0.6875rem;line-height:0.84375rem;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active{width:235px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-newin{margin:0 auto;width:235px;height:345.5px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info{padding:19px 15px 15px;width:235px;height:111px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info strong{font-size:1rem;}
    .wrap-featured-brands.type02 .swiper-container .swiper-slide.swiper-slide-active .items-info p{font-size:0.8125rem;line-height:1.0625rem;}
    .wrap-featured-brands.type02 .swiper-container .swiper-button-next:after {left:14px;top:20px;width:20px;height:20px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-button-prev:after {left:26px;top:20px;width:20px;height:20px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-button-next {right:50%;top:50%;margin-right:-184px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-button-prev {left:50%;top:50%;margin-left:-184px;}

    .brands-tabs{padding-bottom:20px;margin:0 -5px}
    .brands-tabs ul{display:flex;right:0;float:none;flex-wrap:wrap;justify-content:center;}
    .brands-tabs ul li{left:0;float:none;margin:5px;}
    .brands-tabs ul li button{display:flex;padding:0 16px;min-width:76px;height:37px;font-size:0.875rem;line-height:1.125rem;align-items:center;justify-content:center;}
    .brands-tabs ul li:first-child{margin:5px;}

    .wrap-list-brands.type02{padding:20px 16px 0;}
    .wrap-list-brands.type02 .brands-fix-zone {height:112px;border:none;}
    .wrap-list-brands.type02 .brands-fix-zone > div{position:relative;padding:50px 0 20px;}
    .wrap-list-brands.type02 .brands-fix-zone .area {display:block;float:none;width:100%;height:42px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
    .wrap-list-brands.type02 .brands-fix-zone .area .english{display:flex;overflow:visible;max-width:none;height:100%;padding:0;}
    .wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands {height:40px;padding:1px 10px;font-size:0.875rem;line-height:40px;}
    .wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands:before{height:10px;margin-top:-5px;}
    .wrap-list-brands.type02 .brands-fix-zone .area .scroll-brands.on {color:#f67070;}
    .wrap-list-brands.type02 .brands-fix-zone .brands-search{position:absolute;left:0;right:auto;top:0;padding-right:43px;width:100%;height:35px;z-index:0;}
    .wrap-list-brands.type02 .brands-fix-zone .brands-search input{padding:0 15px;font-size:0.8125rem;}
    .wrap-list-brands.type02 .brands-fix-zone .brands-search button{width:43px;height:33px;padding:6px 0 0 5px;text-align:left;}
    .wrap-list-brands.type02 .brands-fix-zone .brands-search button span{display:inline-block;width:22px;height:23px;font-size:1px;line-height:1px;background:url(../images/common/ico_brands_search.png) no-repeat left -12px;background-size:50px auto;}
    .wrap-list-brands.type02 .brands-fix-zone + .brands-con-zone{padding-top:0;}
    .wrap-list-brands.type02 .top-pdt{padding-top:0;}
}
@media (max-width: 359px){
    .wrap-featured-brands.type02 .swiper-container .swiper-button-next {margin-right:-173px;}
    .wrap-featured-brands.type02 .swiper-container .swiper-button-prev {margin-left:-173px;}
}
/* BRANDS UI 변경 [E] 2022-03-21 */

/* BRANDS UI 변경 업데이트 [S] */
.wrap-list-brands.type02 + .wrap-empty {border-bottom: 0px}
/* BRANDS UI 변경 업데이트 [E] */

/* OLIVE YOUNG Affiliate [S] 2022-05-03 */
/* Affiliate */
@media (min-width: 1200px){
	.wrap-affiliate-content {display: block;}
	.wrap-affiliate-content .affiliate-info {position: relative; display: block; text-align: center; padding-top:65px; padding-bottom: 80px;}
	.wrap-affiliate-content .affiliate-info .tit-n {position: relative; display: block; text-align: center;padding-bottom:24px; font-size: 40px; font-weight: 500; color: #070707;}
	.wrap-affiliate-content .affiliate-info .txt-n {position: relative; display: block; text-align: center; padding-bottom:37px; font-size: 20px; font-weight: normal; line-height: 150%; color: #161616;}
	.wrap-affiliate-content .affiliate-info button.btn-inf-black {width: 160px; height: 40px; background-color: #141414; color: #fff; font-weight: 500;}

	.wrap-affiliate-content .affiliate-how {display: block; height: 510px;}
	.wrap-affiliate-content .affiliate-how:before {content: ""; position: absolute; left: 50%; margin-top: 76px; margin-left: -50%; width: 100%; height: 278px; opacity: 0.07; background-color: #ff5753; z-index: -1;}
	.wrap-affiliate-content .affiliate-how .pic-area {float: left; width: 530px; overflow: hidden;}
	.wrap-affiliate-content .affiliate-how .pic-area img {width: 100%; height: auto;}
	.wrap-affiliate-content .affiliate-how .con-area {float: left; padding-left: 71px; padding-top: 47px;}
	.wrap-affiliate-content .affiliate-how .tit-n {position: relative; display: block; height: 118px; font-family: 'Libre Bodoni'; font-size: 28px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-how .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-how .tit-n span:first-child {font-size: 96px;}
	.wrap-affiliate-content .affiliate-how .tit-n span:last-child {line-height: 100%; padding-top: 40px; padding-left: 30px; width: 420px;}
	.wrap-affiliate-content .affiliate-how .con-list {position: relative; display: block; width: 530px; padding-left: 17px;}
	.wrap-affiliate-content .affiliate-how .con-list > li {position: relative; display: block; padding-left: 27px; padding-bottom: 11px; font-size: 18px; font-weight: normal; line-height: 100%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-how .con-list > li::before {content:'';position: absolute;left: 3px;top: 0px;}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(1)::before {content: '1.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(2)::before {content: '2.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(3)::before {content: '3.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(4)::before {content: '4.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(5)::before {content: '5.';}

    html[lang="jp"] .wrap-affiliate-content .affiliate-how .con-list > li {font-size: 16px;}

	.wrap-affiliate-content .affiliate-benefits {position: relative; display: block; overflow: hidden; padding-bottom: 80px;}
	.wrap-affiliate-content .affiliate-benefits .con-area {float: left; padding-top: 34px;}
	.wrap-affiliate-content .affiliate-benefits .tit-n {position: relative; display: block; height: 118px; font-family: 'Libre Bodoni'; font-size: 28px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span:first-child {font-size: 96px;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span:last-child {line-height: 100%; padding-top: 40px; padding-left: 30px; width: 420px;}
	.wrap-affiliate-content .affiliate-benefits .con-list {position: relative; display: block; width: 840px; padding-left: 17px;}
	.wrap-affiliate-content .affiliate-benefits .con-list > li {position: relative; display: block; padding-left: 16px; padding-bottom: 10px; font-size: 18px; font-weight: normal; line-height: 100%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-benefits .con-list > li::before {content:'';position: absolute;left: 3px;top: 7px; width: 4px; height: 4px; background-color: #333; border-radius: 3px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 {position: relative; display: block; width: 840px; padding-top: 20px; padding-left: 17px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li {position: relative; display: block; padding-left: 16px; padding-bottom: 10px; font-size: 18px; font-weight: normal; line-height: 100%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li::before {content:'*';position: absolute;left: 3px;top: 2px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li > p {position: relative; display: block; padding-bottom: 9px;}
	.wrap-affiliate-content .affiliate-benefits .pic-area {float: right; width: 300px; overflow: hidden;}
	.wrap-affiliate-content .affiliate-benefits .pic-area img {width: 100%; height: auto;}
	.wrap-affiliate-content .btn.btn-txt-copy {width: 25px; height: 20px; overflow: hidden; margin-top: -2px;}
	.wrap-affiliate-content .btn.btn-txt-copy::before {content: ""; position: absolute; top: 2px; left: 10px; width: 9px; height: 11px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.7); box-shadow:0px 0px 1.5px rgba(0, 0, 0, 1);}
	.wrap-affiliate-content .btn.btn-txt-copy::after {content: ""; position: absolute; top: 5px; left: 7px; width: 9px; height: 11px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.7); box-shadow:0px 0px 1.5px rgba(0, 0, 0, 1);}

    html[lang="jp"] .wrap-affiliate-content .affiliate-benefits .con-list > li {font-size: 16px;}
    html[lang="jp"] .wrap-affiliate-content .affiliate-benefits .con-list2 > li {font-size: 16px;}

	.wrap-affiliate-content .affiliate-follower {display: block; height: 520px;}
	.wrap-affiliate-content .affiliate-follower:before {content: ""; position: absolute; left: 50%; margin-top: 76px; margin-left: -50%; width: 100%; height: 278px; opacity: 0.2; background-color: #ee6e6b; z-index: -1;}
	.wrap-affiliate-content .affiliate-follower .pic-area {float: left; width: 530px; overflow: hidden;}
	.wrap-affiliate-content .affiliate-follower .pic-area img {width: 100%; height: auto;}
	.wrap-affiliate-content .affiliate-follower .con-area {float: left; padding-left: 71px; padding-top: 47px;}
	.wrap-affiliate-content .affiliate-follower .tit-n {position: relative; display: block; height: 118px; font-family: 'Libre Bodoni'; font-size: 28px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-follower .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-follower .tit-n span:first-child {font-size: 96px;}
	.wrap-affiliate-content .affiliate-follower .tit-n span:last-child {line-height: 100%; padding-top: 40px; padding-left: 30px; width: 420px;}
	.wrap-affiliate-content .affiliate-follower .con-list {position: relative; display: block; width: 530px; padding-left: 17px;}
	.wrap-affiliate-content .affiliate-follower .con-list > li {position: relative; display: block; padding-left: 16px; padding-bottom: 11px; font-size: 18px; font-weight: normal; line-height: 100%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-follower .con-list > li::before {content:'';position: absolute;left: 3px;top: 7px; width: 4px; height: 4px; background-color: #333; border-radius: 3px;}

    html[lang="jp"] .wrap-affiliate-content .affiliate-follower .con-list > li {font-size: 16px;}

	.wrap-affiliate-content .affiliate-reward {position: relative; display: block; text-align: center; padding-top: 23px; padding-bottom: 80px;}
	.wrap-affiliate-content .affiliate-reward .tit-n {position: relative; display: block; text-align: center;padding-bottom:60px; font-family: 'Libre Bodoni'; font-size: 40px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-reward .tit-n span {position: relative; display: inline-block; padding:11px 16px;}
	.wrap-affiliate-content .affiliate-reward .tit-n span::after {content: ""; position: absolute; left: 0px; right: 0px; bottom:0px; height: 30px; background-color: #f27370; opacity: 0.15; z-index: -1;}
	.wrap-affiliate-content .affiliate-reward .movie-area {position: relative; display: inline-block; width: 984px; margin: 0 auto;}

	.wrap-affiliate-content .affiliate-questions {position: relative; display: block; text-align: center; padding-top: 30px; padding-bottom: 20px;}
	.wrap-affiliate-content .affiliate-questions .tit-n {position: relative; display: block; text-align: center;padding-bottom:46px; font-family: 'Libre Bodoni'; font-size: 40px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .tit-n span {position: relative; display: inline-block; padding:11px 16px;}
	.wrap-affiliate-content .affiliate-questions .tit-n span::after {content: ""; position: absolute; left: 0px; right: 0px; bottom:0px; height: 30px; background-color: #f27370; opacity: 0.15; z-index: -1;}
	.wrap-affiliate-content .affiliate-questions .link-n {position: relative; display: inline-block; text-align: center;padding-bottom:64px; font-family: 'Libre Bodoni'; font-size: 22px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .con-list {display: flex; flex-wrap: wrap;}
	.wrap-affiliate-content .affiliate-questions .con-list > li {width:50%; text-align: left; padding-bottom: 60px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li:nth-child(odd) {padding-right: 24px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li:nth-child(even) {padding-left: 24px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > h4 {position: relative; display: block; padding-bottom: 15px; font-size: 18px; font-weight: 500; line-height: 120%; text-align: left; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > p {position: relative; display: block; font-size: 15px; font-weight: normal; line-height: 135%; text-align: left; color: #333;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > .questions_table_area + p {padding-top: 7px; font-size: 13px; color: #666;}
	.wrap-affiliate-content .questions_table_area table{width: 100%;text-indent: 0; font-size: 14px; color: #666; text-align: center;}
	.wrap-affiliate-content .questions_table_area table th, .questions_table_area table td{line-height: 22px;}
	.wrap-affiliate-content .questions_table_area caption {display: none;}
	.wrap-affiliate-content .questions_table_area table thead th{padding: 8px 5px;border-right: 1px solid #e6e6e6;border-top: 2px solid #737373;border-bottom: 1px solid #e4e4e4;text-align: center;background: #fafafa;font-weight: 500;color: #141414;}
	.wrap-affiliate-content .questions_table_area table thead th:last-child{border-right: 0;}
	.wrap-affiliate-content .questions_table_area table thead th:first-child{border-right: 1px solid #e6e6e6;}
	.wrap-affiliate-content .questions_table_area table tbody td{padding: 8px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align: center;vertical-align: top;}
	.wrap-affiliate-content .questions_table_area table tbody td:last-child{border-right: 0;}
	.wrap-affiliate-content .questions_table_area table tbody td:first-child{border-right: 1px solid #e6e6e6;}

	.wrap-affiliate-content .affiliate-inquiries {position: relative; display: block; text-align: center; padding-top:28px; padding-bottom: 38px; border-top: 1px solid #e0e0e0;}
	.wrap-affiliate-content .affiliate-inquiries .txt-n {position: relative; display: block; text-align: center; padding-bottom:15px; font-size: 18px; font-weight: normal; line-height: 150%; color: #333;}
	.wrap-affiliate-content .affiliate-inquiries .link-n {position: relative; display: inline-block; text-align: center; font-size: 16px; font-weight: normal; line-height: 150%; color: #333; text-decoration: underline;}
}
@media (max-width:1199px){
	.wrap-affiliate-content {position: relative; display: block;}
	.wrap-affiliate-content .affiliate-info {position: relative; display: block; text-align: center; padding-top:23px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px;}
	.wrap-affiliate-content .affiliate-info .tit-n {position: relative; display: block; text-align: center;padding-bottom:19px; font-size: 24px; font-weight: 500; color: #070707;}
	.wrap-affiliate-content .affiliate-info .txt-n {position: relative; display: block; text-align: center; padding-bottom:28px; font-size: 15px; font-weight: normal; line-height: 120%; color: #161616;}
	.wrap-affiliate-content .affiliate-info .txt-n br {display: none;}
	.wrap-affiliate-content .affiliate-info button.btn-inf-black {width: 160px; height: 40px; background-color: #141414; color: #fff; font-weight: 500;}

	.wrap-affiliate-content .affiliate-how {position: relative; display: block; height: auto; overflow: hidden;}
	.wrap-affiliate-content .affiliate-how:before {content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px; width: 100%; height: calc(100% - 60px); opacity: 0.07; background-color: #ff5753; z-index: -1;}
	.wrap-affiliate-content .affiliate-how .pic-area {float: left; width:calc(100% - 25px); overflow: hidden;}
	.wrap-affiliate-content .affiliate-how .pic-area img {width: 100%; height: auto;}
	.wrap-affiliate-content .affiliate-how .con-area {float: left; width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 23px; padding-bottom: 22px;}
	.wrap-affiliate-content .affiliate-how .tit-n {position: relative; display: block; height: 60px; overflow: hidden; font-family: 'Libre Bodoni'; font-size: 18px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-how .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-how .tit-n span:first-child {font-size: 48px;}
	.wrap-affiliate-content .affiliate-how .tit-n span:last-child {line-height: 63px; padding-left: 8px;}
	.wrap-affiliate-content .affiliate-how .con-list {position: relative; display: block; width: 100%; padding-left: 7px;}
	.wrap-affiliate-content .affiliate-how .con-list > li {position: relative; display: block; padding-left: 22px; padding-bottom: 9px; font-size: 14px; font-weight: normal; line-height: 120%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-how .con-list > li::before {content:'';position: absolute;left: 3px;top: 0px;}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(1)::before {content: '1.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(2)::before {content: '2.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(3)::before {content: '3.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(4)::before {content: '4.';}
	.wrap-affiliate-content .affiliate-how .con-list > li:nth-child(5)::before {content: '5.';}

    html[lang="jp"] .wrap-affiliate-content .affiliate-how .con-list > li {font-size: 13px;}

	.wrap-affiliate-content .affiliate-benefits {position: relative; display: block; overflow: hidden; padding-bottom: 20px;}
	.wrap-affiliate-content .affiliate-benefits .con-area {float: left; width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 42px;}
	.wrap-affiliate-content .affiliate-benefits .tit-n {position: relative; display: block; height: 60px; overflow: hidden; font-family: 'Libre Bodoni'; font-size: 18px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span:first-child {font-size: 48px;}
	.wrap-affiliate-content .affiliate-benefits .tit-n span:last-child {line-height: 63px; padding-left: 8px;}
	.wrap-affiliate-content .affiliate-benefits .con-list {position: relative; display: block; width: 100%; padding-left: 7px;}
	.wrap-affiliate-content .affiliate-benefits .con-list > li {position: relative; display: block; padding-left: 15px; padding-bottom: 9px; font-size: 14px; font-weight: normal; line-height: 120%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-benefits .con-list > li::before {content:'';position: absolute;left: 3px;top: 5px; width: 4px; height: 4px; background-color: #333; border-radius: 3px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 {position: relative; display: block; width: 100%; padding-top: 12px; padding-left: 7px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li {position: relative; display: block; padding-left: 15px; padding-bottom: 9px; font-size: 14px; font-weight: normal; line-height: 120%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li::before {content:'*';position: absolute;left: 3px;top: 2px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li > p {position: relative; display: block; padding-bottom: 9px;}
	.wrap-affiliate-content .affiliate-benefits .con-list2 > li > p > span {position: relative; display: inline-block;}
	.wrap-affiliate-content .btn.btn-txt-copy {width: 25px; height: 20px; overflow: hidden; margin-top: -2px;}
	.wrap-affiliate-content .btn.btn-txt-copy::before {content: ""; position: absolute; top: 2px; left: 10px; width: 9px; height: 11px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.7); box-shadow:0px 0px 1.5px rgba(0, 0, 0, 1);}
	.wrap-affiliate-content .btn.btn-txt-copy::after {content: ""; position: absolute; top: 5px; left: 7px; width: 9px; height: 11px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.7); box-shadow:0px 0px 1.5px rgba(0, 0, 0, 1);}

    html[lang="jp"] .wrap-affiliate-content .affiliate-benefits .con-list > li {font-size: 13px;}
    html[lang="jp"] .wrap-affiliate-content .affiliate-benefits .con-list2 > li {font-size: 13px;}

	.wrap-affiliate-content .affiliate-follower {position: relative; display: block; height: auto; overflow: hidden;}
	.wrap-affiliate-content .affiliate-follower:before {content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px; width: 100%; height: calc(100% - 60px); opacity: 0.2; background-color: #ee6e6b; z-index: -1;}
	.wrap-affiliate-content .affiliate-follower .pic-area {float: right; width:calc(100% - 25px); overflow: hidden;}
	.wrap-affiliate-content .affiliate-follower .pic-area img {width: 100%; height: auto;}
	.wrap-affiliate-content .affiliate-follower .con-area {float: left; width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 23px; padding-bottom: 22px;}
	.wrap-affiliate-content .affiliate-follower .tit-n {position: relative; display: block; height: 60px; overflow: hidden; font-family: 'Libre Bodoni'; font-size: 18px; font-weight: 600; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-follower .tit-n span {float: left; line-height: 100%; text-align: left; color: #010101;}
	.wrap-affiliate-content .affiliate-follower .tit-n span:first-child {font-size: 48px;}
	.wrap-affiliate-content .affiliate-follower .tit-n span:last-child {line-height: 63px; padding-left: 8px;}
	.wrap-affiliate-content .affiliate-follower .con-list {position: relative; display: block; width: 100%; padding-top: 0px; padding-left: 7px;}
	.wrap-affiliate-content .affiliate-follower .con-list > li {position: relative; display: block; padding-left: 15px; padding-bottom: 9px; font-size: 14px; font-weight: normal; line-height: 120%; text-align: left; color: #141414;}
	.wrap-affiliate-content .affiliate-follower .con-list > li::before {content:'';position: absolute;left: 3px;top: 5px; width: 4px; height: 4px; background-color: #333; border-radius: 3px;}

    html[lang="jp"] .wrap-affiliate-content .affiliate-follower .con-list > li {font-size: 13px;}

	.wrap-affiliate-content .affiliate-reward {position: relative; display: block; text-align: center; padding-top: 40px; padding-bottom: 30px;}
	.wrap-affiliate-content .affiliate-reward .tit-n {position: relative; display: block; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom:24px; font-family: 'Libre Bodoni'; font-size: 20px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-reward .tit-n span {position: relative; display: inline; padding:2px 8px; line-height: 150%; background:linear-gradient(#fff 55%,#fdeaea 45%);}
	.wrap-affiliate-content .affiliate-reward .tit-n span::after {content: none;}
	.wrap-affiliate-content .affiliate-reward .movie-area {position: relative; display: inline-block; overflow:hidden; width: calc(100% - 30px); margin: 0 auto; padding-bottom:55%; padding-top:30px;}
	.wrap-affiliate-content .affiliate-reward .movie-area iframe, .wrap-affiliate-content .affiliate-reward .movie-area object, .wrap-affiliate-content .affiliate-reward .movie-area embed {position:absolute; top:0; left:0; width:100%; height:100%;}

	.wrap-affiliate-content .affiliate-questions {position: relative; display: block; text-align: center; padding-top: 3px; padding-bottom: 15px;}
	.wrap-affiliate-content .affiliate-questions .tit-n {position: relative; display: block; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom:16px; font-family: 'Libre Bodoni'; font-size: 20px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .tit-n span {position: relative; display: inline; padding:2px 8px; line-height: 150%; background:linear-gradient(#fff 55%,#fdeaea 45%);}
	.wrap-affiliate-content .affiliate-questions .tit-n span::after {content: none;}
	.wrap-affiliate-content .affiliate-questions .link-n {position: relative; display: inline-block; text-align: center;padding-bottom:24px; font-family: 'Libre Bodoni'; font-size: 15px; font-weight: 600; line-height: 100%; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .con-list {display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li {width:100%; text-align: left; padding-bottom: 20px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li:nth-child(odd) {padding-right: 0px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li:nth-child(even) {padding-left: 0px;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > h4 {position: relative; display: block; padding-bottom: 8px; font-size: 15px; font-weight: 500; line-height: 120%; text-align: left; color: #070707;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > p {position: relative; display: block; font-size: 13px; font-weight: normal; line-height: 135%; text-align: left; color: #333;}
	.wrap-affiliate-content .affiliate-questions .con-list > li > .questions_table_area + p {padding-top: 7px; font-size: 11px; color: #666;}
	.wrap-affiliate-content .questions_table_area table{width: 100%;text-indent: 0; font-size: 12px; color: #666; text-align: center;}
	.wrap-affiliate-content .questions_table_area table th, .questions_table_area table td{line-height: 15px;}
	.wrap-affiliate-content .questions_table_area caption {display: none;}
	.wrap-affiliate-content .questions_table_area table thead th{padding: 8px 5px;border-right: 1px solid #e6e6e6;border-top: 2px solid #737373;border-bottom: 1px solid #e4e4e4;text-align: center;background: #fafafa;font-weight: 500;color: #141414;}
	.wrap-affiliate-content .questions_table_area table thead th:last-child{border-right: 0;}
	.wrap-affiliate-content .questions_table_area table thead th:first-child{border-right: 1px solid #e6e6e6;}
	.wrap-affiliate-content .questions_table_area table tbody td{padding: 8px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align: center;vertical-align: top;}
	.wrap-affiliate-content .questions_table_area table tbody td:last-child{border-right: 0;}
	.wrap-affiliate-content .questions_table_area table tbody td:first-child{border-right: 1px solid #e6e6e6;}

	.wrap-affiliate-content .affiliate-inquiries {position: relative; display: block; text-align: center; margin-left: 15px; margin-right: 15px; padding-top:17px; padding-bottom: 38px; border-top: 1px solid #e0e0e0;}
	.wrap-affiliate-content .affiliate-inquiries .txt-n {position: relative; display: block; text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom:15px; font-size: 13px; font-weight: normal; line-height: 120%; color: #333;}
	.wrap-affiliate-content .affiliate-inquiries .link-n {position: relative; display: inline-block; text-align: center; font-size: 12px; font-weight: normal; line-height: 150%; color: #333; text-decoration: underline;}
}
/* Affiliate */

/* Myaccount Main */
@media (min-width: 1200px){
	.myaccount-affiliate-area {position: relative; display: block; background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 20px;}
	.myaccount-affiliate-area .ul-list {position: relative; display: block;}
	.myaccount-affiliate-area .ul-list > li {position: relative; display: block; line-height: 170%; font-size: 0.9375rem;}
	.myaccount-affiliate-area .ul-list > li {padding-bottom: 3px;}
	.myaccount-affiliate-area .ul-list > li .btn.btn-exs-inf {padding: 0px 9px;  font-size: 0.6875rem; font-weight: 400; line-height: 120%; color: #3d3d3d; min-height: 24px; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 3px;}
	.myaccount-affiliate-area .ul-list > li dl {position: relative; display: block;}
	.myaccount-affiliate-area .ul-list > li dl dt {position: relative; display: inline-block; font-weight: normal;}
	.myaccount-affiliate-area .ul-list > li dl dd {position: relative; display: inline-block; font-weight: normal;}
	.myaccount-affiliate-area .ul-list > li dl dd span + button {margin-left: 5px;}

	.myaccount-affiliate-area .type-affiliate .btn-tooltip {padding-right: 18px;}
	.myaccount-affiliate-area .type-affiliate .list-dash-item {margin: 0px;}
	.myaccount-affiliate-area .type-affiliate .tooltip-type-basic {width: 590px;}
	.myaccount-affiliate-area .type-affiliate .tooltip-typeBasic-body {padding: 20px;}
	.myaccount-affiliate-area .type-affiliate .btn-close {right: 0px; top: 0px; background-color: #999;}

	.wrap-myaccount-influencer {padding-bottom: 80px !important;}
	.wrap-myaccount-influencer + .wrap-myaccount-invite {margin-top: -80px;}
}
@media (max-width: 1199px) {
	.myaccount-affiliate-area {position: relative; display: block; background-color: #f5f5f5; padding: 16px;}
	.myaccount-affiliate-area .ul-list {position: relative; display: block;}
	.myaccount-affiliate-area .ul-list > li {position: relative; display: block; line-height: 170%; font-size: 0.875rem;}
	.myaccount-affiliate-area .ul-list > li {padding-bottom: 3px;}
	.myaccount-affiliate-area .ul-list > li .btn.btn-exs-inf {padding: 0px 9px;  font-size: 0.6875rem; font-weight: 400; line-height: 120%; color: #3d3d3d; min-height: 24px; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 3px;}
	.myaccount-affiliate-area .ul-list > li dl {position: relative; display: block;}
	.myaccount-affiliate-area .ul-list > li dl dt {position: relative; display: inline-block; font-weight: normal;}
	.myaccount-affiliate-area .ul-list > li dl dd {position: relative; display: inline-block; font-weight: normal;}
	.myaccount-affiliate-area .ul-list > li dl dd span + button {margin-left: 5px;}

	.myaccount-affiliate-area .type-affiliate .btn-tooltip {padding-right: 18px;}
	.myaccount-affiliate-area .type-affiliate .list-dash-item {margin: 0px;}
	.myaccount-affiliate-area .type-affiliate .tooltip-typeBasic-body {padding: 20px;}
	.myaccount-affiliate-area .type-affiliate .btn-close {right: 0px; top: 0px; background-color: #999;}
	.myaccount-affiliate-area .type-affiliate .tooltip-type-basic.bottom.left {left: auto;right: -20px;width: 300px;}
	.myaccount-affiliate-area .type-affiliate .tooltip-type-basic.bottom.left::after {left: auto;right: 23px;}
}
@media (max-width: 359px) {
	.myaccount-affiliate-area .type-affiliate .tooltip-type-basic.bottom.left {position: fixed; width: auto !important; top: 25% !important; left: 10px !important; right: 10px !important;}
	.myaccount-affiliate-area .type-affiliate .tooltip-type-basic.bottom.left::after {content: none;}
}
/* Myaccount Main */

/* Myaccount */
@media (min-width: 1200px){
	.myaccount-affiliate-area.type01 {position: relative; display: block; background-color: #fff; border-bottom: 0px; padding: 20px 0px;}
	.myaccount-affiliate-area.type01 .type-affiliate .tooltip-type-basic {width: 360px;}

	.wrap-earnings-box {position: relative; display: block; padding-bottom: 40px;}
	.wrap-earnings-box h4 {position: relative; display: block; padding: 17px 20px 15px 20px; border-bottom: 2px solid #fff; border-radius: 7px 7px 0px 0px;  font-size: 1.125rem; font-weight: bold; font-stretch: normal; line-height: 1; text-align: left; color: #141414; background-color: #f5f5f5;}
	.wrap-earnings-box .total-earnings-list {position: relative; display: table; width: 100%; background-color: #f5f5f5; border-radius: 0px 0px 7px 7px;}
	.wrap-earnings-box .total-earnings-list > li {display: table-cell;} 
	.wrap-earnings-box .total-earnings-list > li.total-sales-item {width: 50%;}
	.wrap-earnings-box .total-earnings-list > li.total-commission-item {width: 37%; border-left: 2px solid #fff;}
	.wrap-earnings-box .total-earnings-list > li.total-btn-item {vertical-align: middle;}
	.wrap-earnings-box .total-earnings-list > li dl {position: relative; display: block; padding: 20px 0px 19px 20px; min-height: 100px;}
	.wrap-earnings-box .total-earnings-list > li dl dt {position: relative; display: block; min-height: 40px;  font-size: 1rem; font-weight: 500; line-height: 120%; text-align: left; color: #333;}
	.wrap-earnings-box .total-earnings-list > li dl dt > strong {display: block;}
	.wrap-earnings-box .total-earnings-list > li dl dt > em {font-size: 0.8125rem; color: #666;}
	.wrap-earnings-box .total-earnings-list > li dl dd {position: relative; display: block; font-size: 1.75rem; font-weight: 500; line-height: 120%; text-align: left; color: #333;}
	.wrap-earnings-box .total-earnings-list > li dl dd > span:first-child::after {content: '/';position: relative; display: inline-block; padding: 0px 6px;}
	.wrap-earnings-box .total-earnings-list > li dl dd > span:last-child::after {content: none;}

	.wrap-earnings-box .total-earnings-list > li .btn.btn-exs-total {position: relative; display: inline-block; padding: 5px 23px 5px; font-size: 0.8125rem; font-weight: 400; min-height: 32px; background-color: #a4d233; color: #fff; border-radius: 3px;}
	.wrap-earnings-box .total-earnings-list > li .btn.btn-exs-total:disabled {background-color: #141414; opacity: 0.2;}

	.wrap-total-progress {position: relative; display: block; text-align: center; padding-bottom: 40px;}
	.wrap-total-progress .total-get-area {position: relative; display:inline-block; margin: 0 auto; min-height: 43px; padding: 13px 20px;  font-size: 0.875rem; font-weight: 500; text-align: left; line-height: 120%; color: #f27370; border-radius: 20px;background-color: rgba(242, 115, 112, 0.1);}
	.wrap-total-progress .progress {width: 97%; margin: 0 auto; margin-top: 58px; height: 12px; border-radius: 12px;}
	.wrap-total-progress .progress .progress-bar {background-color: #f27370; border-radius: 12px;}
	.wrap-total-progress .progress .progress-bar .txt-here {display: none; position: absolute; width: 90px; margin-left: -45px; bottom:79px; left: 21%;  font-weight: normal; font-size: 0.75rem; color: #141414; line-height: 130%;}
	.wrap-total-progress .progress .progress-bar .txt-here::after {content: '▼';position: relative; display: block; text-align: center; font-size: 1.25rem;}

	.wrap-total-progress .progress .progress-bar[aria-valuenow="5%"] .txt-here {display: block; left: calc(4% + 11px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="7%"] .txt-here {display: block; left: calc(27% + 4px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="9%"] .txt-here {display: block; left: calc(50% - 2px);} 
	.wrap-total-progress .progress .progress-bar[aria-valuenow="11%"] .txt-here {display: block; left: calc(73% - 10px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="13%"] .txt-here {display: block; left: calc(96% - 16px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="max"] .txt-here {display: block; left: calc(100% - 47px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="max"] .txt-here::after {text-align: right; padding-right: 9px;}

	.wrap-total-progress .progress-txt {position: relative; display: block; height: 30px;}
	.wrap-total-progress .progress-txt > li {position: absolute; width: 40px; margin-left: -20px; bottom: 0px; text-align: center; font-size: 0.75rem; color: #141414;}
	.wrap-total-progress .progress-txt > li:nth-child(1) {left: 40px; margin: 0px; text-align: left;}
	.wrap-total-progress .progress-txt > li:nth-child(2) {left: calc(27% + 5px);}
	.wrap-total-progress .progress-txt > li:nth-child(3) {left: 50%;}
	.wrap-total-progress .progress-txt > li:nth-child(4) {left: calc(73% - 8px);}
	.wrap-total-progress .progress-txt > li:nth-child(5) {right: 42px; margin: 0px; text-align: right;}

	.wrap-table-header-gray.type02.type-affiliate table thead th.th-w01 {width: 160px;}
	.wrap-table-header-gray.type02.type-affiliate table thead th.th-w02 {width: 250px;}
	.wrap-table-header-gray.type02.type-affiliate table thead th.th-w03 {width: 160px;}
	.wrap-table-header-gray.type02.type-affiliate table thead th.th-w04 {width: 160px;}
	.wrap-table-header-gray.type02.type-affiliate table thead th.th-w05 {}

	.affiliate-deactivate-box {position: relative; display: block; padding-top: 10px;}
	.affiliate-deactivate-box .btn {position: relative; display: inline-block; padding: 10px 0px; font-size: 0.875rem; font-weight: 400; color: #8f8f8f; text-decoration: underline;}
}
@media (max-width: 1199px) {
	.section-title.lg {font-size: 0.9375rem;}
	.section-title.lg .btn-txt-arr, .section-title.lg .btn-txt-arr:hover {font-size: 0.75rem;}
	.section-title.lg .btn-txt-arr::after {width: 8px; height: 8px;}

	.myaccount-affiliate-area.type01 {position: relative; display: block; background-color: #fff; padding: 15px 22px;}

	.wrap-earnings-box {position: relative; display: block; padding:0px 15px 30px;}
	.wrap-earnings-box h4 {position: relative; display: block; padding: 19px 20px 17px 20px; border-bottom: 2px solid #fff; border-radius: 7px 7px 0px 0px;  font-size: 1rem; font-weight: bold; font-stretch: normal; line-height: 1; text-align: left; color: #141414; background-color: #f5f5f5;}
	.wrap-earnings-box .total-earnings-list {position: relative; display: block; width: 100%; background-color: #f5f5f5; border-radius: 0px 0px 7px 7px;}
	.wrap-earnings-box .total-earnings-list > li {position: relative; display: block; width: 100%;} 
	.wrap-earnings-box .total-earnings-list > li.total-sales-item {width: 100%; border-bottom: 2px solid #fff;}
	.wrap-earnings-box .total-earnings-list > li.total-commission-item {width: 100%;}
	.wrap-earnings-box .total-earnings-list > li.total-btn-item {width: 100%; padding: 0px 20px 20px 20px;}
	.wrap-earnings-box .total-earnings-list > li dl {position: relative; display: table; width: 100%;}
	.wrap-earnings-box .total-earnings-list > li dl dt {display: table-cell; padding: 17px 10px 15px 20px; vertical-align: middle;  font-size: 0.8125rem; font-weight: 500; line-height: 120%; text-align: left; color: #333;}
	.wrap-earnings-box .total-earnings-list > li dl dt > strong {display: block;}
	.wrap-earnings-box .total-earnings-list > li dl dt > strong > span {display: block;}
	.wrap-earnings-box .total-earnings-list > li dl dt > em {font-size: 0.75rem; color: #666;}
	.wrap-earnings-box .total-earnings-list > li dl dd {display: table-cell; padding: 17px 20px 15px 0px; vertical-align: middle; font-size: 1.125rem; font-weight: 500; line-height: 120%; text-align: right; color: #333;}
	.wrap-earnings-box .total-earnings-list > li dl dd > span {display: block; white-space: nowrap;}
	.wrap-earnings-box .total-earnings-list > li dl dd > span:first-child::after {content: '/';position: relative; display: inline-block; padding-left: 4px;}
	.wrap-earnings-box .total-earnings-list > li dl dd > span:last-child::after {content: none;}

	.wrap-earnings-box .total-earnings-list > li .btn.btn-exs-total {position: relative; display: block; width: 100%; font-size: 0.9375rem; font-weight: 400; min-height: 40px; background-color: #a4d233; color: #fff; border-radius: 3px;}
	.wrap-earnings-box .total-earnings-list > li .btn.btn-exs-total:disabled {background-color: #141414; opacity: 0.2;}

	.wrap-total-progress {position: relative; display: block; text-align: center; overflow: hidden; padding-bottom: 20px;}
	.wrap-total-progress .total-get-area {width: calc(100% - 68px); position: relative; display:inline-block; margin: 0 auto; min-height: 43px; padding: 13px 20px;  font-size: 0.875rem; font-weight: 500; text-align: center; line-height: 120%; color: #f27370; border-radius: 20px;background-color: rgba(242, 115, 112, 0.1);}
	.wrap-total-progress .progress {width: calc(100% - 36px); margin: 0 auto; margin-top: 58px; height: 12px; border-radius: 12px;}
	.wrap-total-progress .progress .progress-bar {background-color: #f27370; border-radius: 12px;}
	.wrap-total-progress .progress .progress-bar .txt-here {display: none; position: absolute; width: 90px; margin-left: -45px; bottom:54px; left: 21%;  font-weight: normal; font-size: 0.75rem; color: #141414; line-height: 130%;}
	.wrap-total-progress .progress .progress-bar .txt-here::after {content: '▼';position: relative; display: block; text-align: center; font-size: 1.25rem;}

	.wrap-total-progress .progress .progress-bar[aria-valuenow="5%"] .txt-here {display: block; left: calc(4% + 43px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="5%"] .txt-here::after {text-align: left; padding-left: 9px;}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="7%"] .txt-here {display: block; left: calc(27% + 6px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="9%"] .txt-here {display: block; left: calc(50% - 2px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="11%"] .txt-here {display: block; left: calc(73% - 12px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="13%"] .txt-here {display: block; left: calc(96% - 47px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="13%"] .txt-here::after {text-align: right; padding-right: 9px;}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="max"] .txt-here {display: block; left: calc(100% - 51px);}
	.wrap-total-progress .progress .progress-bar[aria-valuenow="max"] .txt-here::after {text-align: right; padding-right: 9px;}

	.wrap-total-progress .progress-txt {position: relative; display: block; overflow: hidden; height: 25px;}
	.wrap-total-progress .progress-txt > li {position: absolute; width: 40px; margin-left: -20px; bottom: 0px; text-align: center; font-size: 0.6875rem; color: #141414;}
	.wrap-total-progress .progress-txt > li:nth-child(1) {left: calc(4% + 7px); margin: 0px; text-align: left;}
	.wrap-total-progress .progress-txt > li:nth-child(2) {left: calc(27% + 7px);}
	.wrap-total-progress .progress-txt > li:nth-child(3) {left: 50%;}
	.wrap-total-progress .progress-txt > li:nth-child(4) {left: calc(73% - 10px);}
	.wrap-total-progress .progress-txt > li:nth-child(5) {right: calc(4% + 8px); margin: 0px; text-align: right;}

	.wrap-table-header-gray.type02.type-affiliate .order-date {padding-top: 22px;}
	.wrap-table-header-gray.type02.type-affiliate tbody tr:first-child td.order-date {padding-top: 35px !important;}
	.wrap-table-header-gray.type02.type-affiliate .order-prd-title {padding-top: 13px;}
	.wrap-table-header-gray.type02.type-affiliate .order-prd-title .prd-list-name {font-size: 1rem;}
	.wrap-table-header-gray.type02.type-affiliate .order-amountDue {padding-bottom: 40px;}
	.wrap-table-header-gray.type02.type-affiliate .order-sale {position: absolute; left: 0; bottom: 16px; padding: 18px 16px 0; font-size: 0.875rem; color: #929292;}
	.wrap-table-header-gray.type02.type-affiliate .order-progress {position: absolute; right: 0; bottom: 16px; padding: 18px 16px 0; font-size: 0.875rem; color: #666; }

	.affiliate-deactivate-box {position: relative; display: block; padding-bottom: 20px;}
	.affiliate-deactivate-box .btn {position: relative; display: inline-block; padding: 20px 16px 20px; font-size: 0.875rem; font-weight: 400; color: #8f8f8f; text-decoration: underline;}
}
/* Myaccount */
/* OLIVE YOUNG Affiliate [E] 2022-05-03 */


/* 멤버십 화면 일부영역 개선 [S] 2022-07-15 */
@media (min-width: 1200px){
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 {padding: 15px 20px 17px 20px; font-size: 0.875rem;font-weight: normal; line-height: 1.25; color: #141414;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area {position: relative; display: block; padding: 13px 0px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area + .box-area {border-top: solid 1px #e0e0e0;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area .txt {position: relative; font-size: 0.9375rem; padding: 5px 0 5px 33px; line-height: 130%;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.point .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) 0 0 no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.coupon .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) 0 -28px no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.gift .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) 0 -56px no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.point .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -28px 0 no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.coupon .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -28px -28px no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.gift .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -28px -56px no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.point .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -56px 0 no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.coupon .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -56px -28px no-repeat;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.gift .txt:before {content: '';position: absolute; top:0px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_pc.png) -56px -56px no-repeat;}
    html[lang="jp"] .contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area .txt:before {top:2px !important;}
}
@media (max-width: 1199px) {
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 {padding: 5px 15px 2px 15px; font-size: 0.875rem;font-weight: normal; line-height: 1.25; color: #141414;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area {position: relative; display: block; padding: 12px 0px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area + .box-area {border-top: solid 1px #e0e0e0;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area .txt {position: relative; font-size: 0.9375rem; padding: 3px 0 3px 30px; line-height: 130%;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.point .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) 0 0 no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.coupon .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) 0 -28px no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vvip .box-area.gift .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) 0 -56px no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.point .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -28px 0 no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.coupon .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -28px -28px no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.vip .box-area.gift .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -28px -56px no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.point .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -56px 0 no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.coupon .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -56px -28px no-repeat; background-size: 84px;}
	.contents-membership .wrap-contents-body .level-list .list-box .box-body2.welcome .box-area.gift .txt:before {content: '';position: absolute; top:-2px; left: 0px; display: inline-block; width: 28px; height: 28px; background: #fff url(../../resources/images/common/icon_membership_mo.png) -56px -56px no-repeat; background-size: 84px;}
    html[lang="jp"] .contents-membership .wrap-contents-body .level-list .list-box .box-body2 .box-area .txt:before {top:-1px !important;}
}
/* 멤버십 화면 일부영역 개선 [E] 2022-07-15 */


/* [S] 글로벌몰 에러페이지 개선 2024-02-21 */
@media (min-width: 1200px){
    /* 에러페이지 공통 */
    .error-page { max-width: 1200px; margin: auto; display: flex; flex-direction: column;}
    .error-page .error-header { height:116px; z-index: 1; }
    .error-page .error-header .logo { display: inline-block; width: 204px; height: 23px; background: #fff url(../../resources/images/common/logo.svg) 0 0 no-repeat; background-size: 100% auto; margin-top: 46.5px }/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */

    .main.type-error .error-area { margin-top: 30px; }
    .main.type-error .error-area h3 {font-size: 28px; font-weight: 700; line-height: 36px; font-family: 'Roboto'; color: #131518; text-align: center; margin-bottom: 12px;}
    .main.type-error .error-area .error-txt {font-size: 14px; font-weight: 400; line-height: 20px; font-family: 'Roboto'; color: #3A3E45; text-align: center;}

    .btn-group-error { margin-top: 36px; padding: 0; display: flex; justify-content: center; gap: 12px; }
    .btn-group-error .btn { width: 236px; height: 50px; border-radius: 4px; font-size: 16px; font-weight: 700; line-height: 50px; text-align: center;}
    .btn-group-error .btn.white {background-color: #FFF; border: 1px solid #E5E7EA; color: #50585F;}
    .btn-group-error .btn.black {background-color: #131518; color: #FFF;}
  
    /* 404 에러페이지 */
    .error-404 { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 500px; padding-top: 70px; padding-bottom: 100px;}
    .error-404 .error-icon { height: 141px; text-align: center; }
    .error-404 .error-icon img { width: 120px; }

    /* 500 에러페이지 */
    .error-500 { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-grow: 1; margin-top: -116px; padding: 0;}
    .error-500 .error-icon { height: 128px; text-align: center; }
    .error-500 .error-icon img { width: 128px; }
    .error-500 .error-area a {color: #136BEA;}

    /* 서비스 점검 중 에러페이지 */
    .error-system-check { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-grow: 1; margin-top: -116px; padding: 0;}
    .error-system-check .error-icon {height: 132px; text-align: center;}
    .error-system-check .error-icon img {width: 182px;}
    .error-system-check .btn-group-share {margin-top: 36px; display: flex; justify-content: center; gap: 16px;}
    .error-system-check .btn-group-share img {width: 32px; height: 32px;}

    /* 상품 없음 페이지 */
    .error-not-found { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 500px; padding-top: 70px; padding-bottom: 80px; border-bottom: 1px solid #E5E7EA;}
    .error-not-found .error-area {max-width: 484px;}
    .error-not-found .error-icon {height: 156px; text-align: center;}
    .error-not-found .error-icon img {width: 244px;}
    .type-error .home-section {padding-top: 20px; padding-top: 80px; padding-bottom: 100px;}

}
@media (max-width: 1199px) {
    /* 에러페이지 공통 */
    .error-page { display: flex; flex-direction: column;}
    .error-page .error-header {text-align: center; height:52px; z-index: 1;}
    .error-page .error-header .logo {display: inline-block;width: 143px ;height: 16px; background: #fff url(../../resources/images/common/logo.svg) 0 0 no-repeat; background-size: 100% auto; margin-top:18px}/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */

    .main.type-error .error-area { margin-top: 24px;}
    .main.type-error .error-area h3 {margin-bottom: 8px; font-size:18px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; line-height: 24px; color: #131518; text-align: center;}
    .main.type-error .error-area .error-txt {font-size: 14px; font-weight: 400; line-height: 20px; color: #50585F; font-family: 'Roboto'; text-align: center;}

    .btn-group-error { width: 100%; margin-top: 32px; display: flex; justify-content: center; gap: 8px; }
    .btn-group-error .btn { flex: 1; height: 50px; border-radius: 4px; font-size: 16px; font-weight: 700; line-height: 50px; text-align: center; overflow: hidden;}
    .btn-group-error .btn.white {background-color: #FFF; border: 1px solid #E5E7EA; color: #50585F;}
    .btn-group-error .btn.black {background-color: #131518; color: #FFF;}

    /* 404 에러페이지 */
    .error-404 {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 400px; padding: 36px 16px 80px 16px; }
    .error-404 .error-icon { height: 106px; text-align: center; }
    .error-404 .error-icon img { width: 96px; }

    /* 500 에러페이지 */
    .error-500 { display: flex; justify-content: center; align-items: center; margin-top: -52px; flex-direction: column; flex-grow: 1; padding: 0 16px; }
    .error-500 .error-icon { height: 96px; text-align: center; }
    .error-500 .error-icon img { width: 96px; }
    .error-500 .error-area a {color: #136BEA;}

    /* 서비스 점검 중 에러페이지 */
    .error-system-check { display: flex; justify-content: center; align-items: center; margin-top: -52px; flex-direction: column; flex-grow: 1; padding: 0 16px; }
    .error-system-check .error-icon {height: 104px; text-align: center;}
    .error-system-check .error-icon img {width: 144px;}
    .error-system-check .btn-group-share {margin-top: 24px; display: flex; justify-content: center; gap: 12px;}
    .error-system-check .btn-group-share img {width: 28px; height: 28px;}

    /* 상품 없음 페이지 */
    .error-not-found {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 400px; padding: 36px 16px 47px 16px; border-bottom: 1px solid #E5E7EA;}
    .error-not-found .error-icon {height: 110px; text-align: center;}
    .error-not-found .error-icon img {width: 173px;}
    .type-error .home-section {padding-top: 10px;}
}
/* [E] 글로벌몰 에러페이지 개선 2024-02-21 */

/* [S] 2022-12-19, 2022-10-28 NB 브랜드 상품기술서 */
.contents-body.renewal .detail-page-cont .cont .detail_desc_area,
.contents-body.renewal .detail-page-cont .cont .additional_desc,
.contents-body.renewal .detail-page-cont .cont .detail-page-img-area,
.contents-body.renewal .detail-page-cont .cont .pdetail-noti{max-width:800px;}
.contents-body.renewal .prd-detail-page .detail_desc_area .list-title{font-size: 1.875rem;line-height:1.2;padding-bottom: 1.4375rem;}
.contents-body.renewal .detail_desc_area .detail_desc_list dt,
.contents-body.renewal .prd-detail-page .additional_desc > dl > dt{font-size: 1.3125rem;line-height:1.5 !important;}
.contents-body.renewal .detail_desc_area .detail_desc_list dd,
.contents-body.renewal .prd-detail-page .additional_desc > dl > dd{font-size: 1rem;line-height:1.5 !important;}
.contents-body.renewal .detail_desc_area .detail_desc_list dt~dt,
.contents-body.renewal .prd-detail-page .additional_desc > dl{margin-top:0.875rem !important;}
.contents-body.renewal .detail_desc_area .detail_desc_list dt+dd,
.contents-body.renewal .prd-detail-page .additional_desc > dl > dt+dd{margin-top:0.25rem !important;}
.contents-body.renewal .detail_desc_area .desc {font-size: 1.125rem !important;line-height:1.5 !important;}
.contents-body.renewal .detail-page-cont .cont .additional_desc{font-size: 1rem;line-height:1.5 !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc{text-align:center; padding:100px 0;max-width: 800px;margin:0 auto;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3{font-size: 2.75rem;font-weight: bold;line-height: 1.14;color: #000;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4{font-size: 2.75rem;font-weight: bold;line-height: 0.82;color: #000;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4_underline{position:relative;display: inline-block;padding-bottom: 1rem;z-index: 0;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4_underline:after{content:'';position:absolute;display:block;width:100%;height:0.125rem;bottom:0;left:0;display: inline-block;background-color: #000;z-index: -1;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title{font-size: 1.875rem;font-weight: bold;line-height: 1.1;color: #000;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text{font-size: 1.25rem;font-weight: normal;line-height: 1.4;color: #666;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-textunderline{position:relative;display: inline-block;z-index: 0;font-weight: bold;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-textunderline:after{content:'';position:absolute;display:block;width:100%;height:0.875rem;bottom:0px;left:0;display: inline-block;background-color: #daecff;z-index: -1;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image{margin:3.125rem auto;width: 100%;display: block;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-badge {margin-top:3.125rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image + .prd-badge {margin-top:4.375rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-badge + .prd-text {margin-top:1.25rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha + .prd-ul{margin-top:3.125rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul + .prd-title {margin-top:5rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3 + .prd-title,
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-title {margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text + .prd-title {margin-top:5rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3 + .prd-text {margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-text {margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title + .prd-text {margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image + .prd-h4 {margin-top:3.75rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text + .prd-h4 {margin-top:3.75rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step + .prd-h4 {margin-top:6.125rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart + .prd-h4 {margin-top:3.75rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags + .prd-image {margin-top:3.75rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title + .prd-image {margin-top:3.75rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent + .prd-hr {margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-hr + .prd-persent {margin-top:-1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-blue{color: #2753bc !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w400p {max-width: 25rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w500p {max-width: 31.25rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w600p {max-width: 37.5rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w625p {max-width: 39.0625rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w670p {max-width: 41.875rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w700p {max-width: 43.75rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w720p {max-width: 45rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .w770p {max-width: 48.125rem !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-hr{width: 100%;height: 1px;margin: 3.75rem 0;opacity: 0.3;background-color: #2753bc;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags{margin-top:1.875rem;margin-bottom: -0.625rem;font-size:0;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags .prd-tag{display: inline-block;padding: 0.4375rem 0.6875rem;background-color: #247acf;font-size: 1.25rem;font-weight: normal;line-height: 1;color: #fff; white-space: nowrap; margin-bottom:0.625rem;margin-left:0.3125rem;margin-right:0.3125rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-badge{display: inline-block;padding: 5px 37px 5px 38px;border-radius: 18px;border: solid 1px #666;font-weight: bold;font-size: 1.375rem;line-height: 1;color: #000;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul {display: inline-block;margin: 0 auto;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul li{font-size: 1.25rem;font-weight: normal;line-height: 1.25;letter-spacing: -0.72px;color: #666666;position:relative;text-align: left;padding-left: 10px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul li:before{content: '';position: absolute;left: 0;top: 13px;width: 3px;height: 3px;background-color:#666666;border-radius:100%;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul li.prd-blue:before{background-color:#2753bc;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul.gray-wrap{display: block;padding: 1.625rem 0 1.625rem 1.625rem;background-color: #ededed;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul.gray-wrap li{font-size: 1.125rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha {display: inline-block;margin: 0 auto;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li{font-size: 1.25rem;font-weight: normal;line-height: 1.25;letter-spacing: -1px;color: #666666;position:relative;text-align: left;padding-left: 1.875rem;white-space: nowrap;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:before{position: absolute;left: 0;top: 4px;background-color: #dfdfe1;color: #fff;padding: 0px 3.5px;line-height: 0.9166;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li.prd-blue:before{background-color:#b8c5f1;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:nth-child(1):before{content: 'A';}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:nth-child(2):before{content: 'B';}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:nth-child(3):before{content: 'C';}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:nth-child(4):before{content: 'D';}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figure{margin-left:1.25rem;display: block;width: 100%;text-align: left;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent img{display: inline-block;width: 280px;height: 280px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figcaption{display: inline-block;padding-left:30px;font-size: 1.5rem;font-weight: normal;line-height: 1.33;color: #666;vertical-align: top;margin-top: 140px;transform: translateY(-50%);width: calc(100% - 290px);}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figcaption .prd-ul li{font-size: 1.25rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step{margin-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step figure{margin-top:1.25rem;display: block;width: 100%;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step img{display: inline-block;width: 331px;height: 278px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step figcaption{display: inline-block;padding-left:60px;text-align: left;font-size: 1.25rem;font-weight: normal;line-height: 1.4;color: #666;vertical-align: top;margin-top: 139px;transform: translateY(-50%);width: calc(100% - 340px);}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step figcaption .weight-medium{color: #000;line-height: 1.6;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family{margin: 2.5rem -1.25rem 0;font-size: 0;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family figure{display: inline-block;width: 240px;height: 360px;margin:0 1.25rem;vertical-align: top;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family img{width: 240px;height: 240px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family figcaption{padding-top:0.9rem;font-size: 1.25rem;font-weight: normal;line-height: 1.3;color: #666;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-vod {margin-top:3.75rem;position: relative;width: 100%;height: 33.7rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart{margin: 2.5rem 0 0;background-color:#fffcf3;padding-top: 1.875rem;width:100%;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td{width:50%;font-size: 1.5rem;font-weight: normal;line-height: 1.25;color: #666;padding:1.5rem 0.625rem 0 1.875rem;vertical-align: top;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td + td{padding:1.5rem 1.875rem 0 0.625rem;vertical-align: top;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:first-child td{padding-top:1.875rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:last-child td{padding-bottom:1.5rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart img{width: 360px;height: 270px;display: block;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart .weight-medium{color: #000;font-weight:bold;}
.contents-body.renewal.type-jp .detail-page-img-area .prd-desc .speedycat-container {margin: 0 !important; max-width: 800px !important;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step .speedycat-container{display: inline-block;width: 331px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent .speedycat-container{display: inline-block;width: 280px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper{margin:2.5rem 0 0;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-slide{text-align:center;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper img{vertical-align:top;max-width:100%;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-prev{left:-5px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-next{right:-5px;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-prev:after, .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-next:after{font-size:2rem;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-pagination{position:static;margin:20px auto 0;transform:none;}
.contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper + .prd-h4 {margin-top:3.75rem;}
@media (max-width: 1199px){
    .contents-body.renewal .detail-page-cont .cont .prd-desc{padding: 4.6875rem 0 3.75rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3{font-size: 2.1875rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4{font-size: 1.875rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4_underline{padding-bottom: 0.875rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4_underline:after{height: 0.0625rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title{font-size: 1.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title.mo-big{font-size: 1.625rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text{font-size: 1rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-hr{margin: 2.5rem 0;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags {margin-top: 1rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags .prd-tag{font-size: 1.125rem;padding: 5px 9px;display: block;width: fit-content;margin: 10px auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-badge{padding: 3px 15px;border-radius: 13px;font-size: 1.0625rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul li{font-size:0.9375rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul li:before{top: 8px;width: 2px;height: 2px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li{font-size: 0.9375rem;padding-left: 20px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul.gray-wrap li{font-size:0.8125rem;padding-left: 6px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha li:before{top: 2px;font-size: 0.75rem;padding: 2px 3px 1px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figcaption .prd-ul li{font-size: 1rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-textunderline:after{height:10px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image{margin:1.875rem auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-badge {margin-top:1.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image + .prd-badge {margin-top:10px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-badge + .prd-text {margin-top:0.75rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-alpha + .prd-ul{margin-top:1.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul + .prd-title {margin-top: 2.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3 + .prd-title,
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-title {margin-top:1.25rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text + .prd-title {margin-top: 2.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h3 + .prd-text {margin-top:1.25rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-h4 + .prd-text {margin-top:1.25rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title + .prd-text {margin-top:1.25rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-image + .prd-h4 {margin-top:3.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-text + .prd-h4 {margin-top:2.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step + .prd-h4 {margin-top:3.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart + .prd-h4, .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper + .prd-h4{margin-top:2.5rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-tags + .prd-image {margin-top:3.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-title + .prd-image {margin-top:3.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-hr + .prd-persent {margin-top:0;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .mo-w300p {max-width: 300px !important;}

    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-pagination{margin-top:10px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-prev{left:0;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,.6);}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-next{right:0;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,.6);}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-prev:after, .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart-swiper .swiper-button-next:after{font-weight:900;font-size:12px;}
}
@media (max-width: 800px){
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent img{width: 60%;margin-left:20%;height: auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-ul.gray-wrap{padding: 0.625rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figure{margin-left:0;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-persent figcaption{margin-top: 1.25rem;padding-left: 0;transform: inherit;width:auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step img{width: 100%;height: auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step figcaption{font-size:1rem;;display: block;text-align: inherit;margin-top: 0.625rem;padding-left: 0;transform: inherit;width:auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-step figcaption .weight-medium{font-size:1.0625rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family{margin: 1.875rem -0.625rem 0;text-align: left;width: calc(100vw - 12px);}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family figure{width: calc(50vw - 26px);height: calc(50vw + 48px);margin:0 10px;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family img{width: 100%;height: auto;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-family figcaption{font-size: 1rem;text-align: center;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-vod{height:calc(67.5vw - 21.56px);margin-top: 3.125rem;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td{font-size: 3vw;padding:3vw 1.25vw 0 3.75vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td + td{padding:3vw 3.75vw 0 1.25vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:first-child td{padding-top:3.75vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:last-child td{padding-bottom:3vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart img{width: calc(45vw - 16px);height: calc(33.75vw - 12px);}
}
@media (max-width: 600px){
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td{font-size: 2.8vw;}
}
@media (max-width: 400px){
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td{font-size: 2.6vw;padding:3vw 1vw 0 2.4vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart td + td{padding:2.4vw 3vw 0 1vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:first-child td{padding-top:2.4vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart tr:last-child td{padding-bottom:2.4vw;}
    .contents-body.renewal .detail-page-cont .cont .prd-desc .prd-chart img{width: calc(46vw - 16px);height: calc(34.5vw - 12px);}
}
/* [E] 2022-12-19, 2022-10-28 NB 브랜드 상품기술서 */

/* [S] 2022-12-16 앱 다운로드 페이지 일문 추가의 건 */
.wrap-download.jp-ver .app-icon{background:url(../../resources/images/common/bg_download_jp_01.png) center 0 no-repeat;background-size:800px;}
.wrap-download .btn-group .btn:last-child{margin-right:0;}
.jp-ver .btn-group.type-download a.btn-app-store .icon:before{content:'App Store';top:8px;font-family:'Roboto';font-weight:500;font-size:1rem;line-height:20px;}
.jp-ver .btn-group.type-download a.btn-app-store .icon:after{content:'からダウンロード';top:27px;font-family:inherit;font-weight:400;font-size:0.75rem;line-height:0.875rem;}
.jp-ver .btn-group.type-download a.btn-google-play .icon:before{content:'Google Play';top:8px;font-family:'Roboto';font-weight:500;font-size:1rem;line-height:20px;}
.jp-ver .btn-group.type-download a.btn-google-play .icon:after{content:'で手に入れよう';top:27px;font-family:inherit;font-weight:400;font-size:0.75rem;line-height:0.875rem;}
@media (max-width: 1199px){
    .wrap-download.jp-ver .app-icon{background:url(../../resources/images/common/bg_download_jp_01.png) center 0 no-repeat;background-size:400px;}
}
/* [E] 2022-12-16 앱 다운로드 페이지 일문 추가의 건 */

/* [S] 명동프로모션으로인한 회원가입페이지 구조변경 수정 2023-03-21 */
.wrap-agree-list .wrap-agree-option{margin-top: 20px;}
.event-store{position: relative;} 
.event-store .event-store-img.event-store-img1{position: relative; padding-bottom: 80px;}
.event-store .event-store-img.event-store-img1 img{max-width: 100%; width: 100%; margin: 0 auto; display: block;}
.event-store .event-store-text{ position: absolute; top:11px; left: 0; font-size: 0.8125rem; line-height: 1.69; text-align: center; color: #fff; width: 100%; }
.event-store .event-benefits{margin-top: 26px;padding: 0 45px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 20px; left: 0; width: 100%; margin: 0;}
.event-store .event-benefits li{ width: 100%; height: 81px; }
.event-store .event-benefits li+li{margin-left: 12px;}
.event-store .event-benefits li span{ margin: 6px 0 0;  font-size: 0.625rem; font-weight: bold; line-height: 1.2; text-align: center; color: #e24855; display: block;}
.event-store .event-benefits li span::before{ content:''; display: block; background-image: url(../../resources/images/member/sps_event_join_benefits.png); background-repeat: no-repeat; background-size: 300px 46px; width: 56px; height: 46px; margin: 0 auto 6px;}
.event-store .event-benefits li.event-benefits-2 span::before{ background-position: -100px 0; width: 88px; height: 46px;} 
.event-store .event-benefits li.event-benefits-3 span::before{ background-position: -200px 0; } 
.event-store ~ .section-title:first-of-type::before { content: '';}
.event-store ~ .section-title:last-of-type{border:0;}
.event-store ~ .section-title small{font-weight: 500;}
.event-store ~ .wrap-table-gray .ullist-number li{font-size: 0.8125rem; line-height: 1.38; color: #666666; margin-top: 0;}
.event-store ~ .wrap-table-gray .ullist-number li+li{margin-top: 2px;}
.event-store ~ .wrap-table-gray .ullist-number li .ullist-number-float{font-size: 0.8125rem;color: #666666;}
.event-store ~ .wrap-table-gray .ullist-number li .ullist-number-float.color-pink{font-size: 0.8125rem;color: #f65b54;}
.event-store ~ .wrap-table-gray .ullist-bar.type-align li{font-size: 0.8125rem; line-height: 1.38; color: #666666; margin-top: 0;}
.event-store ~ .wrap-agree-list{padding: 0 16px;}
.event-store ~ .wrap-agree-list .agree-chk-all .wrap-ipt-check{font-size:0.875rem; }
.event-store ~ .wrap-agree-list .agree-chk-all .wrap-ipt-check label{font-weight: 500;}
.event-store ~ .wrap-agree-list .agree-list-title > em{font-weight: 500;}
.event-store ~ .wrap-agree-list .agree-list-title .wrap-ipt-check label{font-weight: 500;}
.event-store ~ .wrap-agree-list .help-block{color:#141414}

/* 명동프로모션 신규클래스 */
.wrap-event-info {padding: 20px 16px;}
.wrap-event-info .event-info-text{ font-size: 0.9375rem; line-height: 1.33; text-align: left; color: #141414; display: flex; align-items: center; }
.wrap-event-info .event-info-text::before{ content:''; display: block; background: url(../../resources/images/member/icon_event_join_coupon.png) 0 0 no-repeat; width: 32px; height: 32px; background-size: 32px 32px; flex:0 0 32px; margin-right: 6px; }
.wrap-event-info .form-inline.check-group{margin-top: 17px;}
.wrap-event-info .form-inline.check-group .wrap-ipt-check{margin-right: 0;}
.wrap-event-info .form-inline.check-group .wrap-ipt-check:first-child label{display: flex; align-items: center; margin-bottom: 10px;}
.wrap-event-info .form-inline.check-group .wrap-ipt-check:first-child input[type="radio"]{top:6px;}
.wrap-event-info .form-inline.check-group .wrap-ipt-check:first-child input + label .ico{top:6px;}
.wrap-event-info .form-inline.check-group .wrap-ipt-check .form-control{ width: 173px; margin-left: 8px; flex:0 0 173px;}
.wrap-event-info .event-notice{margin-top: 10px;}
.event-notice{ font-size: 0.8125rem; line-height: 1.38; text-align: left; color: #f65b54;}
.wrap-agree-list .wrap-agree-required{border:2px solid #f65b54; margin-top: 8px;}
.wrap-agree-list .wrap-agree-option{margin-top: 14px;}
.agree-list .agree-list-checktitle {padding: 0 30px 6px 0;}
.agree-list .agree-list-checktitle ~.row .agree-contents{margin-top: 10px;}
.agree-list .agree-list-checktitle .checkbox label{font-weight: 500;}
.agree-list > .wrap-agree-list-item .agree-list-item{margin-top: 20px;}
.agree-list > .wrap-agree-list-item:first-child .agree-list-item{margin-top: 0;}
.agree-list > .wrap-agree-list-item .agree-list-item.on + .agree-all-area {border: 1px solid #a4d233;}
.agree-list > .wrap-agree-list-item .agree-chk .help-block {color: #141414;}
.wrap-agree-list .accept-chk-list{display: flex; align-items: center;}
.wrap-agree-list .accept-chk-list .wrap-ipt-check {width: 50%;}
.wrap-agree-list .accept-chk-list .wrap-ipt-check label{font-weight: 500;}

/*alert popup css*/
.alert-popup-wrap {display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; overflow: hidden; overflow-y: auto;}
.alert-popup-wrap .alert-popup-table {display: table; width: 100%; height: 100%; }
.alert-popup-wrap .alert-popup-cell {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.alert-popup-wrap .alert-popup-close {position: absolute; top: 8px; right: 8px; width: 24px; height: 24px;}
.alert-popup-wrap .alert-popup-close::before {content: ''; display: inline-block; width: 100%; height: 100%; background: url(../../resources/images/common/icon_alert_close.png) 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.alert-popup-hidden {overflow: hidden;}

/* alert */
.alert-popup-body { position: relative; margin: 0 auto; width: 312px;height: auto; min-height: 180px; max-height: 50vh; overflow-y: auto; padding: 30px 14px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.22); border: solid 1px rgba(20, 20, 20, 0.7); background-color: #fee387; }
.alert-popup-body .alert-cont .img-emoji { display: block;   width: 56px; margin: 0 auto; height: 56px; }
.alert-popup-body .alert-cont .img-emoji img{display: block; width: 100%; height: 100%;}
.alert-popup-body .alert-cont .txt-cont { font-size: 0.9375rem; font-weight: 500; line-height: 1.47; text-align: center; color: #141414; display: block; margin-top: 18px;}
.alert-popup-body .alert-cont .txt-cont .underline {text-decoration: underline;}

/* jp */
html[lang="jp"] .event-store .event-benefits li span{font-family: "NotoSansJP";}
html[lang="jp"] .wrap-agree-list .accept-chk-list{flex-direction: column;}
html[lang="jp"] .wrap-agree-list .accept-chk-list .wrap-ipt-check {width: 100%;}
html[lang="jp"] .wrap-agree-list .accept-chk-list .wrap-ipt-check+.wrap-ipt-check{margin: 10px 0 0 0;}

@media (min-width: 1200px){
    .event-store ~ .wrap-agree-list{padding: 0;}
    .event-store ~ .wrap-agree-list .agree-chk-all{padding: 17px 25px;}
    .wrap-event-info{padding: 20px 0;}
    .wrap-event-info .form-inline.check-group .wrap-ipt-check+.wrap-ipt-check{width: 100%;}
}
@media (max-width: 1199px){
    .event-store ~ .wrap-table-gray {padding: 0 16px 10px;}
    .agree-list > .wrap-agree-list-item .agree-list-item{margin-top: 20px; padding: 25px 16px 17px;}
}
/* [E] 명동프로모션으로인한 회원가입페이지 구조변경 수정 2023-03-21 */

/* [S] as-is css */
/*.translate_table { width: 1001px !important;margin-bottom: 30px;margin-top: 30px; }*/
.translate_table { width: 100% !important;margin-bottom: 30px;margin-top: 30px; } /* 03.16일 수정 */
.det .seo_trans_white_gray_hor  { border: none;width: 100%; }
.det .seo_trans_white_gray_hor .trans_tit { background: none;color: #141414;font-size: 24px;font-weight: 600;margin-bottom: 30px;border: 0;text-align: center;text-transform: uppercase;font-family:  'Barlow', sans-serif;letter-spacing: 0; }
.det .seo_trans_white_gray_hor table  { width: 100%;table-layout: auto;position: relative; }.det .seo_trans_white_gray_hor colgroup { display: none; }
.det .seo_trans_white_gray_hor tbody th { background: none;display: table-cell;width: 28%;padding: 12px 20px;border: 0;border-top: 1px solid #b4b4b4;text-align: left;color: #141414;font-size: 13px;font-weight: 500;letter-spacing: 0;box-sizing: border-box; }
.det .seo_trans_white_gray_hor tbody td { width:auto;display: table-cell;border: 0;border-top: 1px solid #e1e1e1;text-align: left;padding: 12px 20px;color: #606060;font-size: 13px;font-weight: 400;line-height: 18px; }
.det .seo_trans_white_gray_hor tbody tr:last-child th { border-bottom: 1px solid #b4b4b4; }
.det .seo_trans_white_gray_hor tbody tr:last-child td { border-bottom: 1px solid #e1e1e1; }
/* trans_white_gray_hor */
.seo_trans_white_gray_hor { background-color: #fff; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; }
.seo_trans_white_gray_hor table,
.seo_trans_white_gray_hor th,
.seo_trans_white_gray_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_gray_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_gray_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_white_gray_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#505050; border-bottom:2px solid #a6a6a6; background:url(//img.echosting.cafe24.com/global/front/common/translate/bg_trans_ruler.gif) repeat-x 0 0; }
.seo_trans_white_gray_hor tbody th,
.seo_trans_white_gray_hor tbody td { color:#666; border-top:1px solid #d6d6d6; }
.seo_trans_white_gray_hor tbody tr.first th,
.seo_trans_white_gray_hor tbody tr.first td { border-top:0; }
.seo_trans_white_gray_hor tbody th { text-align:center; border-right:1px solid #a7a7a7; background-color:#eee; }
.seo_trans_white_gray_hor tbody td { padding:4px 15px; text-align:left; }
.seo_trans_white_gray_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_white_gray_ver */
.seo_trans_white_gray_ver { background-color: #fff; border-top:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; }
.seo_trans_white_gray_ver table,
.seo_trans_white_gray_ver th,
.seo_trans_white_gray_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_gray_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_gray_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_white_gray_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#505050; border-bottom:2px solid #a6a6a6; background:url(//img.echosting.cafe24.com/global/front/common/translate/bg_trans_ruler.gif) repeat-x 0 0; }
.seo_trans_white_gray_ver tbody th,
.seo_trans_white_gray_ver tbody td { padding:4px 0; font-size:12px; text-align:center; border-left:1px solid #d7d7d7 ; }
.seo_trans_white_gray_ver tbody th.first,
.seo_trans_white_gray_ver tbody td.first { border-left:0; }
.seo_trans_white_gray_ver tbody th { color:#666; background-color:#eee; }
.seo_trans_white_gray_ver tbody td { word-break:break-word; color:#666; border-top:1px solid #d6d6d6; }
.seo_trans_white_gray_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_gray_hor */
.seo_trans_gray_hor { background-color: #fff; border:1px solid #b9bfcf; }
.seo_trans_gray_hor table,
.seo_trans_gray_hor th,
.seo_trans_gray_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_gray_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_gray_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_gray_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#545a6a; border-bottom:1px solid #b6bfce; background-color:#f2f3f5; }
.seo_trans_gray_hor tbody th { color:#fff; text-align:center; border-top:1px solid #c5ccd6; background-color:#a6acba; }
.seo_trans_gray_hor tbody td { padding:4px 15px; text-align:left; color:#666; border-top:1px solid #f3f3f3; }
.seo_trans_gray_hor tbody tr.first th,
.seo_trans_gray_hor tbody tr.first td { border-top: 0; }
.seo_trans_gray_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_gray_ver */
.seo_trans_gray_ver { margin-left:auto; margin-right:auto;  background-color: #fff; border:1px solid #b8bfcf; }
.seo_trans_gray_ver table,
.seo_trans_gray_ver th,
.seo_trans_gray_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_gray_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_gray_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_gray_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#545a6a; border-bottom:1px solid #b6bfce; background-color:#f2f3f5; }
.seo_trans_gray_ver tbody th,
.seo_trans_gray_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_gray_ver tbody th { color:#fff; border-left:1px solid #c7c9d5; background-color:#a5acbc; }
.seo_trans_gray_ver tbody td { color:#676767; border-left:1px solid #f3f3f3; border-top: 1px solid #f3f3f3; }
.seo_trans_gray_ver tbody th.first,
.seo_trans_gray_ver tbody td.first { border-left:0; }
.seo_trans_gray_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_white_blue_hor */
.seo_trans_white_blue_hor { background-color: #fff; border-top:2px solid #2fb2c6; border-bottom:1px solid #2fb2c6; }
.seo_trans_white_blue_hor table,
.seo_trans_white_blue_hor th,
.seo_trans_white_blue_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_blue_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_blue_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_white_blue_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#5b5b5b; border-bottom:1px solid #2fb2c6; background-color:#f2f3f5; }
.seo_trans_white_blue_hor tbody th,
.seo_trans_white_blue_hor tbody td { color:#666; border-top:1px solid #eaebed; }
.seo_trans_white_blue_hor tbody tr.first th,
.seo_trans_white_blue_hor tbody tr.first td { border-top:0; }
.seo_trans_white_blue_hor tbody th { text-align:center; border-right:1px solid #d3d8db; background-color:#f6fbff; }
.seo_trans_white_blue_hor tbody td { padding:4px 15px; text-align:left; }
.seo_trans_white_blue_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_white_blue_ver */
.seo_trans_white_blue_ver { background-color: #fff; border-top:2px solid #2fb2c6; border-bottom:1px solid #2fb2c6; }
.seo_trans_white_blue_ver table,
.seo_trans_white_blue_ver th,
.seo_trans_white_blue_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_blue_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_blue_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_white_blue_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#5b5b5b; border-bottom:1px solid #2fb2c6; background-color:#f2f3f5; }
.seo_trans_white_blue_ver tbody th,
.seo_trans_white_blue_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_white_blue_ver tbody th,
.seo_trans_white_blue_ver tbody td { border-left:1px solid #e4e9ed; }
.seo_trans_white_blue_ver tbody th.first,
.seo_trans_white_blue_ver tbody td.first { border-left:0; }
.seo_trans_white_blue_ver tbody th { color:#5b5b5b; background-color:#f6fbff; }
.seo_trans_white_blue_ver tbody td { color:#666; border-top:1px solid #d6d6d6; }
.seo_trans_white_blue_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_blue_hor */
.seo_trans_blue_hor { background-color: #fff; border-bottom: 1px solid #afbdca; }
.seo_trans_blue_hor table,
.seo_trans_blue_hor th,
.seo_trans_blue_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_blue_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_blue_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_blue_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; border-bottom:1px solid #afbdca; border-left:1px solid #77addb; border-right:1px solid #77addb; background-color:#77addb; }
.seo_trans_blue_hor tbody th,
.seo_trans_blue_hor tbody td { border-top:1px solid #d4d6e2; }
.seo_trans_blue_hor tbody tr.first th,
.seo_trans_blue_hor tbody tr.first td { border-top:0; }
.seo_trans_blue_hor tbody th { text-align:center; color:#75a6cf; border-left:1px solid #afbdca; border-right:1px solid #afbdca; background-color:#f9f9f9; }
.seo_trans_blue_hor tbody td { padding:4px 15px; text-align:left; color:#666; border-right:1px solid #afbdca; }
.seo_trans_blue_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_blue_ver */
.seo_trans_blue_ver { background-color: #fff; border:1px solid #afbdca; }
.seo_trans_blue_ver table,
.seo_trans_blue_ver th,
.seo_trans_blue_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_blue_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_blue_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_blue_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; border-bottom:1px solid #afbdca; border-left:1px solid #77addb; border-right:1px solid #77addb; background-color:#77addb; }
.seo_trans_blue_ver tbody th,
.seo_trans_blue_ver tbody td { padding:4px 0; font-size:12px; text-align:center; border-left:1px solid #dde0e9; }
.seo_trans_blue_ver tbody th.first,
.seo_trans_blue_ver tbody td.first { border-left:0; }
.seo_trans_blue_ver tbody th { color:#77a6d0; background-color:#faf9f7; }
.seo_trans_blue_ver tbody td { color:#666; border-top:1px solid #d4d6e2; }
.seo_trans_blue_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_blue_green_hor */
.seo_trans_blue_green_hor { background-color: #fff; border-bottom: 1px solid #3199a4; }
.seo_trans_blue_green_hor table,
.seo_trans_blue_green_hor th,
.seo_trans_blue_green_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_blue_green_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_blue_green_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_blue_green_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; background-color:#73cbd5; }
.seo_trans_blue_green_hor tbody th,
.seo_trans_blue_green_hor tbody td { color:#666; border-top:1px solid #d0dfe2; }
.seo_trans_blue_green_hor tbody th { text-align:center; border-right:1px solid #3199a4; background-color:#f4feff; }
.seo_trans_blue_green_hor tbody td { padding:4px 15px; text-align:left; }
.seo_trans_blue_green_hor tbody tr.first th,
.seo_trans_blue_green_hor tbody tr.first td { border-top:0; }
.seo_trans_blue_green_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_blue_green_ver */
.seo_trans_blue_green_ver { background-color: #fff; border-bottom: 1px solid #3199a4; }
.seo_trans_blue_green_ver table,
.seo_trans_blue_green_ver th,
.seo_trans_blue_green_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_blue_green_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_blue_green_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_blue_green_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; background-color:#73cbd5; }
.seo_trans_blue_green_ver tbody th,
.seo_trans_blue_green_ver tbody td { padding:4px 0; font-size:12px; text-align:center; border-left:1px solid #d0dfe2; }
.seo_trans_blue_green_ver tbody th.first,
.seo_trans_blue_green_ver tbody td.first { border-left:0; }
.seo_trans_blue_green_ver tbody th { color:#666; background-color:#f4feff; }
.seo_trans_blue_green_ver tbody td { color:#666; border-top:1px solid #d0dfe2; }
.seo_trans_blue_green_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_brown_hor */
.seo_trans_brown_hor { background-color: #fff; border-bottom:1px solid #000; }
.seo_trans_brown_hor table,
.seo_trans_brown_hor th,
.seo_trans_brown_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_brown_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_brown_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_brown_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; border-top:2px solid #000; border-bottom:1px solid #000; background-color:#b7a696; }
.seo_trans_brown_hor tbody th,
.seo_trans_brown_hor tbody td { color:#666; border-top:1px solid #e6e1dd; }
.seo_trans_brown_hor tbody th { text-align:center; background-color:#f7f6f2; }
.seo_trans_brown_hor tbody td { padding:4px 15px; text-align:left; }
.seo_trans_brown_hor tbody tr.last th,
.seo_trans_brown_hor tbody tr.last td { border-bottom:1px solid #000; }
.seo_trans_brown_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_brown_ver */
.seo_trans_brown_ver { background-color: #fff; border-bottom: 1px solid #000; }
.seo_trans_brown_ver table,
.seo_trans_brown_ver th,
.seo_trans_brown_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_brown_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_brown_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_brown_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#fff; border-top:2px solid #000; border-bottom:1px solid #000; background-color:#b7a696; }
.seo_trans_brown_ver tbody th,
.seo_trans_brown_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_brown_ver tbody th,
.seo_trans_brown_ver tbody td { border-left:1px solid #dde0e9; }
.seo_trans_brown_ver tbody th.first,
.seo_trans_brown_ver tbody td.first { border-left:0; }
.seo_trans_brown_ver tbody th { color:#666; background-color:#f7f6f2; }
.seo_trans_brown_ver tbody td { color:#666; border-top:1px solid #e6e1dd; }
.seo_trans_brown_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_violet_hor */
.seo_trans_violet_hor { background-color: #fff; border-bottom:1px solid #50528f; }
.seo_trans_violet_hor table,
.seo_trans_violet_hor th,
.seo_trans_violet_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_violet_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_violet_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_violet_hor .trans_tit { margin: 0; padding:13px 0; border-bottom:2px solid #50528f; font-size:13px; font-weight:bold; text-align:center; color:#50528f; }
.seo_trans_violet_hor tbody th,
.seo_trans_violet_hor tbody td { border-top:1px solid #eaebed; }
.seo_trans_violet_hor tbody tr.first th,
.seo_trans_violet_hor tbody tr.first td { border-top:0; }
.seo_trans_violet_hor tbody th { text-align:center; color:#fff; background-color:#8283b3; }
.seo_trans_violet_hor tbody td { padding:4px 15px; text-align:left; color:#666; }
.seo_trans_violet_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_violet_ver */
.seo_trans_violet_ver { background-color: #fff; border-bottom:1px solid #50528d; }
.seo_trans_violet_ver table,
.seo_trans_violet_ver th,
.seo_trans_violet_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_violet_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_violet_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_violet_ver .trans_tit { margin: 0; padding:13px 0; border-bottom:2px solid #50528f; font-size:13px; font-weight:bold; text-align:center; color:#50528f; }
.seo_trans_violet_ver tbody th,
.seo_trans_violet_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_violet_ver tbody th { color:#fff; border-left:1px solid #c0c0da; background-color:#8283b3; }
.seo_trans_violet_ver tbody th.first { border-left:0; }
.seo_trans_violet_ver tbody td { color:#676767; border-top:1px solid #eaebed; }
.seo_trans_violet_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_white_pink_hor */
.seo_trans_white_pink_hor { background-color: #fff; border-bottom:1px solid #fc6256; }
.seo_trans_white_pink_hor table,
.seo_trans_white_pink_hor th,
.seo_trans_white_pink_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_pink_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_pink_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_white_pink_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; border-top:2px solid #ff6201; border-bottom:1px solid #ff6201; background-color:#ffdcdc; }
.seo_trans_white_pink_hor tbody th,
.seo_trans_white_pink_hor tbody td { color:#666; border-top:1px solid #fbe6cb; }
.seo_trans_white_pink_hor tbody th { text-align:center; border-right:1px solid #ffd5a8; background-color:#f9f7eb; }
.seo_trans_white_pink_hor tbody td { padding:4px 15px; text-align:left; }
.seo_trans_white_pink_hor tbody tr.first th,
.seo_trans_white_pink_hor tbody tr.first td { border-top: 0; }
.seo_trans_white_pink_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_white_pink_ver */
.seo_trans_white_pink_ver { background-color: #fff; border-bottom:1px solid #ff6201; }
.seo_trans_white_pink_ver table,
.seo_trans_white_pink_ver th,
.seo_trans_white_pink_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_white_pink_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_white_pink_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_white_pink_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; border-top:2px solid #ff6201; border-bottom:1px solid #ff6201; background-color:#ffdcdc; }
.seo_trans_white_pink_ver tbody th,
.seo_trans_white_pink_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_white_pink_ver tbody th,
.seo_trans_white_pink_ver tbody td { border-left:1px solid #fbe6cb; }
.seo_trans_white_pink_ver tbody th.first,
.seo_trans_white_pink_ver tbody td.first { border-left:0; }
.seo_trans_white_pink_ver tbody th { color:#666; background-color:#f9f7eb; }
.seo_trans_white_pink_ver tbody td { color:#666; border-top:1px solid #fbe6cb; }
.seo_trans_white_pink_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_pink_hor */
.seo_trans_black_pink_hor { background-color: #fff; border-bottom:1px solid #fc6256; }
.seo_trans_black_pink_hor table,
.seo_trans_black_pink_hor th,
.seo_trans_black_pink_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_pink_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_pink_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_black_pink_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; border-bottom:2px solid #fe6158; }
.seo_trans_black_pink_hor tbody th { text-align:center; color:#fff; border-top:1px solid #a0828a; border-right:1px solid #3199a4; background-color:#3f3d52; }
.seo_trans_black_pink_hor tbody td { padding:4px 15px; text-align:left; color:#666; border-top:1px solid #ffe3e2; }
.seo_trans_black_pink_hor tbody tr.first th,
.seo_trans_black_pink_hor tbody tr.first td { border-top:0; }
.seo_trans_black_pink_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_pink_ver */
.seo_trans_black_pink_ver { background-color: #fff; border-bottom: 1px solid #fc6256; }
.seo_trans_black_pink_ver table,
.seo_trans_black_pink_ver th,
.seo_trans_black_pink_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_pink_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_pink_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_black_pink_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; }
.seo_trans_black_pink_ver tbody th,
.seo_trans_black_pink_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_black_pink_ver tbody th { border-left:1px solid #a0828a; border-top:2px solid #fe6158; }
.seo_trans_black_pink_ver tbody td { border-left:1px solid #ffe2e0; }
.seo_trans_black_pink_ver thead tr.sub th.first,
.seo_trans_black_pink_ver tbody td.first { border-left:0; }
.seo_trans_black_pink_ver tbody th { color:#fff; background-color:#3f3d52; }
.seo_trans_black_pink_ver tbody td { color:#666; border-top:1px solid #fbe6cb; }
.seo_trans_black_pink_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_blue_hor */
.seo_trans_black_blue_hor { background-color: #fff; border-bottom:1px solid #b1bec7; }
.seo_trans_black_blue_hor table,
.seo_trans_black_blue_hor th,
.seo_trans_black_blue_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_blue_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_blue_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_black_blue_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#b8c0cd; border-left:1px solid #393846; border-right:1px solid #393846; background-color:#393846; }
.seo_trans_black_blue_hor tbody th { text-align:center; color:#fff; border-left:1px solid #b1bec7; border-top:1px solid #dbe4eb; border-right:1px solid #afbdca; background-color:#bdcddd; }
.seo_trans_black_blue_hor tbody td { padding:4px 15px; text-align:left; color:#666; border-right:1px solid #b1bec7; border-top:1px solid #dae3ea; }
.seo_trans_black_blue_hor tbody tr.first th,
.seo_trans_black_blue_hor tbody tr.first td { border-top: 0; }
.seo_trans_black_blue_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_blue_ver */
.seo_trans_black_blue_ver { background-color: #fff; border-bottom: 1px solid #b1bec7; }
.seo_trans_black_blue_ver table,
.seo_trans_black_blue_ver th,
.seo_trans_black_blue_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_blue_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_blue_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_black_blue_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#b8c0cd; border-left:1px solid #393846; border-right:1px solid #393846; background-color:#393846; }
.seo_trans_black_blue_ver tbody th,
.seo_trans_black_blue_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_black_blue_ver tbody th,
.seo_trans_black_blue_ver tbody td { border-right:1px solid #b1bec7; }
.seo_trans_black_blue_ver tbody th.first,
.seo_trans_black_blue_ver tbody td.first { border-left:1px solid #b1bec7; }
.seo_trans_black_blue_ver tbody th { color:#fff; background-color:#bdcddd; }
.seo_trans_black_blue_ver tbody td { color:#666; border-top:1px solid #dae3ea; }
.seo_trans_black_blue_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_white_hor */
.seo_trans_black_white_hor { background-color: #fff; border-bottom:1px solid #222; }
.seo_trans_black_white_hor table,
.seo_trans_black_white_hor th,
.seo_trans_black_white_hor td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_white_hor table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_white_hor th { padding:4px 0; font-weight:normal; }
.seo_trans_black_white_hor .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; border-top:2px solid #222; border-bottom:2px solid #222; }
.seo_trans_black_white_hor tbody th { text-align:center; color:#333; border-top:1px solid #a5a5a5; border-right:1px solid #a5a5a5; background-color:#eee; }
.seo_trans_black_white_hor tbody td { padding:4px 15px; text-align:left; color:#666; border-top:1px solid #a5a5a5; }
.seo_trans_black_white_hor tbody tr.first th,
.seo_trans_black_white_hor tbody tr.first td { border-top:0; }
.seo_trans_black_white_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_black_white_ver */
.seo_trans_black_white_ver { background-color: #fff; border-bottom: 1px solid #222; }
.seo_trans_black_white_ver table,
.seo_trans_black_white_ver th,
.seo_trans_black_white_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_black_white_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_black_white_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_black_white_ver .trans_tit { margin: 0; padding:13px 0; font-size:13px; font-weight:bold; text-align:center; color:#3d3e52; border-top:2px solid #222; }
.seo_trans_black_white_ver tbody th,
.seo_trans_black_white_ver tbody td { padding:4px 0; font-size:12px; text-align:center; }
.seo_trans_black_white_ver tbody th { border-left:1px solid #a5a5a5; border-top:2px solid #222; }
.seo_trans_black_white_ver tbody td { border-left:1px solid #a5a5a5; }
.seo_trans_black_white_ver thead tr.sub th.first,
.seo_trans_black_white_ver tbody th.first,
.seo_trans_black_white_ver tbody td.first { border-left:0; }
.seo_trans_black_white_ver tbody th { color:#333; background-color:#eee; }
.seo_trans_black_white_ver tbody td { color:#666; border-top:1px solid #a5a5a5; }
.seo_trans_black_white_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_light_gray_hor */
.seo_trans_light_gray_hor { background-color: #fff; border-bottom:2px solid #aaa; }
.seo_trans_light_gray_hor table,
.seo_trans_light_gray_hor th,
.seo_trans_light_gray_hor td { margin:0; padding:0; font-size:12px; border:0; font-family:Verdana; }
.seo_trans_light_gray_hor table { table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_light_gray_hor th { padding:10px 0; font-weight:normal; }
.seo_trans_light_gray_hor .trans_tit { margin: 0; padding:12px 0; font-size:12px; text-align:center; font-family:Verdana; border-bottom:2px solid #aaaaaa; }
.seo_trans_light_gray_hor tbody th { text-align:center; border-top:1px solid #e7e7e7; }
.seo_trans_light_gray_hor tbody td { padding:10px 15px; text-align:left; border-top:1px solid #e7e7e7; }
.seo_trans_light_gray_hor tbody tr.first th,
.seo_trans_light_gray_hor tbody tr.first td { border-top:0; }
.seo_trans_light_gray_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_light_gray_ver */
.seo_trans_light_gray_ver { background-color: #fff; border-bottom:2px solid #aaa; }
.seo_trans_light_gray_ver table,
.seo_trans_light_gray_ver th,
.seo_trans_light_gray_ver td { margin:0; padding:0; font-size:12px; border:0; font-family:Verdana; }
.seo_trans_light_gray_ver table { table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_light_gray_ver th { padding:4px 0; font-weight:normal; }
.seo_trans_light_gray_ver .trans_tit { margin: 0; padding:12px 0; font-size:12px; text-align:center; font-family:Verdana; border-bottom:2px solid #aaaaaa; }
.seo_trans_light_gray_ver tbody th,
.seo_trans_light_gray_ver tbody td { padding:10px 0; font-size:12px; text-align:center; border-top:1px solid #e7e7e7; }
.seo_trans_light_gray_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
/* 201602 _ add */
/* trans_simple_gray_hor */
.seo_trans_simple_gray_hor { background-color: #fff;}
.seo_trans_simple_gray_hor table{ table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; margin:0; padding:0; font-size:12px; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0; }
.seo_trans_simple_gray_hor th,
.seo_trans_simple_gray_hor td { margin:0; padding:0; font-size:12px; border:0; line-height:20px;}
.seo_trans_simple_gray_hor th { padding:10px 0; font-weight:normal; }
.seo_trans_simple_gray_hor .trans_tit { margin: 0; padding:25px 0; font-size:13px; font-weight:bold; text-align:center; color:#212121; }
.seo_trans_simple_gray_hor tbody th { color:#fff; text-align:left; background-color:#f2f2ec; color:#333;vertical-align:top;padding-left:20px;padding-right:20px;}
.seo_trans_simple_gray_hor tbody td { padding:10px 15px; text-align:left; color:#666;}
.seo_trans_simple_gray_hor tbody tr.first th,.seo_trans_simple_gray_hor tbody tr.first td{padding-top:20px;}
.seo_trans_simple_gray_hor tbody tr:last-child th,.seo_trans_simple_gray_hor tbody tr:last-child td{padding-bottom:20px;}
.seo_trans_simple_gray_hor div { zoom:1; width:auto; margin:auto; padding:auto; }
/* trans_simple_gray_ver */
.seo_trans_simple_gray_ver { margin-top:20px;margin-left:auto; margin-right:auto;  background-color: #fff;}
.seo_trans_simple_gray_ver table,
.seo_trans_simple_gray_ver th,
.seo_trans_simple_gray_ver td { margin:0; padding:0; font-size:12px; border:0; }
.seo_trans_simple_gray_ver table { table-layout: fixed; width: 100%; border-collapse:separate; border-spacing:0; border:0; }
.seo_trans_simple_gray_ver th { padding:15px 0; font-weight:normal; }
.seo_trans_simple_gray_ver .trans_tit { margin: 0; padding:25px 0; font-size:13px; font-weight:bold; text-align:center; color:#212121;}
.seo_trans_simple_gray_ver tbody th,
.seo_trans_simple_gray_ver tbody td { padding:15px 0; font-size:12px; text-align:center; }
.seo_trans_simple_gray_ver tbody th {background-color:#f2f2ec; color:#333;border-bottom:1px solid #b7b7b7;}
.seo_trans_simple_gray_ver tbody td { color:#777; border-bottom: 1px solid #d3d3d3; }
.seo_trans_simple_gray_ver div { zoom:1; width:auto; margin:auto; padding:auto; }
.datail_contents .pinfo-wrap-tit {
    color: #141414;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    margin: 40px auto 30px;
    font-family:  'Barlow', sans-serif;
    letter-spacing: 0;
}
.pinfo-wrap01 {
    clear: both;
    width: 940px;
    margin: 20px auto 0 auto;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}
.pinfo-wrap01:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 230px;
    border-bottom: 1px solid #b4b4b4;
}
.pinfo-wrap01 dl {
    clear: both;
}
.pinfo-wrap01 > dl dt, .pinfo-wrap01 > dl dd {
     position: relative;
    display:  table-cell;
    vertical-align:  top;
    padding: 12px 20px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pinfo-wrap01 > dl dt {
    width: 230px;
    color: #141414;
    font-weight: 500;
    border-top: 1px solid #b4b4b4;
}
.pinfo-wrap01 > dl dd {
    width: 710px;
    color: #606060;
    font-weight: 400;
    border-top: 1px solid #e1e1e1;
}
.pinfo-wrap-img {
    width: 100%;
    text-align: center;
}
.pinfo-wrap-table table  {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
}
.pinfo-wrap-table table colgroup {
    display: none;
}
.pinfo-wrap-table table tbody tr:first-child th {
    border-top: 1px solid #b4b4b4;
}
.pinfo-wrap-table table tbody tr:first-child td {
    border-top: 1px solid #e1e1e1;
}
.pinfo-wrap-table table th {
    width: 230px;
    color: #141414;
    font-weight: 500;
    padding: 12px 20px;
    vertical-align:  top;
    text-align: left;
    border-bottom: 1px solid #b4b4b4;
}
.pinfo-wrap-table table td {
    width: 710px;
    color: #606060;
    font-weight: 400;
    padding: 12px 20px;
    vertical-align:  top;
    border-bottom: 1px solid #e1e1e1;
}
.dvideo-wide  {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
}
.dvideo-wide .dvideo01  {
    width: 100%;
}
.dvideo-wide .dvideo01 iframe  {
    width: 100%;
    height: 660px;
}
.dvideo-wide02 .dvideo01  {
    float: left;
    width: 48%;
}
.dvideo-wide02 .dvideo01 iframe  {
    width: 100%;
    height: 480px;
}
.dvideo-wide02 .dvideo02  {
    float: right;
    width: 48%;
}
.dvideo-wide02 .dvideo02 iframe  {
    width: 100%;
    height: 480px;
}
.dvideo-wide02  {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
}
.dvideo-wide03  {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
}
.dvideo-wide03 .dvideo01  {
    width: 100%;
    margin-bottom: 30px;
}
.dvideo-wide03 .dvideo01 iframe  {
    width: 100%;
    height: 660px;
}
.dvideo-wide03 .dvideo02  {
    width: 100%;
}
.dvideo-wide03 .dvideo02 iframe  {
    width: 100%;
    height: 660px;
}
.ec-base-paginate.typeSub .first {
    margin-right: 3px;
}
.ec-base-paginate.typeSub .last {
    margin-left: 3px;
}
/* [E] as-is css */

/* [S] 2023-10-05 명동 프로모션 리뉴얼 */
.wrap-event-info .event-info-text::before{ content:''; display: block; background: url(../../resources/images/member/icon_world.png) 0 0 no-repeat; width: 24px; height: 24px; background-size: 100%; flex:0 0 24px; margin-right: 4px; }
.wrap-event-info .event-info-text + .language-select-wrap {margin-top: 10px;}
html[lang="jp"]  .event-store .event-benefits li.event-benefits-1 span::before {background-image: url(../../resources/images/member/icon_mobile_jp.png); background-size: 100%;}
.wrap-event-info .design-select-wrap .selcect-option-wrap {max-height: 200px; overflow-y: auto;}
/* [E] 2023-10-05 명동 프로모션 리뉴얼 */