@charset "utf-8";


	
	
/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	
	body.Main .lnb {display:none;}
	body.Main .sub_visual {display:none;}
	/* ******************** 비쥬얼 ******************** */
	.main.visual {position:relative; padding-bottom:5px;}
	.main.visual .swiper-pagination-progressbar {background:#ddd !important; position:absolute; bottom:0; left:0; height:5px; width:100%;}
	.main.visual .swiper-button-next:after,
	.main.visual .swiper-rtl .swiper-button-prev:after,
	.main.visual .swiper-button-prev:after,
	.main.visual .swiper-rtl .swiper-button-next:after {content:"" !important;}
	
	.main.visual .swiper-horizontal>.swiper-pagination-progressbar,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.visual .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		height:2px !important; width:calc(100% - 5% - 300px) !important;
	}
	
	.main.visual .swiper-horizontal>.swiper-pagination-progressbar,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.visual .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		bottom:0 !important; top:initial !important;
		left:calc(5% + 300px) !important;
	}
	.main.visual .swiper {width:100%;}
	.main.visual .swiper>.swiper-wrapper {width:100%;}
	.main.visual .swiper>.swiper-wrapper>li>a {position:relative; display:block;}
	.main.visual .swiper>.swiper-wrapper>li>a .img {background:#eee;}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner {
		position:absolute; bottom:0; left:0;
		height:240px;
		width:100%;
		background:rgba(0,0,0,.5);
		padding:50px 70px;
		font-family:"NEXEN_TIRE_Bold"; font-weight:400; color:#fff; font-size:24px;
	}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner>div {width:1200px; margin:0 auto;}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner p.check {padding-left:30px; background:url(../images/icon/icon-check.png)no-repeat left 7px;}
	
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner p.tit {font-size:1.5em; margin-bottom:20px;}
	
	.main.visual .swiper>.swiper-wrapper>li>a {padding:0; position:relative;}
	/* .main.visual .swiper>.swiper-wrapper>li>a:before, */
	/* .main.visual .swiper>.swiper-wrapper>li>a:after {position:absolute; top:0; background:#fff; width:50%; height:calc(100% - 32px); z-index:2;} */
	/* .main.visual .swiper>.swiper-wrapper>li>a:before {left:0; margin-left:-600px;} */
	/* .main.visual .swiper>.swiper-wrapper>li>a:after {right:0; margin-right:-600px;} */
		
	/**/
	/* .main.best {background:#eee;} */
	.main.best .wrap {padding:70px 0; width:1200px; max-width:100%; margin:0 auto;}
	.main.best .wrap .top_title {margin-bottom:50px; color:#10275e;}
	.main.best .wrap .item ul {margin-left:-50px;}
	.main.best .wrap .item ul li {float:left; display:inline-block; width:calc(100%/3 - 50px); margin-left:50px;}
	.main.best .wrap .item ul li a {background:#fff; display:inline-block; width:100%; padding:50px; position:relative; overflow:hidden; border:1px solid #e5e5e5;}
	.main.best .wrap .item ul li a .img {background-size:contain !important;}
	.main.best .wrap .item ul li a .txt {
		position:absolute; bottom:-90px; left:0;
		height:90px;
		width:100%; padding:30px 50px;
		background:#10275e;
		transition:.3s;
	}
	.main.best .wrap .item ul li a .txt p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#fff;}
	.main.best .wrap .item ul li a:hover .txt {
		bottom:0;
	}
	
	
}

/* ************************ 노트북 (992~1460) ************************ */
@media screen and (min-width:992px) and (max-width:1460px) {
	
	
}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* ******************** 비쥬얼 ******************** */
	.main.visual {position:relative; padding-bottom:5px;}
	.main.visual .swiper-pagination-progressbar {background:#ddd !important; position:absolute; bottom:0; left:0; height:5px; width:100%;}
	
	.main.visual .swiper-button-next:after,
	.main.visual .swiper-rtl .swiper-button-prev:after,
	.main.visual .swiper-button-prev:after,
	.main.visual .swiper-rtl .swiper-button-next:after {content:"" !important;}
	
	.main.visual .swiper-horizontal>.swiper-pagination-progressbar,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.visual .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		height:2px !important; width:calc(100% - 5% - 300px) !important;
	}
	
	.main.visual .swiper-horizontal>.swiper-pagination-progressbar,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.visual .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.visual .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		bottom:0 !important; top:initial !important;
		left:calc(5% + 300px) !important;
	}
	.main.visual .swiper {width:100%;}
	.main.visual .swiper>.swiper-wrapper {width:100%;}
	.main.visual .swiper>.swiper-wrapper>li>a {position:relative;}
	.main.visual .swiper>.swiper-wrapper>li>a .img {background:#eee;}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner {
		position:absolute; top:0; left:0;
		width:100vw;
		background:rgba(0,0,0,.5);
		padding:30px 50px;
		font-family:"NEXEN_TIRE_Bold"; font-weight:400; color:#fff; font-size:21px;
		display:block;
	}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner p.check {padding-left:30px; background:url(../images/icon/icon-check.png)no-repeat left 7px;}
		
	
		
	/**/
	.main.best {background:#eee;}
	.main.best .wrap {padding:50px 30px; width:100%; max-width:100%;}
	.main.best .wrap .top_title {margin-bottom:30px; color:#10275e;}
	.main.best .wrap .item ul {margin-left:-30px;}
	.main.best .wrap .item ul li {float:left; display:inline-block; width:calc(100%/3 - 30px); margin-left:30px;}
	.main.best .wrap .item ul li a {background:#fff; display:inline-block; width:100%; padding:30px; position:relative; overflow:hidden;}
	.main.best .wrap .item ul li a .img {background-size:contain !important;}
	.main.best .wrap .item ul li a .txt {
		position:absolute; bottom:-70px; left:0;
		height:70px;
		width:100%; padding:20px;
		background:#10275e;
		transition:.3s;
	}
	.main.best .wrap .item ul li a .txt p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#fff;}
	.main.best .wrap .item ul li a:hover .txt {
		bottom:0;
	}
	
	
	
	
	/* ******************** pr center ******************** */
	.main.pr_center {padding:70px 0;} 
	.main.pr_center .wrap {position:relative; padding-bottom:70px;}
	.main.pr_center .wrap .box_title {position:absolute; top:0; left:0; width:calc(300px + 5%); z-index:999; height:300px; padding-left:5%; background:#fff;}
	.main.pr_center .wrap .box_title .button {height:81px; width:100%;}
	.main.pr_center .swiper-pagination-progressbar {background:#ddd !important; position:absolute; bottom:0; right:0; width:calc(100% - 300px - 5%); height:2px;}
	.main.pr_center .button {position:relative; display:inline-block; margin-top:70px;}
	.main.pr_center .swiper-button-next,
	.main.pr_center .swiper-button-prev {width:70px; height:81px; top:0 !important; margin-top:0 !important;}
	
	.main.pr_center .swiper-button-prev {left:0 !important; background:url(../images/slider/i-prev.png)no-repeat center;}
	.main.pr_center .swiper-button-next {left:calc(70px + 10px) !important; background:url(../images/slider/i-next.png)no-repeat center;}
	.main.pr_center .swiper-button-next:after,
	.main.pr_center .swiper-rtl .swiper-button-prev:after,
	.main.pr_center .swiper-button-prev:after,
	.main.pr_center .swiper-rtl .swiper-button-next:after {content:"" !important;}
	.main.pr_center .swiper-button-next.swiper-button-disabled,
	.main.pr_center .swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
	
	.main.pr_center .swiper-horizontal>.swiper-pagination-progressbar,
	.main.pr_center .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.pr_center .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.pr_center .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		height:2px !important; width:calc(100% - 5% - 300px) !important;
	}
	
	.main.pr_center .swiper-horizontal>.swiper-pagination-progressbar,
	.main.pr_center .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.main.pr_center .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.main.pr_center .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		bottom:0 !important; top:initial !important;
		left:calc(5% + 300px) !important;
	}
	.main.pr_center .swiper {
		margin-left:calc(5% + 300px) !important; width:600px !important;
		overflow:visible !important;
	}
	.main.pr_center .swiper>.swiper-wrapper {width:100%;}
	.main.pr_center .swiper>.swiper-wrapper>li {width:calc(100%/1 - 100px) !important; margin-right:100px; position:relative;}
	.main.pr_center .swiper>.swiper-wrapper>li>a:before {
		position:absolute; top:50%; left:50%;
		margin-top:-57.5px; margin-left:-57.5px;
		content:"play"; font-family:"NEXEN_TIRE_Regular"; font-weight:700;
		color:#fff; border:5px solid #fff; border-radius:50%; width:115px; height:115px; text-align:center; line-height:105px;
		letter-spacing:0;
		z-index:2;
	}
	.main.pr_center .swiper>.swiper-wrapper>li>a:after {
		position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;
		background:rgba(0,0,0,.5);
		
	}
	.main.pr_center .swiper>.swiper-wrapper>li>a .img {background:#eee;}
	
	
	


	

	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner {font-family:"NotoSansKR", serif; font-size:.7em;}
	.main.visual .swiper>.swiper-wrapper>li>a .text_inner p.check {background-size:12px; padding-left:20px; background-position:0 4px;}
	.main.visual .swiper-button-next,
	.main.visual .swiper-button-prev {background-size:20px !important;}
	
	.main.best .wrap {padding:30px;}
	.main.best .wrap .item ul * {line-height:1;}
	.main.best .wrap .item ul li {float:none; display:block; width:calc(100%/1 - 30px);}
	.main.best .wrap .item ul li+li {margin-top:30px;}
	
	
	.main.pr_center {padding:50px 0;}
	.main.pr_center .wrap {padding-bottom:50px;}
	.main.pr_center .wrap .box_title {position:relative; width:100%; height:auto; padding:0 30px;}
	.main.pr_center .wrap .box_title .button {margin-top:0; width:130px; position:absolute; right:30px; top:0; height:71px;}
	.main.pr_center .wrap .box_title .button>div {background-size:60px;}
	.main.pr_center .swiper-button-next {left:calc(60px + 10px) !important;}
	.main.pr_center .swiper {margin-left:0 !important; margin-right:0 !important; width:100% !important; margin-top:30px;}
	.main.pr_center .swiper>.swiper-wrapper>li {width:calc(100%/1 - 30px*2) !important; margin-right:30px; margin-left:30px;}
	.main.pr_center .swiper-pagination-progressbar {width:calc(100% - 30px*2); left:30px; right:30px;}
	 


	
	
	
	

}