@charset "utf-8";

/* COVER */
#cover{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../img/main/cover_bg.jpg) no-repeat center; background-size:cover; z-index:300;}
#cover .cover_img{width:428px; height:155px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url(../img/main/cover_img_off.png) no-repeat center;}
#cover .cover_img .cover_on{width:100%; height:0; overflow:hidden;}

/* VISUAL */
.logo{position:absolute; top:50px; left:50px; z-index:200;}
.visual_notice{position:absolute; width:60%; bottom:50px; left:50px; padding-left:50px; background:url(../img/main/ic_visual_notice.png) no-repeat left center; z-index:10;}
.visual_notice .notice_txt p{font-size:0.875em; color:#fff; padding-left:2px;}
.visual_notice .notice_txt h3{font-size:1.25em; color:#fff; font-weight:700; line-height:1.3em;}
.visual_notice .bx-wrapper{margin:0; padding:0; background-color:transparent; box-shadow:none; border:none;}
.scroll_effect{position:absolute; right:50px; bottom:50px; padding-right:10px; z-index:10;}
.scroll_effect p{font-family:'Montserrat', sans-serif; font-size:0.875em; line-height:0.9em; color:#fff;}
.scroll_effect .scroll_bar{width:1px; height:50px; position:absolute; bottom:0; right:0; background-color:rgba(255,255,255,0.3);}
.scroll_effect .scroll_bar .scroll_bar_effect{width:100%; height:15px; background-color:#fff; position:absolute; bottom:0; left:0;}

.visual_slide01{background:url(/img/main/main_visual01.jpg) no-repeat center; background-size:cover;}
.visual_slide02{background:url(/img/main/main_visual02.jpg) no-repeat center; background-size:cover;}
.visual_slide03{background:url(/img/main/main_visual03.jpg) no-repeat center; background-size:cover;}
.visual_slider{width:100%; height:100%;}
.visual_slider .txt_box{position:absolute;margin-top:30px;text-align:center;transform:translateY(-50%);z-index:999;top:50%;left:0;width:100%;}
.visual_slider .txt_box h2.vis_title{line-height:0;}
.visual_slider .txt_box h3{font-family:'Montserrat', sans-serif; font-size:60px; font-weight:700; color:#fff; line-height:1em; margin-top:50px;}
.visual_slider .txt_box p{color:#fff; line-height:1.5em; margin-top:20px;}
.visual_slider .txt_box p span{display:block;}
.visual_slider .txt_box .ani{opacity:0;}
.visual_slider .visual_arrows{position:absolute; width:9px; height:60px; top:50%; left:200px; margin-top:-30px;}
.visual_slider .visual_arrows .visual_next, .visual_slider .visual_arrows .visual_prev{width:9px; height:30px; top:auto; margin-top:0;}
.visual_slider .visual_arrows .visual_next{background:url(../img/main/aw_slider_next.png) no-repeat center; bottom:0; right:0;}
.visual_slider .visual_arrows .visual_prev{background:url(../img/main/aw_slider_prev.png) no-repeat center; left:auto; top:0; right:0;}
/*
.visual_slider .visual_pager.swiper-pagination-bullets{width:auto; padding-left:50px; bottom:auto; top:50%; left:0; margin-top:-30px; text-align:left;}
*/
.visual_slider .visual_pager.swiper-pagination-bullets{width:auto; padding-left:50px; bottom:auto; top:50%; left:0; margin-top:-45px; text-align:left;}
.visual_slider .visual_pager.swiper-pagination-bullets .swiper-pagination-bullet{display:block; width:auto; height:auto; float:inherit; background-color:transparent; outline:none; opacity:0.5; font-family:'Montserrat', sans-serif; font-size:0.875em; color:#fff; margin:0; line-height:30px;}
.visual_slider .visual_pager.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1;}
.visual_slider .visual_pager .swiper-pagination-bullet:first-child::before{content:'01'; display:inline-block; margin-right:10px;}
.visual_slider .visual_pager .swiper-pagination-bullet:nth-child(2)::before{content:'02'; display:inline-block; margin-right:10px;}
.visual_slider .visual_pager .swiper-pagination-bullet:nth-child(3)::before{content:'03'; display:inline-block; margin-right:10px;}
/*
.visual_slider .slide_progress{position:absolute; top:50%; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.3); z-index:20;}
.visual_slider .slide_progress .slide_progress_load{display:block; width:250px; height:1px; background-color:#fff;}
*/
.visual_slider .slide_progress{position:absolute; top:50%; left:190px; width:100%; height:1px; background-color:rgba(255,255,255,0.3); z-index:20;}
.visual_slider .slide_progress .slide_progress_load{display:block; width:30px; height:1px; background-color:#fff;}


/* BANNER */
.main_banner_wrap{position:relative; width:100%; height:100%; position:relative; background:url(/img/main/main_banner_bg06.jpg) no-repeat center; background-size:cover;}/*default*/
.main_banner_wrap .main_banner_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; display:none;}
.main_banner_wrap .main_banner_bg01{background:url(/img/main/main_banner_bg01.jpg) no-repeat center; background-size:cover;}
.main_banner_wrap .main_banner_bg02{background:url(/img/main/main_banner_bg02.jpg) no-repeat center; background-size:cover;}
.main_banner_wrap .main_banner_bg03{background:url(/img/main/main_banner_bg03.jpg) no-repeat center; background-size:cover;}
.main_banner_wrap .main_banner_bg04{background:url(/img/main/main_banner_bg04.jpg) no-repeat center; background-size:cover;}
.main_banner_wrap .main_banner_bg05{background:url(/img/main/main_banner_bg05.jpg) no-repeat center; background-size:cover;}
.main_banner_wrap .main_banner_bg06{background:url(/img/main/main_banner_bg06.jpg) no-repeat center; background-size:cover;}

.main_banner_con{width:25%; height:100%; float:left; border-right:1px solid rgba(255,255,255,0.1); background-color:transparent; position:relative; opacity:0; z-index:2;}
.main_banner_con:last-of-type{border-right:0;}
.main_banner_con .bn_txt_defalt{position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); padding:0 50px; display:block;}
.main_banner_con .bn_txt_defalt .bn_logo{line-height:0; text-align:center; padding-bottom:20px;}
.main_banner_con .bn_txt_defalt .bn_txt{padding-top:20px; border-top:1px solid rgba(255,255,255,0.2);}
.main_banner_con .bn_txt_defalt .bn_txt{text-align:center; color:#fff; font-size:1.25em; font-weight:500; line-height:1.3em;}
.main_banner_con .bn_txt_defalt .bn_txt span{display:block; font-weight:100;}
.main_banner_con .bn_txt_over{width:100%; height:100%; background-color:rgba(149,56,129,0.6); position:relative; display:none;}
.main_banner_con .bn_txt_over .inner_txtbox{position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); padding:0 50px;}
.main_banner_con .bn_txt_over .bn_logo{line-height:0; text-align:center; padding-bottom:60px;}
.main_banner_con .bn_txt_over .bn_name{text-align:center; font-size:1.5em; font-weight:500; line-height:1em; color:#fff; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2);}
.main_banner_con .bn_txt_over li{margin-bottom:15px; padding:0 15px; overflow:hidden;}
.main_banner_con .bn_txt_over li:last-child{margin-bottom:0;}
.main_banner_con .bn_txt_over li span{display:block; float:left;}
.main_banner_con .bn_txt_over li span.subject{width:90px; color:#fff;}
.main_banner_con .bn_txt_over li span.txt{width:calc(100% - 90px); color:#e9e1e7;}
.main_banner_con .bn_txt_over .bn_btn{margin-top:55px; text-align:center;}
.main_banner_con .bn_txt_over .bn_btn a{display:inline-block; padding:10px 30px; border:1px solid rgba(255,255,255,0.8); color:#e9e1e7; letter-spacing:-0.05em;}
.main_banner_con .bn_txt_over .top_flag{position:absolute; width:120px; top:0; left:50%; margin-left:-60px; background-color:#fff; padding:20px; box-shadow:10px 0px 20px rgba(0,0,0,0.2);}
.main_banner_con .bn_txt_over .top_flag:before{content:''; border-top:20px solid #fff; border-left:60px solid transparent; border-right:60px solid transparent; width:0; height:0; left:0; position:absolute; bottom:-20px;}
.main_banner_con .bn_txt_over .top_flag p{text-align:center; font-size:20px; font-weight:500; color:#8e457f; letter-spacing:-0.05em;}
.main_banner_con .bn_txt_over .top_flag p span{display:block; font-size:1.3em; font-weight:700; letter-spacing:0; margin-top:10px; padding-top:10px; border-top:1px solid #dfdfdf;}


/* INTRO */
.main_intro{padding-bottom:80px;}
.intro_top_tit{padding:80px 0 50px; text-align:center;}
.intro_top_tit h1{font-size:2.25em; color:#000; font-weight:700; line-height:1em;}
.intro_top_tit p{font-size:1.125em; color:#646464; margin-top:20px;}

.intro_slider{height:calc(100% - 160px); max-height:580px;}
.intro_slider .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; height:100%;}
.intro_slider .intro_slide00{background:url(../img/main/main_intro_img00.jpg) no-repeat center;}
.intro_slider .intro_slide01{background:url(../img/main/main_intro_img01.jpg) no-repeat center;}
.intro_slider .intro_slide02{background:url(../img/main/main_intro_img02.jpg) no-repeat center;}
.intro_slider .intro_slide03{background:url(../img/main/main_intro_img03.jpg) no-repeat center;}
.intro_slider .intro_slide04{background:url(../img/main/main_intro_img04.jpg) no-repeat center;}
.intro_slider .intro_slide05{background:url(../img/main/main_intro_img05.jpg) no-repeat center;}
.intro_slider .intro_slide06{background:url(../img/main/main_intro_img06.jpg) no-repeat center;}
.intro_slider .intro_slide07{background:url(../img/main/main_intro_img07.jpg) no-repeat center;}
.intro_slider .intro_slide08{background:url(../img/main/main_intro_img08.jpg) no-repeat center;}
.intro_slider .intro_slide09{background:url(../img/main/main_intro_img09.jpg) no-repeat center;}
.intro_slider .intro_slide10{background:url(../img/main/main_intro_img10.jpg) no-repeat center;}
.intro_slider .intro_slide11{background:url(../img/main/main_intro_img11.jpg) no-repeat center;}
.intro_slider .intro_slide12{background:url(../img/main/main_intro_img12.jpg) no-repeat center;}
.intro_slider .swiper-slide-active{background-position:left center;}
.intro_slider .swiper-slide-active .intro_txt{display:block;}
.intro_slider .intro_txt{width:80%; max-width:480px; position:absolute; bottom:80px; right:0; padding:50px; background-color:#953881; box-shadow:30px 30px 30px rgba(0,0,0,0.2); display:none;}
.intro_slider .intro_txt h2{font-size:1.875em; line-height:1em; font-weight:500; color:#fff;}
.intro_slider .intro_txt .details{position:relative; margin-top:30px; padding-top:30px;}
.intro_slider .intro_txt .details:before{content:''; width:30px; height:1px; position:absolute; top:0; left:0; background-color:#b574a7;}
.intro_slider .intro_txt .details dl{margin-bottom:15px;}
.intro_slider .intro_txt .details dl:last-child{margin-bottom:0;}
.intro_slider .intro_txt .details dt, .intro_slider .intro_txt .details dd{float:left; font-size:1.125em;}
.intro_slider .intro_txt .details dt{color:#fff; width:50px;}
.intro_slider .intro_txt .details dd{color:#ece1e9; width:calc(100% - 50px);}
.intro_slider .intro_arrow{position:absolute; top:100px; left:50%; width:140px; height:70px; margin-left:80px;}
.intro_slider .intro_next, .intro_slider .intro_prev{top:0; margin-top:0; float:left; width:70px; height:70px; outline:none; border:1px solid #ddd;}
.intro_slider .intro_next{background:url(../img/main/aw_intro_next.png) no-repeat center; right:0;}
.intro_slider .intro_prev{background:url(../img/main/aw_intro_prev.png) no-repeat center; border-width:1px 0 1px 1px; left:0;}
 

/* FOOTER */
.footer{background-color:#222; padding:50px; position:relative;}
.footer .ft_logo{line-height:0;}
.footer .ft_info{margin-top:20px;}
.footer .ft_info p{font-size:0.875em; color:#aeaeae; line-height:24px;}
.footer .ft_info p a{color:#aeaeae;}
.footer .ft_info p span:first-child::after, .footer .ft_info p span:nth-child(2)::after{content:' /';}
.footer .copy{font-size:0.875em; color:#7e7e7e; margin-top:20px;}
.footer .ft_banner{position:absolute; bottom:50px; right:50px;}
.footer .ft_banner li{float:left; line-height:0; margin-right:35px;}
.footer .ft_banner li:last-child{margin-right:0;}


/* RESPONSIVE */
@media screen and (max-width:1200px) {
	/* VISUAL */
	.logo{top:30px; left:30px;}
	.visual_notice{bottom:30px; left:30px;}
	.scroll_effect{bottom:30px; right:30px;}
	
	.visual_slider .txt_box h2.vis_title{width:100%; max-width:760px; padding:0 30px; margin:0 auto;}
	.visual_slider .txt_box h2.vis_title img{width:100%;}
	.visual_slider .txt_box h3{font-size:50px;}
	.visual_slider .visual_pager.swiper-pagination-bullets{padding-left:30px;}
	
	
	/* BANNER */
	.main_banner_con .bn_txt_defalt{padding:0 30px;}
	.main_banner_con .bn_txt_defalt .bn_logo img{width:100%;}
	.main_banner_con .bn_txt_over .inner_txtbox{padding:0 30px;}
	.main_banner_con .bn_txt_over .bn_logo{padding-bottom:30px;}
	.main_banner_con .bn_txt_over .bn_logo img{width:100%;}
	.main_banner_con .bn_txt_over .bn_name{font-size:1.25em;}
	.main_banner_con .bn_txt_over li{padding:0; margin-bottom:10px; font-size:0.938em;}
	.main_banner_con .bn_txt_over li span.subject{width:75px;}
	.main_banner_con .bn_txt_over li span.txt{width:calc(100% - 75px);}
	.main_banner_con .bn_txt_over .bn_btn{margin-top:30px;}
	.main_banner_con .bn_txt_over .bn_btn a{padding:10px 15px;}
	.main_banner_con .bn_txt_over .top_flag{padding:15px;}
	.main_banner_con .bn_txt_over .top_flag:before{border-top:15px solid #fff; bottom:-15px;}
	.main_banner_con .bn_txt_over .top_flag p{font-size:16px;}
	.main_banner_con .bn_txt_over .top_flag p span{margin-top:6px; padding-top:5px;}
	
	
	/* INTRO */
	.intro_top_tit{padding:50px 0 30px;}
	.intro_slider{padding:0 100px;}
	.intro_slider .intro_txt{max-width:500px; bottom:50px;}
	.intro_slider .intro_arrow{margin-left:0; left:auto; right:100px;}
	
	
	/* FOOTER */
	.footer{padding:30px;}
	.footer .ft_banner{bottom:30px; right:30px;}
	.footer .ft_banner li{margin-right:15px;}
	.footer .ft_banner li img{width:auto; height:25px;}
}

@media screen and (max-width:960px) {
	/* VISUAL */
	.visual_notice .notice_txt h3{font-size:1.125em;}
	
	.visual_slider{height:600px;}
	.visual_slider .txt_box h3{font-size:35px; letter-spacing:-0.05em;}
	.visual_slider .visual_pager.swiper-pagination-bullets{display:none;}
	.visual_slider .visual_arrows{display:none;}
	
	
	/* â�� �߰� */
	.visual_slider .slide_progress{left:0;}
	.visual_slider .slide_progress .slide_progress_load{display:none}
	/* â�� �߰� */

	
	/* BANNER */
	.main_banner_wrap{height:auto;}
	.main_banner_con{width:100%; height:240px; float:inherit; border-right:0; border-bottom:1px solid rgba(255,255,255,0.3);}
	.main_banner_con:last-child{border-bottom:0;}
	.main_banner_con .bn_txt_defalt{width:100%; max-width:240px; left:50%; transform:translate(-50%, -50%);}
	.main_banner_con .bn_txt_defalt .bn_txt{font-size:1.125em;}
	.main_banner_con .bn_txt_defalt .bn_txt span.blank_txt{display:none;}
	.main_banner_con .bn_txt_over .inner_txtbox{padding:30px 30px 30px 160px; position:absolute; top:auto; left:auto; transform:translate(0,0);}
	.main_banner_con .bn_txt_over .bn_logo{display:none;}
	.main_banner_con .bn_txt_over .bn_name{margin-bottom:15px; padding-bottom:15px; padding-top:10px; text-align:left; font-size:1.125em;}
	.main_banner_con .bn_txt_over li{font-size:0.875em;}
	.main_banner_con .bn_txt_over .bn_btn{margin-top:0; position:absolute; top:30px; right:30px;}
	.main_banner_con .bn_txt_over .bn_btn a{font-size:0.875em; padding:5px 10px;}
	.main_banner_con .bn_txt_over .top_flag{width:100px;top:0; left:30px; margin-left:0; padding:10px;}
	.main_banner_con .bn_txt_over .top_flag p{font-size:1em;}
	.main_banner_con .bn_txt_over .top_flag:before{border-left:50px solid transparent; border-right:50px solid transparent;}
	
	
	/* INTRO*/
	.main_intro{padding-bottom:0;}
	.intro_top_tit h1{font-size:1.75em;}
	.intro_top_tit p{font-size:1em; margin-top:15px;}
	
	.intro_slider{height:600px; padding:0 30px 80px;}
	.intro_slider .swiper-slide{background-size:70% 100%;}
	.intro_slider .intro_txt{padding:30px; bottom:30px;}
	.intro_slider .intro_txt h2{font-size:1.375em;}
	.intro_slider .intro_txt .details{margin-top:15px; padding-top:15px;}
	.intro_slider .intro_txt .details dl{margin-bottom:10px;}
	.intro_slider .intro_txt .details dt, .intro_slider .intro_txt .details dd{font-size:1em;}
	.intro_slider .intro_arrow{width:100px; height:50px; top:30px; right:30px;}
	.intro_slider .intro_next, .intro_slider .intro_prev{width:50px; height:50px;}
	
	
	/* FOOTER */
	.footer .ft_info p span.adress{display:block;}
	.footer .ft_info p span.adress:after{display:none;}
	.footer .ft_banner{position:relative; bottom:auto; right:auto; text-align:right; margin-top:30px;}
	.footer .ft_banner ul{display:inline-block;}
	.footer .ft_banner li img{height:20px;}
}

@media screen and (max-width:640px) {
	/* COVER */
	#cover .cover_img{width:350px; height:127px; background-size:cover;}
	#cover .cover_img img{width:100%;}
	
	/* VISUAL */
	.logo{top:15px; left:15px;}
	.visual_notice{bottom:15px; left:15px;}
	.visual_notice .notice_txt p{font-soze:13px;}
	.visual_notice .notice_txt h3{font-size:1em;}
	.scroll_effect{bottom:15px; right:15px;}
	
	.visual_slider{height:480px;}
	.visual_slider .txt_box{padding:0 30px; margin-top:0;}
	.visual_slider .txt_box h2.vis_title{padding:0;}
	.visual_slider .txt_box h3{font-size:26px; margin-top:30px;}
	.visual_slider .txt_box p{font-size:0.875em; margin-top:10px; line-height:16px;}
	.visual_slider .txt_box p span{display:inline;}
	.visual_slider .slide_progress{margin-top:-15px;}
	
	
	/* BANNER */
	.main_banner_con{height:200px;}
	.main_banner_con .bn_txt_defalt{max-width:180px; padding:0;}
	.main_banner_con .bn_txt_defalt .bn_logo{padding-bottom:10px;}
	.main_banner_con .bn_txt_defalt .bn_txt{padding-top:10px; font-size:0.875em;}
	.main_banner_con .bn_txt_over .inner_txtbox{padding:15px; padding-left:100px;}
	.main_banner_con .bn_txt_over .bn_name{font-size:1em; margin-bottom:10px; padding-bottom:10px;}
	.main_banner_con .bn_txt_over li{margin-bottom:5px;}
	.main_banner_con .bn_txt_over .bn_btn{top:15px; right:15px;}
	.main_banner_con .bn_txt_over .bn_btn a{font-size:13px;}
	.main_banner_con .bn_txt_over .top_flag{width:70px; left:15px; padding:10px 5px;}
	.main_banner_con .bn_txt_over .top_flag p{font-size:12px; line-height:1.2em;}
	.main_banner_con .bn_txt_over .top_flag:before{border-left:35px solid transparent; border-right:35px solid transparent;}
	
	
	/* INTRO */
	.intro_top_tit{padding:30px 15px 15px;}
	.intro_top_tit h1{font-size:1.25em;}
	.intro_top_tit p{font-size:0.875em; margin-top:5px;}
	
	.intro_slider{padding:0 15px 50px; height:400px;}
	.intro_slider .swiper-slide{background-size:55% 100%;}
	.intro_slider .intro_txt{width:60%; padding:20px; bottom:15px;}
	.intro_slider .intro_txt h2{font-size:1.125em;}
	.intro_slider .intro_txt dl{margin-bottom:5px;}
	.intro_slider .intro_txt .details dt, .intro_slider .intro_txt .details dd{font-size:0.875em;}
	.intro_slider .intro_txt .details dt{width:40px;}
	.intro_slider .intro_txt .details dd{width:calc(100% - 40px);}
	.intro_slider .intro_arrow{top:15px;}

	
	/* FOOTER */
	.footer{padding:15px;}
	.footer .ft_logo img{width:110px;}
	.footer .ft_info{margin-top:15px;}
	.footer .ft_info p{line-height:18px; font-size:13px;}
	.footer .copy{margin-top:15px; font-size:13px;}
	.footer .ft_banner{margin-top:20px;}
}


@media screen and (max-width:480px) {
	/* COVER */
	#cover .cover_img{width:200px; height:73px;}
	
	/* VISUAL */
	.logo img{width:110px;}
	.visual_notice{display:none;}
	.scroll_effect{display:none;}
	
	.visual_slider{height:320px;}
	.visual_slider .txt_box{padding:25px 15px 0;}
	.visual_slider .txt_box h2.vis_title{padding:0 20px;}
	.visual_slider .txt_box h3{font-size:18px; margin-top:20px;}
	.visual_slider .slide_progress{}
	
	
	/* BANNER */
	.main_banner_con{height:180px;}
	.main_banner_con .bn_txt_defalt{max-width:160px;}
	.main_banner_con .bn_txt_over .inner_txtbox{padding:15px;}
	.main_banner_con .bn_txt_over li span.subject{width:70px;}
	.main_banner_con .bn_txt_over li span.txt{width:calc(100% - 70px);}
	.main_banner_con .bn_txt_over .top_flag{display:none;}

	
	/* INTRO */
	.intro_slider{height:320px;}
	.intro_slider .swiper-slide{background-size:60% 100%;}
	.intro_slider .intro_txt{padding:15px; width:80%; background-color:rgba(149,56,129, 0.9);}
	.intro_slider .intro_txt h2{font-size:1em;}
	.intro_slider .intro_txt .details dt, .intro_slider .intro_txt .details dd{line-height:18px;}
	.intro_slider .intro_arrow{width:80px; height:40px;}
	.intro_slider .intro_next, .intro_slider .intro_prev{width:40px; height:40px;}
	
	
	/* FOOTER */
	.footer .ft_banner li{margin-right:10px;}
	.footer .ft_banner li img{height:15px;}
}