/* BASIC css start */
/* 이동버튼 */    
.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: 90%; 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}        
section#sec2 {width: 100%; height:300px; }


/* sec1 */
#sec1{background: url(/design/gridcom/postcard/MO_img/Untitled-1.gif) no-repeat center center ;background-size: cover;}
#sec1 .sec_inner{width:100%;}
#sec1 h2{font-family: 'Playfair Display SC', serif; color: #fff; font-size: 18px;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: #fff; font-size: 12px; margin: 15px 0 20px;font-weight: 500; letter-spacing: -.2px;}

        
/* sec2 */
#sec2{overflow:hidden}
#sec2 .txt_cont{width: 100%;height: 300px; background-color: #f5f5f5; text-align:center; padding:50px 0;display:flex; flex-direction:column; align-items:center; justify-content:center}
#sec2 .txt_cont h2{font-family: 'Playfair Display', serif; font-size: 31px; font-weight: 500;letter-spacing: 4px; color:#000;margin-top:10px}
#sec2 .txt_cont p.tit{color: #666; font-size: 14.5px;line-height:1.5; font-weight: 400; margin:23px 0; letter-spacing:-.6px; word-spacing:1.3px}
#sec2 .txt_cont .shop_now{}



/* BASIC css end */

