@charset "utf-8";

/* header */
.header{position: absolute;width:100%;margin:0 auto;padding:0 50px;background: #fff0;z-index: 90;}
.headerWrap{display: flex;align-items: center;justify-content: space-between;height:140px;}
.topHead{display: flex;align-items: center;}
.topHead h1{margin-right:35px;}
.headerWrap .gnb{display: flex;}
.headerWrap .gnb li{margin:0 24px;}
.headerWrap .gnb a{color:#fff;font-size: 18px;}
.headerWrap .topAccount{display: flex;}
.headerWrap .topAccount li{margin-left: 30px;}
.headerWrap .topAccount li:first-child{margin-left: 0;}
.headerWrap .topAccount a{font-size:12px;color: #333;}
.headerWrap .topAccount .topLang{position: relative;}
.headerWrap .topAccount .topLang > a{display: flex;justify-content: space-between;align-items: center;border:1px solid #333;line-height:30px;border-radius: 0px;width:90px;padding:0 10px;background: #fff;}
.headerWrap .topAccount .topLang > a svg{width:16px;height:16px;}
.headerWrap .topAccount .topLangList{display: none;position: absolute;border:1px solid #333;width:90px;border-top: 0;padding: 21px 10px 6px;top: 16px;background: #fff;z-index: -1;}
.headerWrap .topAccount .topLangList a{display: block;line-height: 1.6;}
.mobiTggBtn, .mobiTggMenu{display: none;}
.header.fix{position:fixed;top:0;background: #fff;box-shadow: 0 3px 7px 3px #00000012;max-width: 100%;padding: 0;}
.header.fix .headerWrap{height: 80px;margin: 0 auto;padding: 0 50px;}
.header.fix .topHead .gnb li a { color: #6c2609;}
/* main visual */
.mainVisual {position: relative;overflow: hidden;}
.mainVisual .swiper-wrapper{height:590px;top:-398px;}
.mainVisual .mainVisTxt{position: absolute;top: 0;text-align: center;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mainVisual .mainVisTxt h2{font-size: 45px;font-weight: 700;color:#fff;}
.mainVisual .mainVisTxt p{font-size: 20px;font-weight: 500;color:#fff;line-height: 36px;margin: 50px 0;}
.mainVisual .mainVisTxt a{display: inline-block;width: 245px;line-height: 55px;background:#fff;border-radius: 27.5px;color: #D5A286;font-size: 17px;font-weight: 500;text-transform: uppercase;}
/* .mainVisual .swiper-slide img {width: inherit;} */
.mainVisual .swiper-pagination{position: unset;margin-top: 35px;}
.mainVisual .swiper-pagination .swiper-pagination-bullet{width:23px;height:23px;margin:0 5px;background-color: #aeaeae;opacity: 1;}
.mainVisual .swiper-pagination .swiper-pagination-bullet-active{background-color: #000;}

.visMobi{display: none;}

/* main contents */
.mainWrap {width: 100%;}
.sTit{font-size: 15px;font-weight: 500;text-transform: uppercase;color: #D5A286;}
.bTit{font-size: 25px;color:#3f3f3f;line-height: 30px;padding-top: 30px;padding-bottom: 30px;}
.mainBtn{display:inline-block;width:244px;line-height: 55px;background: #D5A286;color: #fff;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-top: 40px;text-align: center;border-radius: 27.5px;}

.mainTop{margin: 85px 0 120px;}
.mainTop .contain{display: flex;gap: 20px;}
.mainTop dl{width: 33.33%;}
.mainTop dt img{width: 100%;}
.mainTop dd h2{font-size: 22px;color: #222;margin: 10px 0 5px;}
.mainTop dd p{font-size: 13px;line-height: 20px;color: #222;letter-spacing: -0.3px;}

.mainBrand{margin: 85px 0 120px;}
.mainBrand .contain{display: flex;}
.mainBrand .imgWrap{width: 50%;overflow: hidden;}
.mainBrand .imgWrap img{width:100%;height: 100%;object-fit: cover;}
.mainBrand .txtWrap{width: 50%;padding-left: 50px;}
.mainBrand .txtWrap p{font-size: 18px;line-height: 36px;color: #3f3f3f;}

.mainRnd{background: #F5F5F1;padding: 140px 0;}
.mainRnd .contain{display: flex;}
.mainRnd .imgWrap{width: 50%;overflow: hidden;}
.mainRnd .imgWrap img{width:100%;height: 100%;object-fit: cover;}
.mainRnd .txtWrap{width: 50%;padding-right: 50px;}
.mainRnd .txtWrap p{font-size: 18px;line-height: 36px;color: #3f3f3f;}
.mainRnd .bTit{line-height: 59px;}

.mainProd{text-align: center;margin:80px auto 80px;padding-bottom:80px;}
.mainProd ul{display: flex;flex-wrap: wrap;gap: 20px;}
.mainProd ul li{width: calc(25% - 15px);margin-bottom: 30px;}
.mainProd .imgWrap{width: 100%;height:310px;overflow: hidden;background: #f2f2f2;}
.mainProd .imgWrap img{width:100%;height: 100%;object-fit: cover;}
.mainProd ul li p{font-size: 18px;color: #3f3f3f;margin-top: 20px;}
.mainProd .mainBtn{margin-top: 0;}

.mainAgent{background: #F5F5F1;padding:140px 0 160px;}
.mainAgent .contain{display: flex;}
.mainAgent .imgWrap{width: 50%;overflow: hidden;}
.mainAgent .imgWrap img{width:100%;height: 100%;object-fit: cover;}
.mainAgent .txtWrap{width: 50%;padding-left: 50px;}
.mainAgent .txtWrap p{font-size: 18px;line-height: 36px;color: #3f3f3f;}

.mainBanner{background: url(../img/bottom-banner.png)no-repeat center;background-size:cover;padding: 200px 0 200px;text-align: center;}
.mainBanner .bTit{color:#fff;}
.mainBanner .mainBtn{background: #fff;color: #D5A286;}

/* footer */
.footer{position: relative;background: #ffffff;padding:75px 0 50px;}
.footer .contain{display:flex;}
.footer .footerInfo{width:50%;}
.footer .footerInfo .btmLogo{display: flex;margin-bottom: 40px;}
.footer .footerInfo .btmLogo h1{margin-right: 10px;}
.footer .footerInfo .btmLogo p{font-size: 12px;align-self:center;}
.footer .footerInfo dl{margin-top: 20px;}
.footer .footerInfo dt{color: #222;font-size: 12px;font-weight: 700;text-transform: uppercase;}
.footer .footerInfo dd{color: #333;font-size: 12px;line-height: 20px;}
.footer .footerInfo .infoLink{margin-top: 50px;}
.footer .footerInfo .infoLink a{color: #222;font-size: 13px;display: inline-block;margin-right: 30px;}
.footer .footerInfo .infoLink a:last-child{margin-right: 0;}

.footer .footerMenu{width:50%;display: flex;flex-wrap: wrap;}
.footer .footerMenu dl{width: 25%;}
.footer .footerMenu dt{color: #222;font-size: 12px;font-weight: 700;text-transform: uppercase;}
.footer .footerMenu dd{color: #333;font-size: 13px;margin-top: 10px;}

/* landing page */
.landing .headerWrap{height: 115px;}
.landing .mainVisual .swiper-wrapper{height: 966px;}
.landing .mainVisual .mainVisTxt h2{font-size: 128px;color: #fff;margin-bottom: 100px;}
.landing .mainVisual .mainVisTxt a{background: #0C449B;color: #fff;border-radius: 0;width: 530px;line-height: 78px;font-size: 32px;text-transform: none;}
.landing .mainBtn{background: #0C449B;color: #fff;width: 530px;line-height: 78px;font-size: 32px;text-transform: none;border-radius: 0;}
.landing .mainBanner{background: url(../img/mainBanner02.jpg)no-repeat center;background-size: cover;}
.landing .mainBanner .bTit{padding: 0 150px;font-size: 48px;font-weight: 700;line-height: 77px;}
.landing .footer .footerInfo{width: 100%;display: flex;flex-direction: column;align-items: flex-end}
.landing .footer .footerInfo .btmLogo{align-self: flex-start;}
.landing .footer .footerInfo .btmLogo + dl{margin-top: -90px;}

/* sign up */
.signUpTop{background: url(../img/signUp.jpg) no-repeat center;background-size: cover;padding: 130px 0;text-align: center;}
.signUpTop h2{color: #0C449B;font-size: 45px;font-weight: 700;margin-bottom: 50px;}
.signUpTop p{color: #0C449B;font-size: 24px;line-height: 44px;}
.signUpTop p i{display: block;}
.subSignUp{display: flex;}
.subSignUp dl{width: 50%;}
.subSignUp dl:last-child{padding-left: 50px;border-left: 1px solid #222;box-sizing: border-box;}
.subSignUp dl:first-child{padding-right: 50px;}
.subSignUp dt{color: #0C449B;font-size: 45px;font-weight: 700;}
.subSignUp ul{padding-left: 30px;margin: 20px 0 30px;}
.subSignUp li{list-style: num;color: #0C449B;font-size: 23px;line-height: 44px;letter-spacing: -0.5px;}
.subSignUp a{display: flex;border: 2px solid #12459917;margin-top: 10px;height:85px;width:100%;max-width:500px;align-items: center;justify-content: center;border-radius: 43px;}
.subSignUp a img{width:35px;}
.subSignUp a p{color: #000;font-weight: 700;font-size: 24px;width: 240px;margin-left: 15px;}

/* subContent*/
.subVisual{height: 270px;background: url(../img/subVis.jpg) no-repeat center;background-size: cover;display: flex;align-items: center;}
.subVisual h2{color: #0C449B;font-size: 45px;font-weight: 700;}
.subMenu{display: flex;justify-content: space-between;margin-top: 60px;}
.subMenu .snb{display: flex;}
.subMenu .snb li{margin-right: 40px;}
.subMenu .snb li:last-child{margin-right: 0;}
.subMenu .snb a{color: #0C449B;font-size: 20px;position: relative;}
.subMenu .snb a.active{font-weight: 700;}
.subMenu .snb a.active::after{content: "";display: block;width: 100%;position: absolute;bottom: 0;left: 0;height: 4px;background-color: #0C449B;}
.subMenu .shopMenu{display: flex;}
.subMenu .shopMenu li{margin-left: 30px;}
.subMenu .shopMenu li:first-child{margin-left: 0;}
.subMenu .shopMenu a{font-size: 20px;color: #0C449B;}
.subMenu .shopMenu a.cartBtn span{display: inline-block;width: 22px;height: 22px;line-height:22px;border-radius: 50%;background: #0C449B;color: #fff;font-size: 14px;text-align: center;}
.subCont{width:100%;max-width:1400px;margin:0 auto;padding:0 50px;margin: 80px auto 120px;}
.subCont .subTit{color: #0C449B;font-size: 45px;font-weight: 700;text-align: center;margin-bottom: 60px;}

/* brand story */
.subStory .imgWrap img{width: 100%;margin-bottom: 60px;}
.subStory p{font-size: 19px;color: #3f3f3f;line-height: 2;}

.subStoryRnD .imgWrap img{width: 100%;margin-bottom: 60px;}
.subStoryRnD dl{margin-bottom: 50px;}
.subStoryRnD dt{color:#3f3f3f;font-size: 19px;font-weight: 700;}
.subStoryRnD dd{color:#3f3f3f;font-size: 19px;line-height: 2;}
.subStoryRnD dd:nth-child(3){margin-top: 90px;}

/* Business */
.subOur .imgWrap img{width: 100%;margin-bottom: 60px;}
.subOur p{font-size: 19px;color: #3f3f3f;line-height: 2;margin-bottom: 50px;}

/* Become An agent */
.subAgentJoin .topImg{background: url(../img/subAgentJoin.jpg) no-repeat center;background-size: cover;height: 410px;padding: 0 60px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;margin-bottom: 60px;}
.subAgentJoin .topImg h2{color: #fff;font-size: 56px;font-weight: 700;margin-bottom: 40px;}
.subAgentJoin .topImg p{color:#fff;font-size: 19px;line-height: 2;padding-right: 42%;margin-bottom: 0;}
.subAgentJoin p{margin-bottom: 40px;font-size: 20px;line-height: 33px;color: #000;}
.subAgentJoin dl{margin-top: 100px;}
.subAgentJoin dt{color: #3f3f3f;font-size: 32px;font-weight: 700;margin-bottom: 10px;}
.subAgentJoin dd{color: #3f3f3f;font-size: 19px;line-height: 2;}
.subAgentJoin dd ul{margin-top: 50px;}
.subAgentJoin dd li{display: flex;margin-bottom: 100px;}
.subAgentJoin dd li:last-child{margin-bottom: 0;}
.subAgentJoin dd li div{width: 50%;}
.subAgentJoin dd li div img{width: 100%;}
.subAgentJoin dd li .txtWrap{padding-left: 60px;padding-top: 40px;}
.subAgentJoin dd li:nth-child(2) .txtWrap{padding-left: 20px;padding-right: 60px;}
.subAgentJoin dd li .txtWrap h3{color: #0C449B;font-size: 42px;line-height: 55px;}
.subAgentJoin dd li .txtWrap p{color: #000;font-size: 20px;line-height: 33px;margin-top: 20px;margin-bottom: 0;}
.subAgentJoin dd li .txtWrap a{display: block;background: #0C449B;color: #fff;border-radius: 10px;margin: 90px auto 0;font-size: 24px;font-weight: 700;line-height: 65px;width: 350px;text-align: center;}

/* rank guide */
.subAgentRank dl{display: flex;width:75%;margin: 0 auto 90px;}
.subAgentRank dt{width: 440px;}
.subAgentRank dt img{width: 100%;}
.subAgentRank dd{padding-left: 20px;width: calc(100% - 440px);box-sizing: border-box;}
.subAgentRank dd p{font-size: 16px;line-height: 22px;color: #000;margin-top: 20px;}
.subAgentRank dd p:first-child{margin-top: 0;}
.subAgentRank h3{font-size: 32px;font-weight: 700;color: #3f3f3f;margin-bottom: 20px;}
.subAgentRank h3 + p{font-size: 19px;color: #000;}
.subAgentRank ul{display: flex;gap: 10px;flex-wrap: wrap;margin: 70px 0 40px;}
.subAgentRank li{background: #727272;border-radius: 10px;line-height: 65px;text-align: center;width: calc(37% - 7px);margin-left: 10px;font-size: 24px;font-weight: 700;color: #fff;}
.subAgentRank li:nth-child(3n + 1){background: #0C449B;width: 23%;margin-left: 0;}
.subAgentRank li:nth-child(1), .subAgentRank li:nth-child(2), .subAgentRank li:nth-child(3){background: #d4d4d4;color: #000;}
.subAgentRank p{font-size: 16px;line-height: 22px;color: #000;margin-top: 30px;}

/* COMPENSATION PLAN */
.subAgentPlan p{font-size: 16px;line-height: 22px;color: #000;}
.subAgentPlan h3{font-size: 32px;font-weight: 700;text-align: center;margin: 180px 0 50px;}
.subAgentPlan a{display:block;margin:0 auto;background: #0C449B;width: 718px;line-height: 65px;color: #fff;font-size: 24px;font-weight: 700;border-radius: 10px;text-align: center;}
.subAgentPlan ul{display: flex;background: #0C449B;color: #fff;flex-wrap: wrap;margin-top: 250px;position: relative;padding: 70px 0;}
.subAgentPlan ul::after{content: "";display: block;width: 200vw;height: 100%;background: #0C449B;position: absolute;left: 50%;margin-left: -100vw;top: 0;z-index: -1;}
.subAgentPlan ul li{width: 50%;text-align: center;padding: 30px 0;display: flex;flex-direction: column;justify-content: space-between;}
.subAgentPlan ul li h5{font-size: 24px;font-weight: 700;font-style: italic;margin-bottom: 20px;}
.subAgentPlan ul li span{font-size: 16px;}
.subAgentPlan ul li:nth-child(odd){padding-right: 30px;}
.subAgentPlan ul li:nth-child(even){padding-left: 30px;}

/* rewards */
.rewardsTop{background: url(../img/subRewards01.jpg) no-repeat center;background-size: cover;text-align: center;padding: 130px 0;margin-bottom: 150px;}
.rewardsTop h2{color: #0C449B;font-size: 45px;font-weight: 700;}
.rewardsTop p{color: #0C449B;font-size: 36px;line-height: 59px;margin: 100px 0 80px;}
.rewardsTop p i{display: block;}
.rewardsTop a{display: inline-block;background: #d9d9d9;width: 260px;line-height: 65px;color: #0C449B;font-size: 24px;margin: 0 15px;}
.subRewards .imgWrap img{width: 100%;}
.subRewards p{font-size: 19px;line-height: 2;color: #3f3f3f;margin-top: 30px;}
.subRewards h2{margin-top: 60px;font-size: 19px;line-height: 2;color: #000;font-weight: 700;}
.subRewards ul{padding-left: 30px;}
.subRewards ul li{list-style: disc;font-size: 19px;line-height: 2;color: #000;}
.subRewards ul + p{margin-top: 0;}
.subRewards a{margin:50px auto 160px;display: block;background: #0C449B;border-radius: 10px;width: 200px;line-height: 65px;font-size: 24px;font-weight: 700;color: #fff;text-align: center;}
.subRewards2 ul{display: flex;flex-wrap: wrap;}
.subRewards2 li{width: 50%;display: flex;align-items: center;margin-top: 100px;}
.subRewards2 li:nth-child(1),.subRewards2 li:nth-child(2){margin-top: 0;}
.subRewards2 li div{width: 97px;height: 97px;border-radius: 50%;background: #f2f2f2;display: flex;align-items: center;justify-content: center;}
.subRewards2 li p{padding-left: 20px;color: #0C449B;font-size: 28px;font-weight: 700;width:calc(100% - 97px);box-sizing: border-box;}
.subRewards2 h2{font-size: 32px;font-weight: 700;color: #3f3f3f;margin: 150px 0 60px;}
.subRewards2 dl{margin-top: 90px;padding-left: 60px;}
.subRewards2 h2+dl{margin-top: 0;}
.subRewards2 dt{font-size: 32px;font-weight: 700;color: #3f3f3f;margin-bottom: 10px;}
.subRewards2 dd{font-size: 19px;line-height: 2;color: #3f3f3f;}




@media (max-width: 1300px){
  .header{max-width: 100%;padding: 0 40px;}
  .topHead h1{margin-right: 15px;width: 100px;}
  .topHead h1 img{width: 100%;}
  .headerWrap .gnb li{margin: 0 15px;}
  .contain{max-width: 100%;box-sizing: border-box;}
  .headerWrap .topAccount li{margin-left: 20px;}
  
}

/* tablet */
@media (max-width: 1000px){
  .headerWrap{flex-wrap: wrap;flex-direction: column-reverse;justify-content: center;align-items: stretch;}
  .headerWrap .topAccount{align-self: flex-end;}
  .topHead{justify-content: space-between;}
  .topHead h1{margin-right: 0;}
  .header.fix .headerWrap{height: 100px;}
  .headerWrap .topAccount .topLangList{padding:10px 10px;top: 25px;z-index: 0;}
  .headerWrap .topAccount .topLangList::before{content: "";display:block;width:2px;height:10px;background: #333;position: absolute;top: -10;left: -2px;}
  .headerWrap .topAccount .topLangList:after{content: "";display:block;width:2px;height:10px;background: #333;position: absolute;top: -10px;right: -2px;}

  /* main contents */
  .mainVisual .swiper-wrapper{height: 100vw;}
  .mainVisual .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
  .mainVisual .swiper-pagination{margin-top: 25px;}
  .mainVisual .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 18px;}

  .mainTop .contain{flex-direction: column;}
  .mainTop dl{width: 100%;display: flex;}
  .mainTop dt{width: 180px;}
  .mainTop dd{width: calc(100% - 180px);padding-left: 20px;box-sizing: border-box;}

  .mainBrand .contain{flex-direction: column;}
  .mainBrand .imgWrap{width: 100%;height: 50vw;}
  .mainBrand .txtWrap{width: 100%;padding-left: 0;padding-top: 50px;}

  .mainRnd .contain{flex-direction: column;}
  .mainRnd .imgWrap{width: 100%;height: 50vw;order: 1;}
  .mainRnd .txtWrap{width: 100%;padding-left: 0;padding-top: 50px;order: 2;}

  .mainProd ul li{width: calc(33.33% - 13.5px);margin-bottom: 50px;}
  .mainProd .imgWrap{height:calc((100vw / 3) - 100px);}

  .mainAgent .contain{flex-direction: column;}
  .mainAgent .imgWrap{width: 100%;height: 50vw;}
  .mainAgent .txtWrap{width: 100%;padding-left: 0;padding-top: 50px;}

  .mainBanner{padding:150px 50px 170px;}
  .mainBanner .bTit{line-height: 59px;margin-top: 0;}

  /* footer */
  .footer .contain{flex-direction: column;}
  .footer .footerInfo{width: 100%;}
  .footer .footerMenu{width: 100%;margin-top: 100px;}

  /* landing page */
  .landing .headerWrap .topAccount{align-self:unset;}
  .landing .headerWrap{flex-direction:unset;justify-content: space-between;align-items: center;height: 100px;}
  .landing .mainVisual .mainVisTxt h2{font-size: 80px;}
  .landing .mainVisual .mainVisTxt a, .landing .mainBtn{font-size: 24px;width: 400px;line-height: 60px;}
  .landing .mainVisual .swiper-wrapper{height: 800px;}
  .landing .mainBanner .bTit{padding: 0;font-size: 38px;line-height: 60px;}
  .landing .footer .footerInfo .btmLogo + dl{margin-top: 0;}
  .landing .footer .footerInfo {align-items: normal;}
  .landing .header.fix .headerWrap{height: 80px;}

  /* sign up */
  .subSignUp{flex-direction: column;}
  .subSignUp dl{width: 100%;border-top: 1px solid #000;padding-top: 50px;}
  .subSignUp dl:first-child{padding: 50px 0;}
  .subSignUp dl:last-child{border-left: 0;padding-left: 0;}

  /* subContent*/
  .subVisual{height: 200px;}
  .subVisual h2{font-size: 36px;}
  .subMenu{margin-top: 40px;}
  .subMenu .snb a{font-size: 16px;padding-bottom: 5px;}
  .subMenu .shopMenu a{font-size: 16px;}
  .subMenu .shopMenu a.cartBtn span{width: 20px;height: 20px;line-height: 20px;}
  .subCont .subTit{font-size: 36px;margin-bottom: 40px;}
  .subCont{margin: 60px auto 80px;}

  /* brand story */
  .subStory .imgWrap img{margin-bottom: 40px;}
  .subStory p{font-size: 16px;}
  .subStoryRnD .imgWrap img{margin-bottom: 40px;}
  .subStoryRnD dl{margin-bottom: 40px;}
  .subStoryRnD dt, .subStoryRnD dd{font-size: 16px;}

  /* Business */
  .subOur .imgWrap img{margin-bottom: 40px;}
  .subOur p{font-size: 16px;margin-bottom: 40px;}

  /* Become An agent */
  .subAgentJoin .topImg{padding: 100px 40px;margin-bottom: 40px;height: auto;}
  .subAgentJoin .topImg p{padding-right: 0;font-size: 16px;}
  .subAgentJoin .topImg h2{font-size: 46px;margin-bottom: 30px;}
  .subAgentJoin p{font-size: 16px;margin-bottom: 30px;}
  .subAgentJoin dl{margin-top: 60px;}
  .subAgentJoin dt{font-size: 24px;}
  .subAgentJoin dd{font-size: 16px;}
  .subAgentJoin dd li div img{width: 100%;height: 100%;object-fit: cover;}
  .subAgentJoin dd li .txtWrap{padding-left: 40px;padding-top: 20px;}
  .subAgentJoin dd li .txtWrap h3{font-size: 32px;line-height: 45px;}
  .subAgentJoin dd li .txtWrap p{font-size: 16px;line-height: 26px;}
  .subAgentJoin dd li .txtWrap a{margin: 50px auto 0;line-height: 50px;width: 250px;font-size: 18px;}
  .subAgentJoin dd li:nth-child(2) .txtWrap{padding-left: 10px;padding-right: 20px;}
  
  /* rank guide */
  .subAgentRank dl{flex-direction: column;width: 100%;}
  .subAgentRank dt{margin: 0 auto 30px;}
  .subAgentRank dd{width: 100%;padding-left: 0;}
  .subAgentRank li{line-height: 1.2;font-size: 18px;width: calc(36% - 7px);height: 55px;display: flex;align-items: center;justify-content: center;padding: 5px;}

  /* COMPENSATION PLAN */
  .subAgentPlan h3{margin: 80px 0 40px;}
  .subAgentPlan a{width: 100%;line-height: 50px;font-size: 18px;}
  .subAgentPlan ul{margin-top: 150px;padding: 50px 0;}
  .subAgentPlan ul li h5{font-size: 20px;}

  /* rewards */
  .rewardsTop{padding: 100px 30px;margin-bottom: 100px;}
  .rewardsTop h2{font-size: 38px;}
  .rewardsTop p{font-size: 28px;line-height: 48px;margin: 80px 0 60px;}
  .rewardsTop p i{display: inline;}
  .rewardsTop a{font-size: 20px;width: 220px;line-height: 50px;margin: 0 10px;}

}

/* mobile */
@media (max-width: 700px){
  .header{padding: 0 20px;}
  .headerWrap{height: 80px;}
  .topHead h1{width: 80px;}
  .headerWrap .gnb{display: none;}
  .mobiTggBtn{display: block;}
  .headerWrap .topAccount{display: none;}
  .header.fix .headerWrap{height: 80px;padding: 0 20px;}

  .mobiTggMenu{display:block;position: fixed;top: 0;left: -100%;width:calc(100% - 70px);background: #fff;height: 100vh;z-index: 99;padding:40px 20px;box-sizing: border-box;overflow-y: auto;transition: all 0.4s;box-shadow: 5px 0px 10px rgba(0,0,0,0.2);}
  .mobiTggMenu .mobiTggClo{position: absolute;top: 15px;right: 5px;display: block;width: 40px;height: 40px;text-align: center;}
  .mobiTggMenu .gnbClone{border-bottom: 1px solid #ddd;margin-bottom: 15px;}
  .mobiTggMenu li{margin-bottom: 15px;}
  .mobiTggMenu li a{font-size: 13px;}
  .mobiTggMenu .topLang{border-top: 1px solid #ddd;padding-top: 20px;position: relative;}
  .mobiTggMenu .topLang > a{display: flex;justify-content: space-between;align-items: center;border: 1.5px solid #333;line-height: 32px;border-radius: 16px;padding: 0 10px;background: #fff;}
  .mobiTggMenu .topLang > a svg{width: 16px;height: 16px;}
  .mobiTggMenu .topLang .topLangList{display:none;position: absolute;border: 1.5px solid #333;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;border-top: 0;padding: 28px 10px 10px;top: 32px;background: #fff;z-index: -1;width: 100%;}
  .mobiTggMenu .topLang .topLangList a{display: block;line-height: 1.6;}

  .mainVisual .mainVisTxt h2{font-size: 24px;}
  .mainVisual .mainVisTxt p{font-size: 14px;line-height: 24px;margin: 30px 0;}
  .mainVisual .mainVisTxt a{font-size: 13px;width: 180px;line-height: 45px;border-radius: 22.5px;}
  .mainVisual .swiper-pagination{margin-top: 15px;}
  .mainVisual .swiper-pagination .swiper-pagination-bullet{width: 14px;height: 14px;}

  /* main contents */
  .contain{padding: 0 20px;}
  .sTit{font-size: 12px;}
  .bTit{font-size: 22px;margin: 15px 0 20px;}
  .mainBtn{font-size: 13px;width: 180px;line-height: 45px;border-radius: 22.5px;margin-top: 20px;}

  .mainTop{margin: 70px 0 100px;}
  .mainTop dl{flex-direction: column;margin-top: 30px;}
  .mainTop dl:first-child{margin-top: 0;}
  .mainTop dt{width: 100%;}
  .mainTop dd{width: 100%;padding-left: 0;}

  .mainBrand{margin: 50px 0 70px;}
  .mainBrand .imgWrap{height: calc(100vw - 40px);}
  .mainBrand .txtWrap{padding-top: 30px;}
  .mainBrand .txtWrap p{font-size: 13px;line-height: 20px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .mainRnd{padding:70px 0;}
  .mainRnd .imgWrap{height: calc(100vw - 40px);}
  .mainRnd .txtWrap{padding-top: 30px;padding-right: 0;}
  .mainRnd .bTit{line-height: 29px;}
  .mainRnd .txtWrap p{font-size: 13px;line-height: 20px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .mainProd{margin:70px auto 100px;}
  .mainProd ul{gap: 10px;}
  .mainProd ul li{width:calc(50% - 5px);margin-bottom: 20px;}
  .mainProd .imgWrap{height: calc(50vw - 30px);}
  .mainProd ul li p{font-size: 14px;margin-top: 10px;}

  .mainAgent{padding: 70px 0 80px;}
  .mainAgent .imgWrap{height: calc(100vw - 40px);}
  .mainAgent .txtWrap{padding-top: 30px;}
  .mainAgent .txtWrap p{font-size: 13px;line-height: 20px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .mainBanner{padding: 80px 50px;}
  .mainBanner .bTit{line-height: 39px;margin: 0;}

  /* footer */
  .footer{padding: 50px 0;}
  .footer .footerInfo .btmLogo{flex-direction: column;margin-bottom: 20px;}
  .footer .footerInfo .btmLogo h1{width: 80px;margin-bottom: 10px;}
  .footer .footerInfo .btmLogo h1 img{width: 100%;}
  .footer .footerInfo dl{margin-top: 10px;}
  .footer .footerInfo .infoLink{margin-top: 20px;}
  .footer .footerMenu{display: none;}

  /* landing page */
  .landing .topHead{width: 100%;}
  .landing .mainVisual .swiper-wrapper{height: 500px;}
  .landing .mainVisual .mainVisTxt h2{font-size: 40px;margin-bottom: 50px;}
  .landing .mainVisual .mainVisTxt a, .landing .mainBtn{font-size: 16px;width: 250px;line-height: 50px;}
  .landing .mainBanner{padding: 80px 20px;}
  .landing .mainBanner .bTit{font-size: 22px;line-height: 30px;}
  .landing .gnbClone{display: none;}
  .landing .accountClone .topLang{border-top: 0;}

  /* sign up */
  .signUpTop{padding: 50px 0;}
  .signUpTop h2{font-size: 28px;margin-bottom: 10px;}
  .signUpTop p{font-size: 16px;line-height: 26px;}
  .subSignUp dl, .subSignUp dl:first-child{padding:30px 0;}
  .subSignUp dt{font-size: 28px;}
  .subSignUp ul{padding-left: 20px;margin: 0px 0 20px;}
  .subSignUp li{font-size: 16px;line-height: 26px;}
  .subSignUp a{height: 50px;border-radius: 25px;}
  .subSignUp a img{width: 20px;}
  .subSignUp a p{font-size: 16px;width: 157px;margin-left: 10px;}

  /* subContent*/
  .subVisual{height: 120px;}
  .subVisual h2{font-size: 28px;}
  .subMenu{margin-top: 20px;flex-wrap: wrap;flex-direction: column;}
  .subMenu .snb{width: 100%;order:2;flex-wrap: wrap;}
  .subMenu .snb li{margin-right: 20px;margin-bottom: 10px;}
  .subMenu .snb a{font-size: 14px;}
  .subMenu .snb a.active::after{height:3px;}
  .subMenu .shopMenu{width: 100%;order: 1;justify-content: flex-end}
  .subMenu .shopMenu li{margin-left: 20px;}
  .subMenu .shopMenu a{font-size: 14px;}
  .subMenu .shopMenu a.cartBtn span{width: 16px;height: 16px;line-height:16px;font-size: 10px;}
  .subCont{padding: 0 20px;margin: 30px auto 60px;}
  .subCont .subTit{font-size: 28px;margin-bottom: 20px;}

  /* brand story */
  .subStory .imgWrap img{margin-bottom: 20px;}
  .subStory p{font-size: 14px;}
  .subStoryRnD .imgWrap img{margin-bottom: 20px;}
  .subStoryRnD dl{margin-bottom: 20px;}
  .subStoryRnD dt, .subStoryRnD dd{font-size: 14px;}
  .subStoryRnD dd:nth-child(3){margin-top: 30px;}

  /* Business */
  .subOur .imgWrap img{margin-bottom: 20px;}
  .subOur p{font-size: 14px;margin-bottom: 20px;}

  /* Become An agent */
  .subAgentJoin .topImg{padding: 40px 20px;margin-bottom: 20px;}
  .subAgentJoin .topImg h2{font-size: 22px;margin-bottom: 15px;}
  .subAgentJoin .topImg p{font-size: 14px;}
  .subAgentJoin p{font-size: 14px;margin-bottom: 20px;}
  .subAgentJoin dl{margin-top: 40px;}
  .subAgentJoin dt{font-size: 22px;}
  .subAgentJoin dd{font-size: 14px;}
  .subAgentJoin dd li{flex-direction: column;margin-bottom: 60px;}
  .subAgentJoin dd li div{width: 100%;}
  .subAgentJoin dd li .txtWrap{padding: 20px 0 0;}
  .subAgentJoin dd li .txtWrap h3{font-size: 22px;line-height: 30px;}
  .subAgentJoin dd li .txtWrap p{font-size: 14px;margin-top: 10px;}
  .subAgentJoin dd li .txtWrap a{margin: 30px auto 0;font-size:14px;border-radius: 5px;}
  .subAgentJoin dd li:nth-child(2) .txtWrap{order:2;padding-left: 0;padding-right: 0;}
  .subAgentJoin dd li:nth-child(2) .imgWrap{order:1;}

  /* rank guide */
  .subAgentRank dl{margin-bottom: 50px;}
  .subAgentRank dt{width: 100%;margin-bottom: 10px;}
  .subAgentRank dd p{font-size: 14px;margin-top: 10px;}
  .subAgentRank h3{font-size: 22px;margin-bottom: 10px;}
  .subAgentRank h3 + p{font-size: 14px;}
  .subAgentRank p{font-size: 14px;margin-top: 10px;}
  .subAgentRank ul{margin: 40px 0 20px;gap: 5px;}
  .subAgentRank li{font-size: 14px;width: calc(37% - 7px);margin-left: 5px;font-weight: 600;}

  /* COMPENSATION PLAN */
  .subAgentPlan p{font-size: 14px;}
  .subAgentPlan h3{font-size: 24px;margin: 50px 0 30px;}
  .subAgentPlan a{font-size: 15px;font-weight: 600;height: 50px;line-height: 1.3;display: flex;align-items: center;justify-content: center;padding: 0 15px;}
  .subAgentPlan ul{margin-top: 50px;padding: 30px 0;}
  .subAgentPlan ul li{padding: 20px 0;width: 100%;justify-content: normal;}
  .subAgentPlan ul li h5{font-size: 18px;line-height: 1.3;margin-bottom: 10px;}
  .subAgentPlan ul li span{font-size: 14px;}
  .subAgentPlan ul li:nth-child(odd){padding-right: 0px;}
  .subAgentPlan ul li:nth-child(even){padding-left: 0px;}

  /* rewards */
  .rewardsTop{padding: 50px 20px;margin-bottom: 50px;}
  .rewardsTop h2{font-size: 24px;}
  .rewardsTop p{font-size: 18px;margin: 30px 0 20px;line-height: 1.5;}
  .rewardsTop div{display: flex;}
  .rewardsTop a{width: 50%;line-height: 40px;font-size: 16px;}
  .subRewards p{margin-top: 10px;font-size: 14px;}
  .subRewards h2{margin-top: 30px;font-size: 16px;}
  .subRewards ul{padding-left: 20px;}
  .subRewards ul li{font-size: 16px;}
  .subRewards a{margin: 30px auto 60px;line-height: 40px;font-size: 16px;font-weight: 600;}
  .subRewards2 li{width: 100%;margin-top: 30px;}
  .subRewards2 li:nth-child(2){margin-top: 30px;}
  .subRewards2 li p{font-size: 20px;}
  .subRewards2 h2{margin: 50px 0 30px;font-size: 24px;}
  .subRewards2 dl{padding-left: 30px;margin-top: 30px;}
  .subRewards2 dt{font-size: 18px;}
  .subRewards2 dd{font-size: 14px;}


}