/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:100vh; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax { min-height: 650px;}
.main-carousel .img01 { background-image:url(../img/main-ban.jpg);}
/*.main-carousel .img02 { background-image:url(../img/main-ban01.jpg);}*/
.main-carousel .img03 { background-image:url(../img/main-ban1.jpg);}
.copy_area_wrap {width: 100%;max-width: 1200px;height: 100vh;margin: auto;position: relative}
.main-carousel .li .copy_area{width: 100%;text-align: right;color: #fff;position: absolute;top: 29%;right: 2%;z-index: 2;}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:60px; line-height:1.3; letter-spacing:-5px;  color:#644f26;}
.main-carousel .li .copy_area h3{font-size:30px;font-weight:500;;margin:10px 0 0; word-break:keep-all; color:#644f26; opacity:0.8; letter-spacing:-1px}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:5px;margin-right: 5px}
.main-carousel .owl-dots .owl-dot.active{background:#644f26}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer;display: none}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}
.carousel-scroll {position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;z-index: 1;text-align: center;}
.carousel-scroll a {font-weight: 500;display: inline-block;font-size: 1rem;color: #fff;transition: all .5s;}
.carousel-scroll a:hover {color: #644f26}
.carousel-scroll a .scroll-line {display: block;margin: 0 auto;width: 10px;height: 60px;position: relative;overflow: hidden;}
.carousel-scroll a .scroll-line:before {content: ""; position: absolute;top: 20px;left: 50%; width: 2px; height: 40px;background: hsla(0, 0%, 100%, 0.5);transform: translateX(-50%);animation: elasticus 1.5s cubic-bezier(1, 0, 0, 1) infinite;}
.mo_ver {display: none;}

@keyframes elasticus {
    0% {
        top: 0px;  /* 시작 위치를 위로 올림 */
        opacity: 1;
    }
    50% {
        top: 30px; /* 중간 이동 범위 조정 */
        opacity: 1;
    }
    100% {
        top: 60px; /* 끝 위치를 더 아래로 이동 */
        opacity: 0;
    }
}

@media(max-width:1200px){
    .main-carousel .li .copy_area {right: 20px}
}

@media screen and (max-width: 640px) {
	.main-carousel .li { height:90vh}
	.main-carousel .jarallax {height: 90vh;}
	.main-carousel .img03 { }
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-3px;}
	.main-carousel .li .copy_area h3 {font-size: 16px; letter-spacing:-0.5px;}
	.main-carousel .owl-nav { display:none}
    .main-carousel .img02 { background-image:url(../img/main-ban01.jpg);}
    .pc_ver {display: none;}
    .mo_ver {display: block;}
    .copy_area {top: 15%!important}
}



/*메인배너*/

/*메인01*/
#index01 {position: relative; width: 100%;padding: 100px 0; background-image: url(../img/main/01-01.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;text-align: center}
#index01::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 1;}
#index01 * {z-index: 2;}
.index01{ padding:0px 20px;width: 100%;max-width: 1200px;margin: auto;position: relative}
.index01_box{ max-width:1200px; width:100%; margin:0 auto;}
.index01_title{ text-align:center; word-break:keep-all; margin-bottom:30px; }
.index01_title h3{ font-family:'Lato', 'Noto Sans KR'; font-size:40px; font-weight:bolder; color:#615025; margin-bottom:10px; text-shadow: 3px 3px 6px rgba(0,0,0,0.4)}
.index01_title h3 span{ color:#988045; }
.index01_title p{ font-size:18px; color:#615025; margin-bottom:15px;word-break: keep-all;text-shadow: 3px 3px 6px rgba(0,0,0,0.4)}
.index01_title .line{ width:1px; height:60px; background-color:#988045; margin:0 auto;}

.index01_pt_wrap{ display:flex; flex-flow:row wrap; margin-bottom:50px;justify-content: center;align-items: center}
.index01_pt{ width:17%; padding:10px; }
.index01_pt_box{ position:relative; width:100%; padding-bottom:100%; border-radius:100%; background-color:rgba(255,255,255,0.8); }
.index01_txt{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%; word-break: keep-all}
.index01_txt .squ{ width:10px; height:10px; margin:0 auto 10px; }
.index01_txt .squ.squ_01{ background-color:#615025; }
.index01_txt .squ.squ_02{ background-color:#724e20; }
.index01_txt .squ.squ_03{ background-color:#8c4c19; }
.index01_txt .squ.squ_04{ background-color:#be470b; }
.index01_txt .squ.squ_05{ background-color:#db4403; }
.index01_txt .squ.squ_06{ background-color:#ff611d; }
.index01_txt h3{ font-size:19px; font-weight:600; color:#333; }

.pg_btn {font-size: 16px;color: #fff;background:#615025;padding: 5px 7px;border-radius: 3px;}
.pg_btn:hover {box-shadow: 3px 3px 7px rgba(0,0,0,0.5)}

@media(max-width:1080px){
	.index01_txt h3{ font-size:1.559259259259259vw; font-weight:600; color:#333; }
}
@media(max-width:850px){
	.index01_pt_wrap{ justify-content:center; }
	.index01_pt{ width:33.3333333333333%; margin-bottom:30px; }
	.index01_txt h3{ font-size:3vw; font-weight:600; color:#333; }
}
@media(max-width:500px){
	.index01_pt{ width:45%; margin-bottom:30px; }
	.index01_txt h3{ font-size:4.5vw; font-weight:600; color:#333; }
}

/*메인01*/



/*제품배너*/
#index02 {padding: 100px 20px;text-align: center}
#index02 p {font-size: 20px; color: #988045;text-shadow: 1px 1px 6px rgba(0,0,0,0.4);word-break: keep-all}
.pd_slider {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden;padding: 100px 20px 0}
.pd_slider .item {;text-align: center;padding: 10px}
.pd_slider .item img {padding-bottom: 10px}

/*제품배너*/

/*가맹점*/
#index03 {padding: 100px 20px;;text-align: center}
.index03_title {text-align: center;padding-bottom: 30px}
.index03_title h3{ font-family:'Lato', 'Noto Sans KR'; font-size:40px; font-weight:bolder; color:#615025; margin-bottom:10px; text-shadow: 3px 3px 6px rgba(255,255,255,0.4)}
.index03_title h3 span{ color:#988045; }
.index03_title ul {width: 100%;max-width: 1200px;margin: auto;padding: 30px 10px;}
.index03_title ul li {width:100%}
.index03_title li > p{ font-size:18px; color:#615025; margin-bottom:15px;word-break: keep-all;text-shadow: 3px 3px 6px rgba(255,255,255,0.4);}
.tab01_01_pt_wrap{ display:flex; flex-flow:row wrap; margin:0 -12.5px; }
.tab01_01_pt{ width:25%; padding:0 12.5px; display:flex; }
.tab01_01_box{ width:100%; padding:10%; background-position:center; background-size:cover; background-repeat:no-repeat; display:flex; }
.tab01_01_box.box_01{ background-image:url(../img/main/01-02.jpg); }
.tab01_01_box.box_02{ background-image:url(../img/main/01-03.jpg); }
.tab01_01_box.box_03{ background-image:url(../img/main/01-04.jpg); }
.tab01_01_box.box_04{ background-image:url(../img/main/01-05.jpg); }

.tab01_01_txt{ width:100%; border:1px solid rgba(255,255,255,0.8); padding:10%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.tab01_01_txt h3{ font-size:30px; font-weight:700; color:#fff; margin-bottom:10px; line-height:1.2em; word-break:keep-all; }
.tab01_01_txt h3 small{ font-size:15px; font-weight:400; }
.tab01_01_txt .line{ width:40px; height:1px; background-color:#fff; }

@media(max-width:1240px){
	.tab01_01_txt h3{ font-size:2.3vw; }
}
@media(max-width:850px){
	.tab01_01_pt{ width:50%; margin:0 auto 25px; }
	.tab01_01_box{ min-height:35vw; }
	.tab01_01_txt h3{ font-size:3.5vw; }
}
@media(max-width:750px){
	.tab01_01_ban_box{ padding:40px 40px; }
}
@media(max-width:480px){
	.tab01_01_ban_box{ padding:40px 25px; }

	.tab01_01_pt{ width:100%; margin:0 auto 25px; }
	.tab01_01_pt:last-child{ margin:0 auto; }
	.tab01_01_box{ min-height:70vw; }
	.tab01_01_txt h3{ font-size:30px; }
}


/*가맹점*/

#index04 {width: 100%;margin: auto;padding: 150px 20px;text-align: center;;background-image: url(../img/main/rkaod.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
#index04 h3 {font-size: 40px;padding-bottom: 15px;color: #615025;word-break: keep-all}
#index04 h5 {font-size: 18px;padding-bottom: 30px;font-weight: normal;color: #988045;word-break: keep-all}
#index04 .i04-tbox {padding: 15px 10px}
.kbranch {;font-size: 18px;color: #615025;border: 2px solid #615025!important}
.gotobranch {font-size: 16px;cursor: pointer; color: #fff; background: #615025; padding: 5px 7px; border-radius: 3px;}

@media(max-width:500px) {
    .gotobranch {
        margin-top: 20px
    }
}

#index05 {width: 100%;;padding: 100px 20px;text-align: center}
#index05 h3 {font-size: 40px;padding-bottom: 15px;color: #615025;word-break: keep-all}
#index05 h5 {font-size: 18px;padding-bottom: 30px;font-weight: normal;word-break: keep-all}
#index05 h5 a {color: #988045}