@CHARSET "EUC-KR";

.main{background-color:rgba(0,0,0,0.8);}

/* video_bg */
.main .video_bg{
	position: fixed;
    left: 0;
    right: 0;
    top: 4.6875vw;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.main .video_bg video{
	position: fixed;
    left: 50%;
    top: 50%;
    background-color: #000;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    -webkit-background-size: cover;
}

.main #fullpage{z-index:5;}

.main .inner{
	height:100%;
	width: 1440px;
    /*padding-top:90px; 비시즌:탭배너삭제 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: auto;
    justify-content: center;
}
.main.no_topbn .inner{
	padding-top:0;
	animation: padding_top 0.5s;
}
@keyframes padding_top {
    from {
        padding-top:90px;
    }
    to {
        padding-top:0;
    }
}

.main .section h2{
	color:#fff;
	font-weight:600;
	font-size:39px;
	letter-spacing:-0.025em;
	line-height:1.051em;
}
.main .section h2 + p{
	color:#fff;
	font-weight:300;
	font-size:18px;
	letter-spacing:-0.025em;
	line-height:2.278em;
}

/* section01 */
.main .section01 .visual,
.main .section01 .cont{height:49.42708333333333vw;}
.main .section01 .bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	-ms-transform: scale(1.05) rotate(0.001deg); 
	-webkit-transform: scale(1.05) rotate(0.001deg); 
	-moz-transform: scale(1.05) rotate(0.001deg);
	transform:scale(1.05) rotate(0.001deg);
	-webkit-transition: all 3.5s ease;
	transition: all 3.5s ease;
	z-index:-1;
}
.main .section01 .in .bg{
	-ms-transform: scale(1) rotate(0.001deg);
	-webkit-transform: scale(1) rotate(0.001deg);
	-moz-transform: scale(1) rotate(0.001deg);
	transform:scale(1) rotate(0.001deg);
	transition:all 2s;
}
.main .section01 .visual01 .bg{background-image:url("../images/main/1920_main_bg03_off.jpg");}
.main .section01 .visual02 .bg{background-image:url("../images/main/1920_main_bg02_off.jpg");}
.main .section01 .cont{
	position: absolute;
	top: 0;
	left: 0;	
	right: 0;
	margin: 0 auto;
	z-index: 1;
	width:1440px;
}
.main .section01 .cont>div{height: 100%;}
.main .section01 .tit{margin-top: 20px;}
.main .section01 .tit p{
	color:#fff;
	font-size:20px;
	letter-spacing:-0.025em;
	line-height:1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.main .section01 .tit .txt01{margin:27px 0 5px;}
.main .section01 .tit .txt02{margin-top:21px;}
.main .section01 .menu{
	width: 777px;
	margin-top:34px;
	text-align:center;
}

.main .section01 .menu li{
	float:left;
	width:33.3%;
	height:257px;
	box-sizing: border-box;
	border:1px solid rgba(255,255,255,.4);
	margin-left:-1px;
}

.main .section01 .menu a{
	width: 100%;
	height: 100%;
	display:inline-block;
	letter-spacing: -0.025em;
	color: #fff;
	border: 0;
	position: relative;	
	z-index:1;
	padding: 38px 0px 43px 0px;
	box-sizing: border-box;
}
.main .section01 .menu a:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.main .section01 .menu a:hover:after{
	background-image: linear-gradient(to right, #3388ff 0%, #29f29e 100%);
	opacity: 0.7;
	z-index: -1;
}
.main .section01 .menu .btn{
	position: absolute;
	right: 37px;
	bottom: 43px;
}
.main .section01 .menu .txt01{
	font-size: 26px;
	font-weight: 600;
}
.main .section01 .menu .txt02{
	font-size: 18px;
	font-weight: 400;
}
.main .section01 .menu .txt03{
	font-size: 19.6px;
	font-weight: 500;
}
/* .main .section01 .txt02:after{
	display:block;
	width:20px;
	height:1px;
	margin:22px auto 21px;
	background-color:rgba(255,255,255,0.5);
	content:'';
} 200217 마이크로 버튼 삭제 후 주석처리 */
/*.main .section01 a{
	display:block;
	width:236px;
	height:68px;
	margin:0 auto;
	color:#fff;
	font-size:18px;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:34px;
	-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	line-height:66px;
}
.main .section01 a .yellow{color:#ffe07f;}*/


/* section02 */
.main .section02 .box_wrap{margin-top:60px;}
.main .section02 .box_wrap .box{
	width:540px;
	height:370px;
	background-size:cover;
	background-repeat:no-repeat;
	transition: background 0.5s ease;
	overflow:hidden;
}
.main .section02 .box_wrap .box:hover,
.main .section02 .box_wrap .box:active,
.main .section02 .box_wrap .box:focus{
	transition: background 0.5s ease;
}
.main .section02 .box_wrap .box01{background-image:url("../images/main/section02_cont01.jpg");}
.main .section02 .box_wrap .box01:hover,
.main .section02 .box_wrap .box01:active,
.main .section02 .box_wrap .box01:focus{
	background-image:url("../images/main/section02_cont01_on.png");
}
/* 추가 */
.main .section02 .box_wrap .box01.on{
	transition: background 0.5s ease;
	background-image:url("../images/main/section02_cont01_on.png");
} 

.main .section02 .box_wrap .box02{background-image:url("../images/main/section02_cont02.jpg");}
.main .section02 .box_wrap .box02:hover,
.main .section02 .box_wrap .box02:active,
.main .section02 .box_wrap .box02:focus{
	background-image:url("../images/main/section02_cont02_on.png");
}
.main .section02 .box_wrap h3,
.main .section02 .box_wrap p{
	letter-spacing:0.015em;
	line-height:1;
}
.main .section02 .box_wrap h3{
	margin-top:277px;
	font-size:23px;
	transition: all 0.4s ease;
}
.main .section02 .box_wrap h3 + p{
	margin:13px 0 43px;
	color:#5d5d5d;
	font-weight:300;
	font-size:16px;
	transition: all 0.4s ease;
}
.main .section02 .box_wrap .box:hover h3,
.main .section02 .box_wrap .box.on h3{
	margin-top:69px;
	color:#fff;
	transition: all 0.4s ease;
}
.main .section02 .box_wrap .box:hover h3 + p,
.main .section02 .box_wrap .box.on h3 + p{
	color:#fff;
	font-weight:200;
	transition: all 0.4s ease;
}
.main .section02 .box_wrap ul{
	display:none;
    opacity:1;
}
.main .section02 .box_wrap .box:hover ul,
.main .section02 .box_wrap .box:active ul,
.main .section02 .box_wrap .box:focus ul,
.main .section02 .box_wrap .box.on ul{
	display:inline-block;
	animation: fadein 0.3s;
}
.main .section02 .box_wrap ul li{
	float:left;
	border-right:1px solid rgba(255,255,255,0.12);
}
.main .section02 .box_wrap ul li.last{border-right:0;}
.main .section02 .box_wrap ul li a{
	display:block;
	width:100%;
	height:100%;
}
.main .section02 .box_wrap ul li p{
	color:#fff;
	font-size:20px;
}

/* section03 */
.main .section03 p{margin-bottom:55px;}
.main .section03 .benefit_wrap{
	/*display: flex;
	position: relative;
	width:1098px;*/
	display:inline-block;
	height:385px;
}
.main .section03 .benefit_wrap>div{
	float:left;
	width:366px;
}
.main .section03 .card_slider,
.main .section03 .notice_slider{
	margin-top:50px;
}
.main .section03 .card_slider{background:url("../images/main/card_slide_bg.jpg") center center no-repeat;}
.main .section03 .slick-dots{
	position:absolute;
	left:0;
	bottom:52px;
	width:100%;
	height:8px;
}
.main .section03 .slick-dots li{
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 5px;
	vertical-align:top;
}
.main .section03 .slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	background-color:#fff;
	border-radius:50%;
	text-indent:-9999px;
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.15);
}
.main .section03 .slick-dots li.slick-active button{background-color:#949494;}

/* section04 */
.main .section04 ul{
	margin-top:26px;
	background-color:#fff;
	-webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.5);
	box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.5);
}
.main .section04 ul li{
	float:left;
	width:20%;
	border-left:1px solid #e1e1e1;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.main .section04 ul li.first{border-left:0;}
.main .section04 ul li a{
	display:block;
	width:100%;
	height:100%;
	padding:78px 0 74px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.main .section04 ul li .s_tit,
.main .section04 ul li h3{
	font-weight:500;
	letter-spacing:0;
	line-height:1;
}
.main .section04 ul li a>.s_tit{
	margin-top:45px;
	color:#8a8a8a;
	font-size:16px;
}
.main .section04 ul li a>h3{
	margin-top:18px;
	color:#000;
	font-size:23px;
}
.main .section04 ul li div{
	display:none;
	position:absolute;
    top:0;
    left:0;
    margin:-32px 0 0 -11px;
    width:252px;
	height:412px;
	padding-top:82px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.7);
	box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.7);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
    z-index:1;
    opacity:1;
}
.main .section04 ul li.first div{background-image:url("../images/main/section04_img01.jpg");}
.main .section04 ul li.second div{background-image:url("../images/main/section04_img02.jpg");}
.main .section04 ul li.third div{background-image:url("../images/main/section04_img03.jpg");}
.main .section04 ul li.fourth div{background-image:url("../images/main/section04_img04.jpg");}
.main .section04 ul li.last div{background-image:url("../images/main/section04_img05.jpg");}
.main .section04 ul li:hover div,
.main .section04 ul li:active div,
.main .section04 ul li:focus div{
	display:block;
	animation: fadein 0.3s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.main .section04 ul li div .s_tit{
	color:#c4c3c3;
	font-size:16px;
}
.main .section04 ul li div h3{
	margin:15px 0 28px;
	color:#fff;
	font-size:26px;
}
.main .section04 ul li div .txt{
	color:#fff;
	font-weight:200;
	font-size:16px;
	line-height:1.471em;
}
.main .section04 ul li div .btn{
	display:block;
	position:absolute;
	top:286px;
	left:50%;
	width:40px;
	height:39px;
	margin-left:-20px;
	background-color:rgba(0,0,0,0.6);
	vertical-align:top;
}
.main .section04 ul li div .btn:after{
	display: block;
    position: absolute;
    top:13px;
    left:9px;
    padding:6px;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#fff;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    content: '';
}
.main .footer .inner{
	display:block;
	padding-top:0;
	animation:none;
}

@media screen and (max-width: 1440px){
	.main .inner{width: 1310px;}
	/* section01 */
	.main .section01 .visual,
	.main .section01 .cont{height:790px;}
	.main .section01 .cont{width:1310px;}
	.main .section01 .menu{width:690px;}
	.main .section01 .menu a{padding:40px 5px 35px 5px;}
	.main .section01 .menu .txt01 {font-size:22px;}
	.main .section01 .menu .txt02 {font-size:15px;}
	.main .section01 .menu .btn {left:38%;}
}

@media screen and (max-width: 1280px){
	.main .inner{width: 1188px;}
	.main .main_tit{width:90%;}
	
	/* section01 */
	.main .section01 .cont{width:1188px;}
	.main .section01 .menu{width:590px;}
	
	
} 

@media screen and (max-height: 720px){
	
}