@charset "UTF-8";
.fwbold{font-weight: bold;}
.colorw{color:#fff !important}
.img100{width: 100%;}

.rew21_numstory .numstory_wrap{padding-bottom: 105px;}
.rew21_numstory .numstory_inner{display: flex; justify-content: center; flex-wrap: wrap; max-width: 796px; margin: 42px auto 0 auto; }
.rew21_numstory .gray_txt{font-size: 14px; color:#646569;}
.rew21_numstory .numstory_boxs{width: 32%; height: 280px;margin-bottom: 19px; background: #fafafa; margin-right: 2%;}
.rew21_numstory .numstory_boxs:nth-child(3n){margin-right: 0;}
.rew21_numstory .numstory_boxs:last-child{margin: 0;}
.rew21_numstory .numstory_tit{padding-top: 40px; font-size: 16.8px; line-height: 28px;}
.rew21_numstory .numstory_tit i{font-size: 14px; color:#7f7f7f;}
.rew21_numstory .numstory_ico {padding-top: 60px;}
.rew21_logostory{word-break: keep-all;}
.rew21_logostory .minititle{margin-bottom: 40px; font-family: 'Malgun SamB'; font-size: 22.4px; line-height: 28px;}
.rew21_logostory .minititle .gray_txt{font-size: 16.8px; font-weight: 500; color:#646569; }
.rew21_logostory p{font-size: 16.8px; color:#231f20; line-height: 30px;}
.rew21_logostory .blue_txt{font-weight: bold; color:#8396AC;}
.rew21_logostory .logo25years_area{max-width: 265px; margin:0 auto 26px auto;}
.rew21_logostory .weblogo_area{max-width: 298px; margin: 0 auto;}
.rew21_logostory .weblogo_area02{max-width: 160px; margin: 0 auto;}
/* 회사소개 */
.rew21_science{max-width: 1100px; margin: 0 auto; text-align: center;}
.rew21_science .rew18_storyTitle_area{padding-top: 105px;}
.rew21_science .agelocimg_area{max-width: 980px; margin: 49px auto 0 auto; padding: 0 25px;}
.rew21_science .lifegen_logo_area{max-width: 396px; margin: 105px auto 0 auto;}
.rew21_science .ageloc_story{word-break: keep-all; line-height: 30px;}
/* 사이언스 */
.rew21_awards h3{padding: 105px 0 24px 0;}
.rew21_awards h2{padding-bottom: 25px; color: #0d47a1; }
.rew21_awards .awards_tab {display: flex; justify-content:center;  width: 100%; margin: 0 auto; padding-bottom: 24px; }
.rew21_awards .awards_tab li{list-style: none;width:110px; background: #f6f6f6; height: 40px; line-height: 40px;margin-right: 4px;}
.rew21_awards .awards_tab li:last-child{margin-right: 0;}
.rew21_awards .awards_tab li a{display: block; color:#676767;font-size: 16px; }
.rew21_awards .awards_tab li a.awarad_tab_on{background:#00b5e2; color:#fff; font-weight: bold;}
.rew21_awards{padding: 0 20px;}
.rew21_awards .award_wrap_all,
.rew21_awards .award_wrap_company,
.rew21_awards .award_wrap_contribution,
.rew21_awards .award_wrap_product {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px 2%; grid-gap: 20px 2%; grid-auto-flow: dense;}
.rew21_awards .award_boxs{min-height: 380px; border: 1px solid #d7d7d7;}
.rew21_awards .award_name{word-break: keep-all; line-height: 22px;font-size: 14.8px; color:#231f20;}
.rew21_awards .award_img{width: 100%; height: 260px;}
.rew21_awards .award_img img{width: 100%; max-width: 260px; height: 100%;}
.rew21_awards .award_info{padding:10px 12px; border-top: 1px solid #d7d7d7;  text-align: left;}
.award_name_s{font-size: 14px;color:#231f20;line-height: 22px;}
.rew21_awards .award_detail{grid-column: 1 / -1; font-size: 12px; color:#646569;}
.rew21_awards .award_subText_mo {display: none;}
/* 어워즈 */
.rew21_title_history h3{padding-top: 108.5px; padding-bottom:75px; font-family: "Malgun SamB"; text-align: center; font-size:33.6px; color:#231f20;}
.rew21_title_history h3 span{font-weight: normal; color:#414141;}
.rew21_history_tab{width: 100%; height: 60px; border-bottom: 1px solid #c6c7c7; background:#fff; overflow-x: auto; overflow-y: hidden;}
.fixed_tab{position: fixed; top:0; right: 0; z-index: 9999;}
.tab_list{display: flex; justify-content: space-around; width: 500px; margin:0 auto; text-align: center;}
.rew21_history_tab .tab_list li{line-height: 60px;}
.rew21_history_tab .tab_list li::after{content: "·"; padding-left: 6px;}
.rew21_history_tab .tab_list li:last-child::after{display: none;}
.rew21_history_tab .tab_list li a{padding-bottom: 5px; color:#414141; font-weight: bold; font-size: 16.8px;}
.rew21_history_tab .tab_list li a.active{border-bottom: 3px solid #00b4e2; color:#00b5e2;}
.rew21_banner{padding-top: 105px;}
.rew21_history .history_inner{max-width: 1100px; margin: 0 auto; display: flex; align-items:center; justify-content: center; overflow: hidden;}
.rew21_reverse{flex-direction: row-reverse;}
.rew21_banner_full25{height: 500px;}
.rew21_banner_full18{height: 594px;}
.rew21_banner_full14{height: 366px;}
.rew21_banner_full11{height: 700px;}
.rew21_banner_full6{height: 496px;}
.rew21_banner25{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner25.jpg) no-repeat center; margin-top: 105px;}
.rew21_banner18{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner18.jpg) no-repeat; margin-top: 105px;}
.rew21_banner14{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner14.jpg) no-repeat; margin-top: 105px;}
.rew21_banner11{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner11.jpg) no-repeat; margin-top: 105px;}
.rew21_banner6{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner6_3.jpg) no-repeat;margin-top: 105px;}
.rew21_history .history_txts{letter-spacing: -0.2px; margin-top: 10px;}
.rew21_history .history_imgs{margin-left: 20px;}
.rew21_history .history_imgs img{width: 100%;}
.rew21_history .history_txts, .history_imgs{padding:0 16px; width: 50%;opacity: 0;}
.rew21_history .history_year{font-size: 22.4px; color:#231f20; line-height: 36px; word-break: keep-all;}
.rew21_history .history_year span{font-size: 33.6px; color:#00b5e2;}
.rew21_history .history_desc{font-size: 16.8px; line-height: 30px; margin-top: 26px; word-break: keep-all; font-weight: 500; color:#231f20}
.rew21_history .history_desc img{width: 100%; max-width: 518px; margin-top: 40px;}
.rew21_history .comment{font-size: 14.8px; color:#646569;}
.rew21_history .animate1{opacity: 1; transition:all 0.7s;transform: translateX(-20px);}
.rew21_history .animate2{opacity: 1; transition:all 1s; transform:translateY(-10px);}
/* 뉴스킨 코리아 연혁 */

@media only screen and (max-width: 1024px){
    .rew21_history .banners{width: 100%; background-repeat: no-repeat;}
    .rew21_history .banners {display: flex; text-align: center; width: 100%;}
    .rew21_history .banners{width: 100%; background-repeat: no-repeat;}
    .rew21_history .banners .history_imgs{display: none;}
    .rew21_history .banners{width: 100%;}
    .rew21_history .history_txts{width: 100%;}
    .rew21_banner18{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner18_mo.jpg) no-repeat center;}
    .rew21_banner14{ background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner14_mo.jpg) no-repeat center;}
    .rew21_banner11{ background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner11_mo_2.jpg) no-repeat center;}
    .rew21_banner6{background: url(https://resource2018.nuskinkorea.co.kr/images/renew/rew21/history_banner6_mo_2_1.jpg) no-repeat center;}
}
@media only screen and (max-width: 767px){
    .rew21_awards h3{padding-top: 75px;}
    .rew21_awards .awards_tab li a{font-size: 14px;}
    .rew21_awards .award_boxs{width:100%; min-width: 200px;}
    .rew21_awards .award_boxs:nth-child(2n){margin-right: 0;}
    .rew21_awards .award_subText_mo {display: block; margin-top: 16px;}
    .rew21_awards .award_subText_pc {display: none;}
    .rew21_numstory .numstory_boxs{width: 80%; height:240px; margin-right: 0;}
    .rew21_numstory .numstory_ico{padding-top: 40px;}
    .rew21_numstory .numstory_tit{font-size: 14px; line-height: 22px; padding-top:30px;}
    .rew21_numstory .gray_txt{font-size: 12px;}
    .rew21_logostory p{font-size: 14px; line-height: 24px;}
    .rew21_logostory .minititle{font-size: 16.8px;}
    .rew21_logostory .weblogo_area, .rew21_logostory .logo25years_area{max-width: 220px;}
    .rew21_logostory .weblogo_area02{max-width: 120px;}
    .rew21_science .rew18_storyTitle_area{padding-top: 79px;}
    .rew21_science .lifegen_logo_area{width: 280px; margin-top: 24px;}
    .rew21_science .ageloc_story{line-height: 24px;}
    .rew21_awards .award_name{font-size: 14px; line-height: 18px;}
    .rew21_title_history h3{font-size: 27px; padding-top: 84px; padding-bottom:40px;}
    .rew21_history .history_year{font-size: 18px; line-height: 28px;}
    .rew21_history .history_year span{font-size: 22.4px;}
    .rew21_history .history_inner, .reverse{display: block;}
    .rew21_history .history_txts, .history_imgs{width: 100%;}
    .rew21_history .history_txts{padding: 10px 20px;}
    .rew21_history .history_desc {font-size: 14px; line-height: 24px; margin-top: 6px;}
    .rew21_history .comment{font-size: 12px;}
    .rew21_history .banners{margin-top: 60px; text-align: center; display: flex;}
    .rew21_history .banners:first-child{margin: 0;}
    .rew21_history .banners .history_imgs{display: none;}
    .rew21_banner{padding-top: 60px;}
    .rew21_banner18, .rew21_banner14, .rew21_banner6 {margin-top: 60px;}
}