@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:9px;}
.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 {width:1180px; position:absolute; bottom:80px; left:50%; transform:translateX(-50%);}
.main_slide .bx-wrapper .bx-controls-direction::after {content:''; clear:both; display:block;}
.main_slide .bx-wrapper .bx-controls-direction a {position:static !Important; outline: 0; width: 40px !important; height: 40px !important; text-indent: -9999px; z-index: 9999; display:block; float:left;}
.main_slide .bx-wrapper .bx-controls-direction a.bx-prev {background:url(/img/00_main/slide_prev.png) center center no-repeat !important;}
.main_slide .bx-wrapper .bx-controls-direction a.bx-next {background:url(/img/00_main/slide_next.png) center center no-repeat !important;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff !important; border:1px solid #fff; width: 26px; height: 26px; border-radius: 13px; transform:translateY(5px);}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a { background: transparent !important; border:1px solid #fff; text-indent: -9999px; display: block; width: 16px; height: 16px; border-radius: 8px; margin: 0 5px; outline: 0; transition:all 0.2s ease-in-out; z-index:9999; position:relative !important;}

.visual {height:600px; z-index:0 !important;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {height:600px; z-index:0 !important; text-align:left;}

.slide1:hover,
.slide2:hover,
.slide3:hover,
.slide4:hover,
.slide5:hover,
.slide6:hover {cursor:pointer;}


.visual1 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual2 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual3 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual4 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}

.fc_b36960 {color:#b36960;}

.slide_wrap h1, .slide_wrap p {opacity:0; transform:translateY(50px);}
.slide1 video {height:auto; width:100%; min-width:1920px;}

.slide_wrap .active-slide h1 {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.5s; animation-fill-mode:forwards;}
.slide_wrap .active-slide p {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.9s; animation-fill-mode:forwards;}

.bg_main01 {background:url(/img/00_main/main0_0_2.png) center center no-repeat; background-size:cover;}
.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-initialized .slick-slide {outline:none;}
.slick-prev, .slick-next {bottom:-15px; right:20px; width:70px !important; height:50px !important; 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;}

a.view_more {font-size:24px; color:#fff !important; border:1px solid #fff; padding:10px 50px; margin-top:50px; display:inline-block;}
.section02 {background:url(/img/00_main/main0_0_3.png) bottom center no-repeat; background-size:cover;}
.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);}
.view_more {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:hover {border:1px solid #ffffff; color:#745138 !important; background:#ffffff;}

@media(max-width:767px)
{
	.main_naver.pdt_100 {padding-top:40px; padding-bottom:120px;}
	.main_slide .bx-wrapper .bx-controls-direction {width:50%; left:20px; transform:translateX(0);}
	.visual {height:700px; z-index:0 !important;}
	.slide1,
	.slide2,
	.slide3,
	.slide4,
	.slide5,
	.slide6 {height:700px; z-index:0 !important; padding-top:250px; }

	.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/visual01_m.jpg) center center no-repeat; background-size: cover;}
	.visual4 {background: url(../../img/00_main/visual02_m.jpg) center center no-repeat; background-size: cover;}

	.slide1 video {width:auto; height:100%; min-width:auto; position:absolute; top:0; left:50%; transform:translateX(-50%);}

	.section05 .pdtb_80 {padding-top: 20px !important; padding-bottom: 20px !important;}
	.section06::before {display:none;}

	.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;}

	.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;}

	.m_h_17vh {height:17.27vh;}

	.cafe_view_more {position:absolute; right:20px; bottom:20px;}

	.section02 {overflow:hidden; background-position:right center;}

	.bg_main01 {background:#fff; padding:0 !important;}
	.bg_main01 .fc_white {color:#333 !important;}

	a.view_more {color:#333 !Important; border:1px solid #333; font-size:14px; padding:5px 25px; margin-top:20px;}
	.view_more:hover {border:1px solid #745138; color:#ffffff !important; background:#745138;}
	.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active {width: 12px; height: 12px; border-radius: 6px; transform:translateY(0);}
	.bx-wrapper .bx-pager {text-align:center !important; bottom:50px !important}

	.slick-prev, .slick-next {bottom:-45px;}
	.center.slider .slick-next {right:26px !important;}
	.center.slider .slick-prev {left:auto !important; right:96px;}
}

@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:-420px !important; width:100% !important;}
}