@charset "utf-8";

/* main-visual */
.main_visual_wrap { position: relative; width: 100%; height: 100%; overflow: hidden; }
.main_visual_wrap .visual_slider { width: 100%; height: 100%; }
.main_visual_wrap .visual_slider .slide { position: relative; width: 100%; height: 1000px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all ease 0.2s; }
.main_visual_wrap .visual_slider .slide.slide01 { background-image: url(../img/main_visual01.jpg); }
.main_visual_wrap .visual_slider .slide.slide02 { background-image: url(../img/main_visual02.jpg); }
.main_visual_wrap .visual_slider .slide.slide03 { background-image: url(../img/main_visual03.jpg); }
.main_visual_wrap .txt_wrap { width: 100%; height: auto; position: absolute; text-align: center; color: #fff; padding: 0 5%; z-index: 10; }
.main_visual_wrap .txt_wrap p { text-shadow: 0.05em 0.05em 0.2em rgb(0,0,0,0.2) }
.main_visual_wrap .txt_wrap .txt01 { opacity: 0; transform: translateY(50%); font-size: 1.5em; line-height: 1.3; margin-bottom: 0.3em; transition: 1.2s; }
.main_visual_wrap .txt_wrap .txt01 b br { display: none; }
.main_visual_wrap .txt_wrap .txt02 { opacity: 0; font-size: 0.8em; font-weight: 200; transition: opacity 200ms linear 100ms; transition-delay: 0.5s; }

.main_visual_wrap .slick-active .txt_wrap .txt01,
.main_visual_wrap .temp-active .txt_wrap .txt01 { transform: translateY(0); opacity: 1; }
.main_visual_wrap .slick-active .txt_wrap .txt02,
.main_visual_wrap .temp-active .txt_wrap .txt02 { opacity: 1; }

.main_visual_wrap .reset-animation .txt_wrap .txt01 { transform:translateY(50%); opacity:0; transition: all 0s; }
.main_visual_wrap .reset-animation .txt_wrap .txt02 { opacity:0; transition: all 0s; }

/* slide when not active*/
.main_visual_wrap .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .txt_wrap .txt01 {
  opacity: 0; transform: translateY(50%); font-size: 1.5em; line-height: 1.3; margin-bottom: 0.3em; transition: 1.2s;
}
.main_visual_wrap .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .txt_wrap .txt02 {
  opacity: 0; font-size: 0.8em; font-weight: 200; transition: opacity 200ms linear 100ms; transition-delay: 0.5s;
}

/* slide when active (when play last to first) */
.main_visual_wrap .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .txt_wrap .txt01 {
  transform: translateY(0); opacity: 1;
}
.main_visual_wrap .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .txt_wrap .txt02 {
  opacity: 1;
}

.slide_btn_wrap { position: absolute; bottom: 0.8em; width: 90%; max-width: 1200px; height: 20px; }
.slide_btn_wrap > div { float: left; }
.slide_btn_wrap .count_wrap { position: relative; width: 124px; height: 100%; }
.slide_btn_wrap .count_wrap > div { font-size: 12px; font-weight: 200; color: #fff; }
.slide_btn_wrap .count_wrap .num {  position: absolute; top: 0; width: 20px; height: 20px; } 
.slide_btn_wrap .count_wrap .num span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.slide_btn_wrap .count_wrap .main_visual_now { left: 0; border: 1px solid #fff; }
.slide_btn_wrap .count_wrap .main_visual_total { right: 0; }
.slide_btn_wrap .count_wrap .dot_mark_wrap { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 70px; height: 1px; background-color: #fff; }
.slide_btn_wrap .count_wrap .dot_mark_wrap .dot_mark { top: 50%; transform: translateY(-33%); -webkit-transform: translateY(-33%); left: 0; width: 70px; height: 3px; background-color: transparent; background-image: linear-gradient(to right, #edaca6, #edaca6); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; }
.slide_btn_wrap .btn_wrap { position: relative; width: 40px; height: 100%; }
.slide_btn_wrap .btn_wrap button { position: absolute; top:0; width: 20px; height: 20px; }
.slide_btn_wrap .btn_wrap button.prev_btn { left: 0; }
.slide_btn_wrap .btn_wrap button.next_btn { right: 0; }
.slide_btn_wrap .btn_wrap i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 15px; color: #fff; }
.slide_btn_wrap .btn_wrap span { display: none; }

.dot_mark .mark { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media(max-width:1099px){
    .main_visual_wrap .visual_slider .slide { height: 500px; }
    .main_visual_wrap .txt_wrap .txt01 b br { display: inline; }
}


/* main_section_01 */
.main_section_01 { position: relative; text-align: center; }
.main_section_01:after { content: ''; display: block; width: 8.8em; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; background: url(../img/main_section01_bg02.png) no-repeat center top; }
.main_section_01:before { content: ''; display: block; width: 7.8em; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../img/main_section01_bg01.png) no-repeat center bottom; }
.main_section_01 .com_tit { margin-bottom: 1em; }
.main_section_01 .com_tit br { display: none; }
.main_section_01 .com_tit span { color: #edaca6; }
@media(max-width:1030px){
    .main_section_01.guide { width: 100%; }
    .main_section_01 .com_tit, .main_section_01 .com_desc { padding: 0 5%; }
    .main_section_01 .com_tit br { display: inline; }
    .main_section_01:after { right: -3.5em; }
    .main_section_01:before { left: -2em; }
}


/* main_section_02 */
.main_section_02 { overflow: hidden; position: relative; margin:0 auto; width: 100%; height: 13.3em; background-color: #000; }
.main_section_02 .bg_fixed { opacity: 0.3; position: absolute; width: 100%; height: 100%; box-sizing: content-box; clip: rect(auto auto auto auto); left: 0; top: 0; overflow: visible; visibility: visible; z-index: 1; background: url(../img/main_section02_bg.jpg) center no-repeat; background-attachment: fixed;}
.main_section_02 .bg_fixed .bg { position: fixed; width: 100%; height: 100%; text-align: center; left: 0; top: 0; margin: 0 auto; }
.main_section_02 .bg_fixed .bg .img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../img/main_section02_bg.jpg) center no-repeat; background-size: cover; z-index: 5; }
.main_section_02 .info_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: auto; z-index: 2; }
.main_section_02 .info_wrap .info { float: left; width: 33.333%; text-align: center; }
.main_section_02 .info_wrap .info .icon {  }
.main_section_02 .info_wrap .info .icon img { width: 2.65em; }
.main_section_02 .info_wrap .info .tit { font-size: 0.7em; color: #fff; margin: 2.2em 0 1.2em; }
.main_section_02 .info_wrap .info .com_desc { font-weight: 200; color: #c1c1c1; }

@media(max-width:1030px){
    .main_section_02 .guide { width: 60%; }
    .main_section_02, .main_section_02 .bg_fixed { height: 19em; }
    .main_section_02 .info_wrap .info { float: none; width: 100%; margin-top: 1.8em; }
    .main_section_02 .info_wrap .info:first-child { margin-top: 0; }
    .main_section_02 .info_wrap .info:after { content: ''; display: block; clear: both; }
    .main_section_02 .info_wrap .info > div { float: left; }
    .main_section_02 .info_wrap .info .icon { width: 45%; margin: 0; }
    .main_section_02 .info_wrap .info .txt_wrap { width: 55%; text-align: left; }
    .main_section_02 .info_wrap .info .tit { margin: 0; }
    .main_section_02 .info_wrap .info .com_desc { margin-top: 0.5em; }
    .main_section_02 .bg_fixed .bg .img{ background: url('../img/main_m_section02_bg.jpg')no-repeat; background-size: cover; }
}
@media(max-width:530px){
    .main_section_02 .guide { width: 90%; }
}


/* main_section_03 */
.main_section_03 .txt_wrap { position: absolute; width: 49%; right: 0; padding-left: 3%; }
.main_section_03 .txt_wrap .tit { line-height: 1.5; margin-bottom: 0.8em; }
.main_section_03 .txt_wrap .tit span { color: #edaca6; }
.main_section_03 .txt_wrap .tit span br { display: none; }
.main_section_03 .txt_wrap .com_desc { position: relative; width: 100%; padding: 1.9em 2em; border-radius: 0.8em; background-color: #faf5f2; }
.main_section_03 .txt_wrap .com_desc::after { content: ''; display: block; width: 1.066em; height: 0.93em; background: url(../img/main_section03_txtbox.png) no-repeat center center; background-size: contain; position: absolute; left: 1.5em; bottom: 100%; }
.main_section_03 .img { width: 51%; }
@media(max-width:1050px){
    .main_section_03 .img, .main_section_03 .txt_wrap { width: 100%; }
    .main_section_03 .txt_wrap { position: initial; transform: initial; padding-left: 0; }
}
@media(max-width:620px){
    .main_section_03 .txt_wrap .tit span br { display: inline; }
}


/* main_section_04 */
.main_section_04 { position: relative; text-align: center; padding: 3.2em 0 3.3em; background-color: #f4f4f4; } 
.main_section_04 .com_tit { margin-bottom: 0.3em; }
.main_section_04 .partner_slider_wrap{ position: relative; padding: 2.3em 0; margin-top: 1.7em; background-color: #f6f6f6; }
.main_section_04 .partner_slider_wrap .slider_cover { position: absolute; width: 100%; height: 100%; background-color: transparent; z-index: 10; }
.main_section_04 .partner_slider_wrap .slide img { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.main_section_04 .simply-scroll { width: 100%; height: 90px; margin: 0; }
.main_section_04 .simply-scroll .simply-scroll-clip { width: 100%; height: 100%; }
.main_section_04 .simply-scroll .simply-scroll-list { height: 100%; }
.main_section_04 .simply-scroll .simply-scroll-list li { width: auto; height: 100%; margin: 0 2em; transition: all ease 0.2s; }
@media(max-width:900px){
    .main_section_04 .simply-scroll .simply-scroll-list li { margin: 0 0.8em; }
}
@media(max-width:765px){
    .main_section_04 .simply-scroll .simply-scroll-list li { margin: 0 0.3em; }
    .main_section_04 .partner_slider_wrap .slide img { padding: 0.3em 0.5em; }
}


/* main_section_05 */
.main_section_05 {  }
.main_section_05 .map_wrap { width: 100%; height: 15.4em; }
.main_section_05 .map_wrap iframe { width: 100%; height: 100%; }
.main_section_05 .info_box_wrap { position: absolute; width: 90%; max-width: 1200px; }
.main_section_05 .info_box { position: absolute; right: 0; bottom: -0.6em; width: 14em; background-color: #e67683; padding: 1.2em; }
.main_section_05 .info_box .tit { font-size: 0.5em; color: #fff; }
.main_section_05 .info_box .num_wrap { margin: 0.6em 0; }
.main_section_05 .info_box .num_wrap .num_top { margin-bottom: 0.2em; }
.main_section_05 .info_box .num { font-size: 1.5em; color: #fff; margin-left: -0.11em; }
.main_section_05 .info_box .time p { font-size: 0.5em; color: #f4f4f4;  line-height: 1.3; }
.main_section_05 .info_box .time p.breaktime { font-size: 0.4em; margin-top: 1em; }

@media(max-width:1030px){
    .main_section_05 .info_box_wrap { position: initial; transform: initial; width: 100%; }
    .main_section_05 .info_box { position: initial; width: 100%; text-align: center; }
}
@media(max-width:850px){
    .main_section_05 .map_wrap { height: 14em; }
}
@media(max-width:550px){
    .main_section_05 .map_wrap { height: 11em; }
}

/* 폰트 */
@media(max-width:700px){
    .main_visual_wrap .txt_wrap .txt01 { font-size: 1.2em; }
    .main_visual_wrap .txt_wrap .txt01 .tmoney_b br { display: none; }
    .main_visual_wrap .txt_wrap .txt02{ font-size: 0.6em; }
    .main_section_01 .com_desc { display: none; }
    .main_section_01 .com_desc.mob_view { display: block; }
    
    .main_section_02, .main_section_02 .bg_fixed { height: 20em; }
    
    .main_section_04 .partner_slider_wrap { padding: 1.5em 0; }
}