/* BASIC css start */
/* 페이지 로드 */
#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;
	/* Center slide text vertically */
        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-slide img {height:100%;}
.swiper-container-vertical>.swiper-pagination-bullets{ right: 20px !important;}
.swiper-pagination-bullet{ margin: 33px 0 !important; border: 2px solid #fff; opacity: 1 !important; background: rgba(0,0,0,0) !important;}
.swiper-pagination-bullet-active{ background: #fff !important;}

/* 4번째섹션 */
.section_4 {background: #e7e7e7;}
.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';}

.section_4 h2 {font-size:18px; font-weight:600}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap  .font-italic{font-style: italic;}
.section_4 .main_foot_bn_wrapper .main_foot_bn_wrap >p {font-size:13px; line-height:20px}

.section_4 #footer { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 20px 0; background: #fff; text-align: center;}

/* 상단 */
#header .headerTnb .tnbLeft .line, #header .headerTnb .tnbLeft ul li a{color:#000 !important}

#header .tnbRight .basket a{background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/basketicon.png) no-repeat !important;}
#header .tnbRight .searchArea{border-bottom:1px solid #fff !important;}
#header .tnbRight .searchIcon{background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/searchicon.png) no-repeat !important;}
#header .tnbRight .searchArea .search fieldset a{background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/searchicon.png) no-repeat !important;}
#header .tnbRight .basket a span{background: #fff !important; color: #000 !important;}


.sns_logo {
    display: inline-flex;
    gap: 40px;
}
/* BASIC css end */