@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !important;}
.mbr{display:none !important;}
.pc_view{display:none !important;}
.pt_view{display:block !important;}
.tm_view{display:block !important;}
.t_view{display:block !important;} 
.m_view{display:none !important;}



#wrap *{box-sizing:border-box;}
.backgroud_visual{position:fixed;top:0;left: 0; width: 100%; height: 100vh;z-index: 1;}
.backgroud_visual .img{position:absolute; top:0;left: 0; width: 100%; height: 100%; z-index: 1;}
.video_wrap{position:absolute;top:0;left:0;z-index:2;width:100%!important;height:100%!important;}
.video_wrap video{position: absolute;top: 50%;left: 50%;z-index: 1;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%,-50%);}



#section_wrap{position:relative; z-index: 10;}
#section_wrap section{position:relative; margin:0 auto; width: 100%;height: auto;color: #fff;}
#section_wrap .fix_wrap{position:relative;width:100%;}
#section_wrap .fix_wrap .fix_con{width: 100%;}
#section_wrap .fix_wrap .more_con{width: 100%;margin-top: 50px;}
#section_wrap .fix_wrap .more_con .item_show{width: 100%;}
#section_wrap section .contents{padding: 0 6.25%;}
#section_wrap section .cover_height{position:relative;width: 100%;}
#section_wrap section .sec_title_g{position: relative;word-break: keep-all;z-index: 1;}
#section_wrap section .sec_title_g .title1{font-size: 8rem;line-height: 0.9;font-family: 'Lora', serif;}
#section_wrap section .sec_title_g .title2{font-size: 5rem;line-height: 1;font-family: 'Lora', serif;}
#section_wrap section .sec_title_g .title3{font-size: 1.8rem;font-weight: 400;line-height: 1.6;}
#section_wrap section .sec_title_g .title4{font-size: 2rem;font-weight: 400;line-height: 1.4;font-family: 'Lora','Noto Sans KR',sans-serif;}
#section_wrap section .sec_title_g .link_g .view_more{font-size: 1.5rem;font-family: 'Lora',sans-serif;line-height: 1em;font-weight: 300;display: inline-block;}
#section_wrap section .sec_title_g .link_g .view_more button{position: relative;width: 42px;height: 42px;margin-right: 24px;display: inline-block;}
#section_wrap section .sec_title_g .link_g .view_more button svg{width: 100%;height: 100%;}
#section_wrap section .sec_title_g .link_g .view_more button svg circle{stroke-width: 1.3px;}
#section_wrap section .sec_title_g .link_g .view_more button:before,
#section_wrap section .sec_title_g .link_g .view_more button:after{display:block;content:"";position: absolute;top: 50%;left: 50%;width: 1px;height: 12px;background: #fff;margin: -6px 0 0 -1px;}
#section_wrap section .sec_title_g .link_g .view_more button:after{transform: rotate(90deg);}
#section_wrap section .sec_title_g .link_g .view_more .txt{display: inline-block;vertical-align: top;line-height: 42px;}

#section_wrap section.main_visual .cover_height{min-height:auto;}
#section_wrap section.main_visual .sec_title_g{position: absolute;bottom: -17px;left: 5%;}
#section_wrap section.main_visual .sec_title_g .title1 span{display: inline-block; vertical-align: top;}
#section_wrap section.introduction{padding: 200px 0 0;}
#section_wrap section.introduction .sec_title_g{transform:initial !important;}
#section_wrap section.introduction .sec_title_g .g > div:not(.title2){}
#section_wrap section.introduction .sec_title_g .title3{margin-top: 16px;}
#section_wrap section.introduction .sec_title_g .link_g{margin-top: 20px;}
#section_wrap section.introduction .img{position: relative;top: -20px;left: 0;width: 100%;height: 48.4vw;border-radius: 15px;overflow: hidden;z-index: -1;}
#section_wrap section.introduction .img span{display: block;width: 100%;height: 100%;}
#section_wrap section.introduction .img img{position:relative; display: block;width: 100%; top:-50%;}
#section_wrap section.best_product{padding: 135px 0 0;}
#section_wrap section.best_product .sec_title_g.title_g1{}
#section_wrap section.best_product .sec_title_g .title2{margin-bottom:30px;}
#section_wrap section.best_product .sec_title_g{opacity:1;}
#section_wrap section.best_product .fix_wrap .fix_con{padding-top: 0;}
#section_wrap section.best_product .fix_wrap .fix_con .g{transform: initial !important;}
#section_wrap section.best_product .prod_show .item{position: relative;width: 100%;/*height: 120.5vw;*/background: #e7f1e6;border-radius: 18px;overflow: hidden;}
#section_wrap section.best_product .prod_show .item:nth-child(n+2){margin-top: 6%;}
#section_wrap section.best_product .prod_show .item a{display: block;width: 100%;height: 100%;}
#section_wrap section.best_product .prod_show .item .info{position: absolute;top: 0;left: 0;width: 100%;padding: 30px 6.2%;color: #000;word-break: keep-all;z-index: 1;}
#section_wrap section.best_product .prod_show .item .info .tit{font-size: 2rem;line-height: 1em;font-weight: 600;text-transform: uppercase;font-family: 'Montserrat','Noto Sans KR',sans-serif;letter-spacing: -0.5px;}
#section_wrap section.best_product .prod_show .item .info .s_tit{font-size: 1.2rem;font-weight: 400;letter-spacing: -0.1px;margin-top: 7px;}
#section_wrap section.best_product .prod_show .item .img{max-width: 100%;margin: 0 auto;display: block;}
#section_wrap section.best_product .sec_title_g .link_g{margin-top: 20px;}
#section_wrap section.best_product .item .hover{display: none;}


#section_wrap section.our_business{padding: 135px 0 0px 0;}
#section_wrap section.our_business .sec_title_g{margin-bottom: 50px;transform: initial !important;}
#section_wrap section.our_business .item_wrap{position: relative;width: 100%;}
#section_wrap section.our_business .item_wrap .item{width: 100%;height: 250px;border-radius: 15px;overflow: hidden;word-break: keep-all;}
#section_wrap section.our_business .item_wrap .item + .item{margin-top: 6%;}
#section_wrap section.our_business .item_wrap .item a{position: relative;width: 100%;height: 100%;display: block;}
#section_wrap section.our_business .item_wrap .item .bg{position: relative;display: block;width: 100%;height: 100%;}
#section_wrap section.our_business .item_wrap .item .info{position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px 6.2%;}
#section_wrap section.our_business .item_wrap .item .info .tit{font-size: 3rem;font-family: 'Montserrat',sans-serif;font-weight: 500;line-height: 1em;letter-spacing: -1px;}
#section_wrap section.our_business .item_wrap .item .info .txt1{font-size: 1.3rem;line-height: 1.6;margin-top: 12px;letter-spacing: -0.25px;}
#section_wrap section.our_business .item_wrap .item .info .txt1 br{display:none;}

#section_wrap section.instagram{padding: 135px 0 140px 0;}
#section_wrap section.instagram .sec_title_g{transform:inherit !important;}
#section_wrap section.instagram .instagram_feed{position: relative;width: 100%;margin-top: 50px;}
#section_wrap section.instagram .instagram_feed .slick-list,
#section_wrap section.instagram .instagram_feed .slick-track{overflow:inherit;}
#section_wrap section.instagram .instagram_feed .feed{position: relative;width: 200px;height: 200px;overflow: hidden;border-radius: 15px;background: #000;}
#section_wrap section.instagram .instagram_feed .feed + .feed{margin-left: 15px;}
#section_wrap section.instagram .instagram_feed .feed a{display: block;width: 100%;height: 100%;}
#section_wrap section.instagram .instagram_feed .feed span{display: block;width: 100%;height: 100%; transition:0.3s;}
#section_wrap section.instagram .instagram_feed .heart{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
#section_wrap section.instagram .instagram_feed .heart svg{transform: scale(0);transition: 0.5s cubic-bezier(0.25, 0.1, 0, 1.03);width: 40px;height: 40px;}
#section_wrap section.instagram .instagram_feed .feed:hover .heart svg{transform:scale(1);}
#section_wrap section.instagram .instagram_feed .feed:hover span{opacity:0.7;}
#section_wrap section.instagram .instagram_feed .heart svg *{fill: #ff5765;}


/*motion*/
#section_wrap section.best_product .sec_title_g,
.ani{opacity:0; transform:translate3d(0,20px,0);}
#section_wrap section.our_business .item_wrap .item.ani{opacity:0; transform:translate3d(0,0px,0);}
#section_wrap section.best_product .prod_show .item{opacity:0; transform:translate3d(0,70px,0);}
#section_wrap section.our_business .item_wrap .item.ani.is-inview,
#section_wrap section.best_product .prod_show .item.ani.is-inview,
#section_wrap section.best_product .sec_title_g.is-inview,
.ani.is-inview{opacity:1;transform:translate3d(0,0px,0); transition:1.2s;}
#section_wrap section.best_product .prod_show .item .img{opacity:1;transform:scale(1.3);}
#section_wrap section.best_product .prod_show .item.is-inview .img{opacity:1;transform:scale(1); transition:2s;}
#section_wrap section.best_product .prod_show .item .info{transform:translate3d(0,40px,0); opacity:0;}
#section_wrap section.best_product .prod_show .item.is-inview .info{transform:translate3d(0,0px,0); opacity:1; transition:1.2s;}