@charset 'UTF-8';
/* Slider */
.section01_slider .slick-loading .slick-list {background: #fff url('../../img/icon/ajax-loader.gif') center center no-repeat;}
.section01_slider .slick-prev, 
.section01_slider .slick-next {font-size: 0; line-height: 0; position: absolute; top:-130px; display: block; width: 82px; height: 82px; padding: 0; cursor: pointer; color: transparent; background: #fff; border-radius:50px; border:1px solid #ccc;}
.section01_slider .slick-prev {left:50%; margin-left:-100px;}
[dir='rtl'] .section01_slider .slick-prev {right: -25px; left: auto;}
.section01_slider .slick-prev:before {background: url('../../img/icon/icon_arrowL02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
[dir='rtl'] .section01_slider .slick-prev:before {background: url('../../img/icon/icon_arrowR02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
.section01_slider .slick-next {right:50%; margin-right:-100px;}
[dir='rtl'] .section01_slider .slick-next {right: auto; left: -25px;}
.section01_slider .slick-next:before {background: url('../../img/icon/icon_arrowR02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
[dir='rtl'] .section01_slider .slick-next:before {background: url('../../img/icon/icon_arrowL02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}

.section02_slider .slick-loading .slick-list {background: #fff url('../../img/icon/ajax-loader.gif') center center no-repeat;}
.section02_slider .slick-prev, .section02_slider .slick-next {font-size: 0; line-height: 0; position: absolute; top:-70px; display: block; width:50px; height:50px; padding: 0; cursor: pointer; color: transparent; background: #666; border-radius:50px; border:1px solid #333;}
.section02_slider .slick-prev {left:0; margin-left:0;}
[dir='rtl'] .section02_slider .slick-prev {right:0; left: auto;}
.section02_slider .slick-prev:before {background: url('../../img/icon/icon_arrowL02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
[dir='rtl'] .section02_slider .slick-prev:before {background: url('../../img/icon/icon_arrowR02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
.section02_slider .slick-next {right:0; margin-right:0;}
[dir='rtl'] .section02_slider .slick-next {right: auto; left: 0;}
.section02_slider .slick-next:before {background: url('../../img/icon/icon_arrowR02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
[dir='rtl'] .section02_slider .slick-next:before {background: url('../../img/icon/icon_arrowL02.png') no-repeat; content: ""; display: inline-block; height: 23px; width: 13px;}
.section02_slider nav {padding:0 20px; background:#000; margin:0 10px;}
.section02_slider nav img {width:100%; height:auto; max-width:480px;}


.section06_slider .slick-prev, .section06_slider .slick-next {font-size:1em; line-height:1; position: absolute; top: 50%; display: block; width: 0; height: 0; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #fff;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}

.slick-prev:before, .slick-next:before {font-size: 20px; line-height: 1; opacity: .75; color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

.section06_slider .slick-prev {left: -50px;}
[dir='rtl'] .section06_slider .slick-prev {right: -25px; left: auto;}
.section06_slider .slick-prev:before {content: '←';}
[dir='rtl'] .section06_slider .slick-prev:before {content: '→';}
.section06_slider .slick-next {right: -50px;}
[dir='rtl'] .section06_slider .slick-next {right: auto; left: -25px;}
.section06_slider .slick-next:before {content: '→';}
[dir='rtl'] .section06_slider .slick-next:before {content: '←';}
}


/* swiper 기본 메인 레이아웃 */

#index_swiper .swiper-content {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#index_swiper.swiper-container .swiper-content h1 {
    color: #fff;
    font-size: 54px;
    line-height: 66px;
    font-weight: 900;
    font-family: 'Poppins', 'NotoSans', sans-serif;
    transition-delay: .4s;
    transition-duration: 1.2s;
    transform: translateX(-5%);
}


#index_swiper.swiper-container .swiper-content p {
    color: #fff;
    font-size: 19px;
    line-height: 29px;
    font-weight: 400;
    margin-top: 24px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 0;
    font-family: 'Poppins', 'NotoSans', sans-serif;
    transition-delay: .6s;
    transition-duration: 1.2s;
    transform: translateX(-5%);
}

/* swiper 기본 마감 */
/* swiper 기본 메인 레이아웃 계속 */

/* swiper 02 시작 */
#index_swiper .swiper-slide.section02_03 .content_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    height: 100%;


}

#index_swiper .swiper-slide.section02_03 .content {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;


}

#index_swiper .swiper-slide.section02_03 .content .f-image {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
   
   
}
#index_swiper .swiper-slide.slide02.section02_03 .content .f-image {
    
    
    
}
#index_swiper .swiper-slide.section02_03 .content .f-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}
#index_swiper .swiper-slide.slide03.section02_03 .content .f-text {

    transition: 1s;
    transition-delay: .2s;
}
#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span {
    font-size: 40px;
    font-family:'Gmarket Sans B';
    line-height: 62px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span::before {
    position: absolute;
    width: 100%;
    height: 11px;
    background: #cce7f7;
    content: '';
    margin-top: 43px;
    z-index: -1;
}

#index_swiper .swiper-slide.section02_03 .content .text dl {
    text-align: center;
}

#index_swiper .swiper-slide.section02_03 .content .text dl dt {
     font-size: 50px;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    line-height: 62px;
}


#index_swiper .swiper-slide.section02_03 .content .text dl dd {
   margin-top: 30px;
   font-size:1.25em;
}

#index_swiper .swiper-slide.section02_03 .content .text dl dd span {display:block;}

#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap {
    text-align: center;
    margin-top: 45px;
}
#index_swiper .swiper-slide.slide02.section02_03 .content .text dl dt {
    transform:translateY(20%);
    transition: 1s;
    transition-delay: .2s;
}
#index_swiper .swiper-slide.slide02.section02_03 .content .text dl dd {
    transform:translateY(20%);
    transition: 1s;
    transition-delay: .4s;
}

#index_swiper .swiper-slide.slide02.section02_03 .content .btn_wrap{
    transform:translateY(-20%);
    transition: 1s;
    transition-delay: .6s;
}
#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #000;
    background-color: transparent;
    width: 220px;
    padding: 16px 25px 18px;
    color: #000;
    position: relative;
    z-index: 0;
    font-size: 20px;
    letter-spacing: 0;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 500;
    text-align: left;
    padding-left: 60px;
  

}

#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk::after {
    content: '';
    background-color: rgb(7, 7, 7);
    position: absolute;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
    color: #fff;

}



#index_swiper .swiper-slide.ssection02_03 .content .text .btn_wrap .bt_lnk span {
    position: relative;

}


#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk:hover span {
    text-decoration: none;
}

/* section03 */
.slider-index01 {
    
    
}

.slider-index01 .slick-initialized .slick-slide {
    display: block;
    height: 100vh !important;
}

.slider-index01 .slick-slide {
    height: 100vh !important;
}

.slider-index01 .item {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.pager_index01 {
    position: absolute;

    width: 100%;
    height: 100%;
    
}

.pager_index01 .wrap {
    position: relative;
    width: 50%;
    height: 100%;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pager_index01 .arr {
    width: 76px;
    height: 76px;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    z-index: 1;

}

.pager_index01 .prev {
    margin-left: 30px;
}

.pager_index01 .next {
    margin-right: 30px;
}

.pager_index01 .arr:hover {
    background: rgba(255, 255, 255, .2);
    border: 2px solid rgba(255, 255, 255, 0);
}

.pager_index01 i {
    font-size: 36px;

    color: #25aade;
    transition: .3s;

}

#index_swiper .swiper-slide.slide03 .btn_text {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;


}

#index_swiper .swiper-slide.slide03 .btn_text a {
    cursor: pointer;
}

#index_swiper .swiper-slide.slide03 .btn_text i {
    color: #fff;
    font-size: 90px;
    text-decoration: none;
}


/* swiper 03 마감 */

#index_swiper .slick-prev,
#index_swiper .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

@media screen and (max-width:1260px){
	#index_swiper .swiper-slide.section02_03 .content .text dl dt {font-size:36px; line-height:62px;}
	#index_swiper .swiper-slide.section02_03 .content .text dl dd {margin-top:30px; font-size:1.15em;}
	#index_swiper .swiper-slide.section02_03 .content .text dl dd span {display:none;}
	#index_swiper .swiper-slide.section02_03 .content .text dl dd em {display:block;}
	#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk {border: 1px solid #000; width:180px; height:50px; line-height:48px; padding:0; font-size: 16.8px; padding-left:0; text-align:center;}
	.pager_index01 .arr {width:60px; height:60px; border:2px solid rgba(255, 255, 255, .3);}

	.section01_slider .slick-prev, .section01_slider .slick-next {top:-100px; width:60px; height:60px;}
	.section01_slider .slick-prev {left:50%; margin-left:-75px;}
	.section01_slider .slick-next {right:50%; margin-right:-75px;}
}

@media screen and (max-width:960px){
	#index_swiper .swiper-slide.section02_03 .content {display: flex; height: 100%; width: 100%; position: relative; flex-direction:column;}
	#index_swiper .swiper-slide.section02_03 .content .f-text {width:100%; padding:100px 30px 50px 30px; border-top:1px solid #eee;}
	#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span {font-size:30px; line-height: 62px;}
	#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span::before {height:6px;margin-top:37px;}
	#index_swiper .swiper-slide.section02_03 .content .f-image {width:100%; height:50%;}
	#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk {border: 1px solid #000; width:160px; height:50px; line-height:48px; padding:0; font-size: 16.8px; padding-left:0; text-align:center;}
	.pager_index01 .wrap {position: relative; width:100%; height:auto; clear: both; display: flex; justify-content: space-between; align-items: center;}
	.slider-index01 .slick-initialized .slick-slide {height: 30vh !important;}
	.slider-index01 .slick-slide {height: 30vh !important;}
	.slider-index01 .item {width: 100%; height: 30vh; background-size: cover; background-repeat: no-repeat; background-position:center bottom;	}
	.pager_index01 .arr {width:60px; height:60px; border:1px solid rgba(0, 0, 0, 1);}
	.pager_index01 .prev {position:absolute; top:-300px; left:0; margin-left: 30px;}
	.pager_index01 .next {position:absolute;  top:-300px; right:0; margin-right: 30px;}

	.section01_slider .slick-prev, .section01_slider .slick-next {top:-100px; width:60px; height:60px;}
	.section01_slider .slick-prev {left:50%; margin-left:-75px;}
	.section01_slider .slick-next {right:50%; margin-right:-75px;}
}

@media screen and (max-width:660px){
	#index_swiper .swiper-slide.section02_03 .content .f-text {width:100%; padding:100px 10px 50px 10px; border-top:1px solid #eee;}
	#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span {font-size:24px; line-height:40px;}
	#index_swiper .swiper-slide.section02_03 .content .f-text .text dl dt span::before {height:6px;margin-top:25px;}

	.pager_index01 .arr {width:40px; height:40px; border:1px solid rgba(0, 0, 0, 1);}
	.pager_index01 .arr:hover {background: rgba(0, 0, 0, .1); border: 2px solid rgba(0, 0, 0, 0.5);}
	.pager_index01 i {font-size:18px;}
	.pager_index01 .prev {position:absolute; top:-270px; left:0; margin-left: 10px;}
	.pager_index01 .next {position:absolute;  top:-270px; right:0; margin-right: 10px;}

	#index_swiper .swiper-slide.section02_03 .content .text dl dd {margin-top:10px; font-size:0.875em;}

	#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap {margin-top:20px;}
	#index_swiper .swiper-slide.section02_03 .content .text .btn_wrap .bt_lnk {border: 1px solid #000; width:140px; height:40px; line-height:38px; padding:0; font-size: 15.4px; padding-left:0; text-align:center;}

	.section01_slider .slick-prev, .section01_slider .slick-next {top:-70px; width:40px; height:40px;}
	.section01_slider .slick-prev {left:50%; margin-left:-50px;}
	.section01_slider .slick-next {right:50%; margin-right:-50px;}

	.section02_slider .slick-prev, .section02_slider .slick-next {top:-30px; width:30px; height:30px;}
	.section02_slider .slick-prev:before {background: url('../../img/icon/icon_arrowL02s.png') no-repeat; content: ""; display: inline-block; height: 18px; width: 10px;}
	[dir='rtl'] .section02_slider .slick-prev:before {background: url('../../img/icon/icon_arrowR02s.png') no-repeat; content: ""; display: inline-block; height: 18px; width: 10px;}
	.section02_slider .slick-next:before {background: url('../../img/icon/icon_arrowR02s.png') no-repeat; content: ""; display: inline-block; height: 18px; width: 10px;}
	[dir='rtl'] .section02_slider .slick-next:before {background: url('../../img/icon/icon_arrowL02s.png') no-repeat; content: ""; display: inline-block; height: 18px; width: 10px;}
	.section02_slider nav {padding:0 0; background:#000; margin:0 10px;}
}