@charset "UTF-8";

.wrapper{display:flex; flex-direction: column; position:relative;  min-height:100vh;}
.contents{position:relative; flex:1;/* padding-bottom:25rem;*/ overflow:hidden;}

.cont{position:relative; width:168rem; margin-left:auto; margin-right:auto;}

.owl-carousel .owl-item .pc,
.pc{display:block;}
.owl-carousel .owl-item .m,
.m{display:none;}

.mt30{margin-top:3rem;}
.mt60{margin-top:6rem;}
.mt80{margin-top:8rem;}
.mt90{margin-top:9rem;}
.mt120{margin-top:12rem;}
.mb20{margin-bottom:20rem;}
.mb25{margin-bottom:25rem;}

@media all and (max-width:1800px){
  .cont{width:calc(100% - 12rem); margin-left:6rem; margin-right:6rem;}
}

@media all and (max-width:1024px){
  .owl-carousel .owl-item .pc,
  .pc{display:none;}
  .owl-carousel .owl-item .m,
  .m{display:block;}

  .mt30{margin-top:5rem;}
  .mt60{margin-top:10.8rem;}
  .mt90{margin-top:15rem;}
}

/**************/ 
/*  header    */
/**************/
.header{position:absolute; top:6rem; left:0; width:100%; z-index:100;}
.header .cont{display:flex; align-items:flex-start;}
.header .menu{margin-left:9rem;}
.header .menu>ul{display:flex; align-items:center; font-size:1.5rem;}
.header .menu>ul>li{position:relative;}
.header .menu>ul>li+li{margin-left:3rem;}
.header .menu>ul>li>a{display:block; padding-bottom:1.5rem; color:#111; text-transform:uppercase;}
.header .menu>ul>li>a:after{content:""; display:block; position:absolute; bottom:1.0rem; left:0; width:0%; height:1px; background:#111; transition:width 0.3s ease;}
.header .menu ul ul{display:none; position:absolute; top:100%; left:50%; text-align:center; background:rgba(255,255,255,.9); transform:translateX(-50%); border-radius:1rem; overflow:hidden; box-shadow:3rem 0 7rem rgba(112,112,112,.2);}
.header .menu ul ul li a{display:block; padding:2rem 3rem; color:#999; white-space: nowrap; font-size:1.4rem; font-weight:700;}
.header .menu ul ul li a.on,
.header .menu ul ul li a:hover{color:#143db4;}
.header .menu ul ul li+li{border-top:1px solid #fff;}

.header.main .menu>ul>li>a{color:#fff;}
.header.main .menu>ul>li>a:after{background:#fff;}

.header .menu>ul>li:hover>a:after,
.header .menu .active>a:after,
.header .menu .hover>a:after{width:100%;}
.header .menu .hover ul{display:block; animation:headerMenu 0.3s forwards ease-in-out;}

@keyframes headerMenu{
  0%{opacity:0;}
  100%{opacity:1;}
}

.header .etc{display:flex; align-items:center; margin-left:auto;}
.header .etc .link{display:block; margin-right:4rem; font-size:0;}
.header .etc .lang{position:relative; margin-right:4rem; font-size:1.5rem;}
.header .etc .lang .btn{display:flex; align-items: center; justify-content:space-between; width:6rem; height:2.4rem;}
.header .etc .lang .btn:after{content:""; display:block; width:1.8rem; height:1.8rem; background:url(../img/ico_lang_arrow.png) no-repeat right center;}
.header .etc .lang .btn.active:after{transform:rotate(180deg);}
.header .etc .lang ul{display:none; position:absolute; top:100%; left:50%; margin-top:1.5rem; padding-top:0; transform:translateX(-50%); box-shadow:3rem 0 7rem rgba(112,112,112,.2);  border-radius:1rem;}
.header .etc .lang ul:before{content:""; display:block; width:100%; height:1.5rem; position:absolute; top:-1.5rem; left:0;}
.header .etc .lang ul a{display:block; width:9rem; padding:1.3rem 1.5rem; color:#999; background:rgba(255,255,255,.9);}
.header .etc .lang ul a:hover{color:#111; font-weight:700;}
.header .etc .lang ul li+li{border-top:1px solid #fff;}
.header .etc .lang ul li:first-child a{border-top-left-radius:1rem; border-top-right-radius:1rem;}
.header .etc .lang ul li:last-child a{border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;}

.header.main .etc .lang .btn{color:#fff;}
.header.main .etc .lang .btn:after{background-image:url(../img/ico_lang_arrow_w.png);}

.header .etc .openGnb{position:fixed;}

@media all and (max-width:1200px){
  .header .menu{margin-left:4rem;}
}

@media all and (max-width:1024px){
  .header .logo{width:13.5rem;}
  .header .logo img{width:100%;}
  .header .menu{display:none;}
  .header .etc .link{display:none;}
  .header .etc .lang{display:none;}
  .header .etc .openGnb{width:6rem;}
  .header .etc .openGnb img{width:100%;}
}

/**************/ 
/*  전체메뉴    */
/**************/
.allMenu{display:none; /*display:flex;*/ align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg_allMenu.jpg) no-repeat center / cover; z-index:100;}
.allMenu .menu a{display:inline-block; font-family: 'GmarketSansMedium';  font-weight:400;}
.allMenu .menu>ul>li{position:relative; opacity:0;}
.allMenu .menu>ul>li+li{margin-top:3rem;}
.allMenu .menu>ul>li>button{font-size:6rem; font-weight:500; letter-spacing: -0.2rem; color:#555; transition:color 0.3s ease;}
.allMenu .menu ul ul{display:none; position:absolute; top:1rem; left:84rem;}
.allMenu .menu ul ul a{display:inline-block; position:relative; font-size:1.8rem; color:#999; white-space: nowrap;transition:color 0.3s ease;}
.allMenu .menu ul ul a:after{content:""; display:block; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#fff; transition:width 0.3s ease;}
.allMenu .menu ul ul a.on{color:#fff;}
.allMenu .menu ul ul a:hover{color:#fff;}
.allMenu .menu ul ul a.on:after,
.allMenu .menu ul ul a:hover:after{width:100%;}
.allMenu .menu ul ul li+li{margin-top:3rem;}
.allMenu .menu .active{z-index:1;}
.allMenu .menu .active button{color:#fff;}
.allMenu .menu .active ul{display:block; z-index:1;}
.allMenu .lang{display:flex; position:absolute; bottom:0; right:0; opacity:0; z-index:2;}
.allMenu .lang a{display:block; font-size:1.8rem; color:#999;}
.allMenu .lang a+a{margin-left:2rem;}
.allMenu .lang .active{color:#fff; border-bottom:1px solid #fff;}
.allMenu .closeAllMenu{position:absolute; top:0; right:0; opacity:0; z-index:2;}
.allMenu .link{display:none;}

.allMenu.opened{display:flex;}
.allMenu.opened .menu>ul>li{animation:allMenuFadeIn 0.5s forwards cubic-bezier(0.34, 1.56, 0.64, 1);}
.allMenu.opened .menu>ul>li:nth-of-type(2){animation-delay: 0.1s;}
.allMenu.opened .menu>ul>li:nth-of-type(3){animation-delay: 0.2s;}
.allMenu.opened .menu>ul>li:nth-of-type(4){animation-delay: 0.3s;}
.allMenu.opened .menu>ul>li:nth-of-type(5){animation-delay: 0.4s;}
.allMenu.opened .lang{animation:langFade 1s forwards cubic-bezier(0.34, 1.56, 0.64, 1);}
.allMenu.opened .closeAllMenu{animation:closeBtn 1s forwards cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes allMenuFadeIn{
  0%{opacity:0; transform:translateY(100%);}
  100%{opacity:1; transform:translateY(0);}
}
@keyframes langFade{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes closeBtn{
  0%{opacity:0;}
  100%{opacity:1;}
}

@media all and (max-width:1200px){
  .allMenu .menu ul ul{left:65rem;}
}

@media all and (max-width:1024px){
  .allMenu{padding:17rem 0 20rem; overflow-y:auto;}
  .allMenu .menu>ul>li+li{margin-top:11rem;}
  .allMenu .menu>ul>li>button{font-size:7rem;}
  .allMenu .menu ul ul{display:block; position:relative; top:0; left:0; margin-top:4rem;}
  .allMenu .menu ul ul a{font-size:4rem;}
  .allMenu .menu ul ul li+li{margin-top:5rem;}
  .allMenu .lang{position:relative; margin-bottom:11rem;}
  .allMenu .lang a{font-size:4rem;}
  .allMenu .lang a+a{margin-left:6rem;}
  .allMenu .lang .active{color:#fff; border-bottom:1px solid #fff;}
  .allMenu .closeAllMenu{position:absolute; top:-6rem; right:0; width:6rem;}
  .allMenu .closeAllMenu img{width:100%;}
  .allMenu .link{display:inline-block; width:4.8rem; margin-top:12rem;}
  .allMenu .link img{width:100%;}

  .allMenu.opened{display:block;}
}

/**************/ 
/*  footer    */
/**************/
.footer{position:relative;padding-top:12rem; padding-bottom:18rem; color:#fff; background:#111;}
.footer:before{content:""; display:block; position:absolute; top:-1rem; left:0; width:100%; height:1rem; background:url(../img/bg_footer.png) repeat-x bottom left / contain;}
.footer .cont{display:flex; position:relative; padding-right:21rem;}
.footer .addr{margin-left:16rem;}
.footer .addr{margin-left:16rem;}
.footer .link{display:flex; align-items: center; justify-content: center; position:absolute; top:0; right:0; width:21rem; height:6rem; font-size:1.8rem; color:#fff; border:1px solid rgba(80,80,80,.2);}
.footer .link:after{content:""; display:block; position:absolute; top:0; right:0; width:2.5rem; height:2.5rem; background:url(../img/bg_footer_inquiry.png) no-repeat top left / cover;}
.footer .info{display:flex; align-items: center; flex-wrap: wrap; margin-top:1rem; font-weight:300;}
.footer .info span{display:inline-block; margin:0.5rem 0; line-height:1; margin-right:1rem; padding-right:1rem; border-right:1px solid rgba(80,80,80,.2);}
.footer .info span:last-child{margin-right:0; padding-right:0; border-right:0;}
.footer .copyright{margin-top:9rem; font-size:1.8rem; font-weight:300;}


@media all and (max-width:1500px){
  .footer .addr{margin-left:6rem;}
}

@media all and (max-width:1024px){
  .footer{padding-top:12rem; padding-bottom:21rem;}
  .footer .cont{flex-direction: column; padding-right:0;}
  .footer .f_logo{width:16rem;}
  .footer .f_logo img{width:100%;}
  .footer .addr{margin-top:12rem; margin-left:0; font-size:3.6rem; line-height:1.8;}
  .footer .link{position:relative; width:100%; height:16rem; margin-top:13rem; font-size:5rem;}
  .footer .link:after{width:9rem; height:9rem;}
  .footer .info span{display:inline-block; margin:1rem 0; margin-right:3rem; padding-right:3rem; border-right:none;}
  .footer .info span:first-child{border-right:1px solid rgba(80,80,80,.2);}
  .footer .copyright{margin-top:12rem; font-size:3.6rem;}
}

.tit_section{font-size:6rem; font-weight:300; line-height:1.3; letter-spacing: -0.05em;}
.tit_section span{display:inline-block;}
.tit_section strong{display:inline-block; font-size:12.9rem; font-family: 'GmarketSansMedium'; font-weight:400;}

@media all and (max-width:1024px){
  .tit_section strong{font-size:10.5rem;}
}

/**************/ 
/*    main    */
/**************/
.main01{height:108rem; padding-top:18rem; background:url(../img/main_01_bg.jpg) no-repeat center top; color:#fff;}
.main01 .txt01{margin-top:5rem; font-size:13rem; font-family: 'GmarketSansMedium'; letter-spacing: -0.5rem; line-height:1.2;}
.main01 .txt02{margin-top:7rem; font-size:3rem;}

.main02{position:relative; margin-top:-1rem; padding:12rem 0; background:url(../img/main_bg01.png) no-repeat top center;}
.main02 .tit_section strong{margin-right:4rem;}
.main02 .box01{position:relative; width:132rem; margin:15rem auto 0; line-height:1.8;}
.main02 .box01 .txt02{position:absolute; top:0; left:4rem;}
.main02 .box01 .txt03{position:absolute; bottom:0; right:0; text-align:right;}
.main02 .box01 img{max-width:100%;}
.main02 .bubble{position:absolute; bottom:-23rem; left:-15rem;}
.main02 .link{position:absolute; top:0; right:0;}

.main03 p{height:42rem; font-size:0; background:url(../img/main_03_img01.jpg) no-repeat center top;}

.main04{margin-top:-5rem; padding-top:15rem; background:url(../img/main_bg02.png) no-repeat top center; overflow:hidden;}
.main04 .cont{position:relative; height:100%;}
.main04 .tit_section{position:absolute; top:0; left:0; width:50%;}
.main04 .tit_section p:nth-of-type(2){margin-left:18rem;}
.main04 .tit_section p:nth-of-type(3){margin-top:7rem;}
.main04 .owl-carousel{float:right; width:50%; margin-left:4rem;}
.main04 .info{position:absolute; top:74rem; left:0; font-weight:300;}
.main04 .info>div{position:absolute; top:0; left:0; white-space: nowrap; opacity:0; transition:opacity 0.2s ease;}
.main04 .info>div.on{opacity:1;}
.main04 .info .txt01{font-size:3.6rem;}
.main04 .info .txt01 strong{font-weight:300; color:#00c9ff;}
.main04 .info .txt02{margin-top:3rem; font-size:1.8rem;}
.main04 .info .bubble{position:absolute; top:-16rem; left:11rem;}
.main04 .owl-dots{position:absolute; bottom:17rem; left:-7rem;}
.main04 .owl-dots .owl-dot{display:block;}
.main04 .owl-dots .owl-dot+.owl-dot{margin-top:3rem;}
.main04 .owl-dots .owl-dot span{display:block; width:1.2rem; height:1.2rem; border:2px solid #d7d8d8; border-radius:50%;}
.main04 .owl-dots .owl-dot.active span{border-color:#093697; background:#093697;}
.main04 .link{position:absolute; top:0; right:0;}

.main05{margin-top:-2.5rem; padding:9rem 0 12rem; background:url(../img/main_bg03.png) no-repeat top center;}
.main05 .tit_section{position:relative;}
.main05 .tit_section strong{margin-top:3rem;}
.main05 .safety{display:flex; align-items: center; margin-top:10rem;}
.main05 .safety div{display:flex;;}
.main05 .safety div span{display:flex; justify-content: center; align-items: center; width:12rem; height:12rem; text-align:center; border-radius:50%; font-size:1.8rem; font-weight:300; color:#fff;}
.main05 .safety div span:nth-of-type(1){background:#00c9ff;}
.main05 .safety div span:nth-of-type(2){background:#00d5a1;}
.main05 .safety div span+span{margin-left:1rem;}
.main05 .safety p{margin-left:9rem;}
.main05 .product{display:flex; margin-top:12rem;}
.main05 .product a{display:block; width:calc((100% - 6rem) / 3);}
.main05 .product a+a{margin-left:3rem;}
.main05 .product .thumb{display:block; position:relative; overflow:hidden;}
.main05 .product .thumb:before{content:""; display:block; width:100%; height:0; padding-bottom:66.6666%;}
.main05 .product .thumb img{position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.3s ease;}
.main05 .product a:hover img{transform:scale(1.1);}
.main05 .product .name{padding:3rem 0 0 1rem; font-weight:bold; color:#000;}
.main05 .bubble{position:absolute; top:-8rem; right:21rem;}
.main05 .link{position:absolute; top:0; right:0;}

.main06{padding:11.7rem 0 15rem; background:url(../img/main06_bg.jpg) no-repeat top center / cover;}
.main06 .cont{padding-left:12rem;}
.main06 .txt01{margin-top:3.5rem; font-weight:300;}
.main06 .process{display:flex; margin-top:9rem;}
.main06 .process li+li{position:relative; margin-left:8rem;}
.main06 .process li+li:before{content:""; display:block; position:absolute; top:8rem; left:-4rem; width:1.4rem; height:2.4rem; background:url(../img/main06_arrow.png) no-repeat top left / cover;}
.main06 .process li p{margin-top:3rem; font-size:1.8rem; color:#00acda; text-align:center;}
.main06 .clock{margin-top:8rem;}
.main06 .store{position:absolute; top:53rem; right:19rem;}
.main06 .store .btn{margin-top:11rem;}
.main06 .store .btn a{display:inline-block; transition:all 0.3s ease; border-radius:1rem; overflow: hidden;}
.main06 .store .btn a:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,.1)}



@media all and (max-width:1600px){
  .main04 .tit_section{width:40%;}
  .main04 .tit_section p:nth-of-type(2){margin-left:0;}
  .main04 .owl-carousel{width:55%; margin-left:0;}
  .main06 .store{right:0;}
}

@media all and (max-width:1440px){
  .main02{margin-top:0; background:#fbfcfc;}
  .main02 .box01{width:100%;}
  .main02 .bubble{width:30%;}
  .main02 .bubble img{width:100%;}
  .main03 p{background-size:cover;}
  .main04{margin-top:0; background:#f7f9fa;}
  .main04 .tit_section strong{font-size:8rem;}
  .main04 .info{top:55rem;}
  .main05{margin-top:0; background:#fff;}
  .main06 .cont{padding-left:0;}
  .main06 .process li{width:12%;}
  .main06 .process li img{width:100%;}
  .main06 .clock{width:40vw;}
  .main06 .clock img{width:100%;}
  .main06 .store .phone{width:30vw; margin:0 auto}
  .main06 .store .phone img{width:100%;}
}

@media all and (max-width:1024px){
  .main01{height:180rem; padding-top:23.7rem; background-image:url(../img/main_01_bg_m.jpg); background-size:contain;}
  .main01 .txt01{margin-top:3rem; font-size:12rem;}
  .main01 .txt02{width:85%; margin-top:4rem; font-size:4.8rem;}
  .main01 img{width:30rem;}

  .main02{padding:21rem 0 12rem; background:#f7f9fa;}
  .main02 .tit_section strong{display:block; margin-right:0; margin-top:3rem; margin-bottom:3rem; font-size:10.5rem;}
  .main02 .box01{position:relative; width:auto;}
  .main02 .box01 .img{display:block; margin:7rem -6rem;}
  .main02 .box01 .img img{width:100%;}
  .main02 .box01 .txt02{position:relative; left:0;}
  .main02 .box01 .txt03{position:relative; text-align:left;}
  .main02 .bubble{bottom:25rem;}
  .main02 .link{width:9rem;}
  .main02 .link img{width:100%;}

  .main03 p{height:53.1rem; background-image:url(../img/main_03_img01_m.jpg);}

  .main04{padding-top:21rem;}
  .main04 .cont{height:auto;}
  .main04 .tit_section{position:relative; width:100%;}
  .main04 .tit_section strong{font-size:10.5rem;}
  .main04 .tit_section p:nth-of-type(2){margin-left:14.5rem;}
  .main04 .tit_section p:nth-of-type(3){margin-top:5rem;}
  .main04 .owl-carousel{float:none; width:100%; margin-top:12rem;}
  .main04 .info{position:relative; top:0; left:0; height:27rem; margin-top:30rem;}
  .main04 .info .txt01{font-size:5.1rem;}
  .main04 .info .txt02{margin-top:6rem; font-size:3.9rem;}
  .main04 .info .bubble{top:-2rem; left:63rem; width:8.6rem;}
  .main04 .info .bubble img{width:100%;}
  .main04 .owl-dots{position:absolute; top:-56.7rem; bottom:auto; left:5rem;}
  .main04 .owl-dots .owl-dot{display:inline-block;}
  .main04 .owl-dots .owl-dot+.owl-dot{margin-top:0; margin-left:3rem;}
  .main04 .owl-dots .owl-dot span{width:3rem; height:3rem; border:1px solid #d7d8d8; }
  .main04 .link{width:9rem;}
  .main04 .link img{width:100%;}

  .main05{padding:21rem 0;}
  .main05 .safety{display:block; margin-top:15rem;}
  .main05 .safety div span{width:20rem; height:20rem; font-size:3.9rem;}
  .main05 .safety div span+span{margin-left:4rem;}
  .main05 .safety p{margin-left:0; margin-top:12rem;}
  .main05 .product{display:block;}
  .main05 .product a{width:100%;}
  .main05 .product a+a{margin-left:0; margin-top:12rem;}
  .main05 .product .name{padding:6rem 0 0 3rem; font-size:5.1rem;}
  .main05 .bubble{display:none;}
  .main05 .link{width:9rem;}
  .main05 .link img{width:100%;}

  .main06{padding:14rem 0 20rem; background-image:url(../img/main06_bg_m.jpg);}
  .main06 .txt01{margin-top:14rem;}
  .main06 .process{margin-top:12rem;}
  .main06 .process li{width:calc((100% - 20rem) / 3)}
  .main06 .process li+li{margin-left:10rem;}
  .main06 .process li+li:before{top:10rem; left:-6rem; width:2rem; height:3.2rem;}
  .main06 .process li p{margin-top:4rem; font-size:3.9rem;}
  .main06 .clock{width:100%; margin-top:11rem;}
  .main06 .store{position:relative; top:0; right:0; margin-top:11rem;}
  .main06 .store .phone{width:50.4rem;}
  .main06 .store .btn{display:flex;}
  .main06 .store .btn a+a{margin-left:5rem;}
  .main06 .store .btn a img{width:100%;}
}

/*********************/ 
/*    서브페이지 공통    */
/*********************/ 
.sub_top{display:flex; justify-content: space-between; position:relative; padding-top:21rem; z-index:2;}
.tit_page{font-family: 'GmarketSansLight'; font-size:12rem; font-weight:300; line-height:1;}
.tit_page strong{font-family: 'GmarketSansMedium'; font-weight:400;}
.tit_page.indent{margin-left:12rem;}
.tit_block{font-size:4.2rem;}
.tit_block strong{text-decoration: underline;}
.location{display:flex; align-items: flex-start; font-size:1.5rem; white-space: nowrap;}
.location>div{padding:0 1.5rem; line-height: 1;}
.location>div+div{border-left:1px solid rgba(0,0,0,.1);}
.location .pages{position:relative; min-width:16rem;}
.location .pages .btn{display:flex; justify-content: space-between; align-items: center; margin-top:-5px; width:100%; font-weight:700;font-family: 'Spoqa Han Sans Neo';}
.location .pages .btn:after{content:""; display:block; width:1.8rem; height:1rem; margin-left:1rem; background:url(../img/ico_location_arrow.png) no-repeat center;}
.location .pages ul{display:none; position:absolute; top:100%; right: 0; min-width:100%; margin-top:1.5rem; padding: 1.5rem; background:rgba(255,255,255,.9);border-radius:1rem; box-shadow:3rem 0 7rem rgba(112,112,112,.2);}
.location .pages ul:before{content:""; display:block; width:100%; height:1.5rem; position:absolute; top:-1.5rem; left:0;}
.location .pages ul a{display:block; padding:1rem 2rem; color:#999; white-space: nowrap; font-size:1.4rem; font-weight:700;}
.location .pages ul a:hover{color:#143db4;}
.location .pages ul li+li{border-top:1px solid #fff;}
.location .pages .btn.active:after{transform:rotate(180deg);}
.location .pages .btn.active+ul{display:block;}

@media all and (max-width:1024px){
  .sub_top{padding-top:35rem;}
  .tit_page{font-size:11.4rem;}
  .tit_page.indent{margin-left:6rem;}
  .tit_block{font-size:8.1rem;}
  .location{display:none;}
}

/*********************/ 
/*        NEWS       */
/*********************/ 
.board_top{display: flex; align-items:center; justify-content: space-between;}
.total{position:relative; padding-left:2rem; font-size:1.8rem; line-height: 1;}
.total:before{content:""; display:block; position:absolute; top:50%; left:0.8rem;  width:0.2rem; height:0.2rem; border-radius:50%; background:#111; transform:translateY(-50%);}
.serchForm{display:flex;}
.serchForm input{width:47rem; height:6rem; padding:0 1rem; font-size:1.8rem; border:solid #eee; border-width:2px 0 2px 2px;}
.serchForm a,.serchForm button{display:block; width:12rem; font-size:1.8rem; text-align:center; line-height:6rem; color:#fff; background:#000;}

@media all and (max-width:1024px){
  .board_top{display: block;}
  .total{padding-left:3rem; font-size:3.6rem;}
  .total:before{left:0; width:0.5rem; height:0.5rem;}
  .serchForm{width:100%; margin-top:8rem;}
  .serchForm input{flex:1; width:auto; height:9.6rem; padding:0 2rem; font-size:3.6rem;}
  .serchForm a,.serchForm button{width:19rem; font-size:3.6rem; line-height:9.6rem;}
}

/* board list */
.board_list{border-top:1px solid #000;}
.board_list th{padding:3rem 0; border-bottom:1px solid #eee; background:#f5f5f5;}
.board_list td{padding:3rem 0; text-align:center; border-bottom:1px solid #eee;}
.board_list .left{text-align:left;}
.board_list .tit{display:inline-block; max-width:100%; color:#111;}
.board_list .empty td{text-align: center;}

.bg_news{position:absolute; bottom:0; right:0;}

@media all and (max-width:1024px){
  .board_list, .board_list tbody, .board_list tr,.board_list td{display:block;}
  .board_list thead{display:none;}
  .board_list tr{position:relative; padding:6rem 6rem 6rem 16rem; border-bottom:1px solid #eee;}
  .board_list td{padding:0; text-align:left; border-bottom:0;}
  .board_list .tit{margin-bottom:5rem;}
  .board_list .no{position:absolute; top:6rem; left:4rem;}
  .board_list .empty{padding-left:0; padding-right:0;}

  .bg_news{display:none;}
}

/* board view */
.board_view_header{display:flex; padding:3rem 8rem; border-top:1px solid #111; border-bottom:2px solid #eee;}
.board_view_header .tit{flex:1; margin-right:2rem; font-size:2.4rem;}
.board_view_body{padding:6rem 8rem; font-weight:300;}
.board_view_body img{max-width:100%;}
.board_view_bottom{display:flex; padding:3rem 8rem; border-top:1px solid #eee; border-bottom: 1px solid #eee;}
.board_view_bottom .files{flex:1; padding-left:2rem;}
.board_view_bottom .files a{display:inline-block; margin:0.5rem 2rem 1rem 0; font-size:1.8rem; color:#111; border-bottom:1px solid #949494;}

@media all and (max-width:1024px){
  .board_view_header{display:block; padding:5rem 2.4rem; font-size:3.6rem;}
  .board_view_header .tit{flex:1; margin-right:0; margin-bottom:5rem; font-size:4.2rem;}
  .board_view_body{padding:8rem 2.4rem;}
  .board_view_bottom{padding:5rem 2.4rem;}
  .board_view_bottom .files{padding-left:4rem;}
  .board_view_bottom .files a{margin:0.5rem 4rem 2rem 0; font-size:3.6rem;}
}

/*********************/ 
/*      paging       */
/*********************/ 
.paging{display: flex; justify-content: center; align-items: center; overflow:hidden;}
.paging a{display:flex; align-items: center; justify-content: center; width:4.2rem; height:4.2rem; color:#111; line-height:1;}
.paging .page{display:flex; align-items: center; margin:0 6rem;}
.paging .page a{margin:0 0.2rem; border-radius:50%;}
.paging .page .on{color:#00c9ff; border:0.3rem solid #00c9ff;}
.paging .prev{opacity:0.2;}
.paging .next{opacity:0.2;}
.paging .active{opacity:1;}

@media all and (max-width:1024px){
  .paging a{width:10rem; height:10rem;}
  .paging .prev{width:6rem;}
  .paging .prev img{width:100%;}
  .paging .next{width:6rem;}
  .paging .next img{width:100%;}
}

.challenge_box .challenge{font-family: 'GmarketSansMedium'; font-size:2.4rem; text-align: center; color:#999;}
.challenge_box .challenge strong{font-size:6rem; color:#111;font-weight:400; }
.challenge_box .tit_challenge{margin-top:3rem; font-size:4.2rem; font-weight:300;}

.blogTop{margin-bottom:7.5rem; background:#f8f8f8;}
.blogTop .cont{padding:15rem 12rem;}
.blogTop .challenge_box{display:flex; align-items: flex-end;}
.blogTop .challenge_box .tit_challenge{margin-top:0; margin-left:8rem;}

@media all and (max-width:1400px){
  .blogTop .cont{padding-left:0; padding-right:0;}
}

@media all and (max-width:1024px){
  .blogTop .challenge_box{flex-direction: column; align-items: flex-start;}
  .challenge_box .challenge{font-size:4rem;}
  .challenge_box .challenge strong{font-size:8.2rem;}
  .challenge_box .tit_challenge{margin-left:0; margin-top:4rem; font-size:5.2rem; }
}

.btnArea{display:flex; justify-content:center;}
.btnArea .btn{display:inline-flex; justify-content: center; align-items: center; min-width:21rem; height:6rem; padding:0 2rem; font-size:1.8rem; font-weight:700; transition:background 0.2s ease;}
.btnArea .btn.btn_primary{background:#000; color:#fff;}
.btnArea .btn.btn_primary:hover{background:rgba(0,0,0,.8);}

@media all and (max-width:1024px){
  .btnArea .btn{min-width:38rem; height:12rem; padding:0 2rem; font-size:4.6rem;}
}

/*********************/ 
/*        문의        */
/*********************/ 
.page_desc{line-height:1.5;}
.inquiry{display:flex; flex-wrap:wrap; justify-content: space-between; border-top:2px solid #000;}
.inquiry .items{width:calc((100% - 5rem) / 2); margin-top:4rem; font-size:1.8rem;}
.inquiry .items.full{width:100%;}
.inquiry .items span{display:block; margin-bottom:1.5rem;}
.inquiry .items span strong{color:#00c9ff;}
.inquiry .items input{width:100%; padding:2rem 0; border-bottom:1px solid #111;}
.inquiry .items input::placeholder{color:#ccc;}
.inquiry .items textarea{width:100%; height:22rem; padding:2rem 0; border-bottom:1px solid #111;}
.inquiry .items textarea::placeholder{color:#ccc;}

.inquiry_terms{display:flex; padding-bottom:8rem; border-bottom:1px solid #111;}
.inquiry_terms .tit{width:48rem;}
.inquiry_terms>div{flex:1; font-size:1.8rem;}
.inquiry_terms>div ul{margin-bottom:3rem; padding-bottom:3rem; border-bottom:1px solid #ddd;}
.inquiry_terms>div li{display:flex;}
.inquiry_terms>div li+li{margin-top:1rem;}
.inquiry_terms>div li strong{display:block; width:12rem; font-weight:400;}
.inquiry_terms>div p{padding-left:1rem; text-indent:-1rem; font-size:1.5rem; line-height:1.5; color:#999;}
.inquiry_terms>div p+p{margin-top:1rem;}
.btn_inquiry{width:30rem;}

.form_checkbox{display:flex; align-items: center; font-size:1.5rem; cursor: pointer;}
.form_checkbox input[type="checkbox"]{width:2.6rem; height:2.6rem; margin-right:0.5rem; border:1px solid #ddd;}
.form_checkbox input[type="checkbox"]:checked{background:#111 url(../img/ico_checkbox.png) no-repeat center / cover;}

@media all and (max-width:1024px){
  .inquiry{margin-top:7rem;}
  .inquiry .items{width:100%; margin-top:7rem; font-size:4.2rem;}
  .inquiry .items input{padding:5rem 0;}
  .inquiry .items textarea{height:40rem; padding:5rem 0;}

  .inquiry_terms{display:block;}
  .inquiry_terms .tit{width:100%; margin-bottom:7rem; padding:0 1.5rem;}
  .inquiry_terms>div{font-size:3.5rem;}
  .inquiry_terms>div ul{margin-bottom:5rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:6rem;}
  .inquiry_terms>div li+li{margin-top:2rem;}
  .inquiry_terms>div li strong{width:22rem;}
  .inquiry_terms>div p{padding-left:2rem; text-indent:-2rem; font-size:3.3rem;}
  .inquiry_terms>div p+p{margin-top:4rem;}

  .form_checkbox{justify-content:center; font-size:3.3rem;}
  .form_checkbox input[type="checkbox"]{width:5rem; height:5rem; margin-right:2.5rem;}
}

/*********************/ 
/*        faq        */
/*********************/ 
.faq_list{border-top:2px solid #000;}
.faq_list .faq_item{border-bottom:2px solid #eee;}
.faq_list .question{position:relative; width:100%; padding:3rem 10rem 3rem 14.5rem;}
.faq_list .question:before{content:"Q."; display:flex; align-items: center; justify-content: center; position:absolute; top:1.8rem; left:6rem; width:5.4rem; height:5.4rem; color:#fff; border-radius:50%; background:#111; font-weight:400;}
.faq_list .question:after{content:""; display:block; position:absolute; top:50%; right:6rem; width:3.4rem; height:2rem; background:url(../img/ico_faq.png) no-repeat top left / contain; transform:translateY(-50%) rotate(180deg); opacity:0.1;}

.faq_list .answer{display:none; position:relative; padding:3rem 6rem 3rem 14.5rem; line-height:1.5; border-top:1px solid #eee; background:#f5f5f6;}
.faq_list .answer:before{content:"A."; display:flex; align-items: center; justify-content: center; position:absolute; top:1.8rem; left:6rem; width:5.4rem; height:5.4rem; color:#fff; border-radius:50%; background:#00c9ff;}

.faq_list .question.active{font-weight:700;}
.faq_list .question.active:after{transform:translateY(-50%) rotate(0); opacity:1;}
.faq_list .question.active+.answer{display:block;}

@media all and (max-width:1024px){
  .faq_list .question{padding:10rem 10rem 10rem 16rem;}
  .faq_list .question:before{top:8rem; left:3rem; width:9rem; height:9rem;}
  .faq_list .question:after{right:3.5rem; width:4.8rem; height:2.9rem;}

  .faq_list .answer{padding:8rem 10rem 8rem 16rem;}
  .faq_list .answer:before{top:8rem; left:3rem; width:9rem; height:9rem;}
}

/*********************/ 
/*    brand story    */
/*********************/ 

.titArea{position:relative;}
.titArea .txt01{font-size:6rem; font-family: 'GmarketSansMedium';  font-weight:400; letter-spacing: -0.05em;}
.titArea .txt02{margin-top:4rem; font-size:4.2rem; font-weight:300;}

.brand01{position:relative;}
.brand01 .bgBox{height:126rem; padding-top:11.8rem; color:#fff; background:url(../img/brand01_img01.jpg) no-repeat center / cover;}
.brand01 .titArea .txt02{margin-top:2rem;}
.brand01 .desc{position:absolute; bottom:10rem; left:0; width:100%; font-size:1.8rem; line-height:1.8; color:#fff;}
.brand01 .desc p{width:70rem;}

.brand02{position:relative; margin-top:15rem; padding-bottom:30rem; background:url(../img/brand03_img02.png) no-repeat bottom -123rem right; z-index:1;}
.brand02 .brand02_txt{position:relative; margin-top:15rem; font-size:1.8rem; line-height:1.5;}
.brand02 .brand02_cont01{display:flex; align-items: center; position:relative; margin-top:25rem; font-size:1.8rem; line-height:1.5;}
.brand02 .brand02_cont01 .imgBox{width:50%;}
.brand02 .brand02_cont01 .imgBox img{max-width:100%;}
.brand02 .brand02_cont01 p{width:50%; padding-left:12rem;}
.brand02 .brand02_cont02{position:absolute; bottom:-81rem; left:0;}
.brand02 .brand02_cont02 img{max-width: 100%;}
.brand02 .brand02_cont03{position:absolute; top:0; right:0; width:73.9%;}
.brand02 .brand02_cont03 img{max-width: 100%;}

.brand03{position:relative; padding:66rem 0 18rem; background:#f9f9fc url(../img/brand03_img02.png) no-repeat top -47.5rem right;}
.brand03_cont01{width:50%;}
.brand03_cont01>p{margin-top:6.5rem; font-size:1.8rem; line-height:1.8;}
.brand03_cont01>p .txt01{font-size:2.4rem;}
.brand03_cont02{position:absolute; top:66rem; right:0; max-width:50%;}
.brand03_cont02 img{max-width:100%;}

.brand03_cont01 .titArea .txt01{line-height:1.2}

.brand04{height:96rem; padding-top:15rem; background: url(../img/bg_brand04.jpg) no-repeat top center; color:#fff;}
.brand04 .cont>p{margin-top:8rem; font-size:1.8rem; line-height:1.5;}

@media all and (max-width:1800px){
  .brand02{padding-bottom:16.6666%;}
  .brand02 .brand02_cont02{bottom:-45vw;}
  .brand03{padding:36.6666% 0 18rem;}
  .brand03_cont02{top:36.666vw;}
}

@media all and (max-width:1024px){
  .titArea .txt01{width:90%; font-size:8.1rem; line-height:1.2;}
  .titArea .txt02{margin-top:7rem; font-size:5rem;}

  .brand01 .bgBox{padding-top:15rem;}
  .brand01 .desc{position:relative; bottom:0; margin-top:12rem; font-size:4.2rem; line-height:1.8; color:#111;}
  .brand01 .desc p{width:auto; padding-left:6rem;}

  .brand02{position:relative; margin-top:21rem; padding-bottom:0; padding-left:6rem; background:none;}
  .brand02 .brand02_txt{font-size:4.2rem;}
  .brand02 .brand02_cont01{display:block; margin-top:12rem; font-size:4.2rem;}
  .brand02 .brand02_cont01 .imgBox{width:100%;}
  .brand02 .brand02_cont01 p{width:100%; margin-top:12rem; padding-left:0;}
  .brand02 .brand02_cont02{position:relative; bottom:0; margin-top:12rem;}
  .brand02 .brand02_cont03{position:relative; width:calc(100% + 18rem); margin-bottom:12rem; margin-left:-12rem; margin-right:-6rem;}

  .brand03{padding:21rem 0 21rem 6rem; background-image:url(../img/brand03_img02_m.png); background-position:top right; background-size:74%; background-color:transparent;}
  .brand03_cont01{width:100%;}
  .brand03_cont01>p{margin-top:14.5rem; font-size:4.2rem; line-height:1.5;}
  .brand03_cont01>p .txt01{font-size:4.2rem;}
  .brand03_cont02{position:relative; top:0; max-width:100%;  margin-top:12rem; padding-left:6rem; padding-right:6rem;}

  .brand04{height:auto; padding-top:12rem; padding-bottom:57rem; background-size:cover; background-position:bottom right; background-image:url(../img/bg_brand04_m.jpg);}
  .brand04 .titArea .txt01{width:78%;}
  .brand04 .cont>p{margin-top:15rem; font-size:4.2rem; }
}

/*********************/ 
/*      location     */
/*********************/ 
.contact_info{display:flex; justify-content: space-between; padding-top:7rem; border-top:1px solid #111;}
.contact_info strong{display:block; margin-bottom:1rem;}
.contact_info div{margin-right:2rem;}
.location_map{margin-top:7rem;}
.location_map iframe{width:100%; height:60rem;}

@media all and (max-width:1024px){
  .contact_info{display:block; padding-top:10.5rem;}
  .contact_info div{margin-right:0;}
  .contact_info div+div{margin-top:10rem;}
  .location_map{margin-top:10rem;}
}

.topbanner{display:flex; justify-content:center; align-items:center; height:6rem; font-size:1.5rem; text-align:center; color:#fff; background:url(../img/topbanner.jpg) no-repeat center / cover;}
.topbanner button{margin-left:3.5rem;}

@media all and (max-width:1024px){
  .topbanner{height:12rem; font-size:3.6rem;}
}

.ani{opacity:0; transform: translateY(7%); transition:all 0.6s ease-in-out;}
.play{opacity:1; transform:translateY(0);}



/*********************/ 
/*      product      */
/*********************/ 
.product_cont01{position:relative; height:90rem; margin-top:-6rem; margin-left:calc((100% - 1680px) / 2); background:url(../img/product01_img01.jpg) no-repeat center / cover; z-index:1;}
.product_cont01 a{display:flex; align-items: center; justify-content: center; position:absolute; bottom:12rem; left:12rem; width:15rem; height:15rem; font-weight:700; color:#fff; border:2px solid #fff; border-radius:50%; transition:all 0.3s ease;}
.product_cont01 a:hover{transform:scale(1.1);}

@media all and (max-width:1800px){
  .product_cont01{margin-left:6rem;}
}
@media all and (max-width:1024px){
  .product_cont01{height:127.8rem; margin-left:6rem;background-image:url(../img/product01_img01_m.jpg);}
  .product_cont01 a{bottom:6rem; left:6rem; width:18rem; height:18rem; border-width:1px;}
}

.product_cont02{margin-top:-27rem; padding-top:42rem; padding-bottom:78rem; background:#f1f1f1;}
.product_cont02 .cont{display:flex; align-items: center; justify-content: space-between;}
.product_cont02 .p_info{position:relative; padding-left:11.8rem; z-index:1;}
.product_cont02 .p_detail{margin-top:11rem; font-size:2.1rem; line-height:1.5;}
.product_cont02 .p_detail strong{display:block;}
.product_cont02 .p_detail li+li{margin-top:8rem;}
.product_cont02 .cont .img{position:relative; width:50%; text-align: right;}
.product_cont02 .cont .bg{width:89%;}
.product_cont02 .cont .obj{position:absolute; top:14%; left:-37%; width:116%;}

@media all and (max-width:1024px){
  .product_cont02{margin-top:-44rem; padding-top:59rem; padding-bottom:21rem;}
  .product_cont02 .cont{display:block;}
  .product_cont02 .p_info{padding-left:6rem; padding-right:6rem;}
  .product_cont02 .p_detail{margin-top:10rem; font-size:4.2rem;}
  .product_cont02 .p_detail li+li{margin-top:11rem;}
  .product_cont02 .p_detail br{display:none;}
  .product_cont02 .cont .img{width:100%; margin-top:12rem; padding-right:6rem;}
  .product_cont02 .cont .bg{width:73.8rem;}
  .product_cont02 .cont .obj{position:absolute; top:17rem; left:-15rem; width:90rem;}
  .p01_cont02 .cont .img{padding-right:0;}
}
/*물병*/
.product_cont03{margin-top:-66rem; opacity:1; transform:translateY(0);}
.product_cont03 .cont{height:90rem; background:url(../img/product01_img04.jpg) no-repeat top center / cover;}
.product_cont03 .obj{position:absolute; top:26rem; left:33rem; transform:translateX(-20%); opacity:0; transition:all 0.8s ease-in-out;}
.product_cont03 .p_name{position:absolute; top:0; left:calc(50% - 9rem); font-family: 'GmarketSansMedium'; font-size:18rem; font-weight:400; line-height:1; color:rgba(255,255,255,.5); transform:translateX(20%); opacity:0; transition:all 1s ease-in-out;}
.product_cont03 .p_info{position:absolute; top:31.5rem; left:calc(50% - 9rem); transition:all 0.8s ease;}
.product_cont03 .p_info .tit_block{transform:translateX(-10%); transition:all 0.8s ease; opacity:0;}
.product_cont03 .p_info ul{display:flex; margin-top:8rem;}
.product_cont03 .p_info ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; font-size:1.8rem; color:#999; text-align:center; border:2px solid #cbcac9; border-radius:50%; transform:translateX(-50%); transition:all 0.8s ease; opacity:0;}
.product_cont03 .p_info ul li+li{margin-left:3rem;}

.product_cont03 .p_info ul li:nth-of-type(2){transition-delay: 0.1s;}
.product_cont03 .p_info ul li:nth-of-type(3){transition-delay: 0.2s;}
.product_cont03 .p_info ul li:nth-of-type(4){transition-delay: 0.3s;}
.product_cont03 .p_info ul li:nth-of-type(5){transition-delay: 0.4s;}

.product_cont03.play .obj{transform:translateX(0%); opacity:1;}
.product_cont03.play .p_name{transform:translateX(0%); opacity:1;}
.product_cont03.play .p_info ul li{transform:translateX(0%); opacity:1;}
.product_cont03.play .tit_block{transform:translateX(0%); opacity:1;}

@media all and (max-width:1600px){
  .product_cont03 .obj{left:10rem;}
  .product_cont03 .p_name{left:calc(50% - 25rem);}
  .product_cont03 .p_info{left:calc(50% - 25rem);}
}
@media all and (max-width:1300px){
  .product_cont03 .obj{left:18rem;}
  .product_cont03 .p_name{left:50%;}
  .product_cont03 .p_info{left:50%;}
  .product_cont03 .p_info ul{flex-wrap: wrap; width:34rem; margin-top:5rem;}
  .product_cont03 .p_info ul li{width:15rem; height:15rem; margin-bottom:3rem;}
  .product_cont03 .p_info ul li+li{margin-left:0;}
  .product_cont03 .p_info ul li:nth-of-type(2n){margin-left:3rem;}
}
@media all and (max-width:1024px){
  .product_cont03{margin-top:0;}
  .product_cont03 .cont{width:auto; height:128rem; margin-left:0; margin-right:0; background-image:url(../img/product01_img04_m.jpg); background-size:contain;}
  .product_cont03 .obj{top:auto; bottom:12.5rem; left:12rem; width:51rem;}
  .product_cont03 .obj img{width:100%;}
  .product_cont03 .p_name{top:4rem; left:37.8rem; font-size:21rem;}
  .product_cont03 .p_info{left:37.8rem;}
  .product_cont03 .p_info ul{margin-top:10.2rem; width:auto;}
  .product_cont03 .p_info ul li{width:29rem; height:29rem; font-size:3.9rem; border-width:1px;}
}

/*홍삼정라이프*/
.product_cont033{margin-top:-66rem; opacity:1; transform:translateY(0);}
.product_cont033 .cont{height:90rem; background:url(../img/product05_img04.jpg) no-repeat top center / cover;}
.product_cont033 .obj{position:absolute; top:26rem; left:33rem; transform:translateX(-20%); opacity:0; transition:all 0.8s ease-in-out;}
.product_cont033 .p_name{position:absolute; top:0; left:calc(50% - 9rem); font-family: 'GmarketSansMedium'; font-size:18rem; font-weight:400; line-height:1; color:rgba(255,255,255,.5); transform:translateX(20%); opacity:0; transition:all 1s ease-in-out;}
.product_cont033 .p_info{position:absolute; top:31.5rem; left:calc(50% - 9rem); transition:all 0.8s ease;}
.product_cont033 .p_info .tit_block{transform:translateX(-10%); transition:all 0.8s ease; opacity:0;}
.product_cont033 .p_info ul{display:flex; margin-top:8rem;}
.product_cont033 .p_info ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; font-size:1.8rem; color:#999; text-align:center; border:2px solid #cbcac9; border-radius:50%; transform:translateX(-50%); transition:all 0.8s ease; opacity:0;}
.product_cont033 .p_info ul li+li{margin-left:3rem;}

.product_cont033 .p_info ul li:nth-of-type(2){transition-delay: 0.1s;}
.product_cont033 .p_info ul li:nth-of-type(3){transition-delay: 0.2s;}
.product_cont033 .p_info ul li:nth-of-type(4){transition-delay: 0.3s;}
.product_cont033 .p_info ul li:nth-of-type(5){transition-delay: 0.4s;}

.product_cont033.play .obj{transform:translateX(0%); opacity:1;}
.product_cont033.play .p_name{transform:translateX(0%); opacity:1;}
.product_cont033.play .p_info ul li{transform:translateX(0%); opacity:1;}
.product_cont033.play .tit_block{transform:translateX(0%); opacity:1;}

@media all and (max-width:1600px){
  .product_cont033 .obj{left:10rem;}
  .product_cont033 .p_name{left:calc(50% - 25rem);}
  .product_cont033 .p_info{left:calc(50% - 25rem);}
}
@media all and (max-width:1300px){
  .product_cont033 .obj{left:18rem;}
  .product_cont033 .p_name{left:50%;}
  .product_cont033 .p_info{left:50%;}
  .product_cont033 .p_info ul{flex-wrap: wrap; width:34rem; margin-top:5rem;}
  .product_cont033 .p_info ul li{width:15rem; height:15rem; margin-bottom:3rem;}
  .product_cont033 .p_info ul li+li{margin-left:0;}
  .product_cont033 .p_info ul li:nth-of-type(2n){margin-left:3rem;}
}
@media all and (max-width:1024px){
  .product_cont033{margin-top:0;}
  .product_cont033 .cont{width:auto; height:128rem; margin-left:0; margin-right:0; background-image:url(../img/product05_img04_m.jpg); background-size:contain;}
  .product_cont033 .obj{top:auto; bottom:12.5rem; left:12rem; width:51rem;}
  .product_cont033 .obj img{width:100%;}
  .product_cont033 .p_name{top:4rem; left:37.8rem; font-size:21rem;}
  .product_cont033 .p_info{left:37.8rem;}
  .product_cont033 .p_info ul{margin-top:10.2rem; width:auto;}
  .product_cont033 .p_info ul li{width:29rem; height:29rem; font-size:3.9rem; border-width:1px;}
}



/*홍삼정라이프내 제품구성*/
.product_cont05{margin-top:-66rem; opacity:1; transform:translateY(0);}
.product_cont05 .cont{height:90rem; background:url(../img/product05_img05.jpg) no-repeat top center / cover;}
.product_cont05 .obj{position:absolute; top:26rem; left:33rem; transform:translateX(-20%); opacity:0; transition:all 0.8s ease-in-out;}
.product_cont05 .p_name{position:absolute; top:0; left:calc(50% - 9rem); font-family: 'GmarketSansMedium'; font-size:18rem; font-weight:400; line-height:1; color:rgba(255,255,255,.5); transform:translateX(20%); opacity:0; transition:all 1s ease-in-out;}
.product_cont05 .p_info{position:absolute; top:31.5rem; left:calc(50% - 9rem); transition:all 0.8s ease;}
.product_cont05 .p_info .tit_block{transform:translateX(-10%); transition:all 0.8s ease; opacity:0;}
.product_cont05 .p_info ul{display:flex; margin-top:8rem;}
.product_cont05 .p_info ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; font-size:1.8rem; color:#999; text-align:center; border:2px solid #cbcac9; border-radius:50%; transform:translateX(-50%); transition:all 0.8s ease; opacity:0;}
.product_cont05 .p_info ul li+li{margin-left:3rem;}

.product_cont05 .p_info ul li:nth-of-type(2){transition-delay: 0.1s;}
.product_cont05 .p_info ul li:nth-of-type(3){transition-delay: 0.2s;}
.product_cont05 .p_info ul li:nth-of-type(4){transition-delay: 0.3s;}
.product_cont05 .p_info ul li:nth-of-type(5){transition-delay: 0.4s;}

.product_cont05.play .obj{transform:translateX(0%); opacity:1;}
.product_cont05.play .p_name{transform:translateX(0%); opacity:1;}
.product_cont05.play .p_info ul li{transform:translateX(0%); opacity:1;}
.product_cont05.play .tit_block{transform:translateX(0%); opacity:1;}

@media all and (max-width:1600px){
  .product_cont05 .obj{left:10rem;}
  .product_cont05 .p_name{left:calc(50% - 25rem);}
  .product_cont05 .p_info{left:calc(50% - 25rem);}
}
@media all and (max-width:1300px){
  .product_cont05 .obj{left:18rem;}
  .product_cont05 .p_name{left:50%;}
  .product_cont05 .p_info{left:50%;}
  .product_cont05 .p_info ul{flex-wrap: wrap; width:34rem; margin-top:5rem;}
  .product_cont05 .p_info ul li{width:15rem; height:15rem; margin-bottom:3rem;}
  .product_cont05 .p_info ul li+li{margin-left:0;}
  .product_cont05 .p_info ul li:nth-of-type(2n){margin-left:3rem;}
}
@media all and (max-width:1024px){
  .product_cont05{margin-top:0;}
  .product_cont05 .cont{width:auto; height:128rem; margin-left:0; margin-right:0; background-image:url(../img/product05_img05_m.jpg); background-size:contain;}
  .product_cont05 .obj{top:auto; bottom:12.5rem; left:12rem; width:51rem;}
  .product_cont05 .obj img{width:100%;}
  .product_cont05 .p_name{top:4rem; left:37.8rem; font-size:21rem;}
  .product_cont05 .p_info{left:37.8rem;}
  .product_cont05 .p_info ul{margin-top:10.2rem; width:auto;}
  .product_cont05 .p_info ul li{width:29rem; height:29rem; font-size:3.9rem; border-width:1px;}
}


.product_cont04{padding:18rem 18rem 15rem 18rem;}
.product_cont04 .spec_list{display:flex; flex-wrap: wrap; margin-top:8rem; border-top:1px solid #111;}
.product_cont04 .spec{display:flex; width:50%; padding:7rem 0; border-bottom:1px solid #111;}
.product_cont04 .spec p{width:12rem; font-weight:700;}
.product_cont04 .spec ul{font-size:1.5rem;}
.product_cont04 .spec ul li+li{margin-top:1rem;}
.product_cont04 .spec.full{width:100%;}
.product_cont04 .spec .color{display:inline-block; width:1rem; height:1rem; margin-left:0.5rem; border-radius:50%;}
.product_cont04 .spec:nth-of-type(2){padding-left:9rem;}

@media all and (max-width:1024px){
  .product_cont04{padding:15rem 6rem 22rem 6rem;}
  .product_cont04 .spec_list{margin-top:10rem; border-top:1px solid #111;}
  .product_cont04 .spec{display:block; width:100%; padding:5.8rem 0;}
  .product_cont04 .spec p{width:auto; font-size:4.5rem;}
  .product_cont04 .spec ul{margin-top:4rem; font-size:4.2rem;}
  .product_cont04 .spec ul li{padding-left:3rem; text-indent:-3rem;}
  .product_cont04 .spec ul li+li{margin-top:1rem;}
  .product_cont04 .spec.full{width:100%;}
  .product_cont04 .spec .color{width:3rem; height:3rem; margin-left:1rem; }
  .product_cont04 .spec:nth-of-type(2){padding-left:0;}
}

/*MM필터내 제품구성*/
.product_cont06{margin-top:-66rem; opacity:1; transform:translateY(0);}
.product_cont06 .cont{height:90rem; background:url(../img/product06_img05.jpg) no-repeat top center / cover;}
.product_cont06 .obj{position:absolute; top:26rem; left:33rem; transform:translateX(-20%); opacity:0; transition:all 0.8s ease-in-out;}
.product_cont06 .p_name{position:absolute; top:0; left:calc(50% - 9rem); font-family: 'GmarketSansMedium'; font-size:18rem; font-weight:400; line-height:1; color:rgba(255,255,255,.5); transform:translateX(20%); opacity:0; transition:all 1s ease-in-out;}
.product_cont06 .p_info{position:absolute; top:31.5rem; left:calc(50% - 9rem); transition:all 0.8s ease;}
.product_cont06 .p_info .tit_block{transform:translateX(-10%); transition:all 0.8s ease; opacity:0;}
.product_cont06 .p_info ul{display:flex; margin-top:8rem;}
.product_cont06 .p_info ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; font-size:1.8rem; color:#999; text-align:center; border:2px solid #cbcac9; border-radius:50%; transform:translateX(-50%); transition:all 0.8s ease; opacity:0;}
.product_cont06 .p_info ul li+li{margin-left:3rem;}

.product_cont06 .p_info ul li:nth-of-type(2){transition-delay: 0.1s;}
.product_cont06 .p_info ul li:nth-of-type(3){transition-delay: 0.2s;}
.product_cont06 .p_info ul li:nth-of-type(4){transition-delay: 0.3s;}
.product_cont06 .p_info ul li:nth-of-type(5){transition-delay: 0.4s;}

.product_cont06.play .obj{transform:translateX(0%); opacity:1;}
.product_cont06.play .p_name{transform:translateX(0%); opacity:1;}
.product_cont06.play .p_info ul li{transform:translateX(0%); opacity:1;}
.product_cont06.play .tit_block{transform:translateX(0%); opacity:1;}

@media all and (max-width:1600px){
  .product_cont06 .obj{left:10rem;}
  .product_cont06 .p_name{left:calc(50% - 25rem);}
  .product_cont06 .p_info{left:calc(50% - 25rem);}
}
@media all and (max-width:1300px){
  .product_cont06 .obj{left:18rem;}
  .product_cont06 .p_name{left:50%;}
  .product_cont06 .p_info{left:50%;}
  .product_cont06 .p_info ul{flex-wrap: wrap; width:34rem; margin-top:5rem;}
  .product_cont06 .p_info ul li{width:15rem; height:15rem; margin-bottom:3rem;}
  .product_cont06 .p_info ul li+li{margin-left:0;}
  .product_cont06 .p_info ul li:nth-of-type(2n){margin-left:3rem;}
}
@media all and (max-width:1024px){
  .product_cont06{margin-top:0;}
  .product_cont06 .cont{width:auto; height:80rem; margin-left:0; margin-right:0; background-image:url(../img/product06_img05_m.jpg); background-size:contain;}
  .product_cont06 .obj{top:auto; bottom:12.5rem; left:12rem; width:51rem;}
  .product_cont06 .obj img{width:100%;}
  .product_cont06 .p_name{top:4rem; left:37.8rem; font-size:21rem;}
  .product_cont06 .p_info{left:37.8rem;}
  .product_cont06 .p_info ul{margin-top:10.2rem; width:auto;}
  .product_cont06 .p_info ul li{width:29rem; height:29rem; font-size:3.9rem; border-width:1px;}
}
/*MM필터내 제품구성*/
.product_cont066{margin-top:-66rem; opacity:1; transform:translateY(0);}
.product_cont066 .cont{height:90rem; background:url(../img/product066_img05.jpg) no-repeat top center / cover;}
.product_cont066 .obj{position:absolute; top:26rem; left:33rem; transform:translateX(-20%); opacity:0; transition:all 0.8s ease-in-out;}
.product_cont066 .p_name{position:absolute; top:0; left:calc(50% - 9rem); font-family: 'GmarketSansMedium'; font-size:18rem; font-weight:400; line-height:1; color:rgba(255,255,255,.5); transform:translateX(20%); opacity:0; transition:all 1s ease-in-out;}
.product_cont066 .p_info{position:absolute; top:31.5rem; left:calc(50% - 9rem); transition:all 0.8s ease;}
.product_cont066 .p_info .tit_block{transform:translateX(-10%); transition:all 0.8s ease; opacity:0;}
.product_cont066 .p_info ul{display:flex; margin-top:8rem;}
.product_cont066 .p_info ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; font-size:1.8rem; color:#999; text-align:center; border:2px solid #cbcac9; border-radius:50%; transform:translateX(-50%); transition:all 0.8s ease; opacity:0;}
.product_cont066 .p_info ul li+li{margin-left:3rem;}

.product_cont066 .p_info ul li:nth-of-type(2){transition-delay: 0.1s;}
.product_cont066 .p_info ul li:nth-of-type(3){transition-delay: 0.2s;}
.product_cont066 .p_info ul li:nth-of-type(4){transition-delay: 0.3s;}
.product_cont066 .p_info ul li:nth-of-type(5){transition-delay: 0.4s;}

.product_cont066.play .obj{transform:translateX(0%); opacity:1;}
.product_cont066.play .p_name{transform:translateX(0%); opacity:1;}
.product_cont066.play .p_info ul li{transform:translateX(0%); opacity:1;}
.product_cont066.play .tit_block{transform:translateX(0%); opacity:1;}

@media all and (max-width:1600px){
  .product_cont066 .obj{left:10rem;}
  .product_cont066 .p_name{left:calc(50% - 25rem);}
  .product_cont066 .p_info{left:calc(50% - 25rem);}
}
@media all and (max-width:1300px){
  .product_cont066 .obj{left:18rem;}
  .product_cont066 .p_name{left:50%;}
  .product_cont066 .p_info{left:50%;}
  .product_cont066 .p_info ul{flex-wrap: wrap; width:34rem; margin-top:5rem;}
  .product_cont066 .p_info ul li{width:15rem; height:15rem; margin-bottom:3rem;}
  .product_cont066 .p_info ul li+li{margin-left:0;}
  .product_cont066 .p_info ul li:nth-of-type(2n){margin-left:3rem;}
}
@media all and (max-width:1024px){
  .product_cont066{margin-top:0;}
  .product_cont066 .cont{width:auto; height:70rem; margin-left:0; margin-right:0; background-image:url(../img/product066_img05_m.jpg); background-size:contain;}
  .product_cont066 .obj{top:auto; bottom:12.5rem; left:12rem; width:51rem;}
  .product_cont066 .obj img{width:100%;}
  .product_cont066 .p_name{top:4rem; left:37.8rem; font-size:21rem;}
  .product_cont066 .p_info{left:37.8rem;}
  .product_cont066 .p_info ul{margin-top:10.2rem; width:auto;}
  .product_cont066 .p_info ul li{width:29rem; height:29rem; font-size:3.9rem; border-width:1px;}
}


/*buynow*/
.buynow{position:relative;}
.buynow:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background:rgba(0,0,0,.7);}
.buynow .bg{width:100%;}
.buynow .buynowbutton{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
.buynow .buynowbutton img{transition:transform 0.3s ease;}
.buynow .buynowbutton:hover img{transform:scale(1.1);}






.video{position:relative;}
.video:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background:rgba(0,0,0,.7);}
.video .bg{width:100%;}
.video .playVideo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
.video .playVideo img{transition:transform 0.3s ease;}
.video .playVideo:hover img{transform:scale(1.1);}

@media all and (max-width:1024px){
  .video .playVideo img{width:18rem;}
}

/* morbido */
.p02_cont01{background-image:url(../img/product02_img01.jpg);}
.p02_cont02 .cont .obj{top:14%; left:-37%; width:116%;}
.p02_cont03 .p_name{font-size:15.6rem;}
.p02_cont03 .obj{top:9rem; left:30rem;}

@media all and (max-width:1600px){
  .p02_cont03 .obj{left:5rem;}
}
@media all and (max-width:1300px){
  .p02_cont03 .obj{left:10rem;}
  .p02_cont03 .p_name{left:auto; right:0;}
}
@media all and (max-width:1024px){
  .p02_cont01{background-image:url(../img/product02_img01_m.jpg);}
  .p02_cont02 .cont .bg{width:67.8rem;}
  .p02_cont02 .cont .obj{top:15%; left:-6rem; width:80.4rem;}
  .p02_cont03 .p_name{font-size:12.6rem;}
  .p02_cont03 .obj{top:auto; left:6rem; width:32rem;}
}

/* sporty */
.p03_cont01{background-image:url(../img/product03_img01.jpg);}
.p03_cont02 .cont .obj{top:20%; left:-37%; width:116%;}
.p03_cont03 .p_name{font-size:15.6rem;}
.p03_cont03 .obj{top:12rem; left:30rem;}

@media all and (max-width:1600px){
  .p03_cont03 .obj{left:5rem;}
}
@media all and (max-width:1300px){
  .p03_cont03 .obj{left:10rem;}
  .p03_cont03 .p_name{left:auto; right:0;}
}
@media all and (max-width:1024px){
  .p03_cont01{background-image:url(../img/product03_img01_m.jpg);}
  .p03_cont02 .cont .img{padding-right:0;}
  .p03_cont02 .cont .bg{width:67.8rem;}
  .p03_cont02 .cont .obj{top:15%; left:-6rem; width:91.7rem;}
  .p03_cont03 .p_name{left:37.8rem; right:auto; font-size:12.6rem;}
  .p03_cont03 .obj{top:auto; left:12rem; width:23rem;}
}

/* red ginseng extract life */
.p05_cont01{background-image:url(../img/product05_img01.jpg);}
.p05_cont02 .cont .obj{top:20%; left:-37%; width:116%;}
.p05_cont03 .p_name{font-size:15.6rem;}
.p05_cont03 .obj{top:12rem; left:30rem;}

@media all and (max-width:1600px){
  .p05_cont03 .obj{left:5rem;}
}
@media all and (max-width:1300px){
  .p05_cont03 .obj{left:10rem;}
  .p05_cont03 .p_name{left:auto; right:0;}
}
@media all and (max-width:1024px){
  .p05_cont01{background-image:url(../img/product05_img01_m.jpg);}
  .p05_cont02 .cont .img{padding-right:0;}
  .p05_cont02 .cont .bg{width:67.8rem;}
  .p05_cont02 .cont .obj{top:15%; left:-6rem; width:91.7rem;}
  .p05_cont03 .p_name{left:37.8rem; right:auto; font-size:12.6rem;}
  .p05_cont03 .obj{top:auto; left:12rem; width:23rem;}
}

/* MM필터 */
.p06_cont01{background-image:url(../img/product06_img01.jpg);}
.p06_cont02 .cont .obj{top:20%; left:-37%; width:116%;}
.p06_cont03 .p_name{font-size:15.6rem;}
.p06_cont03 .obj{top:12rem; left:30rem;}

@media all and (max-width:1600px){
  .p06_cont03 .obj{left:5rem;}
}
@media all and (max-width:1300px){
  .p06_cont03 .obj{left:10rem;}
  .p06_cont03 .p_name{left:auto; right:0;}
}
@media all and (max-width:1024px){
  .p06_cont01{background-image:url(../img/product06_img01_m.jpg);}
  .p06_cont02 .cont .img{padding-right:0;}
  .p06_cont02 .cont .bg{width:67.8rem;}
  .p06_cont02 .cont .obj{top:15%; left:-6rem; width:91.7rem;}
  .p06_cont03 .p_name{left:37.8rem; right:auto; font-size:12.6rem;}
  .p06_cont03 .obj{top:auto; left:12rem; width:23rem;}
}

/* mineral stone */
.p_mineral01{display:flex; align-items: center; height:78rem; margin-top:-6rem; margin-left:calc((100% - 1680px) / 2); background:url(../img/mineral_img01.jpg) no-repeat center / cover;}
.p_mineral01>div{margin-left:53.3333%;}
.p_mineral01 h3{margin-bottom:5rem; font-family: 'GmarketSansMedium'; font-weight:400; font-size:6rem;}
.p_mineral01 p+p{margin-top:2rem;}

@media all and (max-width:1800px){
  .p_mineral01{margin-left:6rem;}
}
@media all and (max-width:1024px){
  .p_mineral01{height:140.7rem; margin-left:6rem; background-image:url(../img/mineral_img01_m.jpg);}
  .p_mineral01>div{position:absolute; bottom:13rem; left:6rem; margin-left:0;}
  .p_mineral01 h3{margin-bottom:6rem; font-size:9.1rem;}
  .p_mineral01 p+p{margin-top:4rem;}
}

.p_mineral02 .cont{padding:12rem;}
.p_mineral02 .p_mineral02_cont01{display:flex; align-items:center; justify-content: space-between;}
.p_mineral02 .p_mineral02_cont01 ul{display:flex; justify-content: space-between; width:50%;}
.p_mineral02 .p_mineral02_cont01 ul li{display:flex; align-items: center; justify-content: center; width:18rem; height:18rem; margin-right:2rem; font-size:1.8rem; line-height:1.5; border:1px solid #111; border-radius:50%; text-align: center;}
.p_mineral02 .p_mineral02_cont01 .imgBox{position:relative;}
.p_mineral02 .p_mineral02_cont01 .imgBox p{position:absolute; bottom:3rem; left:3rem; font-family: 'GmarketSansLight'; font-size:4.5rem; font-weight:300; line-height:1; color:#fff;}
.p_mineral02 .p_mineral02_cont01 .imgBox img{max-width:100%;}
.p_mineral02 .p_mineral02_cont02{margin-top:12rem;}
.p_mineral02 .p_mineral02_cont02 li+li{margin-top:8rem;}
.p_mineral02 .p_mineral02_cont02 p{margin-top:2rem;}

.p_mineral03{background:#f8f8f8;}
.p_mineral03 .cont{padding:12rem;}
.p_mineral03 .product_list{margin-top:8rem;}
.p_mineral03 .product{display:flex; align-items: center; padding:8rem 6rem; border-bottom:1px solid #000;}
.p_mineral03 .product:nth-of-type(1){border-top:1px solid #000;}
.p_mineral03 .buy{display:flex; align-items: center; justify-content: center; width:15rem; height:15rem; margin-left:auto; font-weight:700; color:#000; border:2px solid #000; border-radius:50%; transition:transform 0.3s ease;}
.p_mineral03 .buy:hover{transform:scale(1.05);}
.p_mineral03 .img{width:36rem;}
.p_mineral03 .img img{max-width:100%;}
.p_mineral03 .spec{margin-left:18rem;}
.p_mineral03 .spec ul{margin-top:3rem;}
.p_mineral03 .spec li{margin-top:2rem; font-size:1.5rem;}

@media all and (max-width:1600px){
  .p_mineral02 .p_mineral02_cont01 ul{width:59rem;}
  .p_mineral02 .p_mineral02_cont01 .imgBox{flex:1;}
}
@media all and (max-width:1500px){
  .p_mineral03 .spec{margin-left:8rem;}
}
@media all and (max-width:1300px){
  .p_mineral02 .cont{padding-left:0; padding-right:0;}
  .p_mineral03 .cont{padding-left:0; padding-right:0;}
}

@media all and (max-width:1024px){
  .p_mineral02 .p_mineral02_cont01{display:block;}
  .p_mineral02 .p_mineral02_cont01 ul{width:100%;}
  .p_mineral02 .p_mineral02_cont01 ul li{width:27.4rem; height:27.4rem; margin-right:0; font-size:3.6rem;}
  .p_mineral02 .p_mineral02_cont01 .imgBox{margin-top:12rem; margin-left:-6rem; margin-right:-6rem;}
  .p_mineral02 .p_mineral02_cont01 .imgBox p{bottom:6rem; left:12rem; font-size:8.7rem;}
  .p_mineral02 .p_mineral02_cont02{padding-left:6rem; padding-right:6rem;}
  .p_mineral02 .p_mineral02_cont02 li+li{margin-top:12rem;}
  .p_mineral02 .p_mineral02_cont02 p{margin-top:4rem;}

  .p_mineral03 .cont{padding:12rem 6rem;}
  .p_mineral03 .product_list{margin-top:10rem;}
  .p_mineral03 .product{display:block; padding:12rem 0;}
  .p_mineral03 .buy{width:18rem; height:18rem; margin:12rem auto 0;}
  .p_mineral03 .img{width:auto; padding:0 8rem; text-align:center;}
  .p_mineral03 .spec{margin-left:0; margin-top:12rem;}
  .p_mineral03 .spec p{font-size:4.5rem;}
  .p_mineral03 .spec ul{margin-top:6rem;}
  .p_mineral03 .spec li{margin-top:5rem; font-size:3.6rem;}
}

/*********************/ 
/*   drink water     */
/*********************/ 
.drinkwater{background:#f8f8f8;}
.drinkwater .cont{padding:12rem;}
.drinkwater .challenge_box{position:absolute; top:12rem; left:12rem;}
.drinkwater .challenge01_list .item+.item{margin-top:9rem;}
.drinkwater .challenge01_list .item{display:flex; align-items: flex-end;}
.drinkwater .challenge01_list .img{position:relative; width:50%;}
.drinkwater .challenge01_list .img img{max-width:100%;}
.drinkwater .challenge01_list .img p{position:absolute; bottom:0; font-family: 'GmarketSansMedium'; font-size:5rem; font-weight:400; transform:translateY(55%);}
.drinkwater .challenge01_list .desc{width:50%; padding-bottom:4rem;}
.drinkwater .challenge01_list .desc dt{margin-bottom:3rem; font-weight: 700;}
.drinkwater .challenge01_list .desc dd{font-size:1.8rem; line-height:1.5;}

.drinkwater .challenge01_list .item:nth-of-type(2n+1){flex-direction: row-reverse;}
.drinkwater .challenge01_list .item:nth-of-type(2n+1) .img{padding-left:6rem; text-align:right;}
.drinkwater .challenge01_list .item:nth-of-type(2n+1) .img p{right:-6rem;}
.drinkwater .challenge01_list .item:nth-of-type(2n+1) .desc{padding-right:6rem; text-align:right;}

.drinkwater .challenge01_list .item:nth-of-type(2n) .img{padding-right:6rem;}
.drinkwater .challenge01_list .item:nth-of-type(2n) .img p{left:-6rem;}
.drinkwater .challenge01_list .item:nth-of-type(2n) .desc{padding-left:6rem;}

@media all and (max-width:1600px){
  .drinkwater .challenge_box{display:inline-flex; flex-direction: column; position:relative; top:0; left:0;}
  .drinkwater .challenge01_list .desc{width:50%; padding-bottom:2rem;}
  .drinkwater .challenge01_list .item:nth-of-type(2n+1) .img{padding-left:0;}
  .drinkwater .challenge01_list .item:nth-of-type(2n) .img{padding-right:0;}
}

@media all and (max-width:1024px){
  .drinkwater .cont{padding:9rem 7rem 22rem 5rem;}
  .drinkwater .challenge01_list{margin-top:10rem;}
  .drinkwater .challenge01_list .item+.item{margin-top:16.5rem;}
  .drinkwater .challenge01_list .item{display:block;}
  .drinkwater .challenge01_list .img{width:100%;}
  .drinkwater .challenge01_list .img p{font-size:9.6rem;}
  .drinkwater .challenge01_list .desc{width:100%; margin-top:10rem; padding-bottom:0;}
  .drinkwater .challenge01_list .desc dt{margin-bottom:6rem;}
  .drinkwater .challenge01_list .desc dd{font-size:3.6rem;}

  .drinkwater .challenge01_list .item:nth-of-type(2n+1){flex-direction: row-reverse;}
  .drinkwater .challenge01_list .item:nth-of-type(2n+1) .img p{right:-7rem;}
  .drinkwater .challenge01_list .item:nth-of-type(2n+1) .desc{padding-right:0; text-align:left;}

  .drinkwater .challenge01_list .item:nth-of-type(2n) .img p{left:auto; right:-7rem;}
  .drinkwater .challenge01_list .item:nth-of-type(2n) .desc{padding-left:0;}
}

/*********************/ 
/*  drink good water */
/*********************/ 
.drinkgoodwater01{background:#fafafb;}
.drinkgoodwater01 .cont{padding:8rem 12rem 15rem;}
.drinkgoodwater01 .challenge_box{display:inline-flex; flex-direction: column;}
.drinkgoodwater01 .txt{margin-top:9rem; padding-right:15rem; font-family: 'GmarketSansMedium'; font-size:11.4rem; font-weight:400; line-height:1;}
.drinkgoodwater01 .txt p:nth-of-type(1){color:#d9e0e8;}
.drinkgoodwater01 .txt p:nth-of-type(2){color:#d9e0e8;}
.drinkgoodwater01 .txt p:nth-of-type(3){color:#b2c3d4;}

.drinkgoodwater02{background:#f4f5f6;}
.drinkgoodwater02 .cont{padding:5rem 12rem 0;}
.drinkgoodwater02 .tit_alkaline{display: flex; align-items: flex-end;}
.drinkgoodwater02 .tit_alkaline p{margin-left:4rem; margin-bottom:0.5rem; font-size:1.5rem; color:#999;}
.drinkgoodwater02 .list_alkaline{display:flex; margin-top:10rem;}
.drinkgoodwater02 .list_alkaline li{width:calc((100%  - (3rem * 5)) / 6); text-align:center;}
.drinkgoodwater02 .list_alkaline li+li{margin-left:3rem;}
.drinkgoodwater02 .list_alkaline span{display:flex; position:relative; width:100%; height:0; padding-bottom:100%; border:1px solid #999; border-radius:50%;}
.drinkgoodwater02 .list_alkaline span img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.drinkgoodwater02 .list_alkaline p{margin-top:2.5rem; font-size:1.5rem; line-height:1.5;}
.drinkgoodwater02 .alkaline02{margin-top:10rem; padding-top:12rem; padding-bottom:15rem; border-top:1px solid #d6dbdf; background:url(../img/bg_alkaline.png) no-repeat bottom 10rem right;}
.drinkgoodwater02 .alkaline02 p{margin-top:7rem; line-height: 1.5;}
.drinkgoodwater02 .obj{position:absolute; top:-50rem; right:-12rem;}

.drinkgoodwater03{display:flex;}
.drinkgoodwater03 .cont01{position:relative; width:50%; height:96rem; background:url(../img/bg_alkaline02.jpg) no-repeat top right / cover;}
.drinkgoodwater03 .cont01 p{margin:12rem 0 0 25%; font-size:4.6rem; color:#fff;}
.drinkgoodwater03 .cont02{width:50%;}
.drinkgoodwater03 .cont02>div{max-width:50rem; margin:12rem 0 0 15.625%;}
.drinkgoodwater03 .cont02 .txt01{font-size:4.8rem;}
.drinkgoodwater03 .cont02 .txt02{margin-top:3rem; font-size:2.1rem; opacity:0.5;}
.drinkgoodwater03 .cont02 ul{margin-top:6rem; font-size:1.8rem;}
.drinkgoodwater03 .cont02 ul li+li{margin-top:2rem;}
.drinkgoodwater03 .cont02 ul span{display:inline-block; width:4.5rem; color:#999;}

@media all and (max-width:1300px){
  .drinkgoodwater02 .cont{padding-left:6rem; padding-right:6rem;}
}

@media all and (max-width:1024px){
  .drinkgoodwater01 .cont{padding:9rem 0 9rem 5rem;}
  .drinkgoodwater01 .txt{margin-top:10rem; padding-right:0; font-size:9rem; line-height:1.3; letter-spacing: -0.05em;}

  .drinkgoodwater02 .cont{padding:12rem 0 0;}
  .drinkgoodwater02 .alkaline01{padding:0 6rem;}
  .drinkgoodwater02 .tit_alkaline{display: block;}
  .drinkgoodwater02 .tit_alkaline p{margin-top:3rem; margin-left:0; margin-bottom:0; font-size:3rem; color:#999;}
  .drinkgoodwater02 .list_alkaline{flex-wrap: wrap;}
  .drinkgoodwater02 .list_alkaline li{width:50%; margin-bottom:9rem;}
  .drinkgoodwater02 .list_alkaline li+li{margin-left:0;}
  .drinkgoodwater02 .list_alkaline span{width:28.8rem; height:28.8rem; margin:0 auto; padding-bottom:0;}
  .drinkgoodwater02 .list_alkaline span img{width:9rem;}
  .drinkgoodwater02 .list_alkaline p{margin-top:4.5rem; font-size:3.3rem; letter-spacing: -0.05em;}
  .drinkgoodwater02 .alkaline02{margin-top:3rem; padding-left:5rem; padding-bottom:13rem; background-size:15.1rem 15.9rem; background-position: bottom 22.4rem right;}
  .drinkgoodwater02 .alkaline02 .tit_block{letter-spacing: -0.05em;}
  .drinkgoodwater02 .alkaline02 p{margin-top:7rem; line-height: 1.5;}
  .drinkgoodwater02 .obj{top:-22rem; right:-6rem; width:47.1rem;}
  .drinkgoodwater02 .obj img{width:100%;}

  .drinkgoodwater03{display:block;}
  .drinkgoodwater03 .cont01{width:100%; height:111.3rem; background-size:cover; background-image:url(../img/bg_alkaline02_m.jpg);}
  .drinkgoodwater03 .cont01 p{margin:0; padding:11.6rem 0 0 10.9rem; font-size:8.4rem;}
  .drinkgoodwater03 .cont02{width:100%; padding:12rem 12rem 22rem;}
  .drinkgoodwater03 .cont02>div{max-width:initial; margin:0;}
  .drinkgoodwater03 .cont02 .txt01{font-size:8.7rem;}
  .drinkgoodwater03 .cont02 .txt02{margin-top:6rem; font-size:3.6rem; line-height: 1.5;}
  .drinkgoodwater03 .cont02 ul{margin-top:15rem; font-size:3.6rem;}
  .drinkgoodwater03 .cont02 ul li+li{margin-top:3rem;}
  .drinkgoodwater03 .cont02 ul span{width:13rem;}
}

/*********************/ 
/*     life app      */
/*********************/ 
.app{margin-top:-6rem; padding:12rem 0 35rem; background:#f8fafd url(../img/app_bg.jpg) no-repeat bottom right;}
.app .inner{position:relative; width:1440px; margin:0 auto;}
.app .app_cont{margin-left:50%;}
.app .challenge_box{display:inline-flex; flex-direction: column; align-items: flex-start;}
.app .txt01{margin-top:12rem;}
.app .txt01 dt{margin-bottom:3rem; font-weight:700;}
.app .txt01 dd{font-size:1.8rem; line-height:1.5;}
.app .img01{margin-top:13rem;}
.app .img01 img{max-width:100%;}
.app .img02{position:absolute; transform:translate(-100%,-18rem);}
.app .img02 .btns{position:absolute; bottom:9rem; left:0; width:100%; text-align:center;}
.app .img02 a{display:inline-block; width:33.3333%}
.app .img02 img{max-width:100%;}
.app .img03{position:relative;}
.app .img03 img{max-width:100%;}
.app .img03 p{position:absolute; top:10%; left:0; width:100%; font-weight:700; text-align: center;}
.app .img04{position:absolute; top:4rem; left:-4.5rem;}
.app .img05{position:absolute; top:42rem; left:calc(50% - 37rem);}

@media all and (max-width:1560px){
  .app .inner{width:auto; margin:0 6rem;}
}

@media all and (max-width:1024px){
  .app{padding:0; background-image:url(../img/app_bg_m.jpg); background-size:cover; background-position: top left;}
  .app .inner{padding:141.7rem 0 22rem;}
  .app .app_cont{margin-left:0;}
  .app .txt01{margin-top:9rem;}
  .app .txt01 dt{margin-bottom:4rem;}
  .app .txt01 dd{font-size:4.2rem;}
  .app .img01{margin-top:16.6rem; margin-left:-6rem; margin-right:-6rem;}
  .app .img02{position:relative; transform:translate(0); margin-left:-6rem; margin-right:-6rem;}
  .app .img02 .btns{position:absolute; bottom:9rem; left:0; width:100%; text-align:center;}
  .app .img02 a{width:46rem}
  .app .img02 a+a{margin-left:2rem;}
  .app .img03{margin-left:-6rem; margin-right:-6rem;}
  .app .img03 p{top:10rem; font-size:4.5rem;}
  .app .img04{top:15rem; left:0; width:57rem;}
  .app .img04 img{width:100%;}
  .app .img05{top:79.5rem; left:auto; right:-6rem; width:60rem;}
  .app .img05 img{width:100%;}
}

/*********************/ 
/*   mineral water   */
/*********************/ 
.mw{position:relative; margin-top:11rem; padding-bottom:39rem; background:url(../img/mw_bg_map.png) no-repeat top 51rem right;}
.mw .txt01{line-height:1.5;}
.mw .box01{position:relative; margin-top:25.5rem;}
.mw .box01 span{position:relative; display:block;}
.mw .box01 div{margin-top:12rem; line-height: 1.5;}
.mw .box01 p+p{margin-top:4rem;}
.mw .box01 .bg02{position:absolute; top:31.5rem; left:-12rem; margin-top:0;}
.mw .box02{position:absolute; top:63rem; right:9rem;}
.mw .box02 p{margin-bottom:14rem; line-height:1.5;}
.mw .box03{position:relative; margin-top:-12rem; margin-left:calc(50% - 6rem);}
.mw .box03 .img02{position:absolute; bottom:-30rem; left:40rem;}
.mw .box04{margin-top:12rem; line-height: 1.5;}
.mw .box04 p+p{margin-top:4rem;}

.bg01{position:absolute; top:-6.5rem; right:0;}
.bg03{position:absolute; top:90rem; right:0;}
.bg04{position:absolute; bottom:21rem; left:0;}

@media all and (max-width:1600px){
  .mw .box01 span{width:56.75%;}
  .mw .box01 span img{width:100%;}
  .mw .box01 div{width:56.75%;}
  .mw .box01 .bg02{top:20vw; left:-8.1%; width:36.21%;}
  .mw .box01 .bg02 img{width:100%;}

  .mw .box02{right:6%; width:30.4%}
  .mw .box02 img{max-width:100%;}

  .mw .box03{width:42.56%;}
  .mw .box03 img{width:100%;}
  .mw .box03 .img02{bottom:-50%; left:50%; width:105.8%;}

  .bg01{top:0; width:68.64%;}
  .bg01 img{width:100%;}
  .bg03{width:46.62%;}
  .bg03 img{width:100%;}
  .bg04{width:53.89%;}
  .bg04 img{width:100%;}
}

@media all and (max-width:1024px){
  .mw{margin-top:14rem; padding-bottom:93.3rem; background-image:url(../img/mw_bg_map_m.png); background-position:top 180rem right; background-size:98.9rem 148.7rem;}
  .mw .txt01{padding-right:15rem;}
  .mw .txt01 br{display:none;}

  .mw .box01{margin-top:30rem; padding:0 6rem;}
  .mw .box01 span{width:100%;}
  .mw .box01 div{width:100%;}
  .mw .box01 p+p{margin-top:8rem;}
  .mw .box01 .bg02{top:30.4rem; width:43.7rem;}

  .mw .box02{display:flex; flex-direction: column; position:relative; top:0; right:0; margin-top:12rem; width:100%; padding:0 6rem;}
  .mw .box02 p{margin-bottom:12rem; line-height:1.5;}
  .mw .box02 img{width:57.3rem;}
  
  .mw .box03{position:relative; width:100%; margin-top:12rem; margin-left:0; padding:0 6rem;}
  .mw .box03 .img01{width:73.8rem;}
  .mw .box03 .img02{top:78.6rem; left:auto; right:-10rem; width:62.2rem;}

  .mw .box04{position:relative; width:100%; margin-top:12rem; margin-left:0; padding:0 6rem;}

  .bg01{top:19rem; width:77.5rem;}
  .bg03{top:240.5rem; width:66.9rem;}
  .bg04{bottom:30rem; width:93.1rem;}
}

/*********************/ 
/*       company      */
/*********************/ 

.company01{height:300rem; margin-top:-5.5rem; background:url(../img/company_img01.jpg) no-repeat top center;}
.company02{height:230rem; margin-top:-5.5rem; background:url(../img/company_img02.jpg) no-repeat top center;}
.company03{height:150rem; margin-top:-5.5rem; background:url(../img/company_img03.jpg) no-repeat top center;}

@media all and (max-width:1024px){
 
  .company01{height:380rem;margin-top:-5.5rem; background-image:url(../img/company_img01_m.jpg); background-size:cover;}
  .company02{height:330rem;margin-top:-5.5rem; background-image:url(../img/company_img02_m.jpg); background-size:cover;}
  .company03{height:200rem;margin-top:-5.5rem; background-image:url(../img/company_img03_m.jpg); background-size:cover;}
  
}

/*********************/ 
/*       effect      */
/*********************/ 
.tit_ef{display:flex; line-height: 1.5; font-weight:700;}
.tit_ef .num{display:block; margin-right:1.5rem; font-family: 'GmarketSansMedium'; font-weight:400; font-size:7.5rem; line-height:1;}
.tit_ef .s{margin-top:2rem; font-size:1.8rem; font-weight:400;}

.ef01{height:75rem; margin-top:-5.5rem; background:url(../img/effect_img01.jpg) no-repeat top center;}
.ef02{margin-top:15rem;}
.ef02 .cont{display:flex; justify-content: space-between;}
.ef02 .cont p{width:calc(50% - 2rem);}
.ef02 .cont .txt01{font-size:4.2rem; font-weight:700;}
.ef02 .cont .txt02{font-size:3rem; line-height:1.5; font-weight:300;}

.ef03{margin-top:15rem;}
.ef03 .cont{display:flex; justify-content: space-between;}
.ef03 .cont>div{width:calc(50% - 2rem);}
.ef03 .graph{margin-top:3rem;}
.ef03 .graph img{max-width:100%;}
.ef03 .box01{position:relative; padding-top:14.3rem;}
.ef03 .box01 p{font-family: 'GmarketSansMedium'; font-size:12rem; color:#e9ecee; line-height:1;}
.ef03 .box01 div{position:absolute; top:14.3rem; right:5rem;}

.ef04{position:relative; margin-top:15rem;}
.ef04 .tit_ef{width:calc(50% - 2rem);}
.ef04 .img01{position:absolute; top:0; right:0; width:calc(50% - 2rem);}
.ef04 .img01 img{max-width:100%;}
.ef04 .graph{width:calc(50% - 2rem); margin-top:28rem;}
.ef04 .graph img{max-width:100%;}

.ef05{position:relative; margin-top:22rem; margin-bottom:16rem;}
.ef05 .img01{margin-top:7.5rem;}
.ef05 .img01 img{max-width:100%;}
.ef05 .txt01{position:absolute; top:-20.5rem; right:0; font-family: 'GmarketSansMedium'; font-size:12rem; color:#e9ecee; line-height:1; text-align:right; letter-spacing: -0.05em;}

@media all and (max-width:1024px){
  .tit_ef .num{margin-right:3rem; font-size:13.5rem;}
  .tit_ef .s{margin-top:6rem; font-size:3.9rem}

  .ef01{height:127.5rem; margin-top:-5.5rem; background-image:url(../img/effect_img01_m.jpg); background-size:cover;}

  .ef02{margin-top:21rem;}
  .ef02 .cont{display:block;}
  .ef02 .cont p{width:100%;}
  .ef02 .cont .txt01{font-size:7.5rem;}
  .ef02 .cont .txt02{margin-top:6rem; font-size:4.5rem;}
  .ef02 .cont .txt02 br{display:none;}

  .ef03 .cont{display:block;}
  .ef03 .cont>div{width:100%;}
  .ef03 .graph{margin-top:6rem;}
  .ef03 .graph img{max-width:100%;}
  .ef03 .box01{margin-bottom:12rem; padding:0 6rem 41.6rem;}
  .ef03 .box01 p{font-size:15rem;}
  .ef03 .box01 div{top:-3rem; right:-11rem; width:75.3rem;}
  .ef03 .box01 div img{max-width:100%;}

  .ef04{margin-top:12rem;}
  .ef04 .tit_ef{width:100%;}
  .ef04 .img01{position:relative; width:calc(100% + 12rem); margin-top:6rem; margin-left:-6rem; margin-right:-6rem;}
  .ef04 .graph{width:100%; margin-top:12rem;}

  .ef05{margin-top:21rem; margin-bottom:21rem; padding-top:40rem;}
  .ef05 .img02{margin-top:6rem;}
  .ef05 .img02 img{max-width:100%;}
  .ef05 .img02 img+img{margin-top:6rem;}
  .ef05 .txt01{top:-40rem; right:6rem; font-size:15rem; }
}

.popup{display:none; position:absolute; top:16rem; left:50%; width:61rem; transform:translateX(-50%); border:1px solid #ddd; z-index:1000;}
.popup a{display:block;}
.popup img{width:100%;}
.popup .bottom{display:flex; align-items:center; justify-content: space-between; height:6.5rem; padding:0 4rem; font-size:2.1rem; background:#ddd;}
.popup .bottom .today{color:#757575;}
.popup .bottom .close_popup{display:flex; align-items: center;}
.popup .bottom .close_popup img{margin-left:1rem;}

@media all and (max-width:1024px){
  .popup{top:32rem; left:6rem; width:calc(100% - 12rem); transform:translateX(0);}
  .popup .bottom{height:10rem; padding:0 6rem; font-size:3.3rem;}
  .popup .bottom .close_popup img{width:2.8rem;}
}

/* video popup */
.videoLayer{display:none; align-items: center; justify-content: center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:100;}
.videoLayer .videoInner{position:relative; width:1000px;}
.videoLayer .videoInner::after{content: ''; padding-top: 56.25%; display: block;}
.videoLayer .videoInner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoLayer .closeVideo{position:absolute; top:0; right:-8.5rem;}

@media all and (max-width:1024px){
  .videoLayer .videoInner{width:90%;}
  .videoLayer .closeVideo{top:-6.5rem; right:0;}
  .videoLayer .closeVideo img{width:4.2rem;}
}