@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
video::-webkit-media-controls-fullscreen-button {	display: none !important;}

video::-webkit-media-controls-play-button {	display: none !important;}


video::-webkit-media-controls-timeline {	display: none !important;}

video::-webkit-media-controls-current-time-display{	display: none !important;}


video::-webkit-media-controls-time-remaining-display {	display: none !important;}


video::-webkit-media-controls-mute-button {	display: none !important;}


video::-webkit-media-controls-volume-slider {	display: none !important;}

.brand_top{height: 100vh;position:relative;}
 .brand_top .brand_top_cont{position: absolute;top:45%;left:50%;transform: translate(-50%,-50%);width:100%;text-align: center;}
.brand_top .brand_top_cont span.s_title{line-height: 1.5; font-weight: 700;font-size: 18px;text-transform: uppercase;color: #fff;}
.brand_top .brand_top_cont div.brand_logo{margin:100px 0 30px;}
.medi .brand_top .brand_top_cont div.brand_logo{margin: 80px 0 30px;}

.brand_top .brand_top_cont p.brand_desc{font-weight: 500;  font-size: 30px;line-height: 36px;color: #fff;}
.brand_top .brand_top_cont.en p.brand_desc{padding:0 16px;}
.sc_brand_intro{text-align: center;padding: 250px 0 ;}
.medi .sc_brand_intro{padding: 222px 0 200px;}
.sc_brand_intro .brand_title{font-weight: 600;font-size: 44px;line-height: 53px;}
.sc_brand_intro .brand_intro_txt{padding: 40px 0 0px; font-size: 18px;line-height: 30px;}
.sc_brand_intro .iframe_wrap{margin-top:80px;}
.sc_brand_intro iframe{width: 968px;height: 545px;}

.brand_images_pc {height: 100vh;background-color: #F8F8FA;overflow: hidden;}
.brand_images_pc .brand_img_inner{display: flex;flex-wrap: wrap;height: 100%;width: 57%;float: left;}
.brand_images_pc .brand_img_inner > div{width: 50%;}
.forment .brand_images_pc .brand_img_inner{display:block; width:100%; float:none;}
.forment .brand_images_pc .brand_img_inner img{width: 100%;}
.brand_images_pc > div.big{width: 43%;float: right;height: 100%;}
.brand_wrap .store_link{padding: 200px 0;text-align: center;}
.brand_wrap .store_link .store_tit{font-size: 30px;line-height: 45px;    font-family: "Poppins";font-weight: 600;    display: block;
    padding-bottom: 20px;}
.brand_wrap .store_link .store_desc{line-height: 45px;font-size: 30px;}
.brand_wrap  a.store_btn{display: block;width: 238px;height: 59px;line-height: 59px;background-color: #000;color: #fff;font-size:16px;color: #FFFFFF;margin:50px auto 0;}

/*메디큐브*/
 .medi .brand_top{  background: url(../brand/khs_pc.png) no-repeat center / cover;}
.medi section[class^='brand_images'] div.fis{background: url(../brand/medibox1.jpg)no-repeat center/cover;}
.medi section[class*='brand_images'] div.sec{background: url(../brand/medibox2.jpg)no-repeat center/cover;}
.medi section[class*='brand_images'] div.thr{background: url(../brand/medibox3.jpg)no-repeat center/cover;}
.medi section[class*='brand_images'] div.four{background: url(../brand/medibox5.jpg)no-repeat center/cover;}
.medi section[class*='brand_images'] div.five{background: url(../brand/medibox4.jpg)no-repeat center/cover;}
.brand_images_mo{display: none;}
.medi .brand_logo img{width:336px;}
.medi .brand_images_pc img, .medi .brand_images_mo img{width:100%;}
.medi .brand_top .brand_top_cont span.s_title,
.medi .brand_top .brand_top_cont p.brand_desc{color: #000;}

/*에이프릴스킨*/
 .april .brand_top{background: url(../brand/april_top.png)no-repeat center/cover;}
.april .brand_images_pc > div.big{float: left;}
.april section[class^='brand_images'] div.fis{background: url(../brand/aprilbox1.jpg)no-repeat center/cover;}
.april section[class*='brand_images'] div.sec{background: url(../brand/aprilbox2.jpg)no-repeat center/cover;}
.april section[class*='brand_images'] div.thr{background: url(../brand/aprilbox3.jpg)no-repeat center/cover;}
.april section[class*='brand_images'] div.four{background: url(../brand/aprilbox4.jpg)no-repeat center/cover;}
.april section[class*='brand_images'] div.five{background: url(../brand/aprilbox5.jpg)no-repeat center/cover;}
.brand_video{margin-bottom: -3px;}
.brand_video video{width: 100%;}
.brand_video .mo_video{display: none;}
.april .brand_logo img{width: 472px;}
.april .brand_images_pc img, .april .brand_images_mo img{width:100%;}

/*포맨트*/
 .forment .brand_top{background: url(../brand/forment_top2.jpg)no-repeat center/cover;}
 .forment .brand_images_pc{height:auto;}
 .forment .brand_logo img{width: 420px;}
 .forment .brand_top .brand_desc{text-transform: uppercase;}
 .forment section[class^='brand_images'] div.fis{background: url(../brand/formentbox3.jpg)no-repeat center/cover;}
 .forment section[class*='brand_images'] div.sec{background: url(../brand/formentbox1.jpg)no-repeat center/cover;}
 .forment section[class*='brand_images'] div.thr{background: url(../brand/formentbox2.jpg)no-repeat center/cover;}
 .forment section[class*='brand_images'] div.four{background: url(../brand/formentbox4.jpg)no-repeat center/cover;}
 .forment section[class*='brand_images'] div.five{background: url(../brand/formentbox5.jpg)no-repeat center/cover;}
 
/*글램디*/
.glamd .brand_top{background: url(../brand/glamd_top.png)no-repeat center/cover;}
.glamd section[class^='brand_images'] div.fis{background: url(../brand/glamdbox1.jpg)no-repeat center/cover;}
.glamd section[class*='brand_images'] div.sec{background: url(../brand/glamdbox2.jpg)no-repeat center/cover;}
.glamd section[class*='brand_images'] div.five{background: url(../brand/glamdbox3.jpg)no-repeat center/cover;}
.glamd section[class*='brand_images'] div.thr{background: url(../brand/glamdbox4.jpg)no-repeat center/cover;}
.glamd section[class*='brand_images'] div.four{background: url(../brand/glamdbox5.jpg)no-repeat center/cover;}
.glamd .brand_logo img{width: 388px;}


/*널디*/
.nerdy .brand_top{background: url(../brand/nerdy_top_pc.jpg)no-repeat center/cover;}
.nerdy .brand_images_pc{height: unset;}
.nerdy .brand_images_pc > div.big{float: left;}
.nerdy section[class^='brand_images'] div.fis{background: url(../brand/nerdybox1.jpg)no-repeat center/cover;}
.nerdy section[class*='brand_images'] div.sec{background: url(../brand/nerdybox2.jpg)no-repeat center/cover;}
.nerdy section[class*='brand_images'] div.thr{background: url(../brand/nerdybox3.jpg)no-repeat center/cover;}
.nerdy section[class*='brand_images'] div.four{background: url(../brand/nerdybox4.jpg)no-repeat center/cover;}
.nerdy section[class*='brand_images'] div.five{background: url(../brand/nerdybox5.jpg)no-repeat center/cover;}
.brand_iframe{ position: relative;padding-top: 56.25%;width: 100%; height: 0;}
.brand_iframe iframe{ position: absolute;  top: 0;left: 0;width: 100%;height: 100%;}
.sc_brand_intro.mid_sc .brand_title{font-weight: 700;text-transform: uppercase;font-size: 30px;line-height: 45px;}
.nerdy .brand_logo img{width: 310px;}
.nerdy_div_bnr.pc{}
.nerdy_div_bnr.mo{display: none;}
.nerdy_div_bnr img{width: 100%;}
.new_nerdy_logo{display:block;width: 85px;margin: 0 auto 20px;}
.new_nerdy_logo img{width: 100%;}
.nerdy .brand_top .brand_top_cont p.brand_desc{font-weight: 700;}
.forment .brand_top .brand_top_cont p.brand_desc, .forment .brand_top .brand_top_cont span.s_title{color:#fff;}

/*포토그레이*/
.photogrey .brand_top{background: url(../brand/photogrey_top.jpg)no-repeat center/cover;}
.photogrey section[class^='brand_images'] div.fis{background: url(../brand/photogreybox1.jpg)no-repeat center/cover;}
.photogrey section[class*='brand_images'] div.sec{background: url(../brand/photogreybox2.jpg)no-repeat center/cover;}
.photogrey section[class*='brand_images'] div.thr{background: url(../brand/photogreybox4.jpg)no-repeat center/cover;}
.photogrey section[class*='brand_images'] div.four{background: url(../brand/photogreybox5.jpg)no-repeat center/cover;}
.photogrey section[class*='brand_images'] div.five{background: url(../brand/photogreybox3.jpg)no-repeat center/cover;}
.photogrey .brand_logo img {width: 513px;}

/* 영문 */
.store_wrap{}
.store_wrap .store_tit{    font-size: 18px;color: #000;font-weight: 600;  text-transform: uppercase;    padding: 80px 0 20px;}
.store_wrap .store_nation{}
.store_wrap .store_nation a{     border: 1px solid #DEDEDE;  width: 130px;     margin: 0 2px;display: inline-block;padding: 16px 20px; color: #999999;  font-weight: 300;}
.store_wrap .store_nation a:hover{background:#000; color:#fff;}
@media all and (max-width: 1024px) {
.brand_top{height: 600px;}
.brand_top .brand_top_cont span.s_title{font-size: 12px;line-height: 18px;}
.medi .brand_top .brand_top_cont div.brand_logo{margin: 36px 0 20px;}

.brand_top .brand_top_cont p.brand_desc{font-size: 18px;line-height: 21px;}
.medi .sc_brand_intro{padding: 120px 0px 0;}
.sc_brand_intro{padding: 100px 0;}
.sc_brand_intro .brand_title, .store_link .brand_title{font-size: 26px;line-height: 31px;display: block;padding: 0 20px;}
.sc_brand_intro .brand_intro_txt, .brand_wrap .store_link .store_desc{font-size: 14px;line-height: 25px;padding: 20px 20px 0px;}
.sc_brand_intro .iframe_wrap{margin-top:100px;}

.iframe_wrap{position: relative;padding-top: 56%;width: 100%;height: 0;}
.iframe_wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.sc_brand_intro .iframe_wrap{width: 100%;height: auto;}
.brand_images_pc{height: 50vh;}
.brand_wrap .store_link{padding: 100px 0 140px;}
.brand_wrap .store_link a.store_btn{margin: 30px auto 0;width: 216px;height: 57px;line-height: 57px;font-size: 14px;}


.april .brand_logo img {width: 250px;}
.forment .brand_logo img{width: 227px;}
.glamd .brand_logo img{width: 209px;}
.nerdy .brand_logo img{width: 134px;}
.photogrey .brand_logo img {width: 254px;}
}


@media all and (max-width: 767px) {
    .brand_top:before{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.2;transform: rotate(-180deg);}

    .brand_top .brand_top_cont{top: unset;bottom: 60px;transform: translateX(-50%);}
    .sc_brand_intro .brand_intro_txt br{display: none;}
    .m_block{display: block;}
    .sc_brand_intro .brand_title{line-height: 39px;}
    .brand_images_pc{display: none;}
    .brand_images_mo{display: block;}
    .brand_images_mo >  div{width: 100%;height: 100vw;}
    .brand_images_mo .brand_img_inner{display: flex;flex-wrap: wrap;flex-direction: column;}
    
    .brand_video .pc_video{display: none;}
    .brand_video .mo_video{display: block;}
    /* 영문 */
    .store_wrap .store_nation{    display: flex; flex-wrap: wrap; justify-content:center;        margin-bottom: 30px; padding: 0 20px;}
    .store_wrap .store_nation a{width: calc(33.3% - 8px);height: 42px;line-height: 42px;padding: 0; font-size: 13px;margin: 4px; }
    /*메디큐브*/
     .medi .brand_top {
        background: url(../brand/khs_m2.png) no-repeat center 0 / cover;
    }
    .medi .brand_images_mo .brand_img_inner div.sec,
    .medi .brand_images_mo .brand_img_inner div.thr{width: 50%;height: 50%;}
    .medi .brand_images_mo .brand_img_inner div.five{width: 50%;height: 100%;float: right;}
    .medi section[class*='brand_images'] div.four{background: url(../brand/medibox3.jpg)no-repeat center/cover;}
    .medi section[class*='brand_images'] div.thr{    background: url(../brand/medibox5.jpg)no-repeat center/cover;}
    .medi .brand_logo img{width:220px;}
    .medi  .brand_images_mo > div{height:auto;}

    /*에이프릴스킨*/
    .april .brand_top{background: url(../brand/m_april_top.jpg)no-repeat center/cover;}
    .brand_top .brand_top_cont div.brand_logo{margin: 50px 0 20px;}
    .april section[class^='brand_images'] div.fis{background: url(../brand/aprilbox2.jpg)no-repeat center/cover;}
    .april section[class^='brand_images'] div.sec{background: url(../brand/aprilbox1.jpg)no-repeat center/cover;float: left;width: 50%;height: 100%;}
    .april section[class^='brand_images'] div.thr{background: url(../brand/aprilbox3.jpg)no-repeat center/cover;width: 50%;height: 50%;}
    .april section[class^='brand_images']  div.four{background: url(../brand/aprilbox4.jpg)no-repeat center/cover;}
    .april section[class^='brand_images']  div.five{background: url(../brand/aprilbox5.jpg)no-repeat center/cover;width: 50%;height: 50%;}
    /*포맨트*/
    .forment .brand_top {background: url(../brand/forment_0911m.jpg)no-repeat center/cover;}
    .forment .brand_top:before{display:none;}
    .forment .brand_top .brand_top_cont{top:95px; bottom:auto;}
    .forment .brand_logo img {width: 227px;}
    .forment .brand_images_mo .brand_img_inner{display:block;}
    .forment .brand_images_mo .brand_img_inner img{width:100%; display:block;}
    .forment .brand_images_mo > div{height:100%;}
    /*글램디*/
    .glamd .brand_top{background: url(../brand/m_glamd_top.jpg)no-repeat center/cover;}
    .glamd section[class^='brand_images'] div.fis{background: url(../brand/glamdbox2.jpg)no-repeat center/cover;}
    .glamd section[class*='brand_images'] div.sec{background: url(../brand/glamdbox1.jpg)no-repeat center/cover;width: 50%;height: 50%;}
     .glamd section[class*='brand_images'] div.thr{background: url(../brand/glamdbox5.jpg)no-repeat center/cover;width: 50%;height: 50%;}
    .glamd section[class*='brand_images'] div.four{background: url(../brand/glamdbox3.jpg)no-repeat center/cover;width: 50%;height: 100%;float: right;}
    .glamd section[class*='brand_images'] div.five{background: url(../brand/glamdbox4.jpg)no-repeat center/cover;}
    /*널디*/
    .nerdy .brand_top{background: url(../brand/ndy_b_m.jpg)no-repeat center/cover!important;}   
    .nerdy section[class^='brand_images'] div.fis{background: url(../brand/nerdybox4.jpg)no-repeat center/cover;}
    .nerdy section[class*='brand_images'] div.sec{background: url(../brand/nerdybox2.jpg)no-repeat center/cover;width: 50%;height: 50%;}
    .nerdy section[class*='brand_images'] div.thr{background: url(../brand/nerdybox3.jpg)no-repeat center/cover;width: 50%;height: 50%;}
    .nerdy section[class*='brand_images'] div.four{background: url(../brand/nerdybox1.jpg)no-repeat center/cover;width: 50%;height: 100%;float: left;}
    .nerdy section[class*='brand_images'] div.five{background: url(../brand/nerdybox5.jpg)no-repeat center/cover;}
    .sc_brand_intro.mid_sc .brand_title,
    .brand_wrap .store_link .store_tit{font-size: 18px;line-height: 27px;}
    .brand_wrap .store_link .store_tit{font-size: 18px;line-height: 27px;display: block;padding-bottom: 14px;}
    .brand_top .brand_top_cont p.brand_desc{font-weight: 500;font-size: 18px;line-height: 28px;font-family: "Pretendard", sans-serif;;}
    .nerdy .brand_top .brand_top_cont p.brand_desc{font-size: 19px;}
    .nerdy .new_nerdy_logo{width: 50px;margin: 0 auto 15px;}

    /*포토그레이*/
.photogrey .brand_top{background: url(../brand/m_photogrey_top.jpg)no-repeat center/cover;}
.photogrey section[class^='brand_images'] div.fis{background: url(../brand/photogreybox4.jpg)no-repeat center/cover;}
.photogrey section[class*='brand_images'] div.sec{background: url(../brand/photogreybox1.jpg)no-repeat center/cover;width: 50%;height: 50%;}
.photogrey section[class*='brand_images'] div.thr{background: url(../brand/photogreybox2.jpg)no-repeat center/cover;width: 50%;height: 50%;}
.photogrey section[class*='brand_images'] div.four{background: url(../brand/photogreybox3.jpg)no-repeat center/cover;width: 50%;height: 100%;float: right;}
.photogrey section[class*='brand_images'] div.five{background: url(../brand/photogreybox5.jpg)no-repeat center/cover;}

.nerdy_div_bnr.pc{display: none;}
.nerdy_div_bnr.mo{display: block;}

}