/* BASIC css start */ /* BASIC css start */ #header .head_inner .user_m ul li.li_lag a { opacity: 0.5; color: #fff; } #header .head_inner .user_m ul li.li_lag a.kr { color: #fff !important; } #header.fixed .head_inner .user_m ul li.li_lag a { color: #686868 !important; } #header.fixed .head_inner .user_m ul li.li_lag a.kr { color: #000 !important; } .move { position: fixed; right: 5%; top: 40%; z-index:25 } .move ul { } .move ul li { margin: 15px 0; } .move ul li a { display: block; border-radius: 50%; width: 22px; height: 22px; position: relative; transition:all .4s; border:1px solid rgba(0,0,0,0) } .move ul li a span { width: 10px; height: 10px; border-radius: 50%; background-color: #7d7d7d; text-indent: -9999px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition:all .4s } .move ul li a.on { border: 1px solid #000; transition:all .4s } .move ul li a.on span { background-color: #000; transition:all .4s } /* 섹션공통 */ section { width: 100%; min-height: auto; } section .sec_inner { width: 100%; max-width: 1350px; margin: 0 auto; height: auto; } section .shop_now { font-size: 14px; color: #000; padding-bottom: 7px; border-bottom: 1px solid #000; font-weight: 600; letter-spacing: 1px; display: inline-block; } section .shop_now span { display: inline-block; margin-left: 17px; } section .shop_now span img { display:inline-block; margin-top:-3px } section p.tit { font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.2px; font-weight:500 } .start { transition: all 2s; opacity: 0; } .end { opacity: 1 !important; transition: all 2s; margin-top:-35px } .aos-init { transform: translate(0px, 33%) scale(1, 1.2) !important; } .aos-init.aos-animate { transform: translate3d(0px, 0%, 0px) !important; } /* sec1 */ .mainVideo { position: relative; width: 100%; padding-bottom: 56.25%; } .mainVideo iframe { position: absolute; width: 100%; height: 100%; } #sec1 { height: auto; margin-bottom: 210px; position:relative; } #sec1 .sec_inner { position: relative; } #sec1 .sec_inner .sec1_cont { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 1s; opacity:0 } #sec1 h2 { font-family: 'Playfair Display SC', serif; color: #000; font-size: 63px; font-weight:600; letter-spacing:5.5px } #sec1 .sec_inner .sec1_cont .sec1_logo { } #sec1 .sec_inner .sec1_cont .sec1_logo img { } #sec1 .sec_inner .sec1_cont p.tit { font-family: 'Noto Sans KR', sans-serif; color: #333; font-size: 18px; margin: 15px 0 29px; font-weight: 500; letter-spacing: -.2px; } #sec1 .sec_inner .sec1_cont .shop_now { font-size: 14px; color: #000; padding-bottom: 10px; border-bottom: 1px solid #000; font-weight: 600; letter-spacing: 1px; display: inline-block; } #sec1 .sec_inner .sec1_cont .shop_now span { display: inline-block; margin-left: 8px; } #sec1 .sec_inner .sec1_cont .shop_now span img { } .sec1_wrap { position: absolute; background: transparent; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; } /* sec2 */ #sec2 {height: auto;margin-bottom: 230px;} #sec2 .sec_inner { max-width: 1568px; padding-top: 0; position: relative; } #sec2 .sec_inner h1 {font-size: 99px;text-align: center;font-weight: bold;margin-bottom: 87px;} #sec2 .sec_inner a.btn_story {display: table;margin: 0 auto;border: 1px solid #ea0d43;color: #ea0d43;padding: 10px 15px;text-align: center;margin-bottom: 173px;font-size: 15px;line-height: 1;} #sec2 .sec_inner ul { display: flex; justify-content: space-between; width: 100%; } #sec2 .sec_inner ul.x3x li { width: 32.5%; } #sec2 .sec_inner ul.x1x li { width:100%; } #sec2 .sec_inner ul li a { } #sec2 .sec_inner ul li a .thumb { display: block; width: 100%; } #sec2 .sec_inner ul li a .tit { display: none; font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 8px; } #sec2 .sec_inner ul li a .txt { display: none; font-size: 14px; font-weight: normal; color: #675d65; } /* sec3 */ #sec3 { background: #fefaf1; padding: 0; height: 100%; margin-bottom: 105px; } #sec3 .sec_inner { display: flex; justify-content: space-between; align-items: center; max-width: 100%; } .video_bg{ position: absolute; background: transparent; top: 0; left: 0; right: 0; border: 0; z-index: 999999; width: 100%; height: 100%; } /* sec4 */ .tab { display: flex; justify-content: center; margin-bottom:50px; } .tab li { margin: 0 40px; color: #ffd200; } .tab li.current a { color: #01a66a; } .tab li a { font-size: 16px; font-weight: 700; color: #ea1847; } #sec4 { margin-bottom:100px; } #sec4 .sec_inner { display: flex; flex-direction: column; align-items: center; /* height: 100%; */justify-content: center; } #sec4 .sec_inner h2 { margin-bottom: 60px; font-family: 'Playfair Display SC', serif; font-size: 48px; color: white; text-align: center; font-weight: 600; } .tabcontent { display: none; } .tabcontent.current { display: block; } /* sec5 */ #sec5 { background-color: #fff; } #sec5 .sec_inner { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; } #sec5 .sec_inner h2 { margin-bottom: 60px; font-size: 16px; color: #000; text-align: center; font-weight: 600; letter-spacing: 2px; } #sec5 .sec_inner h2 img { display: block; text-align: center; margin: 0 auto 12px; } #sec5 .sec_inner h2 a { font-size: 16px; color:#999999; font-weight: normal; vertical-align: baseline; } /* sec6 */ #sec6 { margin-bottom: 105px; } #sec6 .sec_inner { } #sec6 .sec_inner .hover-cate {position:relative;overflow: hidden;border: 2px solid #ee0a43;border-bottom: 0;box-sizing: border-box;height: 240px;} #sec6 .sec_inner .hover-cate a {display: block;letter-spacing: 7px;} #sec6 .sec_inner .hover-cate a img { display:none; } #sec6 .sec_inner .hover-cate a span {position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #ee0a43;font-size: 100px;font-weight: inherit;text-align: center;letter-spacing:1px;z-index: 9;} #sec6 .sec_inner .hover-cate:last-child {border-bottom: 1px solid #ee0a43;} #sec6 .sec_inner a { display:block; } #sec6 .sec_inner a img { width:100%; } #sec6 .sec_inner .hover-cate .hover-bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; transform-origin: top center; transition: transform 0.1s; transform:scaleY(0); } #sec6 .sec_inner .hover-cate .hover-bg.cate_shop { background-image: url('/design/mellmell/img/main_cate_shop_bg.jpg'); } #sec6 .sec_inner .hover-cate .hover-bg.cate_lookbook { background-image: url('/design/mellmell/img/main_cate_lookbook_bg.jpg'); } #sec6 .sec_inner .hover-cate .hover-bg.cate_media { background-image: url('/design/mellmell/img/main_cate_media_bg.jpg'); } #sec6 .sec_inner .hover-cate .hover-bg.cate_store { background-image: url('/design/mellmell/img/main_cate_store_bg.jpg'); } #sec6 .sec_inner .hover-cate .hover-bg.cate_about { /*background-image: url('/design/mellmell/img/main_cate_about_bg.png');*/ background:#fff; } .about_cate{ background-color: #ee0a43; } .about_cate span{color: #fff !important;} .about_cate:hover span{color: #ee0a43 !important;} /* 마우스 오버 시, 이미지 줌 */ .hover-zoom { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hover-zoom:hover:not(:focus) .hover-zoom__zoom { transform: scale(1.03); } .hover-zoom:hover:not(:focus) .hover-zoom__inner { transform: scale(1.03); } .hover-zoom__inner { overflow: hidden; } .hover-zoom__zoom, .hover-zoom__inner { transform-origin: center center; transition: transform 0.3s ease; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* BASIC css end */ /* BASIC css end */