@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
.main_tit{}
.main_tit p{display:inline-block; vertical-align:bottom; font-size:36px; font-weight:400; letter-spacing: -0.045em;; color:#333333; margin-right:20px;}
.main_tit span{display:inline-block; vertical-align:bottom; font-size:16px; font-weight:200; letter-spacing:-0.025em; color:#666666; padding-bottom:4px;}

/* ==========================================================================
	main_visual
========================================================================== */
#main_visual{width:100%; max-width:1920px; margin:0 auto; overflow:hidden;}
#main_visual .swiper-slide{overflow:hidden;}
#main_visual .swiper-slide > img{position:relative; left:50%; width:1920px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}

#main_visual .swiper-slide .pc_ver{display:block;}
#main_visual .swiper-slide .m_ver{display:none;}
#main_visual .swiper-container-horizontal>.swiper-pagination-progressbar {display:inline-block; position:relative; width:150px; background:rgba(255,255,255,0.5)}
#main_visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}

#main_visual .progressbar_box{position:absolute; left:0; bottom:100px; text-align:center; width:100%; font-size:0; z-index:20;}
#main_visual .progressbar_box .active_index{display:inline-block; vertical-align:top; font-size:16px; font-weight:bold; letter-spacing:-0.025em; color:#ffffff;}
#main_visual .progressbar_box .count_index{display:inline-block; vertical-align:top; font-size:16px; font-weight:bold; letter-spacing:-0.025em; color:rgba(255,255,255,0.5);}
#main_visual .swiper-pagination-progressbar{position:relative; height:2px; display:inline-block; vertical-align:top; text-align:center; width:150px; margin:8px 10px; background:rgba(255,255,255,0.5)}

@media (max-width: 1000px){
	#main_visual .progressbar_box {bottom:10%; }
	#main_visual .swiper-slide > img {width:1300px; }
	#main_visual .swiper-slide .pc_ver{display:none;}
	#main_visual .swiper-slide .m_ver{display:block;}
}

/* ==========================================================================
	main_con01
========================================================================== */
.main_con01{padding:100px 0; clear:both;}
.main_con01.type01{padding:0 0 100px;}
.main_con01 .inner > ul{font-size:0; margin-top:60px;}
.main_con01 .inner > ul > li{cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 30px); margin-right:40px; }
.main_con01 .inner > ul > li:nth-of-type(4n){margin-right:0;}
.main_con01 .inner > ul > li .img_box{position:relative; overflow:hidden; padding:50% 0; width:100%;}
.main_con01 .inner > ul > li .img_box img{position:absolute; left:50%; top:50%; height:100%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.main_con01 .inner > ul > li .img_box .sale_box {position:absolute; left:0; top:0; width:110px; height:110px; background:url('/img/main_sale_icon.png') no-repeat center; }
.main_con01 .inner > ul > li .img_box .sale_box span{display:block; font-size:18px; font-weight:bold; letter-spacing:0; color:#fff;-o-transform:rotate(316deg); -webkit-transform:rotate(316deg); -ms-transform:rotate(316deg); -moz-transform:rotate(316deg); transform:rotate(316deg); margin-top:20px; margin-left:-5px;}
.main_con01 .inner > ul > li .txt_box {padding:30px 0 40px; position:relative;}
.main_con01 .inner > ul > li .txt_box ul{font-size:0;}
.main_con01 .inner > ul > li .txt_box ul li {display:inline-block; vertical-align:middle;}
.main_con01 .inner > ul > li .txt_box ul li:nth-of-type(1){width:100%; }
.main_con01 .inner > ul > li .txt_box ul li:nth-of-type(2){width:86px; height:86px; background:#f7c643;}
.main_con01 .inner > ul > li .txt_box p.tit{font-size:20px; font-weight:400; letter-spacing:-0.025em; color:#666666; min-height:29px; display: inline-block; width: 100%;}
.main_con01 .inner > ul > li .txt_box p.desc{font-size:16px; font-weight:200; letter-spacing:-0.025em; color:#999999; min-height:24px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 24px; height: 24px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom:10px;}
.main_con01 .inner > ul > li .txt_box p.money{font-size:24px; font-weight:bold; letter-spacing:-0.025em; color:#333333; min-height:29px;}
.main_con01 .inner > ul > li .txt_box p.money.discount {font-size:18px; color:#999; text-decoration:line-through; font-weight:normal; min-height:auto; }
.main_con01 .inner > ul > li .txt_box p.money span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:#999999; margin:0 10px; position:relative;}
.main_con01 .inner > ul > li .txt_box p.money span:before{content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999;  -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.main_con01 .inner > ul > li .txt_box span.sale_money{display:block; font-size:24px; font-weight:bold; letter-spacing:-0.025em; color:#fff; text-align:center; paddinG:25px 0}
.main_con01.type01 .inner > ul > li{width:calc(33.3333% - 27px);}
.main_con01.type01 .inner > ul > li:nth-of-type(4n){margin-right:40px;}
.main_con01.type01 .inner > ul > li:nth-of-type(3n){margin-right:0;}

@media (max-width: 1200px){
	.main_con01 .inner > ul > li{width:calc(33.3333% - 27px);}
	.main_con01 .inner > ul > li:nth-of-type(4n){margin-right:40px;}
	.main_con01 .inner > ul > li:nth-of-type(3n){margin-right:0;}

	.main_con01.type01 .inner > ul > li{width:calc(50% - 20px);}
	.main_con01.type01 .inner > ul > li:nth-of-type(3n){margin-right:40px;}
	.main_con01.type01 .inner > ul > li:nth-of-type(2n){margin-right:0;}
}
@media (max-width: 800px){
	.main_con01 .inner > ul > li{width:calc(50% - 20px);}
	.main_con01 .inner > ul > li:nth-of-type(3n){margin-right:40px;}
	.main_con01 .inner > ul > li:nth-of-type(2n){margin-right:0;}

	.main_con01.type01 .inner > ul > li{width:100%; margin-right:0;}
	.main_con01.type01 .inner > ul > li:nth-of-type(3n){margin-right:0;}
}



/* ==========================================================================
	main_con06
========================================================================== */
.main_con06{padding:60px 0;}
.main_con06 .inner > ul{font-size:0;}
.main_con06 .inner > ul > li{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px}
.main_con06 .inner > ul > li:last-of-type{margin-right:0;}
.main_con06 .inner > ul > li .main_con06_tit{display:block; font-size:20px; font-size:500; letter-spacing:-0.025em; color:#333333;  border-bottom:1px solid #999999; padding-bottom:20px; margin-bottom:25px; position:relative;}
.main_con06 .inner > ul > li .main_con06_tit i{position:absolute; right:0; top:10px;}
.main_con06 .inner > ul > li.type01 .txt_box{padding-bottom:25px;}
.main_con06 .inner > ul > li.type01 .txt_box p{font-size:16px; font-weight:200; line-height:30px; letter-spacing:-0.025em; color:#666666;}
.main_con06 .inner > ul > li.type01 .txt_box p:last-of-type{margin-bottom:0;}
.main_con06 .inner > ul > li.type02 {font-size:0;}
.main_con06 .inner > ul > li.type02 .number{font-size:50px; font-weight:bold; letter-spacing:0; color:#666666; margin-bottom:10px;}
.main_con06 .inner > ul > li.type02 .time{font-size:24px; line-height:34px; font-weight:400; letter-spacing:-0.025em; color:#999999;}
.main_con06 .inner > ul > li.type02 .time span{display:block; font-size:16px; font-weight:200;}
.main_con06 .inner > ul > li.type02 .left_box{display:inline-block; vertical-align:top; width:50%; font-size:0; margin-top:20px;}
.main_con06 .inner > ul > li.type02 .left_box a{display:inline-block; vertical-align:top; font-size:16px; font-weight:100; letter-spacing:-0.025em; color:#666666; text-align:center; width:97px; height:40px; line-height:40px; border:1px solid #666666; box-sizing:border-box; margin-right:15px;}
.main_con06 .inner > ul > li.type02 .left_box a:last-of-type{margin-right:0;}
.main_con06 .inner > ul > li.type02 .right_box{display:inline-block; vertical-align:top; width:50%; margin-left:auto; margin-top:20px; text-align:right;}
.main_con06 .inner > ul > li.type02 .right_box a{display:inline-block; vertical-align:top; width:40px; height:40px; line-height:40px; background:#cccccc; text-align:center; margin-right:10px; border-radius:50%;}
.main_con06 .inner > ul > li.type02 .right_box a:last-of-type{margin-right:0;}
.main_con06 .inner > ul > li.type02 .right_box a img{display:block; margin:11px auto;}

@media (max-width: 1399px){
	.main_con06 .inner > ul > li.type02 .left_box {width:100%;}
	.main_con06 .inner > ul > li.type02 .right_box {width:100%; text-align:left;}
}
@media (max-width: 1000px){
	.main_con06 .inner > ul > li{width:100%; margin-right:0; margin-bottom:60px;}
}