@charset "utf-8";

/* Visual */
#visualSlider {
	position:relative;
	width:100%;
	min-width:1200px;
	height:100%;
	display:block;
}
#visualSlider .sliderPrev {
	position:absolute;
	top:50%;
	left:80px;
	width:40px;
	height:40px;
	margin-top:-20px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	transform:rotate(-45deg);
	transition:border-color 0.5s ease-in-out;
	cursor:pointer;
	z-index:9;
}
#visualSlider .sliderPrev:hover {
	border-color:#fff;
}
#visualSlider .sliderNext {
	position:absolute;
	top:50%;
	right:80px;
	width:40px;
	height:40px;
	margin-top:-20px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	transform:rotate(45deg);
	transition:border-color 0.5s ease-in-out;
	cursor:pointer;
}
#visualSlider .sliderNext:hover {
	border-color:#fff;
}
#visualSlider .sliderPager {
	position:absolute;
	bottom:30px;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	list-style:none;
}
#visualSlider .sliderPager li {
	position:relative;
	width:100px;
	height:3px;
	margin:0 2px;	
	background:rgba(255,255,255, 0.3);
	display:inline-block;
	text-indent:-9999px;
	transition:all 0.25s ease;
	cursor:pointer;
}
#visualSlider .sliderPager li.slick-active {
	background-color:#f6c52d;
	transition:all 0.25s ease;
}
#visualSlider .idxVisual {
	position:relative;
	min-height:650px;
	margin:0;
	padding:0;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
}
#visualSlider .idxVisual:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,1);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQYV2NkYGD4z8DAwMjIAAH/AQ8oAgJbL/zzAAAAAElFTkSuQmCC);
	background-repeat:repeat;
	opacity:0.6;
	display:block;
	z-index:1;
}
/* DALLACORTE XT Classic */
#visualSlider .zero { background-image:url('../image/idx/dalla_corte_zero.jpg'); }
#visualSlider .zero_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:700px;
	height:380px;
	margin:-180px 0 0 -500px;
	background-image:url('../image/idx/zero.png');
	background-size:auto 380px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .zero_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-160px 0 0 350px;
	text-align:center;
	z-index:9;
}
#visualSlider .zero_con .dallacorteLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	background-image:url('../image/logo_dallacorte.svg');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .zero_con h1 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:700;
	margin-bottom:30px;
}
#visualSlider .zero_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.86rem;
	color:#fbc02d;
	font-weight:400;
}
/* DALLACORTE XT Classic */
#visualSlider .xt_classic { background-image:url('../image/idx/dalla_corte_xt_classic.jpg'); }
#visualSlider .xt_classic_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:350px;
	margin:-180px 0 0 -520px;
	background-image:url('../image/idx/xt_classic.png');
	background-size:auto 350px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .xt_classic_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-160px 0 0 80px;
	text-align:center;
	z-index:9;
}
#visualSlider .xt_classic_con .dallacorteLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	background-image:url('../image/logo_dallacorte.svg');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .xt_classic_con h1 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:700;
	margin-bottom:30px;
}
#visualSlider .xt_classic_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.36rem;
	color:#fbc02d;
	font-weight:400;
}
/* DALLACORTE XT */
#visualSlider .xt { background-image:url('../image/idx/dalla_corte_xt.jpg'); }
#visualSlider .xt_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:380px;
	margin:-180px 0 0 -520px;
	background-image:url('../image/idx/xt.png');
	background-size:auto 380px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .xt_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-160px 0 0 200px;
	text-align:center;
	z-index:9;
}
#visualSlider .xt_con .dallacorteLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	background-image:url('../image/logo_dallacorte.svg');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .xt_con h1 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:700;
	margin-bottom:30px;
}
#visualSlider .xt_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.86rem;
	color:#fbc02d;
	font-weight:400;
}
/* Anfim PRATICA & SOLIDA */
#visualSlider .pratica_solida {	background-image:url('../image/idx/anfim_pratica_solida.jpg'); }
#visualSlider .pratica_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:315px;
	height:500px;
	margin:-250px 0 0 -550px;
	background-image:url('../image/idx/Anfim_PRATICA.png');
	background-size:auto 500px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .solida_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:315px;
	height:500px;
	margin:-250px 0 0 -360px;
	background-image:url('../image/idx/Anfim_SOLIDA.png');
	background-size:auto 500px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .ps_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 0;
	text-align:center;
	z-index:9;
}
#visualSlider .ps_con .anfimLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	
	/* background-image:url('../image/logo_anfim.svg'); */
	background-image:url('../image/Anfim_Logo_white.png');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .ps_con h1 {
	font-family: 'Crimson Text', serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:600;
}
#visualSlider .ps_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.86rem;
	color:#fbc02d;
	font-weight:400;
}
/* Anfim SP2 */
#visualSlider .sp2 { background-image:url('../image/idx/anfim_sp2.jpg'); }
#visualSlider .sp2_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:315px;
	height:500px;
	margin:-250px 0 0 -500px;
	background-image:url('../image/idx/Anfim_SP2.png');
	background-size:auto 500px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}
#visualSlider .sp2_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -50px;
	text-align:center;
	z-index:9;
}
#visualSlider .sp2_con .anfimLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	/*background-image:url('../image/logo_anfim.svg'); */
	background-image:url('../image/Anfim_Logo_white.png');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .sp2_con h1 {
	font-family: 'Crimson Text', serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:600;
}
#visualSlider .sp2_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.86rem;
	color:#fbc02d;
	font-weight:400;
}




#visualSlider .alba { background-image:url('../image/idx/anfim_alba.jpg'); }
#visualSlider .alba_photo {
	position:absolute;
	top:50%;
	left:50%;
	width:315px;
	height:500px;
	margin:-250px 0 0 -500px;
	background-image:url('../image/idx/Anfim_alba.png');
	background-size:auto 500px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:9;
}

#visualSlider .alba_con {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -50px;
	text-align:center;
	z-index:9;
}
#visualSlider .alba_con .anfimLogo {
	width:100%;
	height:80px;
	margin-bottom:30px;
	/*background-image:url('../image/logo_anfim.svg'); */
	background-image:url('../image/Anfim_Logo_white.png');
	background-size:auto 80px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#visualSlider .alba_con h1 {
	font-family: 'Crimson Text', serif;
	font-size:3.36rem;
	color:#fff;
	font-weight:600;
}
#visualSlider .alba_con h2 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:1.86rem;
	color:#fbc02d;
	font-weight:400;
}







#visualSlider .btnViewDetail {
	position:relative;
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:0.96rem;
	color:#fff;
	font-weight:400;
	margin-top:50px;
	padding:10px 15px;
	background-color:rgba(0,0,0,0.3);
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
	transition:color 0.5s ease-in-out;
	display:inline-block;
}
#visualSlider .btnViewDetail i { font-style:normal; }
#visualSlider .btnViewDetail:hover { color:#fbc02d; }
#visualSlider .btnViewDetail:before,
#visualSlider .btnViewDetail:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff;
}
#visualSlider .btnViewDetail:before { top:0; }
#visualSlider .btnViewDetail:after { bottom:0; }
#visualSlider .btnViewDetail:hover > * > *:before,
#visualSlider .btnViewDetail:hover > * > *:after { transform: translate3d(0, 0, 0); }
#visualSlider .btnViewDetail:hover > * > * > *:before,
#visualSlider .btnViewDetail:hover > * > * > *:after { transform: translate3d(0, 0, 0); }
#visualSlider .btnViewDetail > *:before,
#visualSlider .btnViewDetail > *:after {
	content:'';
	position:absolute;
	top:0;
	height:100%;
	width:1px;
	background-color:#fff;
}
#visualSlider .btnViewDetail > *:before { left:0; }
#visualSlider .btnViewDetail > *:after { right:0; }
#visualSlider .btnViewDetail > * > *:before,
#visualSlider .btnViewDetail > * > *:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#fbc02d;
	z-index:9;
}
#visualSlider .btnViewDetail > * > *:before {
	top:0;
	transform:translate3d(-105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#visualSlider .btnViewDetail > * > *:after {
	bottom:0;
	transform:translate3d(105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#visualSlider .btnViewDetail > * > * > *:before,
#visualSlider .btnViewDetail > * > * > *:after {
	content:'';
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	background-color:#fbc02d;
	z-index:9;
}
#visualSlider .btnViewDetail > * > * > *:before {
	left:0;
	transform:translate3d(0, 105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#visualSlider .btnViewDetail > * > * > *:after {
	right:0;
	transform:translate3d(0, -105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#visualSlider .slideBottom {
	position:absolute;
	left:50%;
	bottom:80px;
	width:100%;
	max-width:1160px;
	padding:0 80px;
	transform:translateX(-50%);
	display:flex;
	z-index:9;
}
#visualSlider .quickMenu {
	width:100% ;
	max-width:1200px; 
	display:flex;
	flex-direction:row;
	align-items:center;
}
#visualSlider .quickMenu a {
	width:50%;
	font-size:0.96rem;
	color:#fff;
	font-weight:400;
	margin:0 2px;
	padding:15px;
	background-color:#616161;
	border:0;
	border-radius:5px;
	text-align:center;
	transition:all 0.25s ease-in-out;
	display:inline-block;
}
#visualSlider .quickMenu a:hover { color:#212121; background-color:#fff; }
#visualSlider .mouse_scroll {
	width:24px;
	height:80px;
	margin:0 auto;
	display:block;
}
#visualSlider .mouse {
	width:24px;
	height:42px;
	border-radius:20px/20px;
	border:3px solid #fff;
}
#visualSlider .wheel {
	position:relative;
	width:6px;
	height:6px;
	margin:5px auto;
	background: white;
	border:2px solid #fff;
	border-radius:3px;
	display:block;
}
#visualSlider .wheel {
	animation:mouse-wheel 1s linear infinite;
}
@keyframes mouse-wheel {
	0% { top: 0px; }
	50% { top: 10px;}
	100% { top: 0px;}
}
#visualSlider .arrows span {
	position:absolute;
	top:15px;
	width:30px;
	height:5px;
	margin-left:-3px;
	opacity:0;
	animation:mouse-scroll 3s ease-out infinite;
	display:block;
}
#visualSlider .arrows span:before,
#visualSlider .arrows span:after {
	content:'';
	position:absolute;
	top:0;
	height:100%;
	width:50%;
	background-color:#f6c52d;
	border:1px solid #f6c52d;
}
#visualSlider .arrows span:before {
	left:0;
	border-radius:3px 0 1px 1px;
	transform:skewY(40deg);
}
#visualSlider .arrows span:after {
	right:0;
	width:50%;
	border-radius:0 3px 1px 1px;
	transform:skewY(-40deg);
}
#visualSlider .arrows span:nth-child(1) {
	animation: mouse-scroll 3s ease-out 1s infinite;
}
#visualSlider .arrows span:nth-child(3) {
	animation: mouse-scroll 3s ease-out 2s infinite;
}
@keyframes mouse-scroll {
	25% {
		opacity: 1;
	}
	33.3% {
		opacity: 1;
		transform: translateY(20px);
	}
	66.6% {
		opacity: 1;
		transform: translateY(40px);
	}
	100% {
		opacity: 0;
		transform: translateY(60px);
	}
}

/* Media */
#mediaWrap {
	width:100%;
	min-width:1200px;
	height:100%;
	background-color:#424242;
	display:block;
}
#mediaWrap .mediaInner {
	width:1160px;
	margin:0 auto;
	padding:60px 0;
	overflow:hidden;
	display:flex;
}
#mediaWrap .media {
	width:960px;
	overflow:hidden;
}
#mediaWrap .quickMenu {
	width:100%;
	margin-left:auto;
	display:flex;
	flex-direction:row;
}
#mediaWrap .quickMenu li {
	width:25%;
	padding:0 10px;
}
#mediaWrap .quickMenu a {
	position:relative;
	font-family:'Noto Sans KR', sans-serif;
	font-size:0.9rem;
	color:#fff;
	font-weight:400;
	margin:0 0 5px 0;
	padding:100px 20px 20px 20px;
	background-color:#212121;
	border:0;
	border-radius:5px;
	text-decoration:none;
	text-align:center;
	transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	cursor:pointer;
	display:block;
	flex:1;
}
#mediaWrap .quickMenu a:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin:-40px 0 0 -25px;
	background-size:auto 50px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:opacity 0.35s ease-in-out;
	opacity:1;
	display:block;
}
#mediaWrap .quickMenu a:after {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin:-40px 0 0 -25px;
	background-size:auto 50px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:opacity 0.35s ease-in-out;
	opacity:0;
	display:block;
}
#mediaWrap .quickMenu li:nth-child(1) a:before { background-image:url('../image/idx/icon_as.svg'); }
#mediaWrap .quickMenu li:nth-child(2) a:before { background-image:url('../image/idx/icon_data.svg'); }
#mediaWrap .quickMenu li:nth-child(3) a:before { background-image:url('../image/idx/icon_regist.svg'); }
#mediaWrap .quickMenu li:nth-child(4) a:before { background-image:url('../image/idx/icon_shop.svg'); }
#mediaWrap .quickMenu li:nth-child(1) a:after { background-image:url('../image/idx/icon_as_hover.svg'); }
#mediaWrap .quickMenu li:nth-child(2) a:after { background-image:url('../image/idx/icon_data_hover.svg'); }
#mediaWrap .quickMenu li:nth-child(3) a:after { background-image:url('../image/idx/icon_regist_hover.svg'); }
#mediaWrap .quickMenu li:nth-child(4) a:after { background-image:url('../image/idx/icon_shop_hover.svg'); }
#mediaWrap .quickMenu a:hover { color:#212121; background-color:#fbc02d; }
#mediaWrap .quickMenu a:hover:before { opacity:0; }
#mediaWrap .quickMenu a:hover:after { opacity:1; }

/* Notice */
#noticeWrap {
	width:100%;
	min-width:1200px;
	height:100%;
	background-color:#fbc02d;
	display:block;
}
#noticeWrap .noticeInner {
	width:1200px;
	margin:0 auto;
	padding:60px 20px;
	overflow:hidden;
}
#noticeWrap .noticeInner h1 {
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:2.36rem;
	color:#212121;
	font-weight:300;
	text-align:center;
}
#noticeWrap .noticeInner h1 strong { font-weight:500; }