@charset "utf-8";
body {overflow-x:hidden;}
/*���־� �����̵�*/
.background-scale{
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center left;
	overflow: hidden;
	-webkit-animation: mainScale 3s 1 ease-in-out normal;
	-moz-animation: mainScale 3s 1 ease-in-out normal;
	-ms-animation: mainScale 3s 1 ease-in-out normal;
	animation: mainScale 3s 1 ease-in-out normal;
}

/***************
Animation
****************/
@keyframes mainScale {
    0%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1.0);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes mainScale {
    0%{
        transform:scale(1.1);
    }courser
    100%{
        transform:scale(1.0);
    }
}
/*Firefox*/
@-moz-keyframes mainScale {
    0%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1.0);
    }
}
/*ie*/
@-ms-keyframes mainScale {
    0%{
        transform:scale(1.1) rotate(.001deg);
    }
    100%{
        transform:scale(1.0) rotate(.001deg);
    }
}

@keyframes main_text {
    0%{
        opacity:0; transform:translateY(50px);
    }
    100%{
        opacity:1; transform:translateY(0);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes main_text {
    0%{
        opacity:0; transform:translateY(50px);
    }
    100%{
        opacity:1; transform:translateY(0);
    }
}
/*Firefox*/
@-moz-keyframes main_text {
    0%{
        opacity:0; transform:translateY(50px);
    }
    100%{
        opacity:1; transform:translateY(0);
    }
}
/*ie*/
@-ms-keyframes main_text {
    0%{
        opacity:0; transform:translateY(50px);
    }
    100%{
        opacity:1; transform:translateY(0);
    }
}


.main_slide .bx-wrapper {border:none; margin-bottom:0;}
.main_slide .bx-wrapper .bx-pager-item {margin-top:15px; margin-right:20px;}
.main_slide .bx-controls-direction.bx-pager {top:8px; right:20px; width:auto; bottom:0;}
.main_slide .bx-controls-direction .bx-controls-direction {z-index:9999;}
.bx-wrapper .bx-pager {width:1180px !important; margin:auto !important; text-align:left !important; left:50%; transform:translateX(-50%); bottom:110px !important;}
.main_slide .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -20px !important; outline: 0; width: 61px !important; height: 40px !important; text-indent: -9999px; z-index: 9999; display:block;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff !important; border:1px solid #fff; z-index:9999;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a { background: #fff !important; border:1px solid #fff; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition:all 0.2s ease-in-out; z-index:9999; position:relative !important;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active::after {content:''; border:2px solid #ddd; border-radius:100%; width:12px; height:12px; position:absolute; top:-5px; left:-4.5px;}

.visual {height:750px; z-index:0 !important;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6,
.slide8,
.slide9,
.slide10 {height:750px; z-index:0 !important; padding-top:370px; }

.slide1:hover,
.slide2:hover,
.slide3:hover,
.slide4:hover,
.slide5:hover,
.slide6:hover,
.slide8:hover,
.slide9:hover,
.slide10:hover {cursor:pointer;}


.visual1 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual2 {background:url(../../img/00_main/visual02.jpg) center center no-repeat; background-size:cover;}
.visual3 {background:url(../../img/00_main/visual03.jpg) center center no-repeat; background-size:cover;}
.visual4 {background:url(../../img/00_main/visual04.jpg) center center no-repeat; background-size:cover;}
.visual6 {background:url(../../img/00_main/visual06_250814.jpg) center center no-repeat; background-size:cover;}
.visual7 {background:url(../../img/00_main/visual07.jpg) center center no-repeat; background-size:cover;}
/* .visual8 {background:url(../../img/00_main/visual08.jpg) center center no-repeat; background-size:cover;} */
.visual8 {background:url(/img/00_main/visual08.jpg) center center no-repeat; background-size:cover;}
.visual9 {background:url(/img/00_main/visual09.jpg) center center no-repeat; background-size:cover;}
.visual10 {background:url(/img/00_main/visual10.jpg) center center no-repeat; background-size:cover;}
.slide_inner {max-width: 100vw; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute;}
.visual10_badge {width: 20vw; height: 20vw; max-width: 260px; max-height: 260px; position: absolute; right: 50px; top: 161px; z-index: 2;}

.fc_b36960 {color:#b36960;}

.slide_wrap h1, .slide_wrap p {opacity:0; transform:translateY(50px);}

.slide_wrap .active-slide h1 {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.9s; animation-fill-mode:forwards;}
.slide_wrap .active-slide p {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.5s; animation-fill-mode:forwards;}

.hover_b36960 {background:#fff; transition:all 0.3s ease-in-out;}
.hover_b36960 a {transition:all 0.3s ease-in-out;}
.hover_b36960:hover {background:#b36960; color:#fff !important;; cursor:pointer;}
.hover_b36960:hover a {color:#fff !important;}
.view_more_button {display:inline-block; margin-top:20px; font-size:18px; color:#333 !important; border:1px solid #333; padding:5px 40px; transition:all 0.3s ease-in-out; vertical-align:middle;}
.view_more_button:hover {border:1px solid #b36960; color:#fff !important; background:#b36960;}
.view_more_button2 {position:absolute; top:0; right:0; display:block; margin-top:11px; font-size:30px; color:#b36960 !important; transition:opacity 0.3s ease-in-out; vertical-align:middle;}
.view_more_button2::after {content:'>'; margin-left:11px; font-size:18px; opacity:0; transition:opacity 0.3s ease-in-out;}
.hover_b36960:hover .view_more_button2 {color:#fff !important;}
.hover_b36960:hover .view_more_button2 .hover_on {margin-left:30px; display:inline-block;}

.slide5 h1::before {background:url(../../img/00_main/visual_facebook.png) center center no-repeat; content:""; background-size:cover; display:inline-block; height:110px; width:110px; position:absolute; left:0;}
.slide5 h1 {padding-left:135px;}

.section05 {background:url(../../img/00_main/bg_05.png) center center no-repeat; background-size:cover; background-attachment:fixed;}

.slick-list {padding:0 !important;}

.slick-prev, .slick-next {bottom:-50px; right:60px; background:transparent; border:none !important; outline:none; cursor:pointer;}
.slick-prev {background:url(../../img/00_main/slick_prev.png) center center no-repeat; right:90px;}
.slick-next {background:url(../../img/00_main/slick_next.png) center center no-repeat;}
.slick-dots {width:440px !important; bottom:-58px !important;}
.slick-dots li {width:25% !important; margin: 0 !important;}
.slick-dots li button {width:100% !important; background:rgba(255,255,255,0.5) !important; height:1px !important; padding:1px !important;}
.slick-dots li.slick-active button {width:100%; background:rgba(255,255,255,0.9)!important;}
.slick-dots li button::before {display:none;}

.section02 .pdtb_140 {padding-top:140px; padding-bottom:200px;}
.section04 a {transition:0.3s ease-in-out;}
.section04 a:hover {color:#b36960;}
.section04 .main_event {transition:0.3s ease-in-out;}
.section04 .main_event:hover {transform:translateY(-10px);}
.section06 {position:relative;}
.section06::before {content:""; display:block; width:100%; height:40%; position:absolute; bottom:0; background:#f3f3f9;}
.section06 .main_event {transition:0.3s ease-in-out;}
.section06 .main_event:hover {transform:translateY(-10px);}

@media(max-width:767px)
{
	.visual {height:700px; z-index:0 !important;}
	.slide1,
	.slide2,
	.slide3,
	.slide4,
	.slide5,
	.slide6,
    .slide8,
	.slide9,
    .slide10 {height:700px; z-index:0 !important; padding-top:340px; }

	.visual1 {background: url(../../img/00_main/visual01_m.jpg) center center no-repeat; background-size: cover;}
	.visual2 {background: url(../../img/00_main/visual02_m.jpg) center center no-repeat; background-size: cover;}
	.visual3 {background: url(../../img/00_main/visual03_m.jpg) center center no-repeat; background-size: cover;}
	.visual4 {background: url(../../img/00_main/visual04_m.jpg) center center no-repeat; background-size: cover;}
	.visual6 {background: url(../../img/00_main/visual06_m_250814.jpg) center center no-repeat; background-size: cover;}
	/* .visual8 {background: url(../../img/00_main/visual08_m.jpg) center center no-repeat; background-size: cover;} */
    .visual8 {background:url(/img/00_main/visual08.jpg) center right 33.5% no-repeat;}
    .visual9 {background:url(/img/00_main/visual09_m.jpg) center center no-repeat; background-size: cover;}
	.slide_inner {max-width: 100vw; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute;}
	.visual10 {background:url(/img/00_main/visual10_m.jpg) center center no-repeat; background-size: cover;}
    .visual10_badge {width: 100px; height: 100px; right: 20px; top: 120px;}
	/* center right 33.5% no-repeat;} */

	.main_slide .bx-wrapper .bx-controls-direction {display:none !important;}

	.slide5 h1::before {background:url(../../img/00_main/visual_facebook.png) center center no-repeat; content:""; background-size:cover; display:inline-block; height:40px; width:40px; position:absolute; left:0;}
	.slide5 h1 {padding-left:50px;}

	.section05 .pdtb_80 {padding-top: 20px !important; padding-bottom: 20px !important;}

	.view_more_button2 {font-size:24px; margin-top:13px;}

	.slider-for {width:100% !Important; position:static !important;}
	.slick-dots {bottom:-377px !important; width:100% !important;}
	.slick-prev, .slick-next {display:none !important;}
	.slider-for .pdtb_50 {padding-top:10px !Important; padding-bottom:10px !important;}
	.bx-wrapper .bx-pager {width:100% !important; padding:20px !important; bottom:100px !important;}
	.main_slide .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; border-radius:6px;}
	.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active::after {width:20px; height:20px; top:-7px; left:-6.5px;}

	.slick-dotted.slick-slider {margin-bottom:0 !important;}
	.mpdlr_20 {padding-left:20px !important; padding-right:20px !important;}
	.mpdb_180 {padding-bottom:180px !important;}
	.section02 .pdtb_140 {padding-top:50px; padding-bottom:50px;}
}

@media all and (min-width:414px) and (max-width:415px)
{
	.slick-dots {bottom:-400px !important; width:100% !important;}
}


@media all and (min-width:320px) and (max-width:360px)
{
	.slick-dots {bottom:-430px !important; width:100% !important;}
}