@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
/* main_tit */
.main_tit{}
.main_tit h3{font-size:28px; color:#222222; letter-spacing:-0.065em; font-weight:200; margin:0;}



/* ==========================================================================
	main
========================================================================== */
/* main_visual */
.main_visual{max-width:1920px; margin:0 auto;}
.main_visual .swiper-slide{overflow:hidden;}
.main_visual .swiper-slide img{position:relative; display:block; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_visual .swiper-slide img.pc_ver{display:block;}
.main_visual .swiper-slide img.m_ver{display:none;}

@media all and (max-width:1400px){
	.main_visual .swiper-slide img{width:1600px;}
}
@media all and (max-width:1200px){
	.main_visual .swiper-slide img{width:1400px;}
}
@media all and (max-width:1000px){
	.main_visual .swiper-slide img{width:100%;}
	.main_visual .swiper-slide img.pc_ver{display:none;}
	.main_visual .swiper-slide img.m_ver{display:block;}
}



.main_con01{margin:100px 0;}
.main_con01 .main_tit{position:relative;}
.main_con01 .main_tit .plus_btn{display:block; position:absolute; top:12px; right:0;}
.main_con01 .img_box{border:1px solid #e1e1e1; box-sizing:border-box; margin-bottom:20px; position:relative;}
.main_con01 .img_box img{width:100%;}
.main_con01 .img_box .hover_img{position:absolute; top:0; left:0; right:0; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con01 .new_icon{position:absolute; bottom:20px; right:20px; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; background:#191884; width:60px; height:60px; text-align:center; line-height:60px; border-radius:50%; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); z-index:1;}
.main_con01 .text{font-size:0; letter-spacing:-4px;}
.main_con01 .text .tit_box{display:inline-block; vertical-align:top; width:calc(100% - 90px); padding-right:10px; box-sizing:border-box;}
.main_con01 .text .tit_box h4{font-size:22px; color:#222222; letter-spacing:-0.025em; font-weight:bold; margin:0; min-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .text .tit_box p{font-size:16px; color:#888888; letter-spacing:-0.025em; font-weight:300; min-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .text .price_box{display:inline-block; vertical-align:top; width:90px; text-align:right;}
.main_con01 .text .price_box .before_price{font-size:16px; color:#aaaaaa; letter-spacing:-0.025em; font-weight:300; position:relative; padding:0 5px; min-height:24px;}
.main_con01 .text .price_box .before_price:after{content:''; display:block; position:absolute; top:50%; left:0; left:0; height:1px; width:100%; background:#aaaaaa;}
.main_con01 .text .price_box .price{display:block; font-size:22px; color:#222222; letter-spacing:-0.025em; font-weight:500; min-height:33px;}

.main_con01 .img_box:hover{}
.main_con01 .img_box:hover .hover_img{opacity:1;}

@media all and (max-width:1000px){
	.main_con01 .new_icon{right:10px; bottom:10px;}
}

/* type01 슬라이더 */
.main_con01.type01{margin:100px 0;}
.main_con01.type01 .swiper-container{margin-top:30px;}
.main_con01.type01 .swiper-container.ofv{overflow:visible; position:static; margin:0;}
.main_con01.type01 .swiper-slide{overflow:hidden; position:relative;}
.main_con01.type01 .swiper-slide img{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con01.type01 .swiper-button-prev{width:11px; height:21px; background:url('/img/main_con01_slider_prev.png') no-repeat center center / contain; top:40px; left:auto; right:30px; transform:none;}
.main_con01.type01 .swiper-button-next{width:11px; height:21px; background:url('/img/main_con01_slider_next.png') no-repeat center center / contain; top:40px; right:0; transform:none;}

/* type02 단순콘텐츠 */
.main_con01.type02{}
.main_con01.type02 ul{margin:0; margin-top:10px; font-size:0; letter-spacing:-4px;}
.main_con01.type02 ul li{display:inline-block; vertical-align:top; width:calc(25% - 30px); margin:20px 0; margin-right:40px;}
.main_con01.type02 ul li:nth-of-type(4n){margin-right:0;}

@media all and (max-width:1000px){
	.main_con01.type02 ul li{width:calc(33.333333% - 27px);}
	.main_con01.type02 ul li:nth-of-type(4n){margin-right:40px;}
	.main_con01.type02 ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:767px){
	.main_con01.type02 ul li{width:calc(50% - 20px); margin-right:40px;}
	.main_con01.type02 ul li:nth-of-type(3n){margin-right:40px;}
	.main_con01.type02 ul li:nth-of-type(2n){margin-right:0;}
}

.main_con03{background:url('/img/main_con03_bg.jpg') no-repeat center center / cover; text-align:center; max-width:1920px; margin:0 auto; height:350px; position:relative;}
.main_con03 .inner{height:100%;}
.main_con03 .text{position:relative; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con03 h4{font-size:34px; color:#fff; letter-spacing:-0.065em; font-weight:200; margin:0;}
.main_con03 h4 span{position:relative;}
.main_con03 h4 span:before{content:''; display:block; position:absolute; width:199px; height:28px; background:url('/img/main_con03_deco.png') no-repeat center center / contain; bottom:-10px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con03 h4 b{position:relative;}
.main_con03 a{display:block; font-size:18px; color:#fff; letter-spacing:-0.065em; font-weight:200; width:200px; padding:10px 0; background:url('/img/main_con03_btn.png') no-repeat center center / contain; margin:40px auto 0; text-align:center;}

@media all and (max-width:1000px){
	.main_con03{height:280px;}
}