@charset "UTF-8";

.container{padding-top:90px}

/* header */
.header_wrap{background:#f4f4f4}
.depth1_a{background-position:0 -19px}
.depth2_ul{background:rgba(255,255,255,0.8)}

/* main_visual */
.main_visual{overflow:hidden;position:relative;height:530px}
.mv-slider-container, .mv-slider-wrapper{height:100%}
.mv-slider-items{overflow:hidden;float:left;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}

/* mv01 */
.mv01_video{top:50%;width:2460px;height:724px;margin-left:-1230px;margin-top:-362px}
.mv01_title_area{left:0;top:164px;width:100%}
.mv01_text{padding:25px 0 36px;font-family:'NotoSansKR-Thin';font-size:18px;letter-spacing:-0.05em;color:#fff}
.mv01_link{display:block;width:154px;height:41px;margin:0 auto;border:1px solid rgba(255,255,255,0.3);font-size:14px;letter-spacing:-0.025em;line-height:41px;color:#fff}

.no-video .mv01_video{background:url('../img/main/mv01_video.jpg') no-repeat center}

@media screen and (max-width:2000px){
	.mv01_video{width:1900px;height:560px;margin-left:-950px;margin-top:-280px}
}

/* mv02 */
.mv2-main-swiper{background:#1c1f27 url('../img/main/mv02_bg.jpg') no-repeat right center}
.mv2-main-swiper .left_bg{position:relative;width:50%;height:100%;background-repeat:no-repeat;background-position:right center}
.mv2-main-swiper .item1 .left_bg{background-image:url('../img/main/mv02_bg01.jpg')}
.mv2-main-swiper .item2 .left_bg{background-image:url('../img/main/mv02_bg02.jpg')}
.mv2-main-swiper .item3 .left_bg{background-image:url('../img/main/mv02_bg03.jpg')}
.mv2-main-swiper .item4 .left_bg{background-image:url('../img/main/mv02_bg04.jpg')}

.mv2-sub-swiper{overflow:hidden;top:24px;margin-left:-240px;width:481px;height:481px;border-radius:50%}
.mv2-sub-swiper .item1{background-image:url('../img/main/mv02_circle01.png')}
.mv2-sub-swiper .item2{background-image:url('../img/main/mv02_circle02.png')}
.mv2-sub-swiper .item3{background-image:url('../img/main/mv02_circle03.png')}
.mv2-sub-swiper .item4{background-image:url('../img/main/mv02_circle04.png')}

.mv02-info li{position:absolute;left:50%;bottom:0;margin-left:90px;width:334px;height:480px}
.mv02-info li:first-child:before{display:block;content:'';position:absolute;left:-176px;top:35px;width:182px;height:101px;background:url('../img/main/mv02_dotted.png') no-repeat center}

.mv02_title_area{top:145px;margin-left:-580px}
.mv02_stitle{padding-bottom:18px;font-family:'NotoSansKR-Light';font-size:37px;letter-spacing:-0.025em;color:#fff}

.mv02_paging{right:50%;top:170px;margin-right:-580px;z-index:3}
.mv02_paging li{margin-bottom:30px}
.mv02_paging a{font-size:0}
.mv02_paging span{display:inline-block;vertical-align:middle}
.mv02_paging .pg_txt{font-family:'NotoSansKR-Light';font-size:13px;line-height:138%;color:rgba(255,255,255,0.25);transition:all 0.4s}
.mv02_paging .num{position:relative;width:15px;height:15px;margin-left:20px;transition:all 0.4s}
.mv02_paging .num:after{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,0.15);transition:all 0.4s}
.mv02_paging .num em{display:inline-block;position:relative;z-index:1;font-family:'NotoSansKR-Black';font-size:12px;line-height:15px;color:#fff;text-align:center;transition:all 0.4s;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0)
}
.mv02_paging .swiper-pagination-bullet-active .pg_txt, .mv02_paging a:hover .pg_txt{padding-right:30px;font-family:'NotoSansKR-Bold';color:#fff;transform:scale(1.5)}

.mv02_paging .swiper-pagination-bullet-active .num:after, .mv02_paging a:hover .num:after{background:#f9cc01;width:41px;height:41px;margin-left:-12px;margin-top:-12px}
.mv02_paging .swiper-pagination-bullet-active .num em, .mv02_paging a:hover .num em{
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}

/* mv03 */
.mv03_slide{position:relative;height:100%;background:#000}
.video_bg{top:50%;width:2460px;height:724px;margin-left:-1230px;margin-top:-362px;opacity:0.9}
.video_bg video{width:100%;height:100%}
.mv03_slide .slide02{background:url('../img/main/mv03_bg02.jpg') no-repeat center}
.mv03_title_bg{top:0;margin-left:-327px}
.mv03_title_area{left:0;top:170px;width:100%}
.mv03_paging{position:absolute;left:50%;top:350px;width:250px;margin:0 auto;margin-left:-125px;font-size:0;text-align:center}
.mv03_paging:before, .mv03_paging:after{display:block;content:'';position:absolute;top:50%;width:1105px;height:1px;background:rgba(255,255,255,0.2)}
.mv03_paging:before{left:50%;margin-left:-1230px}
.mv03_paging:after{right:50%;margin-right:-1230px}
.mv03_paging li{display:inline-block;margin:0 9px}
.mv03_paging a{display:block;width:45px;height:45px;border-radius:50%;background-color:rgba(255,255,255,0.2);background-repeat:no-repeat;background-position:center}
.mv03_paging li:nth-child(1) a{background-image:url('../img/main/mv03_paging1.png')}
.mv03_paging li:nth-child(2) a{background-image:url('../img/main/mv03_paging2.png')}
.mv03_paging li:nth-child(3) a{background-image:url('../img/main/mv03_paging3.png')}
.mv03_paging li.swiper-pagination-bullet-active a, .mv03_paging a:hover{background-color:#a3bf1c}

.no-video .mv03_slide .slide01 .video_bg{background:url('../img/main/mv03_video01.jpg') no-repeat center}
.no-video .mv03_slide .slide02 .video_bg{background:url('../img/main/mv03_video02.jpg') no-repeat center}
.no-video .mv03_slide .slide03 .video_bg{background:url('../img/main/mv03_video03.jpg') no-repeat center}

@media screen and (max-width:2000px){
	.video_bg{width:1900px;height:560px;margin-left:-950px;margin-top:-280px}
}

.mv_paging{position:absolute;left:40px;bottom:30px;font-size:0}
.mv_paging .paging{display:inline-block}
.mv_paging .paging li{float:left;margin-right:20px}
.mv_paging .paging a{display:block;position:relative;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);box-sizing:border-box}
.mv_paging .paging a:after{display:block;content:'';position:absolute;left:50%;bottom:25px;width:100px;height:60px;margin-left:-50px;background-repeat:no-repeat;background-position:center;opacity:0;transition:all 0.3s}
.mv_paging .paging li:first-child a:after{background-image:url('../img/main/mv_paging_view01.jpg')}
.mv_paging .paging li:nth-child(2) a:after{background-image:url('../img/main/mv_paging_view03.jpg')}
.mv_paging .paging li:nth-child(3) a:after{background-image:url('../img/main/mv_paging_view02.jpg')}
.mv_play_btn{display:inline-block;width:12px;height:15px;background-image:url('../img/main/mv_btn.png');background-repeat:no-repeat;background-position:0 0}
.mv_play_btn.pause{background-position:0 -15px}

.mv_paging .paging li.on a, .mv_paging .paging a:hover{background:#fff;border:2px solid #fff}
.mv_paging .paging a:hover:after{opacity:1}

/* visual_bnr */
.visual_bnr{height:120px}
.visual_bnr .bnr{position:relative;float:left;width:100%;height:100%}
.visual_bnr .bnr.bnr01{background:#c96849}
.visual_bnr .bnr.bnr02{background:#818e5f}
.visual_bnr .bnr_in{position:absolute;top:0;left:50%;margin-left:-315px;width:630px;height:100%}
.visual_bnr .bnr.bnr01 .bnr_in{right:0}
/* .visual_bnr .bnr.bnr02 .bnr_in{left:0} */
.bnr01_img{left:7px;bottom:0}
.visual_bnr .bnr01 .text_area{padding:20px 0 0 190px}
.visual_bnr .bnr01_txt{padding-top:12px;padding-left:55px;font-family:'NanumBarunGothic-Bold';font-size:16px;letter-spacing:-0.02em;color:#fff}
.visual_bnr .bnr01_txt em{background:#feffa8;color:#b84825}
.visual_bnr .bnr01_txt span{display:inline-block;padding-left:15px;font-family:'NanumBarunGothic';font-size:12px;letter-spacing:-0.01em;color:#ffbea9}
.bnr02_title{padding:26px 0 0 50px;font-family:'NotoSansKR-Light';font-size:25px;letter-spacing:-0.025;line-height:140%;color:#fff}
.bnr02_title em{font-family:'NotoSansKR-Bold'}
.bnr02_img{left:20px;bottom:0}
.visual_bnr .bnr02 .text_area{left:335px;top:28px}
.bnr02_txt01{font-family:'NotoSansKR-Bold';font-size:13px;color:#fff}
.bnr02_txt02{font-family:'NotoSansKR-Bold';font-size:15px;line-height:147%;color:#cad7a7}
.bnr02_btn{right:50px;top:36px}

/* text */
.title{position:relative;font-size:45px;font-family:'NotoSansKR-Thin';letter-spacing:-0.05em;color:#222;text-align:center}
.title:before, .title:after{display:block;content:'';position:absolute;top:50%;width:1230px;height:1px;background:rgba(0,0,0,0.1)}
.title:before{left:50%;margin-left:-1460px}
.title:after{right:50%;margin-right:-1460px}
.text{font-family:'NotoSansKR-Light';letter-spacing:-0.025em;line-height:175%;color:#aaa}

/* intro */
.intro{overflow:hidden;padding:86px 0 64px}
.intro_slide{position:relative;height:364px;margin-top:38px}
.intro_slide .swiper-container{overflow:visible}
.intro_slide .swiper-slide{width:360px;margin:0 15px;cursor:pointer}
.intro_slide .swiper-slide img{width:100%}
.intro_slide .slide_in{height:100%;margin:0 auto}
.intro_slide .img_wrap{height:200px;overflow:hidden}
.intro_slide .video_wrap{width:360px;height:200px}
.intro_slide .text_area{height:164px;padding:30px 0 0 30px;box-sizing:border-box;background:#fff}
.intro_slide .slide_title{font-family:'NotoSansKR-Light';font-size:22px;letter-spacing:-0.025em;color:#000}
.intro_slide .slide_title em{font-family:'NotoSansKR-Bold'}
.intro_slide .slide_txt{padding-top:12px;font-family:'NotoSansKR-Light';font-size:15px;letter-spacing:-0.01em;line-height:160%;color:#000}
.intro_btns{position:absolute;top:50%;margin-top:-48px;width:40px;height:95px;background-repeat:no-repeat;background-position:center;font-size:0;line-height:0}
.intro_btns.btn_prev{left:50%;margin-left:-620px;background-image:url('../img/main/intro_prev.png')}
.intro_btns.btn_next{right:50%;margin-right:-620px;background-image:url('../img/main/intro_next.png')}

/* franchise */
.franchise{position:relative;height:447px;background:#000}
.franchise .swiper-container{height:100%}
.franchise .swiper-slide{overflow:hidden}
.franchise .slide02{background:url('../img/main/franchise_bg02.jpg') no-repeat center;background-size:cover}
.franchise .slide03{background:url('../img/main/franchise_bg03_3.jpg') no-repeat center;background-size:cover}
.franchise .text_area{padding:80px 0 0 740px}
.franchise .text{padding:17px 0 38px}
.franchise .stitle{height:105px;font-family:'NotoSansKR-Light';font-size:20px;letter-spacing:-0.025em;line-height:145%;color:#e8e8e8}
.franchise .stitle em{font-family:'NotoSansKR-Medium';color:#fff}
.franchise_link{display:block;width:154px;height:41px;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;font-size:14px;letter-spacing:-0.025em;line-height:41px;text-align:center;color:#fff}
.franchise .paging{position:absolute;left:0;bottom:35px;width:100%;text-align:center;font-size:0}
.franchise .paging li{display:inline-block;margin:0 10px}
.franchise .paging a{display:block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.5);box-sizing:border-box;border-radius:50%}
.franchise .paging li.swiper-pagination-bullet-active a, .franchise .paging a:hover{background:#ffdd15;border:2px solid #ffdd15}

.franchise .slide01{background:url('../img/main/main_video1.jpg') no-repeat center;background-size:cover}
/* .no-video .franchise .slide01{background:url('../img/main/franchise_bg.jpg') no-repeat center;background-size:cover} */
/* .no-video .franchise .slide02{background:url('../img/main/franchise_bg.jpg') no-repeat center;background-size:cover}
.no-video .franchise .slide03{background:url('../img/main/franchise_bg03.jpg') no-repeat center;background-size:cover} */

/* news */
.news{overflow:hidden;padding:86px 0 90px}
.news_dec{top:67px;margin-left:-604px}
.news .title:before{margin-left:-1540px}
.news .title:after{margin-right:-1540px}
.news_wrap{padding-top:40px}
.news .box{position:relative;float:left;width:50%;height:500px}
.event .swiper-container{height:100%}
.event .swiper-slide{background-repeat:no-repeat}
.event .slide02{background-position:50% 50%;background-image:url('../img/main/event_03_bg.jpg')}
.event .slide03{background-position:100% 50%;background-image:url('../img/main/event_02.jpg')}
.event .slide04{background-position:100% 50%;background-image:url('../img/main/event_04.jpg')}
.event .text_area{right:20px;top:76px}
/* .event .slide_stitle{padding:50px 0 26px}
.event .slide_title{padding-bottom:24px} */

.event .paging{position:absolute;right:20px;bottom:22px}
.event .paging li{float:left;margin-left:9px}
.event .paging a{display:block;width:12px;height:12px;border-radius:50%;background:url('../img/main/event_paging.png') no-repeat;background-position:0 0}
.event .paging li.swiper-pagination-bullet-active a, .event .paging a:hover{background-position:0 -12px}

.story{background:#000}
.story .video_area{position:absolute;left:50%;bottom:0;width:980px;height:544px;margin-left:-490px}

.no-video .story{background:url('../img/main/story_video.jpg') no-repeat center;background-size:cover}

@media screen and (max-width:1700px){
	.story .video_area{left:0;top:50%;bottom:auto;width:100%;height:100%;margin:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
	}
}

/* menu */
.menu{overflow:hidden;height:605px;padding-top:48px;box-sizing:border-box;background:#fff}
.menu .title:before{margin-left:-1552px}
.menu .title:after{margin-right:-1552px}
.menu_dec{bottom:0;margin-left:452px}
.menu_slide{height:404px;margin:20px auto 0}
.menu_slide .swiper-container{overflow:visible;height:100%}
.menu_slide .swiper-slide{width:270px;margin:0 60px;cursor:pointer}
.menu_slide .slide_in{position:relative}
.menu_img{padding-top:30px;opacity:0.7;transition:all 0.4s}
.menu_img img{width:100%}
.menu_name{font-family:'NotoSansKR-Bold';font-size:18px;letter-spacing:-0.025em;color:#222;opacity:0.5;transition:all 0.4s}
.menu_info{padding-top:12px;font-size:16px;letter-spacing:-0.025em;color:#444;opacity:0;transition:all 0.4s}
.menu_hit{right:12px;top:245px;opacity:0;transition:all 0.4s}

.menu_slide .swiper-slide-active .slide_in{width:431px;margin-left:-91px}
.menu_slide .swiper-slide-active .menu_img{padding-top:0;opacity:1}
.menu_slide .swiper-slide-active .menu_name, .menu_slide .swiper-slide-active .menu_info{opacity:1}
.menu_slide .swiper-slide-active .menu_name{margin-top:15px;font-size:23px}
.menu_slide .swiper-slide-active .menu_hit{opacity:1}
.menu_btns{position:absolute;bottom:70px;width:31px;height:14px;background-repeat:no-repeat;background-position:center;font-size:0;line-height:0}
.menu_btns.btn_prev{left:50%;margin-left:-290px;background-image:url('../img/main/menu_prev.png')}
.menu_btns.btn_next{right:50%;margin-right:-290px;background-image:url('../img/main/menu_next.png')}

/* main_bottom */
.main_bottom{margin:60px 0 60px}
.main_bottom .box{position:relative;float:left;width:50%;height:290px}
.main_bottom .video_area{top:50%;width:820px;height:396px;margin-left:-410px;margin-top:-205px}
.main_bottom .box01{background:#000}
.no-video .main_bottom .box01{background:url('../img/main/main_bot01_vid.jpg') no-repeat center;background-size:cover}

@media screen and (max-width:1900px){
	.main_bottom .video_area{left:0;width:100%;height:100%;margin:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
	}
}


.main_bottom .box02{background:#203f99}
.main_bottom .box02_title{padding:45px 0 20px;font-family:'NotoSansKR-Medium';font-size:23px;letter-spacing:-0.05em;color:#fff}
.main_bottom .box02_title em{font-family:'NotoSansKR-Bold'}
.sns_list{width:340px;height:174px;margin:0 auto}
.sns_list .sns_items{float:left;width:77px;height:77px;margin-right:10.5px;margin-bottom:10px;background-repeat:no-repeat;background-position:center;background-size:cover}
.sns_list .sns_items:nth-child(4n){margin-right:0}

.main_bottom .box03{background:#f8cc00}
.main_bottom .box03_in{width:340px;margin:0 auto}
.main_bottom .box03_title{padding:40px 0 10px;font-family:'NotoSansKR-Medium';font-size:23px;letter-spacing:-0.05em;color:#222}
.main_bottom .box03_title em{font-family:'NotoSansKR-Bold'}
.main_bottom .box03_num{font-family:'NotoSansKR-Black';font-size:36px;color:#203f99}
.main_bottom .box03_num img{vertical-align:-6px;padding-right:10px}

.main_form .type_chk{padding:20px 0 7px}
.main_form .type_chk label{font-size:14px;letter-spacing:-0.05em;color:#444}
.main_form .type_txt{position:relative;width:250px;height:40px;margin-bottom:5px}
.main_form .type_txt input{width:100%;height:100%;padding:0 22px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;letter-spacing:-0.01em;color:#666}
.main_form .type_txt label{position:absolute;left:22px;top:0;font-size:15px;letter-spacing:-0.01em;color:#666;line-height:40px}
.main_form .btn_send{width:85px;height:85px;box-sizing:border-box;background:#203f99;font-size:14px;letter-spacing:-0.01em;color:#fff;text-align:center}