/* BASIC css start */
#header { position: fixed !important; } 

/* 이동버튼 */ 
.move { position: fixed; right: 5%; top: 40%; z-index:25 } 
.move ul { } 
.move ul li { margin: 10px 0; } 
.move ul li a { display: block; border-radius: 50%; width: 16px; height: 16px; position: relative; border:1px solid rgba(0,0,0,0); transition:all .4s; } 
.move ul li a span { width: 6px; height: 6px; 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; } 
 
#contents { padding-top:0 } 
 
/* 섹션공통 */ 
section { width: 100%; /* height: 100vh; */ } 
section .sec_inner { width: 100%; margin: 0 auto; height: 100%; } 
section .shop_now { font-family: 'Lato' , sans-serif; font-size: 12px; color: #000; padding-bottom: 5px; border-bottom: 1px solid #000; font-weight: 600; letter-spacing: 1px; display: inline-block; } 
section .shop_now span { display: inline-block; margin-left: 25px; } 
section .shop_now span img { transform:scale(.66); display:inline-block; margin-top:3px } 
section p.tit { font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.2px; } 
.start { transition: all 1s; opacity: 0; } 
.end { opacity: 1 !important; transition: all 1s; margin-top:-30px } 
.aos-init{transform: translate(0px, 33%) scale(1, 1.2) !important;}
.aos-init.aos-animate{transform: translate3d(0px, 0%, 0px) !important;}

/* 타이틀 */
.cateTit { position:relative; text-align:center; margin-bottom: 20px; } 
.cateTit h3 { font-size: 16px; color: #ffd200; font-weight:bold; line-height: 1; } 
.cateTit h3 b { font-weight: 700; } 
.cateTit h3 b.color_green { color: #01a66a; } 
.cateTit h3 b.color_red { color: #ea1847; } 
.cateTit a { position:absolute; right:0; bottom:0; font-size: 20px; font-weight: bold; color: #a4a4a4; } 


/* sec1 */
#sec1 { margin-bottom: 80px; } 
#sec1 a { display:block; } 
#sec1 a img { width:100%; } 
#sec1 h2 { font-family: 'Playfair Display SC', serif; color: #000; font-size: 41px; font-weight:600; line-height:1.2; letter-spacing:3px; } 
#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; width:100% } 
#sec1 .sec_inner .sec1_cont .sec1_logo { } 
#sec1 .sec_inner .sec1_cont .sec1_logo img { transform:scale(.66) } 
#sec1 .sec_inner .sec1_cont p.tit { font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 12px; margin: 15px 0 20px; font-weight: 500; letter-spacing: -.2px; } 

 
/* sec2 */
#sec2 {height: auto;margin-bottom: 120px;} 
#sec2 #sec2_swiper { padding: 30px 0; overflow: hidden; } 
#sec2 #sec2_swiper .swiper-wrapper { margin: 0 30px; } 
#sec2 #sec2_swiper .swiper-button-prev { left:0 !important; } 
#sec2 #sec2_swiper .swiper-button-prev img { width:8px; } 
#sec2 #sec2_swiper .swiper-button-next { right:0 !important; } 
#sec2 #sec2_swiper .swiper-button-next img { width:8px; } 
#sec2 .sec_inner { position: relative; padding: 0; } 
#sec2 .sec_inner h1 { font-size: 22px; text-align: center; font-weight: 900; margin-bottom: 22px; line-height: 1.25; } 
#sec2 .sec_inner a.btn_story {display: table;margin: 0 auto;border: 1px solid #ea0d43;color: #ea0d43;padding: 6px 10px;text-align: center;margin-bottom: 120px;font-size: 10px;line-height: 1;font-weight: bold;} 
#sec2 #sec2_swiper .swiper-slide { width:100% !important; } 
#sec2 #sec2_swiper .swiper-slide:nth-child(even) { transform: rotate(+3deg); } 

#sec2 #sec2_swiper .swiper-slide:nth-child(odd) { transform: rotate(-3deg); } 
#sec2 .sec_inner ul.x1x { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; margin-bottom: 0; padding: 0; } 
#sec2 .sec_inner ul.x1x li { width:100%; } 
#sec2 .sec_inner ul.x3x .thumb { display: block; margin-bottom: 12px; } 
#sec2 .sec_inner ul li a {display: inline-block;padding: 0 40px;box-sizing: border-box;margin: 0 auto;width: 88%;} 
#sec2 .sec_inner ul li a .thumb {display: inline-block;width: 100%;text-align: center;margin: 0 auto;} 
#sec2 .sec_inner ul li a .tit { display: none; font-size: 15px; font-weight: bold; line-height: 1; margin-bottom: 8px; font-family: 'Lato',sans-serif; } 
#sec2 .sec_inner ul li a .txt { display: none; font-size: 12px; font-weight: normal; color: #675d65; } 
.swiper-button-prev:after, .swiper-button-next:after { color: #ea0d43; } 


/* sec3 */
#sec3 { background: #fefaf1; padding: 0; height: 100%; margin-bottom: 80px; } 
#sec3 .sec_inner { display: block; } 
#sec3 .sec_inner .sec3_right { text-align: center; padding: 50px 0; } 
#sec3 .sec_inner .sec3_right img { width: 66%; } 
#sec3 .sec_inner .sec3_right h3 { color: #ccb7a2; font-size: 12px; font-weight: 500; line-height: 1.55; } 
#sec3 .sec_inner .sec3_left { padding: 0; } 
.mainVideo { position: relative; width: 100%; padding-bottom: 56.25%; } 
.mainVideo iframe { position: absolute; width: 100%; height: 100%; } 


/* sec4 */
.tab { display: flex; justify-content: center; margin-bottom: 30px; } 
.tab li {margin: 0 15px;color: #ffd200;} 
.tab li.current a {color: #01a66a;} 
.tab li a {font-size: 13px;font-weight: 700;color: #ea1847;} 
#sec4 { margin-bottom: 30px; padding: 0 15px; } 
#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; margin-bottom: 80px; } 
#sec5 .sec_inner { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; padding: 0 12%; } 
#sec5 .sec_inner h2 { margin-bottom: 26px; font-family: 'lato', sans-serif; font-size: 15px; 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; width: 20px; } 
#sec5 .sec_inner h2 a { display: block; margin-top:10px; font-size: 15px; color:#999999; font-weight: normal; vertical-align: baseline; } 


/* sec6 */
#sec6 {margin-bottom: 80px;padding: 0 0.75rem;} 
#sec6 .sec_inner .hover-cate { position:relative; overflow: hidden; border: 1px solid #ee0a43; border-bottom: 0; height: 7.591rem;} 
#sec6 .sec_inner .hover-cate a {display: block;letter-spacing: 7px;height: 100%;} 
#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: 26px;font-weight: 900;font-family: 'GothamBlack', sans-serif;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%;height: 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.3s; 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-color: #ee0a43; } 


.instar_wrap { position: relative; width: 100%; padding-bottom: 70%; } 
.instar_wrap iframe { position: absolute; width: 100%; height: 100%; } 
/* BASIC css end */