@charset "utf-8";
@import url(common.css);
@import url(component.css);

@keyframes bagBounce{
0{transform:translate3d(0,0,0)}
50%{transform:translate3d(0,10%,0)}
100%{transform:translate3d(0,0,0)}
}
@keyframes rotateLeft{
	0.00%{transform:rotate(0) translate3d(-5.625em,-2.8125em,0) rotate(0)}
	25%{opacity:1}
	100%{transform:rotate(90deg) translate3d(0,0,0) rotate(-90deg);opacity:0}
}
@keyframes rotateRight{
	0.00%{transform:rotate(0) translate3d(5.625em,-2.8125em,0) rotate(0)}
	25%{opacity:1}
	100%{transform:rotate(-90deg) translate3d(0,0,0) rotate(90deg);opacity:0}
}


h1 {font-family:"Malgun Sam";font-weight:normal}

/* 버튼 */
.btnFull a {display:inline-block; width:100%; line-height:40px; color:#fff; font-weight:700; background:#363636; border:1px solid #363636; border-radius:3px; text-align:center;}
.btnFull a:hover {background:#222; border:1px solid #222;}
.btnLine a {display:inline-block; width:100%; line-height:40px; color:#363636; font-weight:700; border:1px solid #363636; border-radius:3px; text-align:center;}
.btnLine a:hover {background:#363636; border:1px solid #363636; color:#fff;}
.btn-deafult.btn-kakao {width:100%; display:inline-block; height:45px; line-height:42px; border-radius:3px; background:#fee000; text-align:center; color:#512f2e; font-weight:700;}
.btn-deafult.btn-kakao:hover {background:#eace00;}
.btn-deafult.btn-kakao .icon {display:inline-block; width:30px; height:27px; vertical-align:middle; background:url(../images/icon_social_kakao.png) no-repeat top center; background-size:cover; text-indent:-9999px;}
.btn-deafult.btn-kakao .txt {font-weight:700; text-align:left; letter-spacing:-0.5px}
.btn-deafult.btn-noraml {display:inline-block; width:100%; line-height:42px; color:#fff; font-weight:normal; background:#363636; border:1px solid #363636; border-radius:3px; text-align:center;}
.btn-deafult.btn-noraml:hover {background:#222; border:1px solid #222;}
.btn-deafult.btn-line {display:inline-block; width:100%; line-height:42px; color:#363636; font-weight:normal; border:1px solid #363636; border-radius:3px; text-align:center;}
.btn-deafult.btn-line:hover {background:#363636; border:1px solid #363636; color:#fff;}
.btn-deafult.btn-search {background:#fff;display:inline-block; width:100%; line-height:42px; color:#363636; font-weight:normal; border:1px solid #fff; border-radius:3px; text-align:center;}
.btn-deafult.btn-search:hover {background:#fff; border:1px solid #fff; color:#363636;}
.btn-deafult.disabled {display: inline-block;width: 100%;line-height: 42px;color: #fff;font-weight: normal;background: #b4b4b4;border: 1px solid #b4b4b4;border-radius: 3px;text-align: center;cursor: default;}
.product-search a.btn-search {width: 65px;height: 44px;position: absolute;right:15px;top: 0;}
.btn-trans {display:inline-block; width:100%; line-height:42px; color:#fff; font-weight:normal; border:1px solid #fff; border-radius:3px; text-align:center;}
.btn-deafult.btn-sky {display:inline-block; width:100%; line-height:42px; color:#fff; font-weight:normal; background:#363636; border:1px solid #363636; border-radius:3px; text-align:center;}
.close_circle_btn {display:inline-block;width:22px;height:22px;background:url(../images/svg/ic-close-circle-copy-3.svg) no-repeat top center; background-size:cover; text-indent:-9999px; overflow:hidden}

/* 타이틀 */
h3 {padding:20px 0 40px;width:auto; text-align:center; font-size:22px; font-weight:100;}
h3 span {display:inline-block; width:90px; height:3px; background:#4c4b4c; vertical-align:text-top; margin-top:15px;}
.lineTit fieldset {width:100%; background-color:#fff; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; line-height:20px;}
.lineTit legend {top:-2px; padding:0 20px; background:#fff; font-weight:700; font-size:16px; color:#444; text-align:center; margin:0 auto;}
.lineTitC fieldset {width:100%; background-color:#fff; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; line-height:16px;}
.lineTitC legend {top:-2px; border-radius:50px; background:#f6f6f6; padding:10px; border:1px solid #d1d1d1; font-weight:300; font-size:11px; color:#858585; text-align:center; margin:0 auto;}
.txt_price {font-weight: bold;font-size: 16px;color:#444;}
.txt_point {color:#b834b6;}
.txt_star {color:#db2023;font-weight: bold}

/* main */
.mNisual {background:#f7f7f7; padding:23px 0}
.mNisual .mVCont:after {content:" "; display:block; clear:both;}
.mNisual .mVCont {width:90%; margin:0 auto;}
.mNisual .mVCont .vimg {height:218px;background-repeat: no-repeat;background-size:cover;background-position: 50%;}
.mNisual .mVCont .vcont {padding:35px 30px;background:#fff}
.mNisual .mVCont .vcont ul {text-align:center}
.mNisual .mVCont .vcont .t1 {font-size:16px; color:#a7a7a7}
.mNisual .mVCont .vcont .t2 {margin-top:40px; font-size:25px; color:#444; font-weight:100;}
.mNisual .mVCont .vcont .t3 {margin-top:12px; line-height:20px; font-size:15px; color:#727272;}
.mNisual .mVCont .vcont .btnLine {margin-top:29px; font-weight:700;}
.mNisual .mVCont .vcont .btnLine a {width:142px;}
.mainCont01 .contArea {padding:0 20px;margin:auto;display:flex;flex-wrap:wrap;justify-content:flex-start}
.mainCont01 .product{flex-basis:50%;margin-bottom:100px; margin-bottom:48px;}
.product > a {display:block; padding:0 10px;}
.product .pimg {position: relative; overflow: hidden; margin-bottom:20px;}
.product .pimg img {width:100%;}
.product .pcont .star {padding-bottom:10px; text-align:center}
.product .pcont .star li {display:inline-block;}
.product .pcont .star .starB {display:inline-block; width:17px; height:16px; background:url(../images/icon_star_b.png) no-repeat; background-size:cover; text-indent:-9999px; overflow:hidden}
.product .pcont .star .starG {display:inline-block; width:17px; height:16px; background:url(../images/icon_star_g.png) no-repeat; background-size:cover; text-indent:-9999px; overflow:hidden}
.product .pcont .ptit {padding-bottom:15px; font-size:15px; color:#272525; line-height:20px; text-align:center; height: 55px;}
.product .pcont .pprice {color:#444; padding-bottom:5px; text-align:center}
.product .pcont .pprice .mem {display:inline-block; border:1px solid #fff; color:#bb29bb; font-size:15px; line-height:23px; padding:0 4px; vertical-align:top; margin:0 3px 0 0;}
.product .pcont .pprice .pri {display:block; font-size:20px; color:#444; font-weight:bold;}
.product .pcont .pv_area {color:#444; padding-bottom:15px; text-align:center}
.product .pcont .pv_area .pv_icon {display:inline-block; border:1px solid #fff; color:#bb29bb; font-size:15px; line-height:17px; padding:0 8px; vertical-align:top; margin:0 3px 0 0;}
.product .pcont .pv_area .pv_num {display:inline-block; font-size:16px; line-height:17px; color:#363636; font-weight:100;}
.product .pcont .pbtn {margin-top:5px;color:#363636;text-align:center}
.product .pcont .pbtn:hover {color:#004e64; text-decoration:underline;}
.mainCont02 {background:#f7f7f7;padding-bottom:60px;}
.mainCont02 h3 {padding:40px 0 35px;}
.mainCont02 .contArea:after {content:" "; display:block; clear:both;}
.mainCont02 .contArea .nuLeft {width:90%; margin:0 auto}
.mainCont02 .contArea .nuLeft:after {content:" "; display:block; clear:both;}
.mainCont02 .contArea .nuLeft dl {padding:30px 0; background:#fff; text-align:center; margin-bottom:20px;}
.mainCont02 .contArea .nuLeft dt {text-align:center; font-size:18px; padding-bottom:30px;}
.mainCont02 .contArea .nuLeft dd span {display:inline-block; width:206px;}
.mainCont02 .contArea .nuLeft dd span img {width:100%;}
.mainCont02 .contArea .nuRight {position:relative;width:90%;margin:0 auto;height:300px;background-color: #fff;background-repeat: no-repeat;background-size: cover;background-position: 50% 0;}
.mainCont02 .contArea .nuRight .nuArea .btnLine {display:none}
.mainCont02 .contArea .nuRight .nuArea {position:absolute;bottom:0;opacity: .9;background-image: linear-gradient(292deg,#93edc7,#1cd8d2); word-break: break-all;}
.mainCont02 .contArea .nuRight .nuArea .nuCon .t1 {font-size:22px; color:#444; padding-bottom:10px;}
.mainCont02 .contArea .nuRight .nuArea .nuCon .t2 {font-size:15px; color:#444; line-height: 20px;}

.mainCont02 .contArea .nuArea2 .btnLine {display:none}
.mainCont02 .contArea .nuArea2 {position:relative;bottom:0;opacity: .9;background-image: linear-gradient(292deg,#93edc7,#1cd8d2); min-height: 95px; word-break: break-all;}
.mainCont02 .contArea .nuArea2 .nuCon .t1 {position:relative;font-size:22px; color:#444; padding-bottom:10px;}
.mainCont02 .contArea .nuArea2 .nuCon .t2 {position:relative;font-size:15px; color:#444; line-height: 20px;}

/* 카테고리 */
.mainCont03 {padding:25px 0;border-bottom:1px solid #ddd;}
.mainCont03:after {content:" "; display:block; clear:both;}
.mainCont03 .cainfo {background:#008ab0; color:#fff; flex-basis:100%; width:100%; margin:0 auto; padding:35px 25px;}
.mainCont03 .cainfo .inTit {font-size:20px; font-weight:100; padding-bottom:30px;}
.mainCont03 .cainfo .inTit p {line-height:24px;}
.mainCont03 .cainfo .inTxt {font-size:16px; line-height:20px;}
.cateCont {width:90%;margin: auto; display: flex;flex-wrap: wrap;justify-content: flex-start;}
.caArea {float:left; flex-basis: 50%; width:50%; padding:0;text-align:center; margin-top:30px;}
.caArea span {display:block;max-width:135px;margin:0 auto;margin-bottom:10px;}
.caArea span img {width:100%;}
.caArea a {text-align:center; font-size:16px;}

/* 최근본상품 */
.mainCont04 {padding-bottom:70px;}
.mainCont04 h3 {padding:40px 0 30px;}
.mainCont04 .contArea:after {content:" "; display:block; clear:both;}
.mainCont04 .btn_arrow_left a {position:absolute; display:inline-block; left:0; margin-top:150px; width:29px; height:75px; background:url(../images/arrow_bg_left.png) no-repeat; background-size:cover; text-indent:-9999px;}
.mainCont04 .btn_arrow_right a {position:absolute; display:inline-block; right:0; margin-top:150px; width:29px; height:75px; background:url(../images/arrow_bg_right.png) no-repeat; background-size:cover; text-indent:-9999px;}
.mainCont04 .product {width:100%; padding:10px 0; margin:0 auto}
.mainCont04 .product .pimg {width:70%;margin:0 auto;text-align:center}
.mainCont04 .product .pcont {width:70%;margin:20px auto 0}
.mainCont04 .product .pimg img {width:auto;height:206px;}

/* 로그인 ****************************************************************************************************************************************************************************************/
.login-wrap .visual {width:100%; height:135px; background:url(../images/main_visual.jpg) center; background-size:cover;}
.login-wrap .visual h2 {text-align:center; line-height:135px; color:#444444; font-size:30px;  font-weight:300;}
.loginArea {position:relative; width:auto; margin:0 auto; margin-left:inherit; background:#fff; margin-top:0;  padding:30px 20px;}
.loginArea .tooltip {width:93.8%; padding:15px 20px;}
.loginArea .btnSocial {padding:18px 0; display:block; width:100%;}
.loginArea .btnSocial .btnKa a {width:100%; display:inline-block; height:45px; line-height:42px; border-radius:3px; background:#fee000; text-align:center; color:#512f2e; font-weight:700;}
.loginArea .btnSocial .btnKa a:hover {background:#eace00;}
.loginArea .btnSocial .btnKa a .icon {display:inline-block; width:30px; height:27px; vertical-align:middle; background:url(../images/icon_social_kakao.png) no-repeat top center; background-size:cover; text-indent:-9999px;}
.loginArea .btnSocial .btnKa a .txt {font-weight:700; text-align:left;}
.loginArea .btnSocial .btnFb a {width:100%; display:inline-block; height:45px; line-height:42px; border-radius:3px; background:#3b5998; text-align:center; color:#fff; font-weight:700;}
.loginArea .btnSocial .btnFb a:hover {background:#35518b;}
.loginArea .btnSocial .btnFb a .icon {display:inline-block; width:10px;  height:20px; vertical-align:middle; background:url(../images/icon_social_facebook.png) no-repeat top center; background-size:cover; text-indent:-9999px;}
.loginArea .btnSocial .btnFb a .txt {font-weight:700; text-align:left; padding-left:5px;}
.loginArea .lofinForm {padding:18px 0;}
.loginArea .lofinForm dl {padding-bottom:10px;}
.loginArea .lofinForm dt {font-size:14px; color:#444; font-weight:700; line-height:20px; padding-bottom:8px;}
.loginArea .lofinForm dt .icon {display:inline-block; border-radius:50px; width:20px; height:20px; background:#444 url(../images/icon_i.png) no-repeat center; background-size:2px 10px; text-indent:-9999px;}
.loginArea .lofinForm .on .id, .loginArea .lofinForm .on .pw {border:1px solid #363636;}
.loginArea .lofinForm .id {border:1px solid #d1d1d1; display:block;}
.loginArea .lofinForm .id input {height:38px; width:80%; border:none; margin-bottom:1px;}
.loginArea .lofinForm dd em {display:inline-block; padding-top:8px;}
.loginArea .lofinForm dd span {float:right; display:inline-block; padding-top:8px; text-align:right; font-size:13px;}
.loginArea .lofinForm dd span a {display:inline-block; color:#363636;}
.loginArea .lofinForm .linkBox {height: 35px;}
.loginArea .lofinForm .linkBox dd span{width: 100%;}
.loginArea .lofinForm .pw {border:1px solid #d1d1d1; display:block;}
.loginArea .lofinForm .pw input {width:200px; height:38px; width:80%; border:none; margin-bottom:1px;}
.loginArea .lofinForm .pw em {float:right;}
.pwShow a {display:inline-block; width:27px; height:17px; background:url(../images/icon_show.png) no-repeat center; background-size:cover; margin:2px 10px 0 0; text-indent:-9999px;}
.pwHide a {display:inline-block; width:27px; height:17px; background:url(../images/icon_hide.png) no-repeat center; background-size:cover; margin:2px 10px 0 0; text-indent:-9999px;}
.loginArea .lofinForm .error .id, .loginArea .lofinForm .error .pw {border:1px solid #d0021b; border-left:3px solid #d0021b;}
.loginArea .lofinForm .error .id input, .loginArea .lofinForm .error .pw input{height:38px; width:85%; border:none; margin-bottom:1px;}
.loginArea .lofinForm .error .eTxt {padding-top:5px; color:#db2023; font-size:13px;}
.loginArea .errorArea {background:#db2023; border-radius:3px; text-align:center; color:#fff; font-size:13px; line-height:16px; padding:5px; margin:-10px 0;}
.loginArea .memBtn {margin-top:13px;}
.loginArea .memBtn a {margin-bottom:10px;}
.loginArea .tooltip {position:absolute; background:#fff; font-size:12px; font-weight:400; color:#727272; box-shadow:-1px 1px 5px #999; z-index:1000; margin-top:15px;}
.loginArea .tooltip:after {content:""; position:absolute; bottom:100%; left:0; margin-left:42px; width:26px; height:13px; background:url(../images/tootip_arrow.png) no-repeat; background-size:26px 13px;}
.loginArea .tooltip p {padding-bottom:10px; line-height:18px;}
.loginArea .tooltip strong {font-weight:700; color:#444;}
.loginArea .tooltip {width:80%; padding:15px 20px;}
.errorArea {margin:-5px 0 20px 0;}

/* main login-section */
.dist-auth-cards .bg-cayman{background:linear-gradient(to top,#17cbcc,#08a0ba);padding:5px 10px;overflow:auto}
.dist-auth-cards #accordion{overflow:hidden}
.dist-auth-cards #accordion .panel{background-color:transparent}
.dist-auth-cards #accordion .panel .panel-title{margin-bottom:0}
.dist-auth-cards #accordion .panel .panel-title .btn{text-align:left;margin-bottom:0;background-color:transparent;width:100%;padding:0;position:relative}
.dist-auth-cards #accordion .panel .panel-title .btn .suggestions-heading{font-size:18px;font-weight:100;line-height:26px;letter-spacing:.4px;color:#fff;text-transform:none}
.dist-auth-cards #accordion .panel .panel-title .btn.collapsed:after{transform:rotate(180deg)}
.dist-auth-cards #accordion .panel .panel-title .btn:after{content:'';background:url(../images/svg/ic-arrow-up.svg) center no-repeat;height:1rem;width:1rem;transition:all .2s;position:absolute;top:0;right:0;padding:.75rem;border:1px solid #fff;border-radius:50%}
.dist-auth-cards #accordion .panel .panel-body .slick-slide figure{margin:0}
.dist-auth-cards #accordion .panel .panel-body .cards-component{width:100%;max-width:398px;margin:35px auto 0;}
.dist-auth-cards #accordion .panel .panel-body .cards-component .card{width:100%;padding:0;margin:0}
.dist-auth-cards #accordion .panel .panel-body .cards-component .card .card-block{padding:30px 20px;width:100%;height:auto}
.dist-auth-cards .suggestions-dismissed p{width:20.3125em;font-size:1em;font-weight:300;line-height:1.38;color:#fff}
.dist-auth-cards .slick-slide .slick-prev:before{background:url(../images/svg/ic-arrow-left-white.svg) no-repeat}
.dist-auth-cards .slick-slide .slick-next:before{background:url(../images/svg/ic-arrow-right-white.svg) no-repeat}
.cards-component {width:100%;}
.cards-component .card h2{width:100%}
.cards-component .slick-arrow {background:none}
.cards-component p.card-text{width:100%}
.cards-component .slick-slider {margin:0}
.cards-component .slick-slider .slick-slide{padding:0;transform:scale(0.8);transition:.2s transform}
.cards-component .slick-slider .slick-slide.slick-active{transform:scale(1)}
.cards-component .card{border-radius:2px;border:0;padding:14px;box-shadow:0 .375em 1em 0 rgba(0,0,0,0.06);width:324px}
.cards-component .card .card-dismiss:after{content:'';display:block;background:url(../images/icon/circle_close_new.png) no-repeat;background-size:contain;height:1.875em;width:1.875em;position:absolute;top:10px;right:.875rem}
.cards-component .card h2{text-align:left}
.cards-component .card-remove{-webkit-animation:cardRemoveSM .25s linear;animation:cardRemoveSM .25s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.cards-component .card-block{padding:5px 0;width:100%}
.cards-component .card .card-text{max-height:60px;display:block;margin-bottom:16px;overflow:hidden}
.cards-component .card .card-text p{font-size:13px;font-weight:300;line-height:1.57;color:#444;text-align:left}
.cards-component .card h2.card-title{max-height:43px;overflow:hidden;margin-bottom:8px;font-size:18px;font-weight:100;line-height:28px;color:#444;text-align:left}
.cards-component .card a{text-align:right;line-height:1.5;font-size:13px;font-weight:600;outline:0}
.cards-component .card em{font-style:normal}
.card-link {color:#004e64;}
.cards-component .cards-dismissed{text-align:center;width:100%}
.cards-component .cards-dismissed h2{font-size:1.5rem;font-weight:100;line-height:1.17;color:#fff}
.cards-component .cards-dismissed p{font-size:1em;font-weight:300;line-height:1.31;color:#fff}
.cards-component .cssSlideUp{transition:.5s linear all;opacity:1}
.cards-component .cssSlideUp.ng-hide{opacity:0}
.cards-component .card-header{padding:0;background:0;border:0;display:flex;justify-content:space-between;align-items:center;height:1.375em}
.cards-component .card-header .card-number{font-size:.8125rem;margin-top:0;margin-bottom:0;position:relative;color:#727272;font-weight:300}
.cards-component .card-header button{margin-bottom:0}
.cards-component .card-footer{padding:0;background:0;border:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}
.cards-component .card-footer .card-duration{margin:0;text-transform:uppercase;color:#727272;font-size:13px;line-height:18px}
.cards-component .card-footer .card-duration::before{content:'';display:block;background:url(../images/icon/clock_new.png) no-repeat 0 2px;background-size:100%;height:1.4em;width:1.25em;float:left;margin-right:6px}
.cards-component .card-footer a{cursor:pointer}
.cards-component .card-title{padding-top:.2em}
.cards-component .slick-dots{line-height:2.5em;text-align:center}
.cards-component .slick-dots li{position:relative;display:inline-block;height:10px;width:10px;margin:0 5px;padding:0;cursor:pointer;border:0;background:none}
.cards-component .slick-dots li button{border:0;padding:0;width:10px;height:10px;display:block;transition:all .25s;border-radius:50%;background:#fff;outline:0;cursor:pointer;opacity:.5;text-indent:999px;overflow:hidden}
.cards-component .slick-dots li.slick-active button{width:10px;height:10px;background:#fff;border:0;opacity:1}
.cards-component .slick-dots li button:before{content:""}

.quick-links-container {display:none;float:left}
.quick-links{overflow:auto;margin-top:30px;}
.quick-links .clear{clear:both}
.quick-links .quick-link-header{font-size:13px;font-weight:600;line-height:1.23;letter-spacing:.5px;color:#fff;margin-bottom:5px}
.quick-links .links-container{width:112px;margin:0 4px 4px 0;float:left}
.quick-links .links-container .link{width:112px;height:112px;background-color:rgba(255,255,255,0.15);border:1px solid rgba(139,201,219,0.15);display:table-cell;vertical-align:middle;text-align:center;cursor:pointer}
.quick-links .links-container .link .link-image{background-repeat:no-repeat;background-size:contain;background-position:50%;height:24px;margin-bottom:5px}
.quick-links .links-container .link .link-text{font-size:12px;line-height:1.54;color:#fff}
.quick-links .links-container .link-desc{margin:13px 0 32px;font-size:12px;line-height:1.23;color:#fff;padding-right:16px}

/* invite */
.invite-header {background:url(../images/bg/invite_bg.png) top center no-repeat;text-align:center}
.bg-header {background:url(../images/bg/prism-bg-lg@2x.png) center no-repeat;text-align:center}
.invite-header .logo-header{padding:47px 0 26px;background:url(../images/icon/nuskin-fountain-mark.png) no-repeat center 16px;}
.invite-header .steps {height:59px;background-color:rgba(255,255,255,0.34)}
.invite-header .steps .invite-menu {text-align:center;line-height:59px;}
.invite-header .steps .invite-menu >div {display:inline-block;margin:0 10px;vertical-align:middle;width:36px;height:36px;background-color:#4c4b4c;border-radius:50%}
.invite-header .steps .invite-menu > div.active{background-color:#fff; border:1px solid #fff;color:#bb29bb;}
.invite-header .steps .invite-menu > div .active-arrow-up {display:none}
.invite-header .steps .invite-menu > div.active .active-arrow-up {display:block}
.invite-header .step-indicator {height:32px;background-color:#eee;box-shadow:0 -0.0625rem .3125rem 0 rgba(0,102,131,0.2);/*border-top:solid .0625rem #fff*/}
.invite-header .step-indicator p {text-align:center; color:#363636; line-height:32px; font-size:13px;font-weight: bold}
.invite-header .steps .invite-menu .active-arrow-up{display:none; position:relative;height:20px;}
.invite-header .steps .invite-menu .active .active-arrow-up {display:block}
.invite-header .steps .invite-menu .active-arrow-up:after,.invite-header .steps .invite-menu .active-arrow-up:before{content:'';display:block;position:absolute;width:0;height:0;border-style:solid}
.invite-header .steps .invite-menu .active-arrow-up:before {border-left:7px solid transparent;border-right:7px solid transparent;border-top:4px solid transparent;border-bottom:7px solid #fff;top:35px;left:10px}
.invite-header .steps .invite-menu .active-arrow-up:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:3px solid transparent;border-bottom:7px solid #1cd8d2;top:37px;left:10px}
.invite-header .navigate-back{background:url(../images/icon/ic-arrow-left-copy.png) no-repeat left center}
.invite-header .signupType-logo-active{background:url(../images/svg/page-icon.svg) #1cd8d2 no-repeat center center}
.invite-header .signupType-logo-done{background:url(../images/icon/checked-2.png) no-repeat center center,url(../images/svg/page-icon.svg) no-repeat center center}
.invite-header .inviteLink-logo{background:url(../images/svg/link-icon.svg) #008ab0 no-repeat center center}
.invite-header .inviteLink-logo-active{background:url(../images/svg/link-icon.svg) #1cd8d2 no-repeat center center}
.invite-header .inviteLink-logo-done{background:url(../images/icon/checked-2.png) no-repeat center center,url(../images/svg/link-icon.svg) no-repeat center center}
.invite-header .logo-header h1 {margin-top:15px;font-size:22px; color:#fff; font-weight:normal;}
.invite-header .order-step-01 {background:url(../images/icon/order_step01.png) #008ab0 no-repeat center center}
.invite-header .order-step-02 {background:url(../images/icon/order_step02.png) #008ab0 no-repeat center center}
.invite-header .order-step-03 {background:url(../images/icon/order_step03.png) #008ab0 no-repeat center center}
.invite-header .order-step-01.done{background:url(../images/icon/checked-2.png) no-repeat center center,url(../images/icon/order_step01.png) no-repeat center center}
.invite-header .order-step-02.done{background:url(../images/icon/checked-2.png) no-repeat center center,url(../images/icon/order_step02.png) no-repeat center center}
.invite-header .order-step-03.done{background:url(../images/icon/checked-2.png) no-repeat center center,url(../images/icon/order_step03.png) no-repeat center center}
.common-step-header {position:relative;}
.common-step-header .logo-header p {margin-top:12px; font-size:14px; color:#fff; letter-spacing:-1px}
.common-step-header .steps .invite-menu > div {position:relative; line-height:36px; font-size:18px; color:#fff;}
.common-step-header .steps .invite-menu > div.active {}
.common-step-header .steps .invite-menu > div.done:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/icon/checked-2.png) no-repeat center center}
.common-step-header .steps .invite-menu > div.active:after,.common-step-header .steps .invite-menu > div.active:before{content:'';display:block;position:absolute;width:0;height:0;border-style:solid}
.common-step-header .steps .invite-menu > div.active:before {border-left:7px solid transparent;border-right:7px solid transparent;border-top:4px solid transparent;border-bottom:7px solid #fff;top:35px;left:10px}
.common-step-header .steps .invite-menu > div.active:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:3px solid transparent;border-bottom:7px solid #eee;top:37px;left:10px}
.step-back-btn {position:absolute; left:21px; top:22px; padding-left:17px; background:url(../images/icon/btn_back_arrow.png) no-repeat left center; background-size:11.5px 5px; color:#fff; font-size:14px;}

.invite-content {padding:35px 25px;}
.invite-content .customer-tab {max-width:434px;padding:0 45px;margin:0 auto;border:solid 1px #eaeaea}
.invite-content .customer-tab.active {border:solid 1px #1cd8d2}
.invite-content .customer-tab .customer-section {display:block;padding:30px 0;}
.invite-content .customer-tab + .customer-tab {margin-top:25px;}
.invite-content .customer-tab .customer-section dt {font-size:18px;color:#444;font-weight:100;line-height:27px}
.invite-content .customer-tab .customer-section dd {margin-top:25px;font-size:14px; line-height:18px; color:#727272; text-align:center}
.invite-content .invite-title {text-align:center;margin-bottom:25px;}
.invite-content .customer-tab .customer-icon {background:url(../images/svg/customer-icon.svg) no-repeat left center;display:table;margin:0 auto;padding-left:48px}
.invite-content .customer-tab .distributor-icon{background:url(../images/svg/distributor-icon.svg) no-repeat left center;display:table;margin:0 auto;padding-left:48px}
.invite-content .customer-tab.active .customer-icon {background:url(../images/icon/customer-icon-active.png) no-repeat left center;display:table;margin:0 auto;padding-left:48px}
.invite-content .customer-tab.active .distributor-icon {background:url(../images/icon/distributor-icon-active.png) no-repeat left center;display:table;margin:0 auto;padding-left:48px}
.invite-content .invite-btn-area {padding-top:25px;max-width:434px;margin:0 auto}
.invite-content .invite-btn-area .btn-deafult + .btn-deafult {margin-top:13px}
.invite-content .user-link-container {max-width:434px; margin:0 auto; text-align:center}
.invite-content .user-link-container:after {content:"";display:block;clear:both}
.invite-content .user-link-container .btn-deafult {padding:0;width:128px;font-size:14px;line-height:42px;float:none;margin:15px 0 0 0}
.invite-content .user-link-container .user-link{float:none;width:100%;height:44px;line-height:44px;padding:0 20px;font-size:14px;color:#727272;border:1px solid #d1d1d1;vertical-align:middle;text-align:center; overflow: hidden; text-overflow: ellipsis;}
.invite-content .invite-list-wrapper {padding:30px 0 15px;max-width:434px; margin:0 auto; text-align:center}
.invite-content .invite-list-wrapper ul {margin-top:15px;}
.invite-content .invite-list-wrapper ul li:after {content:"";display:block;clear:both;}
.invite-content .invite-list-wrapper ul li {margin-bottom:15px;line-height:20px;font-size:13px;color:#727272;text-align:left}
.invite-content .invite-list-wrapper ul li .content-tips-text {margin-left:35px;}
.invite-content .content-image{float:left;width:20px;height:20px;background-size:cover;position:relative;top:2px;}
.invite-content .email-icon{background:url(../images/icon/email-blue-outline.png) no-repeat center center;background-size:cover;}
.invite-content .mms-icon{background:url(../images/icon/phone-icon.png) no-repeat center center;background-size:cover;}
.invite-content .message-icon{background:url(../images/icon/message-icon.png) no-repeat center center;background-size:cover;}
.invite-content .invite-btn-section {max-width:434px; margin:0 auto;}

/* join */
.join-wrap {background:#fafafa}
.join-banner {position:relative;background-color:#f7f7f7;height:320px;color:#fff;background-size:cover;background-position:50%}
.join-banner h1 {color:#fff;font-size:33px;margin-bottom:20px;font-weight:normal;}
.join-banner p {max-width:297px;margin-bottom:24px;font-size:13px; line-height:22px}
.join-banner p br {display:none}
.join-banner a {font-size:13px;text-transform:uppercase;font-weight:600;color:#fff}
.join-banner .join-banner-overlay {background-image:linear-gradient(to top,#1cd8c1,#0078b0);opacity:.5;position:absolute;width:100%;height:320px}
.join-banner .join-banner-text {padding:0 25px;position:absolute;left:0;top:64px;}
.join-banner .btn-trans {width:155px}

.reasons-to-wrap {padding:60px 25px;background:#fff}
.reasons-to-wrap:after {content:"";display:block;clear:both;}
.reasons-to-create .reason-header{margin-bottom:50px}
.reasons-to-create .reason-header h3{font-size:21px;padding:0;font-weight:bold}
.reasons-to-create .reasons-tile {float:left;width:50%;padding:0 12px 0;margin-bottom:12px;height:160px}
.reasons-to-create .reasons-tile i{width:50px;height:55px;display:block;margin:0 auto;background-position:center}
.reasons-to-create .reasons-tile i.ic-clock{background-image:url(../images/svg/ic-clock.svg);background-repeat:no-repeat}
.reasons-to-create .reasons-tile i.ic-track{background-image:url(../images/svg/ic-track.svg);background-repeat:no-repeat}
.reasons-to-create .reasons-tile i.ic-review{background-image:url(../images/svg/ic-review.svg);background-repeat:no-repeat}
.reasons-to-create .reasons-tile i.ic-recommend{background-image:url(../images/svg/ic-recommend.svg);background-repeat:no-repeat}
.reasons-to-create .reasons-tile p {font-weight:300;color:#727272;padding-top:13px;line-height:19px}
.category-details {margin-top:18px;background:#fff;width: 100%;padding:50px 35px 60px}
.category-details-header h3 {margin-bottom:12px;font-size:21px;padding:0;font-weight:bold;line-height:27px}
.category-details-header p {font-size:13px; color:#727272; text-align:center}
.category-details .cateCont {width:100%;}
.sign-up-today-banner {width:100%;height:363px;background:url(../../../static/front/images/bg/sign-up-bg-bg.jpg) no-repeat center top #fff;}
.sign-up-today-banner .sign-up-today-banner-overlay {width:100%;height:100%;padding:83px 25px 75px;margin:0 auto;background-position:center top;text-align:center}
.sign-up-today-banner .sign-up-today-banner-overlay h3 {padding:0;margin-bottom:55px;font-size:36px;font-weight:100;color:#fff}
.sign-up-today-banner .sign-up-today-banner-overlay .btn-deafult {max-width:500px}
.sign-up-today-banner .sign-up-today-banner-overlay .btn-deafult + .btn-deafult {margin-top:24px;}

.opportunity{background-color:#fff}
.opportunity .opportunity-overlay {margin:0 auto;}
.opportunity .opportunity-overlay h3 {padding:55px 0 15px;}
.opportunity .opportunity-overlay p {margin:0 auto;padding:0 25px;font-size:15px;line-height:20px;color:#727272;text-align:center}
.opportunity .opportunity-overlay .user-image {width:100%}
.opportunity .opportunity-overlay .learn-more {margin-top:40px; padding-bottom:60px;}
.opportunity .opportunity-overlay .learn-more .right-panel {padding:25px 25px 0}
.opportunity .opportunity-overlay .learn-more .right-panel i {position:relative;display:block;height:25px}
.opportunity .opportunity-overlay .learn-more .right-panel .quotes {position:absolute;left:-5px;top:0;height:0;font-size:70px;font-weight:300;font-style:normal;line-height:1.18;color:#c3c3c3;display:inline-block}
.opportunity .opportunity-overlay .learn-more .right-panel .right_quotes {height:35px;margin-bottom:5px}
.opportunity .opportunity-overlay .learn-more .right-panel .right_quotes .quotes {left:auto;right:-5px;top:5px}
.opportunity .opportunity-overlay .learn-more .right-panel .quotes-text {position:relative;padding:0 30px;text-align:left;font-size:19px; line-height:26px; color:#444;}
.opportunity .opportunity-overlay .learn-more .right-panel p {padding:0 30px;margin-bottom:35px;text-align:left;font-size:16px;}

/* signup */
.singup-wrap {background:#fafafa}
.singup-gr-wrap {background-color: #fff;padding-bottom:60px;}
.singup-gr-wrap .signup-content {margin:60px 25px 0}
.signup-header {padding-top:63px;height:270px;}
.sign-header {height:134px;line-height:134px}
.signup-header img {width:83px;}
.signup-header h1 {padding:15px 0;font-size:24px;color:#fff}
.sign-header h1 {font-size:24px;color:#fff}
.signup-header p , .sign-header p {font-size:14px; color:#fff;}
.sign-top-txt {padding-top:30px;font-size:14px;line-height:18px}
.signup-content {padding:0 25px 50px;background:#fff}
.signup-content .lineTit {padding-top:45px;}
.signup-content input[type=text], .signup-content select {height:45px}
.red_txt {color:#db2023;}
.gray_txt {color:#989898;}
.radio_box input + label {font-size:15px;letter-spacing:-1px;margin-right:6px}
.field_ul {padding-top:5px;}
.field_ul:after {content:"";display:block;clear:both;}
.field_ul li {margin-top:30px;}
.field_ul h2 {font-size:14px;font-weight:normal;}
.field_ul h2 + .radio_box {margin-top:20px;}
.field_ul h2 + .radio_box + p {margin-top:10px; line-height:18px}
.field_ul input.field_inpt {width:100%; height:45px;}
.field_ul li > div {margin-top:10px;}
.field_ul li > div input + select ,
.field_ul li > div input + input ,
.field_ul li > div select + input ,
.field_ul li > div select + select ,
.field_ul li > div select + .btn-deafult  {margin-top:5px;}
.field_ul li input , .field_ul li select {height:45px}
.check_stl_radio input[type="radio"] + label {font-size:14px;  line-height:43px; color:#000; padding:0 15px 0 52px; border-radius:5px}
.check_stl_radio input[type="radio"] + label:before {content:''; position:absolute; left:17px; top:50%; margin-top:-13px; border:0; width:26px; height:26px; text-align:center; background:url(../images/icon/check_btn.png) no-repeat 0 0; background-size:contain;}
/*.check_stl_radio input[type="radio"]:checked + label {background-color:#1cd8d2}*/
.check_stl_radio input[type="radio"]:checked + label:before {background:url(../images/icon/check_btn_on.png) no-repeat 0 0;background-size:contain;}
.check_stl_radio input[type="radio"]:checked + label:after {display:none}
.check_sty_box {position:relative;margin-top:10px;padding-right:176px;}
.check_sty_box > input {width:100%}
.check_stl_radio {position:absolute;right:0;top:0;width:171px;}
.chk_info_box {position:relative;height:26px;}
.chk_info_box + .chk_info_box {margin-top:7px;}
.chk_info_box input + label {font-size:13px;line-height:26px;color:#777;font-weight:bold;letter-spacing:-1px}
.chk_info_box button {position:absolute;right:0;top:50%;margin-top:-13px;border:1px solid #d1d1d1;padding:0 6px;font-size:12px;line-height:26px;width: 65px;}
.phone_certi_box {position:relative;margin-top:10px;padding:0 0 0 115px;}
.phone_certi_box .btn-noraml , .phone_certi_box .phone_certi_date {display:none}
.phone_certi_box.active {padding-right:105px}
.phone_certi_box.active .btn-noraml {display:inline-block;}
.phone_certi_box.active .phone_certi_date {display:inline-block;}
.phone_certi_box input {width:100%}
.phone_certi_box .btn-line {position:absolute;left:0;top:0;height:45px;width:110px;letter-spacing:-1px}
.phone_certi_box .btn-noraml {position:absolute;right:45px;top:0;width:55px;height:45px;}
.phone_certi_box .phone_certi_date {position:absolute;right:0;top:0;line-height:45px;color:#db2023; font-size:14px; font-weight:bold}
.sponsor_box input + label {margin-right:10px;}
.sponsor_txt {margin-top:10px;padding:10px 0;width:100%;text-align:center;font-size:14px;line-height:18px;font-weight:bold; background:transparent; border-radius:5px}
.info_agree_box {padding:10px 15px;margin-top:10px;font-size:13px;color:#888;line-height:20px;background:#f8f8f8;border:1px solid #d1d1d1; border-radius:5px; letter-spacing: -0.5px}
.info_agree_box b {color:#444;font-weight:normal;}
.info_agree_box span {color:#db2023;}
.agree_box {margin-top:10px;text-align:center}
.agree_box input + label {font-size:13px;}
.e_agree_box {margin-top:10px; text-align: center;}
.e_agree_box input + label {font-size:13px;}
.next_step {margin-top:40px;}
.next_step a + a {margin-top:15px;}
.recom_box {position:relative;padding-right:115px;}
.recom_box input[type=text] {width:100%}
.recom_box .btn-deafult.btn-noraml {position:absolute;right:0;top:0;height:45px;width:110px}
.field_ul[data-select='inpSpon'] [data-contet='recomSpon'] {display:none;}
.field_ul[data-select='recomSpon'] [data-contet='inpSpon'] {display:none;}
.error_txt {clear:both;padding-top:3px;color:#db2023;font-size:14px;line-height:18px}
.succ_txt {clear:both;padding-top:3px;color:#46b545;font-size:14px;line-height:18px}
.pass_box {position:relative;}
.pass_box .field_inpt {padding-right:45px;}
.pass_box em {position:absolute;right:10px; top:17px}
.pass_box em a {margin:0}
.pass_box + p {margin-top:10px;line-height:18px}
.field_ul .half_box select ,.field_ul .half_box input {width:50%;margin-right:5px;}
.singup-gr-wrap .signup-gr-content {padding:0 25px 0;}
.singup-gr-wrap .signup-gr-content .sign-gr-title {font-size:14px; color:#363636; padding:40px 0; text-align:center}
.singup-gr-wrap .signup-gr-content .signup-content {margin:0 auto;}
.singup-gr-wrap .signup-gr-content .modi_btn {padding:20px 0 0; text-align:right}
.singup-gr-wrap .signup-gr-content .next_step {max-width:664px; margin-left:auto; margin-right:auto}
.offer_modify_btn {display:inline-block;width:17px;height:16px;background:url(../images/icon/btn_modify_bl.png) left top no-repeat;background-size:contain;text-indent:5000px;overflow:hidden;}

.sign-top-img {padding:102px 0 20px;background:url(../images/id_result.png) no-repeat center 40px;background-size:62px;}
.sign-top-img.password {background-image:url(../images/password_result.png)}
.sign-top-img p {margin-top:30px;font-size:16px;text-align:center; line-height:20px}
.sign-top-img p.sing-result-id {margin-top:20px;font-size:22px;color:#363636;}
.sign-result-infor {padding:40px 0 10px;border-top:1px solid #dedede;text-align:center;}
.sign-result-infor ul {display:inline-block}
.sign-result-infor .dot-list li {text-align:left;}
.dot-list li {margin-bottom:10px;padding-left:10px;background:url(../images/icon/blt_dot.png) no-repeat left 7px;background-size:3px;color:#727272;}

.alert-message {position:absolute;width:100%;left:0;top:0;color:#fff;min-height:44px;margin-bottom:0;padding:0;border:0;border-radius:0;z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3494bf+0,8560a0+100 */
				background: rgb(52,148,191); /* Old browsers */
				background: -moz-linear-gradient(left, rgba(52,148,191,1) 0%, rgba(133,96,160,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(52,148,191,1) 0%,rgba(133,96,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(52,148,191,1) 0%,rgba(133,96,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3494bf', endColorstr='#8560a0',GradientType=1 ); /* IE6-9 */opacity: 0.9}
.alert-message.error {background-color:#d01f27;}
.alert-message .alert-wrap {text-align:center;max-width:550px;margin:0 auto;padding:10px 30px}
.alert-message .mark-txt {display:inline-block;border:0;width:auto;outline:0;padding:0}
.alert-message.success .mark-txt {background:transparent url(../images/svg/checkmark-circle.svg) no-repeat left 3px;}
.alert-message.error .mark-txt {background:transparent url(../images/icon/cross-small-white.png) no-repeat left 3px}
.alert-message .mark-txt span{display:block;padding-left:32px;font-size:14px;font-weight:300;line-height:23px;text-align:left}
.alert-message .mark-txt span:first-child {padding-top:4px;}
.popup-message {position:absolute;width:100%;left:0;top:0;background-color: #32373a;color:#ffffff;min-height:44px;margin-bottom:0;padding:0;border:0;border-radius:0}
.popup-message .message-wrap {text-align:center;max-width:550px;margin:0 auto;padding:10px 10px}
.popup-message .message-txt {display:inline-block;border:0;width:auto;outline:0;padding:0;font-size:12px;font-weight:300;line-height:23px;text-align:left; white-space: pre-line;}
.popup-message .message-txt a{color: #ffff00;}
.popup-message .checkbox-wrap {text-align: right;}
.popup-message .checkbox-wrap label{color: #fff;}

.address_box input {width:100%}
.address_btn_box {position:relative;padding-right:90px;}
.address_btn_box a.btn-noraml {width:84px;height:45px;position:absolute;right:0; top:0;}
.address_inpt_box {margin-top:5px;}
.ban_box {padding:0 25px;}
.ban_box .ban_label {position:relative;padding-left:23px;text-align:left;line-height:20px}
.ban_box .ban_label:before {position:absolute;left:0; top:4px;}
.ban_box input + label {font-size:13px;}
.address_search .lineTit + p {margin-top:10px; font-size:14px; font-weight:bold; line-height:20px}
.add_search_filed {margin-top:10px;}
.add_search_filed input {width:100%;height:45px}
.add_search_filed a {margin-top:5px;}
.add_search_result {margin:20px 0;}
.add_search_result:after {content:"";display:block;clear:both;}
.add_search_result ul {width:100%;max-height:120px;margin-bottom:10px;border:1px solid #d1d1d1;padding:10px 15px;overflow-y:auto}
.add_search_result ul li {line-height:30px;font-size:13px;}
.add_search_result ul li a {display:table}
.add_search_result ul li .add_num {display:table-cell;width:60px;color:#363636;}
.add_search_result ul li .add_info {display:table-cell;line-height:20px}
.add_search_result ul li + li {margin-top:5px;}
.add_search_result a.prev {float:left;width:84px;}
.add_search_result a.next {float:right;width:84px;}
.add_search_btn a + a {margin-top:15px;}
.sign_info_ul {padding-top:5px;padding:30px 0 15px; border-bottom:1px solid #eee;}
.sign_info_ul dt {font-size:14px;margin-bottom:15px;font-weight:bold;color:#444;}
.sign_info_ul dd {color:#727272;}

.welcome-video {max-width:768px;margin:0 auto}
.welcome-video-area .embed-responsive {background:#ebe9eb}
.welcome-title {width:100%;padding:30px 70px 15px;font-size:20px; line-height:24px; text-align:center}
.short-message-section {position:relative;padding:25px;}
.banner-video-clock {position:absolute;left:25px;top:25px;height:20px;line-height:20px;background:url(../images/icon/clock-small.png) no-repeat;font-size:13px;color:#727272;padding-left:27px;background-size:contain;}
.short-message-section p {text-align:center}
a.close-video, a.show-video {font-size:13px;font-weight:600;line-height:1.31;letter-spacing:.03125em;color:#363636}
#bigPlayButton {cursor:pointer;text-align:center;border-radius:50%;height:50px;width:50px;margin:0;padding:0;position:absolute;left:calc(50% - 1.875em);top:calc(50% - 1.875em);z-index:10;background:#56504e;border:0}
#bigPlayButton span {position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:.0625em;width:.0625em;margin:-0.0625em;padding:0;border:0}
#bigPlayButton::before {content:'';display:block;height:19px;width:16px;background:url(../images/svg/ic-play.svg) no-repeat;background-size:100%;margin:0 auto;position:relative;left:3px;-webkit-transition:.5s all;transition:.5s all}
.welcome-message {display:none;padding:30px 0 15px;}
.welcome-message p {text-align:center}
.welcome-message p a {}
.short-message {text-align:center;margin-bottom:20px}

/* product_list */
.product_list {padding:0 20px;margin:auto;display:flex;flex-wrap:wrap;justify-content:flex-start}
.product_search_list .product_list {padding: 20px 0; gap: 2%;}
.product_list .product{flex-basis:50%;margin-bottom:100px; margin-bottom:48px;}
.product_search_list .product_list .product {flex-basis: 32%;}
.add_product_btn {position: absolute; bottom: 0; right: 0; width: 54px; height: 54px; background-color: #fff; border: 1px solid #C4A4A7; border-radius: 50%; box-sizing: border-box;}
.add_product_btn::before, .add_product_btn::after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 2px; transform: translate(-50%, -50%); background-color: #C4A4A7; border-radius: 2px;}
.add_product_btn::after {transform: translate(-50%, -50%) rotate(90deg);}
.product_detail .slick-arrow {display:none}
.category-directory-banner {position:relative;}
.category-overlay {background-repeat:no-repeat;background-position:50%;background-color:transparent;height:324px;background-size:cover}
.category-snapshot-down{width:100%;padding:35px 25px 50px;background-image:linear-gradient(to right, rgba(52,148,191,1) 0%,rgba(133,96,160,1) 100%); color:#fff;opacity: 0.9}
.category-snapshot-down h1 {font-size:23px;font-weight:normal;}
.category-snapshot-down p{margin-top:32px;line-height:20px;font-size:15px;}
.category-directory-info {padding:55px 0 60px; color:#2d2d2d; text-align:center}
.category-directory-info h1 {font-size:30px;font-weight:normal;}
.category-directory-info h5 {font-size:13px;margin-bottom:10px;}
.product-view-all-content {padding:0 25px;margin-bottom:90px; color:#444;}
.category-view-list {border-top: 1px #d1d1d1 solid;}
.category-view-list .panel-heading {position:relative;border-bottom: 1px #d1d1d1 solid;margin: 0;}
.category-view-list .panel-heading a {display:block;padding-top:21px;padding-bottom:21px;padding-right:27px;}
.category-view-list .panel-heading .category-view-title {font-size:18px;margin-right:10px;}
.category-view-list .panel-heading .category-view-length {font-size:15px;}
.category-view-list .panel-heading a:after{position:absolute;right:0;top:50%;margin-top:-13.5px;content:'';background:url(../images/svg/ic-dropdown-arrow.svg) center no-repeat;height:27px;width:27px;transition:all .2s;transform:rotate(180deg)}
.category-view-list .panel-heading a.collapsed:after{transform:rotate(0deg)}
.category-view-list .panel-collapse {padding:25px 20px 10px; border-bottom:1px solid #d1d1d1;}
.category-view-list .panel-collapse ul li {margin-bottom:20px;}
.category-view-list .panel-collapse ul li a {font-size:15px; color:#363636;}
/* prodcut_detail */
.product_detail_top_infor {padding-bottom:50px}
.product_detail {padding:0;}
.product_detail_top {padding:0 25px;}
.product_detail .star-rating {margin:0 0 20px}
.product_detail_top_img {position: relative; padding:30px 0;}
.product_detail_top_img li {text-align:center}
.product_detail_top_img li img {display:inline-block;width:100%;max-width:332px;margin:0 auto 8px;}
.mem_icon {display:inline-block; color:#bb29bb; font-size:13px; line-height:17px; vertical-align:top;}
.pv_icon {display:inline-block; color:#bb29bb; font-size:13px; line-height:17px; vertical-align:top;}
.product_detail_top_infor h1 {margin-bottom:25px; font-size:26px; line-height:28px; color:#444;}
.price_pv_box {display:table;width:100%}
.price_pv_box dl {display:table-cell;box-sizing:border-box;}
.price_pv_box dl:first-child:nth-last-child(2), .price_pv_box dl.price_box {border-right:1px solid #ccc;}
.price_pv_box dl.price_box {width:190px}
.price_pv_box dl.pv_box {padding-left:10px;border:0;}
.price_pv_box dl.sv_box {width:100%;margin-top:10px;display: block;}
.price_pv_box dl dt {margin-bottom:10px;}
.price_pv_box dl dd {position:relative;top:-2px; font-size:18px;line-height:18px;letter-spacing:-0.8px}
.price_pv_box dl.pv_box dd {color:#444;margin-right: -17px;}
.prdouct_option {margin-top:50px;}
.prdouct_option li {font-size:15px;margin-bottom:30px;}
.prdouct_option li.option_txt {margin-bottom:15px;}
.prdouct_option li.option_txt + .option_txt {margin-bottom:30px}
.prdouct_option li .option_title {margin-bottom:10px;color:#a7a7a7;}
.prdouct_option li .option_detail {color:#444;}
.prdouct_option li.option_txt .option_title {display:table-cell;width:90px;}
.prdouct_option li.option_txt .option_detail {display:table-cell;}
.prdouct_option li.option_color .option_detail {margin-top:10px;}
.prdouct_option li.option_color .color-custom-title {display:table-cell;width:90px;}
.prdouct_option li.option_color .color-custom-text {display:table-cell;color:#444;}

.cart_length {width:145px}
.cart_length:after {content:"";display:block;clear:both;}
.cart_length > a {background-color: #fff;border: 1px solid #d1d1d1;width: 48px; height: 45px; line-height: 45px; text-align: center; float: left; cursor: pointer;color:#363636;}
.cart_length input {float:left; border-radius:0; height:45px; background: #f7f7f7;color:#363636;}
.subtract {border-radius: 3px 0px 0px 3px;border-right-width: 0 !important;}
.subtract.disabled ,.addition.disabled {cursor:not-allowed}
.cartItemCount {width: 48px; height: 45px !important; text-align: center; text-indent: 0px !important;}
.addition {border-radius: 0px 3px 3px 0px;border-left-width: 0 !important;}
.subtract:hover {color: #bb29bb; cursor: pointer;}
.addition:hover {color: #bb29bb; cursor: pointer;}
.btn_blue_txt {color:#363636;font-size:15px;}
.product_detail_explain {padding:55px 25px; background:#f7f7f7; }
.product_detail_explain dl {max-width:640px; margin:0 auto;}
.product_detail_explain dt {padding-bottom:18px; font-size:22px; color:#444; border-bottom:2px solid #dddddd;}
.product_detail_explain dd {padding-top:20px;color:#444;}
.product_detail_explain dd p {margin-bottom:35px; font-size:20px;line-height:28px}
.product_detail_explain ul {margin-left:20px; list-style:inherit}
.product_detail_explain ul li {margin-bottom:15px; list-style:inherit;font-size:15px;}
.product_video {padding:40px 0; background-size:cover;background-color: #f3eedf}
.product_video h3 {padding:10px 0 35px;font-size:23px; line-height:26px; color:#444;}
.product_video ul {max-width:310px;margin:0 auto}
.product_video li p {;margin-bottom:20px; font-size:15px; color:#393939;}
.product_video .embed-responsive {padding-bottom:56%}
.product_video .slick-dots {margin-top:25px;}
.embed-responsive iframe {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

.product_detail_content {background:#fff;padding:58px 25px;max-width:814px;margin:0 auto;}
.product_detail_section {border-top: 1px #d1d1d1 solid;}
.product_section_wrap .product_detail_section:last-child {border-bottom:1px #d1d1d1 solid;}
.product_detail_section .panel-heading {position:relative;margin: 0;}
.product_detail_section .panel-heading a {display:block;line-height:76px}
.product_detail_section .panel-heading .category-view-title {font-size:21px;color:#363636; line-height:100%}
.product_detail_section .panel-heading .category-view-length {font-size:15px;}
.product_detail_section .panel-heading a:after{position:absolute;right:0;top:50%;margin-top:-13.5px;content:'';background:url(../images/svg/icon-dropdown-circle-active.svg) center no-repeat;height:27px;width:27px;transition:all .2s;transform:rotate(0deg)}
.product_detail_section .panel-heading a.collapsed:after{transform:rotate(180deg)}
.product_detail_section .panel-collapse {padding:5px 0 50px;font-size:15px; color:#444; line-height:20px}
.product_detail_section .panel-collapse p.product_img {margin-bottom:30px;}
.product_detail_section .panel-collapse p.product_img img {width:100%}
.product_detail_section .panel-collapse h3 {margin:0 0 20px;padding:0;text-align:left;font-size:20px;color:#727272;}
.product_detail_section .num_ol {margin-bottom:30px}
.product_detail_section .prodcut_btn_area {margin-top:30px;}
.product_detail_section .prodcut_btn_area .btn-deafult + .btn-deafult {margin-top:10px;}
.num_ol {margin-left:20px; list-style:decimal}
.num_ol > li {list-style:decimal;margin-bottom:3px;}
.inner_list {margin-left:24px;}
.inner_list li {text-indent:-24px;margin-bottom:3px}

.product_together {margin-top:50px;}
.product_h2 {margin-bottom:30px;font-size:22px; line-height:24px; text-align:center; color:#444; font-weight:normal;}
/*.product_together ul {border:1px solid #d1d1d1;}*/
.product_together ul li {position:relative;font-size:15px;line-height:20px; border:1px solid #d1d1d1;}
.product_together ul li a {display:table; padding:40px 20px; width:100%; box-sizing:border-box}
.product_together ul li a > div {display:table-cell;vertical-align:top}
.product_together ul li a > div.thum {width: 124px; position: relative;}
.product_together ul li a > div.thum img {width:100%;}
.product_together ul li a > div.txt {padding-left:5%;padding-top:3%;}
.product_together ul li .tit {min-height:40px; margin-bottom:15px;color:#363636;}
.product_together ul li .exp {color:#727272; min-height: 80px;}
.product_together ul li + li {border-top:0;}
.product_together ul li + li:before {content:"";position:absolute;left:50%;margin-left:-28px;top:-28px;width:56px;height:56px;background:url(../images/icon/product_plus_icon.png) center no-repeat; background-size:contain;}
.together_sum {margin-top:15px;text-align:center}
.together_sum a {width:100%;max-width:325px;margin:0 auto;display:inline-block; padding:15px; border-radius:5px;border:1px solid #363636; text-align:center; color:#363636;}
.together_sum a p {margin-bottom:6px; font-size:14px;}
.together_sum a span {display:block;font-size:23px;}
.together_sum a span em {font-size:25px;}
.product_recom {margin-top:72px;}
.product_recom h2 {margin-bottom:15px;font-size:22px; line-height:24px; text-align:center; color:#444; font-weight:normal;}
.product_recom .sub_txt {padding:0 25px; font-size:15px; line-height:20px; text-align:center; color:#727272;}
.product_recom .product_list {margin-top:35px}
.product_recom .product {flex-basis:100%;margin:0 auto}
.product_recom .product .ptit {color:#363636;text-align:left;line-height:20px;min-height: 40px;}
.product_recom .product .psub {margin-bottom:20px;font-size:15px; color:#727272;}
.product_recom .product .price {padding-bottom:5px;font-size:14px; color:#727272;}
.product_recom .product .price .won {padding-right:10px;}
.product_recom .product .price .pv {padding-left:10px;}
.product_recom  .slick-slider .slick-prev {left:-25px;}
.product_recom  .slick-slider .slick-next {right:-25px;}
.product_detail_sns {margin-top:60px;}
.product_detail_sns {padding-top:42px; border-top:1px solid #a7a7a7;}
.product_detail_sns h2 {margin-bottom:23px;font-size:22px; line-height:24px; text-align:center; color:#444; font-weight:normal;}
.product_detail_sns ul {text-align:center;}
.product_detail_sns ul:after {content:"";display:block;clear:both}
.product_detail_sns ul li {display:inline-block;margin:0 7px}
.product_detail_sns ul li a {display:inline-block;}
.product_detail_sns ul li a img {display:inline-block;width:42px;height:42px}

#shoppingCartModal .modal-dialog {width:310px}
#add-to-cart .bag-item b{font-size:14px;margin-left:10px;color:#727272}
#add-to-cart {margin:0 auto}
#add-to-cart .cart-overlay{background:#fff;padding:3rem 0 1rem}
#add-to-cart .cart-confirm{display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}
#add-to-cart .icons{position:relative;height:2.375em;transform-origin:center 18.75em;margin-bottom:1rem;animation:bagBounce .25s linear;animation-delay:.8s;animation-fill-mode:both}
/* #add-to-cart .icons::before{content:'';display:block;position:absolute;background:url(../images/svg/ic-product-tub.svg) no-repeat;background-size:100%;height:.8125rem;width:.8125rem;bottom:0;left:0;opacity:0;animation:.35s rotateLeft ease-in;animation-delay:.5s;animation-fill-mode:both}
#add-to-cart .icons::after{content:'';display:block;position:absolute;background:url(../images/svg/ic-product-tube.svg) no-repeat;background-size:100%;height:1.4375em;width:.625rem;bottom:0;right:0;opacity:0;animation:.35s rotateRight ease-in;animation-delay:.5s;animation-fill-mode:both} */
#add-to-cart .text-confirm{margin-top:22px; font-size:15px; color:#444;}
#add-to-cart .icon-shopping-bag{display:block;background:url(../images/svg/ic-shopping-cart.svg) no-repeat;background-size:100%;height:48px;width:62px;position:relative;z-index:10}
#add-to-cart .cart-total{padding-top:30px;width:90%;margin:0 auto;border-top:1px solid #eaeaea;}
#add-to-cart .cart-total-footer{margin-top:25px;}
#add-to-cart .cart-total-footer p{font-size:14px;margin:0;text-align:center}
#add-to-cart .cart-total-header{text-align:center}
#add-to-cart .cart-total-header h3{margin:0;padding:0;font-size:15px;color:#444}
#add-to-cart .cart-total-header h2{margin:15px 0 0;padding:0;font-size:24px;color:#444;font-weight:normal;}

.radio-custom-color-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:1.5rem}
.radio-custom-color{flex-basis:25%;display:inline-block;margin:0;text-align:center}
.radio-custom-color+.radio-custom-color{margin-top:0}
.radio-custom-color input[type="radio"]{height:100%;display:block;margin:0}
.radio-custom-color input[type="radio"]+label{text-align:center;font-size:.8125rem;line-height:1.3;font-weight:300;color:#727272;padding:.5em .5em 0}
.radio-custom-color input[type="radio"]+label:after {display:none}
.radio-custom-color input[type="radio"]+label .swatch{background-position:center;background-color:#f7f7f7;margin:0 auto .5rem;display:block;height:3rem;width:3rem;overflow:hidden;border-radius:50%;border:4px solid #fff;transition:all .125s}
.radio-custom-color input[type="radio"]+label::before{height:0!important;width:0!important;box-shadow:none;content:none}
.radio-custom-color input[type="radio"]:focus+label .swatch{box-shadow:0 0 0 2px #d1d1d1}
.field_ul li.field_top {text-align:right}
.arrow_tab {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.arrow_tab.tab4 {}
.arrow_tab.tab4 li {flex-basis:25%;}
.arrow_tab li{position:relative;flex-basis:50%;background-color:#f7f7f7}
.arrow_tab li.on {background-color:#363636}
.arrow_tab li a {display:block; text-align:center; line-height:56px; font-size:16px; color:#727272;}
.arrow_tab li.on a {color:#fff;}
.arrow_tab li.on:after {position:absolute;left:50%;bottom:-8px;margin-left:-8px;content:"";width:0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #363636;}
.h2_sub_txt {font-size:15px; line-height:20px; color:#727272;}
/* error_page */
.alerts-notification-wrapper{padding-top:0;padding-bottom:0;background-image:#fafafa}
.alerts-notification-wrapper .alerts-notification-container{padding:65px 48px 107px;margin:0 auto;}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content{width:100%;margin:0 auto;text-align:center}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-logoimage {height:29px;background:url(../images/err_ne_logo.png) center no-repeat;margin-bottom:80px;background-size:contain;}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .bottle-image{margin-bottom:30px}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-errorheader {font-size:40px;font-weight:100;line-height:.9;text-align:center;color:#727272;text-shadow:0 1px 1px rgba(0,0,0,0.04);margin-bottom:40px}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-descriptions{font-size:14px; color:#727272; line-height:20px}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons {max-width:330px; margin:70px auto 0;}
.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons a + a {margin-top:15px;}
/*order*/
.m_order_wrap {padding-bottom:50px}
p.tbl_summary {text-align:right;padding:20px 0 15px;}
p.tbl_summary .blue {margin-left:12px;}
.icon_tbl {display:inline-block;width:21px;height:21px; border-radius:21px;background:#e88494; color:#fff; font-size:13px; line-height:21px; text-align:center}
.icon_tbl.blue {background:#37b0c9;}
.tbl_nav_btn {margin-top:28px;}
.tbl_nav_btn:after {content:"";display:block;clear:both;}
.tbl_nav_btn a.prev {float:left;width:84px;}
.tbl_nav_btn a.next {float:right;width:84px;}

.tbl_order_desk {display:none}
.personal_right .m_order_wrap h3 {padding-bottom:20px; font-size:16px; font-weight:normal; border-bottom:1px solid #dbdbdb; text-align:left}
.gray_tbl_header li {display:table;width:100%}
.gray_tbl_header li span {display:table-cell;padding:23px 0; background-color:#eaeaea; font-size:14px; font-weight:bold; text-align:center; color:#444;}
.gray_tbl_list li a {display:table;width:100%}
.gray_tbl_list li a > span {display:table-cell;padding:23px 0; font-size:12px; color:#444; text-align:center; border-bottom:1px solid #dbdbdb;}

.gray_tbl_header li > span.ordtb_type {width:9%;}
.gray_tbl_header li > span.ordtb_num {width:25%;}
.gray_tbl_header li > span.ordtb_date {width:22%;}
.gray_tbl_header li > span.ordtb_length {display:none}
.gray_tbl_header li > span.ordtb_pv {display:none}
.gray_tbl_header li > span.ordtb_price {width:20%;}
.gray_tbl_header li > span.ordtb_method {display:none}
.gray_tbl_header li > span.ordtb_progress {width:24%;}
.gray_tbl_list li a > span.ordtb_type {width:9%;}
.gray_tbl_list li a > span.ordtb_num {width:25%;}
.gray_tbl_list li a > span.ordtb_date {width:22%;}
.gray_tbl_list li a > span.ordtb_length {display:none}
.gray_tbl_list li a > span.ordtb_pv {display:none}
.gray_tbl_list li a > span.ordtb_price {width:20%;}
.gray_tbl_list li a > span.ordtb_method {display:none}
.gray_tbl_list li a > span.ordtb_progress {width:24%;}

.personal_profile_wrap .m_order_wrap .field_ul li {margin-top:25px;}
.m_order_wrap .field_ul li {display:table;width:100%;margin-top:25px;}
.m_order_wrap .field_ul h2 {display:table-cell;width:90px; line-height:22px}
.m_order_wrap .field_ul li > div {display:table-cell;line-height:22px}
.m_order_wrap .cartListInfo h2 {margin:0;padding:0;width:auto}
.m_order_wrap .price_pv_box {margin-top:25px;}

.m_order_wrap .price_pv_box dl {float:left; display:block}
.m_order_wrap .price_pv_box dl.price_box {width:auto;padding-right:20px;}
.m_oder_detail .cartItem {padding-top:40px;position:relative; width:100%; display:table; margin:0; max-width: inherit;}
.m_oder_detail + h3 {margin-top:50px;}
.btn_back {margin-top:30px;text-align:right}
.btn_back a.btn-deafult.btn-noraml {width:90px}

.gray_tbl_header li > span.retntb_type {width:9%;}
.gray_tbl_header li > span.retntb_num {width:25%;}
.gray_tbl_header li > span.retntb_date {width:22%;}
.gray_tbl_header li > span.retntb_price {width:20%;}
.gray_tbl_header li > span.retntb_method {display:none}
.gray_tbl_header li > span.retntb_progress {width:24%;}
.gray_tbl_list li a > span.retntb_type {width:9%;}
.gray_tbl_list li a > span.retntb_num {width:25%;}
.gray_tbl_list li a > span.retntb_date {width:22%;}
.gray_tbl_list li a > span.retntb_price {width:20%;}
.gray_tbl_list li a > span.retntb_method {display:none}
.gray_tbl_list li a > span.retntb_progress {width:24%;}
.personal_profile_wrap .field_ul li > div.cartItem {display:table;width:100%;margin: 0;padding: 0;}
.m_oder_subt {font-size:13px; color:#727272; line-height:19px;margin-top:10px;}

.distri_section {padding:50px 0 40px;}
.distri_section h2 {font-size:22px; font-weight:normal; color:#444;}
.distri_section p {margin:25px 0; font-size:14px; line-height:22px; color:#727272;}
.distri_section a.btn-deafult.btn-noraml ,.distri_section a.btn-deafult.btn-line {display:block;max-width:276px; margin:0 auto}
.distri_section .i_clock {vertical-align:bottom;margin-right:1px}
.i_clock {display:inline-block;background:url(../images/icon/p_txt_clock.png) no-repeat;background-size:100%;height:20px;width:17px;}
.signup-content.signup-disbg {padding-bottom:0}
.signup-content.signup-disbg .signup-overlay {background:url(../images/bg/distri_bg.png) no-repeat center 100%;padding-bottom:143px;background-size:auto 148px;}

.rew18_option-box {background-color: #f6f6f6;width:100%;text-align: center;padding:0 5%;margin-bottom:15px;}
.rew18_option-box ul {display: flex; justify-content: center; align-items: center; gap: 16%;}
.rew18_option-box ul li {text-align: center;line-height:48px;font-size: 13px;color:#111;}
.rew18_option-box ul li strong {display: inline-block;padding-right: 5px;}

/* mediaquery */
@media screen and (min-width:320px) and (max-width:767px){
	.modal-dialog {width:auto}
	.mainCont02 .contArea .nuRight .nuArea {display:none;/* width:100%;padding:25px 20px 25px;*/}
	.mainCont02 .contArea .nuArea2 {width: 90%; margin: 0 auto; padding:25px 20px 25px;}
	.cards-component {padding:0 25px;}
	.cards-component .slick-arrow {background:none}
	.cards-component .slick-prev.slick-arrow {left:-10px;}
	.cards-component .slick-next.slick-arrow {right:-10px;}
	.invite-content .customer-tab {padding:0 30px;}
	.invite-content .invite-btn-area {padding-top:15px}
}

@media screen and (min-width:768px) {
	.mainCont02 .contArea .nuRight .nuArea {display:none;}
	/* signup */
	.singup-gr-wrap .signup-content {margin:60px auto 0;max-width:664px}
	.signup-overlay {width:465px; margin:0 auto; padding:0 0 40px;}
	.sponsor_txt br {display:none}
	.radio_box input + label {margin-right:15px}
	.e_radio_box input + label {margin-right:50px}
	.phone_certi_box {padding:0 0 0 143px;}
	.phone_certi_box.active {padding:0 133px 0 143px;}
	.phone_certi_box .btn-line {width:138px}
	.phone_certi_box .btn-noraml {width:83px;}
	.field_ul .name_box:after {content:"";display:block;clear:both;}
	.field_ul .name_box input.field_inpt {float:left;width:67%}
	.field_ul .name_box select.field_select {float:right;margin:0;width:32%}
	.field_ul .phone_box:after {content:"";display:block;clear:both;}
	.field_ul .phone_box select.field_select {float:left;width:32%}
	.field_ul .phone_box input.field_inpt {float:right;margin:0;width:67%}
	.chk_info_list:after {content:"";display:block;clear:both;}
	.chk_info_list .chk_info_box {width:48%;margin:0;}
	.chk_info_list .chk_info_box:nth-child(odd) {float:left;}
	.chk_info_list .chk_info_box:nth-child(even) {float:right;}
	.chk_info_list .chk_info_box:nth-child(n+3) {margin-top:10px;}
	.chk_info_list.w100 .chk_info_box {float:none;width:100%;margin-top:0;}
	.chk_info_list.w100 .chk_info_box + .chk_info_box {margin-top:10px;}
	.area_box select {width:39%;}
	.area_box .btn-deafult.btn-noraml {width:19.5%;height:45px}
	.address_box .address_inpt_box {display:flex;flex-wrap:wrap;justify-content:flex-start}
	.address_box .address_inpt_box:after {content:"";display:block;clear:both;}
	.address_box .address_inpt_box input.field_inpt {float:left;width:49.5%}
	.address_box .address_inpt_box input.field_inpt:first-child {margin-right:1%;}
	.address_btn_box {position:relative;padding-right:90px;}
	.address_btn_box a.btn-noraml {width:84px;height:45px;position:absolute;right:0; top:0;}
	.address_box .address_btn_box input.field_inpt {width:100%}
	.address_box .address_inpt_box input.field_inpt {margin-top:0}
	.address_inpt_box {margin-top:5px;}
	.bank_box:after {content:"";display:block;clear:both;}
	.bank_box select {float:left;width:148px;margin-right:5px;}
	.field_ul .bank_box input.field_inpt {float:left;width:312px;margin:0}
	.ban_box {padding:0 40px;}
	/*product*/
	.product_list .product {flex-basis: 33.33%;margin-bottom:72px;}
	.category-snapshot-down{position:absolute;top:46px;left:50px;width:300px;padding:0;background:transparent; color:#444;}
	.category-snapshot-down h1 {width:290px;font-size:34px;line-height:38px;font-weight:normal;}
	.category-snapshot-down p{margin-top:32px;line-height:20px;font-size:15px;}
	.category-view-list .panel-heading .category-view-title {font-size:23px}
	.category-view-list .panel-heading a {padding:21px 18px;}
	.category-view-list .panel-heading a:after{right:18px}
	.category-view-list .panel-collapse ul:after {content:"";display:block;clear:both;}
	.category-view-list .panel-collapse ul li {float:left;width:33%;}
	/* product_detail */
	.product_detail_content {padding:67px 25px;}
	.product_detail_top {padding:68px 40px 50px;max-width:1280px;margin:0 auto}
	.product_detail_top:after {content:"";display:block;clear:both;}
	.product_detail_top_infor h1 {font-size:32px; line-height:34px}
	.product_detail_top_img {float:left;width:49%;box-sizing:border-box;}
	.product_detail_top_img li img {width:90%;max-width:480px}
	.product_detail_top_infor {float:left;margin-left:5%;width:46%;max-width:420px}
	.product_video ul {max-width:480px;margin:0 auto}
	.product_detail_section .panel-collapse:after {content:"";display:block;clear:both;}
	.product_detail_section .panel-collapse p.product_img {float:left;width:370px}
	.product_detail_sns {padding-top:53px}
	.product_h2 {font-size:25px; line-height:27px}
	.product_recom h2 {font-size:25px; line-height:27px}
	.product_detail_sns h2 {margin-bottom:30px;font-size:25px;line-height:27px}
	.product_together ul {position:relative; display:table; /*border-bottom:0; border-right:0;*/}
	.product_together ul:after {content:"";display:block;clear:both;}
	.product_together ul li {display:inline-block;vertical-align:top;position:relative; width:50%;border:1px solid #d1d1d1;float:left;}
	.product_together ul li a {display:block; padding:40px;}
	.product_together ul li a > div.thum {width: 32%; padding: 0 5px; position: relative;}
	.product_together ul li a > div.txt {padding-top:5px;}
	.product_together ul li + li {border-top: 1px solid #d1d1d1;}
	.product_together ul li + li:before {top:50%;left:0;margin-top:-28px;z-index:1}
	.product_together ul:after {position:absolute;left:50%;top:0;width:1px;height:100%;content:"";background:#d1d1d1}
	.product_together ul li:nth-child(odd) {border-right:0;}
	.product_together ul li:nth-child(odd):before {display:none}
	.product_together ul li:nth-child(even) {border-right:1px solid #d1d1d1;}
	.product_together ul li + li:nth-child(n+3) {border-top:0;}
	.alerts-notification-wrapper{padding:40px 120px;/*background-image:linear-gradient(to top,#1cd8d2,#008ab0)*/}
	.alerts-notification-wrapper .alerts-notification-container {max-width: 664px;padding:45px 0 65px 0;background:#fff}
	.alerts-notification-container .mbr {display:none}
	.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons {margin:80px auto 0;}
	.m_order_wrap {padding-bottom:30px}
	.m_order_wrap .cartItemImg {width:120px;display:table-cell;margin:0}
	.tbl_order_wrap .tbl_style th {font-size:15px;}
	.tbl_order_wrap .tbl_style td {font-size:14px;color:#444;}
	.personal_profile_wrap .m_order_wrap .cartListInfo h2 {width:auto;padding:0}
	.m_order_wrap .cartListInfo {padding:0}
	.m_order_wrap .cartItemOption dl dt {width:60px}
	.m_oder_detail .cartItemOption {float:left;}
	.m_oder_detail .cartItemOption + .btn_area {display:block; margin:0;float:right;width:124px}
	.m_oder_detail .btn_area a + a {margin-top:15px}
	.m_oder_detail .price_pv_box {width:260px; float:right; padding-right:0;}
	.m_oder_detail .price_pv_box dl dd {font-size:22px; line-height:22px}

	.signup-content.signup-disbg .signup-overlay {padding-bottom:230px;background-size:auto 227px;}

	.rew18_option-box {background-color: #f6f6f6;width:100%;text-align: center;padding:0 20%;margin-bottom:20px;}
	.rew18_option-box ul li {text-align: center;line-height:80px;font-size: 22px;color:#111;}
	.rew18_option-box ul li strong {display: inline-block;padding-right: 8px;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.mNisual .mVCont .vimg {width:100%;height:484px;position:relative}
	.mNisual .mVCont .vcont {padding:38px 124px;background:#fff}
	.mainCont01 .product {flex-basis: 33.33%;margin-bottom:72px;}
	.product .pcont .pprice .pri {display:inline-block;}
	.mainCont02 {padding:0 25px;padding-bottom:60px;}
	.mainCont02 .contArea .nuLeft , .mainCont02 .contArea .nuRight {width:100%;}
	.mainCont02 .contArea .nuLeft dl {padding:20px 0;float:left;width:49%;margin-right:2%;}
	.mainCont02 .contArea .nuLeft dt {padding-bottom:15px;}
	.mainCont02 .contArea .nuLeft dl:nth-child(even) {margin-right:0}
	.mainCont02 .contArea .nuRight {height:468px}
	/*.mainCont02 .contArea .nuRight .nuArea .nuCon {float:left; width:80%;}
	.mainCont02 .contArea .nuRight .nuArea {bottom: 8px;left: 8px;right: 8px;padding:13px;}
	.mainCont02 .contArea .nuRight .nuArea .btnLine {display:block;float:right; width:110px; height:45px;}
	.mainCont02 .contArea .nuRight .nuArea {display:none;}*/
	.mainCont02 .contArea .nuArea2 .nuCon {float:left; width:80%;}
	.mainCont02 .contArea .nuArea2 {padding:13px;}
	.mainCont02 .contArea .nuArea2 .btnLine {display:block;float:right; width:110px; height:45px;}
	.caArea {flex-basis:25%;}
	.product .pcont .pprice .mem {margin: 0 3px 0 0;position:relative;top:2px;}
	.cards-component {padding:0 35px;}
	/*invite*/
	.invite-content .user-link-container .btn-deafult {float:left;margin:0 0 0 5px}
	.invite-content .user-link-container .user-link{float:left;width:300px;}
	.invite-content .invite-list-wrapper {padding-top:50px;}
	/*join*/
	.reasons-to-wrap {max-width:890px;margin:0 auto}
	.reasons-to-create .reasons-tile {width:25%;}
	.sign-up-today-banner {height:514px;background-position:0 74px; background-color:#fff}
	.sign-up-today-banner .sign-up-today-banner-overlay {width:768px;padding:126px 166px 0;background-position:0 -30px}
	.opportunity .opportunity-overlay {padding-bottom:130px}
	.opportunity .opportunity-overlay .learn-more {box-shadow:0 2px 10px 0 rgba(0,0,0,0.09);width:768px;height:312px;margin:50px auto 0;background:#fafafa}
	.opportunity .opportunity-overlay .learn-more:after {content:"";display:block;clear:both;}
	.opportunity .opportunity-overlay .learn-more .left-panel{float:left;width:312px}
	.opportunity .opportunity-overlay .learn-more .right-panel{float:right;padding:30px 43px 0;width:456px}
	.opportunity .opportunity-overlay .learn-more .right-panel p {margin-bottom:20px;}
	.opportunity .opportunity-overlay .learn-more .learn_btn {padding:0 30px;}

}

@media screen and (min-width:1024px) {
	.cards-component {float:left;width:33%;padding:0 35px;}
	.quick-links-container {display:block;width:520px;margin-left:50px;}
	.mNisual .mVCont .vcont {position:relative;padding:5%}
	.mNisual .mVCont .vcont ul {text-align:left}
	.mNisual .mVCont {height:428px}
	.mNisual .mVCont:after {content:"";display:block;clear:both;}
	.mNisual .mVCont .vimg {width: 60%;height:428px;position: absolute;}
	.mNisual .mVCont .vcont {float:left; margin-left:66%;height:428px; width:34%;}
	.mNisual .mVCont .vcont .btnLine {position:absolute;bottom:10%;}
	.product_list .product {flex-basis:25%}
	.product_search_list .product_list {gap: 2%;}
	.product_search_list .product_list .product {flex-basis: 32%;}
	.mainCont01 .product {flex-basis:25%}
	.product .pcont .pprice .pri {display:inline-block;}
	.mainCont02 {padding:0 25px;padding-bottom:100px;}
	.mainCont02 .contArea .nuLeft {float:left;width:25%;}
	.mainCont02 .contArea .nuLeft dl {padding:20px 0;height:224px;float:none;width:95%;margin-right:5%;}
	.mainCont02 .contArea .nuLeft dt {padding:0 10px 15px;}
	.mainCont02 .contArea .nuLeft dl:nth-child(even) {margin-bottom:0;}
	.mainCont02 .contArea .nuLeft dd span {height:auto;width:167px;}
	.mainCont02 .contArea .nuRight {float:left;width:75%;}
	.mainCont02 .contArea .nuRight {height:468px}
	.mainCont02 .contArea .nuRight .nuArea .nuCon {float:left; width:80%;}
	.mainCont02 .contArea .nuRight .nuArea {bottom: 8px;left: 8px;right: 8px;padding:13px;}
	.mainCont02 .contArea .nuRight .nuArea .btnLine {display:block;float:right; width:110px; height:45px;}
	.mainCont02 .contArea .nuRight .nuArea {display: block;}
	.mainCont02 .contArea .nuArea2 {display: none;}
	.mainCont03 {padding:40px 0}
	.caArea {flex-basis:20%}
	.mainCont03 .cainfo .inTit {font-size:24px; font-weight:100; padding-bottom:40px;}
	.mainCont03 .cainfo .inTit p {line-height:28px;}
	.login-wrap {width:100%; padding-bottom:111px; background:url(../images/main_visual.jpg)  center fixed no-repeat; background-size:cover;}
	.login-wrap:after {content:"";display:block;clear:both;}
	.login-wrap .visual{background:none;height:auto}
	.login-wrap .visual h2 {text-align:center; padding:13px 0 0; line-height:80px; color:#444444; font-size:30px; font-weight:300;}
	.loginArea {position:static; width:665px; margin:0 auto; min-height:520px;  background:#fff; padding:50px 115px 35px 115px;}
	.loginArea .tooltip {width:395px; padding:15px 20px}
	.loginArea .btnSocial {padding:18px 0; display:table; width:100%;}
	.loginArea .btnSocial li {display:inline-block; width:215px; display:table-cell; letter-spacing:-0.037em;}
	.loginArea .btnSocial li.btnKa {width:49.5%;}
	.loginArea .btnSocial li.btnFb {width:49.5%;}
	.loginArea .memBtn {margin:0;}
	.cards-component {padding:0 35px;}
	.dist-auth-cards .bg-cayman{padding:1.5em}
	.dist-auth-cards #accordion .panel .panel-title .btn .suggestions-heading{font-size:18px;margin-left:35px;font-weight:100;line-height:1.18;letter-spacing:.4px;color:#fff;text-transform:none}
	.dist-auth-cards .bg-cayman{background:linear-gradient(to top,#17cbcc,#08a0ba);padding:1.5em 10px}
	.invite-content .user-link-container .btn-deafult{float:left;margin:0 0 0 5px}
	.invite-content .user-link-container .user-link{float:left;width:300px;}
	.invite-content .invite-list-wrapper {padding-top:50px;}
	/*join*/
	.join-banner {height:400px;}
	.join-banner h1{font-size:45px;margin-bottom:10px;}
	.join-banner p{font-size:15px;max-width:384px;}
	.join-banner p br {display:block}
	.join-banner .join-banner-text {padding:0 55px;}
	.join-banner .join-banner-overlay {height:400px}
	.reasons-to-create {background:#fafafa}
	.reasons-to-wrap {max-width:890px;height:334px;background-color:#fff;margin:-74px auto 30px;padding:40px 82px 0;position:relative}
	.reasons-to-create .reasons-tile {width:25%;}
	.reasons-to-create .reason-header {margin-bottom:80px;}
	.category-details  {padding:80px 52px 110px;}
	.category-details .caArea {flex-basis:25%;padding:0;}
	.sign-up-today-banner {height:514px;background-position:0 74px; background-color:#fff}
	.sign-up-today-banner .sign-up-today-banner-overlay {width:768px;padding:126px 228px 0;background-position:0 -30px}
	.opportunity .opportunity-overlay {padding-bottom:145px}
	.opportunity .opportunity-overlay .learn-more {box-shadow:0 2px 10px 0 rgba(0,0,0,0.09);width:890px;height:364px;margin:50px auto 0;background:#fafafa}
	.opportunity .opportunity-overlay .learn-more:after {content:"";display:block;clear:both;}
	.opportunity .opportunity-overlay .learn-more .left-panel{float:left;width:364px}
	.opportunity .opportunity-overlay .learn-more .right-panel{float:right;padding:35px 70px 0;width:526px}
	.opportunity .opportunity-overlay .learn-more .right-panel p {margin-bottom:50px;}
	.opportunity .opportunity-overlay .learn-more .learn_btn {padding:0 30px;}

	#signPop .loginArea {width:435px;min-height:410px}
	#signPop .loginArea .btnSocial {display:block}
	#signPop .loginArea .btnSocial li {display:block;width:100%;}
	/* signup */
	.singup-gr-wrap {background-color:#fff/* linear-gradient(#363636 364px, #17cbcc)*/;padding-bottom:100px;}
	.singup-gr-wrap .signup-content {margin:-112px auto 0;max-width:664px;}
	.signup-header {height:364px}
	.sign-header {height:264px;line-height:151px}
	.signup-header h1 {padding:15px 0 20px}
	.signup-header p {font-size:18px;}
	.signup-content {width:664px;padding:0;margin:-112px auto 0;border:1px solid #ebe7e7;}
	.signup-content.signup-disbg {width:978px}
	.signup-overlay {width:465px; margin:0 auto; padding:0 0 40px;}
	.signup-content.signup-disbg .signup-overlay {width:890px}
	.signup-content.signup-disbg .signup-overlay:after {content:"";display:block;clear:both;}
	.distri_section {float:left; width:285px; margin:0 70px; padding:60px 0;}
	.distri_section p {min-height:155px}
	.distri_section a.btn-deafult.btn-noraml, .distri_section a.btn-deafult.btn-line {max-width:285px}
	.signup-content.signup-disbg .signup-overlay .lineTitC {margin-top:60px;position:relative; float:left;width:37px;height:298px}
	.signup-content.signup-disbg .signup-overlay .lineTitC fieldset {margin-top:130px;position:relative;}
	.signup-content.signup-disbg .signup-overlay .lineTitC:before {position:absolute;width:1px;height:100%;left:49%;top:0;content:"";background:#d1d1d1}
	.signup-content.signup-disbg .signup-overlay {padding-bottom:240px}
	.sign-top-txt {padding-top:50px;}
	.add_search_filed {position:relative;padding-right:90px;}
	.add_search_filed input {width:100%;}
	.add_search_filed a.btn-noraml {margin-top:0;width:84px;height:45px;position:absolute;right:0;top:0;}
	.add_search_result ul {max-height:225px}
	.add_search_result {margin:20px 0 40px;}
	.address_search .lineTit + p {margin-top:30px;}
	.sign-top-img {padding:112px 0 20px;background:url(../images/id_result.png) no-repeat center 50px;background-size:62px;}
	/* prdocut */
	.category-overlay {height:428px;}
	.category-snapshot-down {width:330px; left:65px; top:60px;}
	.category-view-list .panel-collapse ul li {float:left;width:25%;}
	.product_detail_explain dl {max-width:820px; margin:0 auto;}
	.product_detail_explain dl dd:after {content:"";display:block;clear:both;}
	.product_detail_explain dl dd p {float:left;width:360px}
	.product_detail_explain dl dd ul {float:left;margin-left:80px;width:380px;}
	.radio-custom-color{flex-basis:20%;}
	.gray_tbl_header li span {font-size:15px}
	.gray_tbl_list li a > span {font-size:14px}
	.gray_tbl_list li a > span.ordtb_type {width:10%;}
	.gray_tbl_list li a > span.ordtb_num {width:15%;}
	.gray_tbl_list li a > span.ordtb_date {width:15%;}
	.gray_tbl_list li a > span.ordtb_length {display:table-cell;width:7%;}
	.gray_tbl_list li a > span.ordtb_pv {display:table-cell;width:8%;}
	.gray_tbl_list li a > span.ordtb_price {width:13%;}
	.gray_tbl_list li a > span.ordtb_method {display:table-cell;width:10%;}
	.gray_tbl_list li a > span.ordtb_progress {width:14%;}

	.gray_tbl_header li > span.ordtb_type {width:10%;}
	.gray_tbl_header li > span.ordtb_num {width:15%;}
	.gray_tbl_header li > span.ordtb_date {width:15%;}
	.gray_tbl_header li > span.ordtb_length {display:table-cell;width:7%}
	.gray_tbl_header li > span.ordtb_pv {display:table-cell;width:8%}
	.gray_tbl_header li > span.ordtb_price {width:13%;}
	.gray_tbl_header li > span.ordtb_method {display:table-cell;width:10%;}
	.gray_tbl_header li > span.ordtb_progress {width:14%;}

	.personal_profile_wrap .m_oder_detail .field_ul li > h2 {width:191px}
	.personal_profile_wrap .m_oder_detail .field_ul li > h2 br {display:none}

	.gray_tbl_header li > span.retntb_type {width:10%;}
	.gray_tbl_header li > span.retntb_num {width:18%;}
	.gray_tbl_header li > span.retntb_date {width:18%;}
	.gray_tbl_header li > span.retntb_price {width:18%;}
	.gray_tbl_header li > span.retntb_method {display:table-cell;width:18%}
	.gray_tbl_header li > span.retntb_progress {width:18%;}
	.gray_tbl_list li a > span.retntb_type {width:10%;}
	.gray_tbl_list li a > span.retntb_num {width:18%;}
	.gray_tbl_list li a > span.retntb_date {width:18%;}
	.gray_tbl_list li a > span.retntb_price {width:18%;}
	.gray_tbl_list li a > span.retntb_method {display:table-cell;width:18%}
	.gray_tbl_list li a > span.retntb_progress {width:18%;}
	.m_order_wrap .cartListInfo {padding-left:30px;}
	.signup-gr-content .signup-overlay {padding:0 0 60px;}
	.singup-wrap {padding-bottom:40px}
}


@media screen and (min-width:1024px) and (max-width:1439px){

}

@media screen and (min-width:1440px){
	.mNisual {padding:45px 0;}
	.mNisual .mVCont {width:1350px;height:auto;}
	.mNisual .mVCont .vimg {width:895px; height:600px;}
	.mNisual .mVCont .vcont {width:455px; height:600px; padding:100px 75px;}
	.mNisual .mVCont .vcont .btnLine {position:absolute;bottom:100px;}
	.mainCont01 .contArea {padding:0 30px;}
	.mainCont02 .contArea .nuLeft {float:left;width:25%;}
	.mainCont02 .contArea .nuRight {float:left;width:75%;}
	.mainCont02 .contArea .nuLeft dl {padding:20px 0;height:320px;float:none;width:95%;margin-right:5%;}
	.mainCont02 .contArea .nuLeft dt {padding:0 10px 15px;}
	.mainCont02 .contArea .nuLeft dl:nth-child(even) {margin-bottom:0;}
	.mainCont02 .contArea .nuRight {height:660px}
	.mainCont02 .contArea .nuRight .nuArea .nuCon {float:left; width:80%;}
	.mainCont02 .contArea .nuLeft dd span {height:auto;width:70%;}
	.mainCont02 .contArea .nuRight .nuArea {bottom: 8px;left: 8px;right: 8px;padding:13px;}
	.mainCont02 .contArea .nuRight .nuArea .btnLine {display:block;float:right; width:110px; height:45px;}
	.mainCont03 {padding:80px 0}
	.mainCont03 .cainfo {flex-basis:75%;min-height:294px;padding:65px 50px;}
	.caArea {flex-basis:25%;min-height:294px;margin-top:0;}
	.caArea span {max-width:238px; font-size:18px; line-height:24px}
	.caArea span img {margin-top:20px;}
	.quick-links-container {width:50%;margin-left:115px;}
	/*join*/
	.join-banner {height:570px}
	.join-banner  h1{font-size:60px}
	.join-banner  p{width:450px;margin-bottom:20px;}
	.join-banner  .join-banner-overlay{height:570px}
	.join-banner  .join-banner-text{padding:0 160px;top:170px;}
	.reasons-to-wrap {margin-bottom:74px;}
	.category-details  {padding:120px 48px 145px}
	.sign-up-today-banner {height:570px;background-position:0 74px; background-color:#fff}
	.sign-up-today-banner .sign-up-today-banner-overlay {width:890px;padding:154px 228px 0;background-position:0 0}
	.welcome-video {max-width:875px;margin:0 auto}
	/* prdocut */
	.category-overlay {height:600px;}
	.category-snapshot-down {left:170px; top:175px;}
	.category-snapshot-down h1 {font-size:40px; line-height:42px}
	/* product_detail */
	.product_detail_top {padding:100px 15px 60px;max-width:1280px;margin:0 auto}
	.product_detail_top:after {content:"";display:block;clear:both;}
	.product_detail_top_infor h1 {font-size:36px; line-height:38px}
	.product_detail_top_img {float:left;width:49%;box-sizing:border-box;}
	.product_detail_top_img li img {width:90%;max-width:544px}
	.product_detail_top_infor {float:left;margin-left:9%;width:42%;max-width:420px}
	.price_pv_box dl.price_box {width:230px}
	.price_pv_box dl.pv_box {padding-left:30px;}
	.price_pv_box dl dd {position:relative;top:-2px; font-size:24px;line-height:24px;letter-spacing:-0.8px}
	.product_recom .slick-slider .slick-prev {left:-337px;}
	.product_recom .slick-slider .slick-next {right:-337px;}

}

@media screen and (max-width:768px) {
	.product_search_wrap + .prodcut_main .product_list {padding: 20px 0; gap: 2%;}
	.product_search_wrap + .prodcut_main .product_list .product {flex-basis: 49%;}
	.add_product_btn {width: 40px; height: 40px;}
	.add_product_btn::before, .add_product_btn::after {width: 14px;}
}

@media screen and (max-width:359px) {
	.radio_box input + label {font-size:12px}
	.price_pv_box dl.price_box {width:170px}
	.price_pv_box dl dd {font-size:16px;line-height:16px}
	.product_video ul {max-width:290px;margin:0 auto}
	.radio-custom-color{flex-basis:33%;}
	.mainCont02 .contArea .nuRight .nuArea{display: none;}
}