@charset "utf-8";
/* ******************  메인 비주얼 ********************** */
#mainVisual {
	overflow: hidden;
	width: 100%;
	height: 755px;
	position: relative;
}
#mainVisual .slick-track, #mainVisual .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item, #mainVisual .slick-slider {
	height: 100%;
}
#mainVisual .slick-track {
	overflow: hidden;
}
/* 메인 비주얼 :: 이미지 */
#mainVisual .main-visual-item {
	position: relative;
}
#mainVisual .main-visual-item .main-visual-pc-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: transform 3000ms ease-in-out;
	-moz-transition: transform 3000ms ease-in-out;
	-o-transition: transform 3000ms ease-in-out;
	-ms-transition: transform 3000ms ease-in-out;
	transition: transform 3000ms ease-in-out;
}
#mainVisual .main-visual-item.active-item .img {
	overflow: hidden;
	z-index: 10;
	width: 100%;
	height: 100%;
	position: relative;
}
/* 메인 비주얼 :: 텍스트 */
#mainVisual .main-visual-item .main-visual-txt-con {
	position: absolute;
	bottom: 20%;
	left: 0px;
	width: 100%;
	z-index: 100;
}
#mainVisual .main-visual-item .main-visual-txt-con h2, #mainVisual .main-visual-item .main-visual-txt-con h3, #mainVisual .main-visual-item .main-visual-txt-con p {
	opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(-150px);
	-o-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-webkit-transform: translateY(-150px);
	transform: translateY(-150px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;
}
/* 메인 비주얼 :: active효과 */
#mainVisual .main-visual-item.active-item .main-visual-pc-img {
	-ms-transform: scale(1.0, 1.0) rotate(0.01deg);
	-o-transform: scale(1.0, 1.0) rotate(0.01deg);
	-moz-transform: scale(1.0, 1.0) rotate(0.01deg);
	-webkit-transform: scale(1.0, 1.0) rotate(0.01deg);
	transform: scale(1.0, 1.0) rotate(0.01deg);
}
#mainVisual .main-visual-item.active-item .main-visual-txt-con h2, #mainVisual .main-visual-item.active-item .main-visual-txt-con p {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
#mainVisual .main-visual-item.active-item.item1 .main-visual-pc-img {
	background: url(../images/main_visual01.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item2 .main-visual-pc-img {
	background: url(../images/main_visual02.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item3 .main-visual-pc-img {
	background: url(../images/main_visual03.png) no-repeat center center;
	background-size: cover;
}
#mainVisual h2 {
	color: #fff;
	font-size: 45px;
	font-weight: 500;
	margin-bottom: 20px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	word-break: keep-all;
	line-height: 1.4em;
}
#mainVisual h2 strong {font-size:0.5em;display:block;letter-spacing:4px;    line-height: 1em;font-weight:500;}
#mainVisual p {
	color: #fff;
	line-height: 1.4em;
	font-size: 23px;
	font-weight: 300;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
	transition-delay: 0.8s;
	word-break: keep-all;
}
#mainVisual .slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #878b93;
	z-index: 100;
	font-size: 3em;
}
#mainVisual .slide-arrow.slick-disabled {
	color: #878b93;
}
#mainVisual .prev-arrow {
	left: 0px;
}
#mainVisual .next-arrow {
	right: 0px;
}
/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0%;
	bottom: 10px;
	margin: 0;
	z-index: 10;
}
#mainVisual .slick-dots li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#mainVisual .slick-dots li button {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 50px;
	height: 4px;
	background: rgba(255,255,255,0.5);
}
#mainVisual .slick-dots li.slick-active button {
	background: #fff;
}
 @keyframes move {
 0% {
 left: 0%;
}
 50% {
 left: 5%;
}
 100% {
 left: 0%;
}
}
#section1 {
	padding: 120px 3%;
	position: relative;
}

.sec01_flex {display:flex;flex-wrap:wrap;border:1px solid #d4d4d4;border-top:none;}
.sec01_item {width:50%;}
.sec01_item:nth-child(even) {border-left:1px solid #d4d4d4;}
.sec01_item .title {padding:15px 10px;position:relative;text-align:center;color:#fff;font-size:1.3em;background:#2d4c91;}
.sec01_item .title a {color:#fff;}
.sec01_item .title a:after {position:absolute;right:15px;transform: translateY(-50%);
	top: 50%;display:block;content: "\e93e";font-family: xeicon;}
.sec01_box_flex {display:flex;padding:25px 10px;    align-items: flex-start;}
.sec01_box_flex p.img {width:30%;}
.sec01_box_flex p.img img {width:100%;}
.sec01_box_flex ul {display:flex;flex-wrap:wrap;width:70%;}
.sec01_box_flex li {width:50%;padding:3px 0 3px 25px;position:relative;line-height:1.4em;letter-spacing:-0.5px;}
.sec01_box_flex li:before {position:absolute;left:0;top:5px;background:url(../images/main_sec01_icon01.png) no-repeat;width:19px;height:19px;display:block;content:"";}
.sec01_item:nth-child(2) .sec01_box_flex li:before {background:url(../images/main_sec01_icon02.png) no-repeat;}
.sec01_item:nth-child(3) .sec01_box_flex li:before {background:url(../images/main_sec01_icon03.png) no-repeat;}
.sec01_item:nth-child(4) .sec01_box_flex li:before {background:url(../images/main_sec01_icon04.png) no-repeat;}
.sec01_item:nth-child(5) .sec01_box_flex li:before {background:url(../images/main_sec01_icon05.png) no-repeat;}
.sec01_item:nth-child(6) .sec01_box_flex li:before {background:url(../images/main_sec01_icon06.png) no-repeat;}

#section1 .slide-arrow.slick-disabled {
	color: #878b93;
}
#section1 .prev-arrow {
	left: -60px;
}
#section1 .next-arrow {
	right: -60px;
}
#section1 .product-slide-prev {
	position: absolute;
	bottom: 0;
	left: 0;
}
#section1 .product-slide-next {
	position: absolute;
	bottom: 0;
	right: 0;
}
#section1 .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0%;
	bottom: -30px;
	margin: 0;
	z-index: 10;
}
#section1 .slick-dots li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#section1 .slick-dots li button {
	cursor: pointer;
	margin: 0 5px;
	padding: 0px;
	text-indent: -9999px;
	width: 7px;
	height: 7px;
	border-radius:50%;
	background:#dadada;
}
#section1 .slick-dots li.slick-active button {
	background: #3c609b;
}
#section2 {
	padding: 120px 0;
	background:url(../images/main_sec02_bg.png) no-repeat;
	background-size:cover;
	text-align: center;
}
#section2 h3 {
	margin-bottom: 30px;
}
.sec02_flex {display:flex;flex-wrap:wrap;}
.sec02_item {width:24%;margin:0.5%;background:url(../images/main_sec02_img01.png);background-size:cover;border-top-left-radius:20px;border-bottom-right-radius:20px;}
.sec02_item a {display:block;padding:80% 10px 40px;color:#000;font-weight:700;font-size:1.3em;}
.sec02_item:nth-child(2) {background:url(../images/main_sec02_img02.png);border-top-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:0px;border-bottom-right-radius:0px;background-size:cover;}
.sec02_item:nth-child(3) {background:url(../images/main_sec02_img03.png);background-size:cover;}
.sec02_item:nth-child(4) {background:url(../images/main_sec02_img04.png);background-size:cover;border-top-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:0px;border-bottom-right-radius:0px;}

#section3 {
	padding: 120px 0% 0px 0%;
	background: #fff;
	position: relative;
}
.sec03_flex {display:flex;flex-wrap:wrap;}
.sec03_item {width:50%;background:#333333;padding:40px;}
.sec03_item.tit {align-self: center;background:#fff;}
.sec03_item h3 {margin-bottom:20px;}
.notice_title {display:flex; justify-content: space-between; align-content: center; }
.notice_title h4 {font-size:1.3em;font-weight:400;color:#fff;}
.notice_title a {color:#fff;}
.sec03_item ul {margin-top:20px;}
.sec03_item li {position:relative;color:#fff;padding:12px 0 12px 0;border-bottom:1px solid rgba(255,255,255,0.2);}
.sec03_item li a {color:#fff;padding:0 80px 0 0;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;display:block;}
.sec03_item li span {position:absolute;right:0;color:rgba(255,255,255,0.5);right:0;top:13px;font-size:0.85em;}

#section4 {
	padding:  0px 0% 120px 0%;
	background:url(../images/main_sec04_bg.png) no-repeat bottom center;
	background-size:cover;;
	position: relative;
}
.sec04_flex {display:flex;flex-wrap:wrap;}
.sec04_item {width:50%;background:rgba(255,255,255,0.95);padding:40px;}
.sec04_item ul {margin-top:20px;}
.sec04_item li {position:relative;padding:12px 0 12px 0;border-bottom:1px solid #dedddc}
.sec04_item li a {padding:0 80px 0 0;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;display:block;}
.sec04_item li span {position:absolute;right:0;color:rgba(0,0,0,0.3);right:0;top:13px;font-size:0.85em;}
.sec04_01_flex {display:flex;align-content: center; }
.sec04_01_item {width:50%;padding:103px 20px;text-align:center;background:rgba(0,0,0,0.2);font-size:1.3em;font-weight:600;}
.sec04_01_item a {color:#fff;display:block;}
.sec04_01_item a img {margin-bottom:10px;}
.sec04_01_item p {color:#fff;line-height:1.5em;}

.footer_banner {padding:30px 0;background:#f2f2f2;}
.footer_banner p {padding:0 5px;}
.footer_banner img {max-width:100%;}