@charset "utf-8";
.section4 { overflow: hidden; }
.section4 .fixed_list {
	position: relative;
	overflow: hidden;
}
.section4 .fixed_list a {
	display: block;
}
.section4 .fixed_list .loader {
	position: relative;
	height: 36.5vw;
	background-attachment: fixed;
	overflow: hidden;
}
.section4 .fixed_list .loader::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: #000;
	opacity: 0.55;
	transition: opacity 1s;
}
.section4 .fixed_list .loader:hover::before {
	opacity: 0;
}
.section4 .fixed_list .section4_txt {
	position: absolute;
	top: 50%; left: 16.5vw;
	transform: translateY(-50%);
	margin: auto;
}
.section4 .fixed_list .section4_txt .TRAN {
	transform: translateX(-30%);
}
.section4 .fixed_list  .section4_txt .txt1 {
	font-family: 'Cinzel', sans-serif;
	font-size: 54px;
	line-height: 65px;
	color: rgba(255,255,255,1);
}
.section4 .fixed_list  .section4_txt .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: rgba(255,255,255,1);
	line-height: 14px;
}


/* go  마우스오버 애니 효과 */
.fixed_list .section4_txt .btn_line {
	transform: translateX(-30%);
}
.fixed_list .section4_txt .btn_line::before {
	transition: background 0.5s;
}
.fixed_list a:hover .section4_txt .btn_line::before {
	background: #fff;
}
.fixed_list .section4_txt .go {
	transition: color 0.5s;
}
.fixed_list a:hover .section4_txt .go {
	width: 400%;
	text-align: center;
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	color: #fff;
}





@media (max-width: 1600px) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
	}
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 40px;
		line-height: 50px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -15px;
	}
}

@media ( max-width: 1024px ) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
		background-attachment: inherit;
	}
	.section4 .fixed_list a .section4_txt .txt1 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media ( max-width: 720px ) {
	.section4 .fixed_list .loader {
		height: 60.5vw;
	}
	/* .fixed list .loader.TRAN 
	.section4 .fixed_list a .loader.TRAN { 
		opacity: 1;
	}
	.section4 .fixed_list.ANI a .loader.TRAN::before {
		background: transparent;
		transition: background 0.7s;
	}
	*/
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 28px;
		line-height: 31px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -10px;
	}
	.section4 .fixed_list .section4_txt .txt2 {
		margin-top: 0;
		font-size: 12px;
	}
	.section4 .fixed_list .section4_txt {
		left: 3.5vw;
	}
}
@media ( max-width: 380px ) {
	.section4 .fixed_list .loader {
		height: 71.5vw;
	}
}


.section5 {
	padding-bottom: 3vw;
	overflow: hidden;
}
.section5_wrap {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.section5::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 25%;
	background-color: #eceaea;
}
.section5_content {
	position: relative;
	width: 68.32%;
	margin: auto;
}
.section5_slider_wrap {
	position: relative;
	display: inline-block;
	width: 48.2%;
	margin-left: -7%;
	padding-top: 52.2%;
	background:#f3c766;
}
.section5_slider {
	position: absolute;
	top: 90px; right: 82px; bottom: 90px; left: 82px;
	margin: auto;
}
.section5_content .slider_bullet {
	position: absolute;
	right: 50%; bottom: 60px;
	transform: translateX(50%);
	z-index: 10;
}
.section5_slogan {
	position: absolute;
	top: 30%; bottom: 0; left: 41%;
	margin: auto;
	padding-left: 40px;
	display: inline-block;
	width: 32.16%;
	vertical-align: top;
	transform: translateX(-20%);
	transition-delay: 0.5s!important;
}
.section5_slogan h5 {
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 78px;
	font-weight: 700;
	color: rgba(45,47,49,1);
}
.section5_slogan .txt1 {
	margin-top: 5.5%;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	color: rgba(126,131,137,1);
}
.section5_slogan .fac-title {
	display: inline-block;
	margin-top: 5.5%;
}
.section5_slogan .fac-title h6 {
	float: left;
	display: inline-block;
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 36px;
	color: rgba(45,47,49,1);
}
.section5 .fac-title .btn_sub_arrow {
	float: left;
	display: inline-block;
	margin-left: 15px;
}
.section5 a.fac-title:hover .btn_sub_arrow .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.section5_menu {
	position: absolute;
	top: 0; right: 0;
	display: inline-block;
	width: 26%;
	font-family: 'Nanum Myeongjo', sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #282826;
	text-align: right;
	z-index: 1;
}
.section5_menu .title {
	font-family: 'Nanum Pen Script', sans-serif;
	margin-bottom: 9.5%;
	font-size: 35px;
	color:rgba(40,40,38,1);
}
.section5_menu p {
	white-space: pre-line;
}
.section5_menu p a {
	font-family: 'Malgun Gothic', sans-serif;
	position: relative;
	display: inline-block;
	font-size: 15px;
	color:rgba(45,47,49,1);
}
.section5_menu p a::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width: 0; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}
.section5_menu p a:hover::after {
	width: 100%;
	background: #000;
}




#fac1.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac2.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac3.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac4.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac5.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac6.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}

#fac7.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}


.facsline.line::after {
	content: '';
	position: absolute;
	bottom: 0; right: 0;
	margin: auto;
	width:100%; height: 1px;
	background: #2d2f31;
	transition: width 0.3s;
}





.section5_deco {
	position: absolute;
	right: 0; bottom: -53px;
	width: 324px;
}
.section5_deco .loader {
	padding-top: 64.7%;
}
.section5_deco .txt1 {
	margin-top: 20px;
	font-family: 'Meie Script', cursive;
	font-size: 21px;
	color: rgba(45,47,49,1);
	text-align: right;
}
.section5_deco .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	letter-spacing: -.05em;
	color: rgba(126,131,137,1);
	line-height: 18px;
	text-align: right;
}

#section5-bullet-container button.owl-dot {
	border:none;
	margin:0 5px;
	width:10px;
	height:10px;
	padding:0;
	border-radius:10px;
	background:#a3a6a9;
	cursor:pointer;
}

#section5-bullet-container button.owl-dot:last-child {
	margin-right:0;

}

#section5-bullet-container button.owl-dot:last-child(1) {
	margin-right:0;
}

#section5-bullet-container button.owl-dot.active {
	background:#2d2f31;
}

@media (max-width: 1600px) {
	.section5_slider_wrap { margin-left: 0; }
	.section5_content {
		width: 94%;
	}
}
@media (max-width: 1365px) {
	.section5_deco .txt2 {
		padding-bottom: 20px;
	}
}




@media ( max-width: 1024px ) {
	.section5::before {
		height: 56%;
	}
	.section5_content {
		width: 91%;
	}
	.section5_slider_wrap {
		width: 100%;
		padding-top: 100%;
	}
	.section5_slider {
		top: 84px; right: 90px; bottom: 84px; left: 90px;
	}
	.section5_slogan {
		position: relative;
		width: 72%;
		top: auto; left: auto;
		margin-top: -7%;
		padding-left: 14%;
		transition-delay: 0.8s;
	}
	.section5_slogan h5 {
		font-size: 34px;
	}
	.section5_slogan .txt1 {
		font-size: 14px;
	}
	.section5_deco {
		bottom: 0;
		margin-top: 13.5%;
	}
	.section5_menu {
		position: absolute;
		top: auto; bottom: 5%;
		font-size: 14px;
		line-height: 27px;
	}
	.section5_menu .title {
		margin-bottom: 6%;
	}
	.section5_deco {
		position: relative;
		margin-top: 10.5%;
		margin-left: 7%;
	}
	.section5_deco .txt2 {
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -.03em;
	}
}
@media ( max-width: 719px ) {
	.section5::before {
		height: 78%;
	}
	.section5_slider {
		top: 45px;
		right: 40px;
		bottom: 45px;
		left: 40px;
	}
	.section5_content .slider_bullet {
		bottom: 17px;
		margin: auto;
		text-align: center;
	}
	.section5_slogan {
		width: 100%;
		margin-top: 7%;
		padding-left: 0;
	}
	.section5_menu {
		position: relative;
		width: 100%;
		margin-top: 8%;
	}
	.section5_menu .title {
		margin-bottom: 3%;
	}
	.section5_deco {
		margin-left: 0;
		width: 100%;
	}
}



@media ( max-width: 380px ) {

}


.preview {
	overflow: hidden;
}
.preview_wrap {
	position: relative;
	width: 100%; height: 480px;
	overflow: hidden;
}
.preview_wrap::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,0.45);
}
.preview_wrap::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: url('http://img.einet.kr/responsive/sample/facs/previewBg.png') center bottom no-repeat;
}
.preview_wrap .slogan {
	position: absolute;
	top: 49%; right: 0; left: 0;
	margin: auto;
	transform: translateY(-50%);
	text-align: center;
}
.preview_wrap .slogan .adjective {
	margin-bottom: 18px;
	font-family: 'Open Sans', cursive;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
.preview_wrap .slogan h5 {
	font-family: 'Nanum Pen Script', serif;
	font-size: 100px;
	color: rgba(255,255,255,1);
}

.preview_tab {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 47px;
	text-align: center;
}
.preview_tab ::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.preview_tab .tab {
	position: relative;
	display: inline-block;
	margin: 0 18px;
	padding: 16px 0;
	font-size: 15px;
	font-weight: bold;
	color: #7e8389;
}
.preview_tab .tab::after {
	content: '';
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 0;
	background: #fff;
	transition: height 0.5s;
}
.preview_tab .tab.tab_ov, .preview_tab .tab:hover {
	color: #fff;
}
.preview_tab .tab:hover::after, .preview_tab .tab.tab_ov::after {
	height: 4px;
}



@media ( max-width: 1300px ) {
	.preview {
		height: 41vh;
		min-height: 340px;
	}
	.preview_wrap {
		height: 100%;
	}
	.preview_wrap .slogan {
		position: absolute;
		top: 40%; right: 0; left: 0;
		margin: auto;
		transform: translateY(-50%);
		text-align: center;
	}
	.preview_wrap .slogan .adjective {
		margin-bottom: 10px;
	}
	.preview_wrap .slogan h5 {
		font-size: 34px;
	}
}


@media ( max-width: 770px ) {
	.preview_tab {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
}