/* BASIC css start */
/* 로고 가운데 고정 */
.center_logo {
    position: fixed;
    z-index: 55;
    width: 100%;
    left: 0;
    top: 0;
}
.center_logo_inner {
    position: absolute;
    left: 50%;
    top: 50vh;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 500px;
}
.center_logo_inner a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.center_logo_inner img {
    max-width: 60vw;
    max-height: 60vh;
    width: 100%;
    height: 100%;
    animation: rotateLogo 10s linear infinite;
    scale: 1.1;
}

@keyframes rotateLogo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* 페이지 로드 */
#mainSpot {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* 메인 스와이프 */
body {min-width: 1230px;}
html, body {position: relative; height: 100%;}
/*
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
    display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-vertical>.swiper-pagination-bullets{ right: 20px !important;}
.swiper-pagination-bullet{ margin: 33px 0 !important; border: 2px solid #000; opacity: 1 !important; background: rgba(0,0,0,0) !important;}
.swiper-pagination-bullet-active{ background: #000 !important;}
*/


.video_container {display:flex;align-items: center;justify-content: space-between; height:100vh;}
.video_container .video {width:33.333333%; /*height:100%;*/ height: 100vh; object-fit: cover;}
.video_container .video .mainVideo {width:100%;}


/* 화면 너비가 1400px 이하일 때 */
@media (max-width: 1400px) {
  .video_container .video .mainVideo {height:100vh;object-fit: cover;}
}



/* 4번째섹션 */
.main_foot_bn_wrap {width:1200px; margin:0 auto; }
.main_foot_bn_wrap .product-wrap {position:relative; }
.main_foot_bn_wrap .product-wrap h3 {font-size:56px; font-weight:900; text-align:right; font-family:"Lato", serif;}
.main_foot_bn_wrap .product-wrap .prd-paging {position:absolute; right:0; top:0;}
.main_foot_bn_wrap .product-wrap ul li .thumb img {width:100%;}
.main_foot_bn_wrap .product-wrap ul li .prd-info .prd-name {padding: 16px 0 10px;}
.main_foot_bn_wrap .product-wrap ul li .prd-info .prd-price strike {display:none;}
.main_foot_bn_wrap .product-wrap ul li .prd-info .prd-price .price {font-weight:600;}
.main_foot_bn_wrap .product-wrap .arrow-btn {text-align:right; display:flex; justify-content: end; gap: 17px; padding:40px 0 6px;}
.main_foot_bn_wrap .product-wrap .arrow-btn div {cursor:pointer; width:7px; height:12px; background-size:7px auto; padding:5px;}
.main_foot_bn_wrap .product-wrap .arrow-btn div:first-child {background:url(/design/everyday36/left_arrow.png)no-repeat center;}
.main_foot_bn_wrap .product-wrap .arrow-btn div:last-child {background:url(/design/everyday36/right_arrow.png)no-repeat center;}
/*
.section_4 .main_foot_bn_wrapper { width: 100%; position: absolute; top: 190px; left: 0px;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap {width:1200px; margin:0 auto 100px; height: 380px;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap:after {content: ""; display: block; clear: both;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap .main_foot_bn {width:380px; height:380px; float:left; margin-right:30px;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap .main_foot_bn:last-child {margin-right:0px;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap .main_foot_bn .img_area {width:380px; height:380px;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap .main_foot_bn .img_area a img {width:100%;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap .main_foot_bn .txt_area { line-height: 21px; padding:10px 20px; color:#1c1c1c; font-size: 13px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Sans KR', 'Sans-serif'; text-align:center;}
*/
.section_4 .swiper-container {overflow:hidden;}
/*
.section_4 #footer { bottom: 0px; left: 0px; width: 100%; padding: 0 0 20px; background: #fff; text-align: center; margin:20px 0 0;}
*/

/* 상단 */
#header .headerTnb .tnbLeft .line, #header .headerTnb .tnbLeft ul li a{color:#000 !important}
/*#header .headerTnb .tnbLeft .tlogo a{background: url(/design/everyday36/img/everyday365_logo_text.png) no-repeat !important;background-size: 100% !important;}*/
#header .tnbRight .basket a{background: url(/design/everyday36/laromanee/pc/icon/basketicon_black.png) no-repeat !important;}
#header .tnbRight .searchArea{border-bottom:1px solid #fff !important;}
#header .tnbRight .searchIcon{background: url(/design/everyday36/laromanee/pc/icon/searchicon_black.png) no-repeat !important;}
#header .tnbRight .searchArea .search fieldset a{background: url(/design/everyday36/laromanee/pc/icon/searchicon_black.png) no-repeat !important;}
#header .tnbRight .basket a span{background: #000 !important; color: #fff !important;}
#header .headerTnb .tnbLeft{background:rgba(0,0,0,0) !important}




/* fullpage */
.section .banner {width:100%; height:100%;}
body #fp-nav.fp-right {right:20px;}
body #fp-nav ul li,
body .fp-slidesNav ul li {width: 12px; height: 12px; margin: 33px 0; }
body #fp-nav ul li a span, 
body .fp-slidesNav ul li a span {width: 8px; height: 8px; border: 2px solid #000; opacity: 1 !important; background: rgba(0, 0, 0, 0) !important; left:0; top:0; margin:0;}
body #fp-nav ul li:hover a span, 
body .fp-slidesNav ul li:hover a span {width: 8px; height: 8px; margin:0;}
body #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, 
body .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {width: 8px; height: 8px; background: #000 !important; margin:0; left:0; top:0;}



/* BASIC css end */