html, body{height:100%;  }
#wrap{}
.container{position:relative; overflow-x: hidden;}


/* main visual */
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');


.dimension-fix{animation:dimension-fix 4s forwards; opacity:0; animation-delay:0.6s; } /*ij¸¯*/
@keyframes dimension-fix {
	0%{opacity:0; }
	100%{opacity:1;}
}


.txtbg{background:url(../images/visual_txtbg.png) ; animation:black_bg_ 200s 0s infinite linear; width:100%;height:1148px ;}

@keyframes black_bg {
	0%{background:url(../images/visual_txtbg.png)  0 0 fixed;}
	100%{background:url(../images/visual_txtbg.png)  -5000px 0 fixed;}
}



#header{ top:20px;z-index:100000 ; width:100%;  box-sizing:border-box;margin:30px auto 0; max-width:1920px; min-width:1400px;text-align:Center;height:64px;}
#header h1{float:left;margin-left:40px}
#header p{float:right;margin-right:40px; font-size:44px; font-family: 'Oswald';font-weight: 700; letter-spacing:-0.09px; }
#header p span{background: url("../images/top_telicon.png") no-repeat 2px center; color:#252525;font-size:12px;letter-spacing:7px;padding-left:22px;height:17px; display:block;margin-bottom:-5px; font-family: 'Noto Sans KR', sans-serif;}

.main_visual{ background: url("../images/visual.jpg") no-repeat center 0;  text-align:center;overflow:hidden;position:relative;width:100%;min-width:1400px; box-sizing:border-box;  max-width:1920px;margin: 0 auto;
padding:0px 0 0; z-index:0; height:1100px;}

.main_visual .center_txt{width:1400px; margin:560px auto 0; text-align:Center;position:relative;z-index:20;}
.main_visual .bt_img{position:absolute;margin:20px auto 0; text-align:Center;position:relative;z-index:30; }

.main_visual .left_txt{position:absolute; left:50%;margin-left:-367px; top:280px; z-index:10}
.main_visual .left_img{position:absolute; left:0; z-index:15; bottom:65px;}

.main_visual .right_txt{position:absolute; left:50%;margin-left:-10px; top:275px; z-index:0}
.main_visual .right_img{position:absolute; left:50%;margin-left:340px;bottom:65px; z-index:0}
.main_visual .bt_txt{margin-top:720px; z-index:50; position:relative;padding-bottom:100px;}

.img_box{ width:100%; overflow:hidden;z-index:20;position:absolute;text-align:center; height:1650px; top:0; margin:0 auto;min-width:1400px; max-width:1920px; left:50%;  transform:translate(-50%)}
.img_box p{position:absolute; z-index:220;}
.img_box .img00{ top:238px;  display:inline-block;left:50%; transform:translate(-50%)}
.img_box .img01{ top:-85px;  display:inline-block;left:50%;margin-left:400px;}
.img_box .img02{ top:300px;  display:inline-block;left:50%;margin-left:-650px;}
.img_box .img03{ top:400px;  display:inline-block;left:0%;}
.img_box .img04{ top:670px;  display:inline-block;left:50%;margin-left:-650px;}
.img_box .img05{ top:850px;  display:inline-block;right:50px}
.img_box .img06{bottom:180px;  display:inline-block;left:100px}
.img_box .img07{bottom:180px;  display:inline-block;right:250px}

.over_bg{width:100%; position:absolute; top:735px;left:50%;transform:translate(-50%); z-index:30; background: url("../images/over_bg.png") no-repeat center 0; height:318px;}
/*엄지*/
.hand_box{ height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
 }

.hand_mask{
width:507px;
height:400px;
  position: absolute;
  top: 309px;
  left: 50%;
  transform: rotate(350deg) translatex(-60%);
  z-index: 20;
  overflow: hidden;


}
.hand {background: url("../images/p_img.png") no-repeat center 0px;
  position: relative;
  width: 507px;
  height: 448px;
  animation: rockit .8s ease infinite alternate 1s; z-index:0; transform: translatey(150px) rotate(-20deg);
}



@keyframes rockit {
  from { transform: translatey(150px) rotate(-20deg); }
  to { transform: translatey(120px) rotate(0deg); }
}








.txtbg{position:absolute;top:0; opacity:0.6; z-index:0}

.center_txt{position:relative; display:inline-block;margin:0 auto;z-index:10; top:-20px}
.center_txt p{float:left;}
.center_txt span{position:absolute; top:0; left:50%;margin-left:-100px; top:20px;}

.cd_box{ position:absolute; left:50%; width:620px; height:620px;margin-left:16px; overflow:hidden;}
.cd_box p{position:absolute;z-index:10}
.cd_box p.cd01{z-index:10;margin-left:-160px; top:80px;box-shadow:0 10px 40px rgba(0,0,0,0.7) ; border-radius:100%;

 animation: rint;
 animation-duration: 0.8s;
 /*animation-iteration-count: infinite;*/ /*무한반복*/
 animation-direction: alternate;
 animation-timing-function: linear;

}

@keyframes rint {
  from {
    left: -500px;
    transform: rotate(180deg);
  }
  50%{
    left: -200px;
  }
  to {
    left:0px;
    transform: rotate(360deg);
  }
}
@keyframes rint2 {
  from {
    left: -200px;
    transform: rotate(180deg);
  }
  50%{
    left: -100px;
  }
  to {
    left:0px;
    transform: rotate(360deg);
  }
}

.cd_box p.cd02{z-index:5;margin-left:60px; top:80px; box-shadow:0 10px 40px rgba(0,0,0,0.7) ; border-radius:100%;

 animation: rint2;
 animation-duration: 0.7s;
 /*animation-iteration-count: infinite;*/ /*무한반복*/
 animation-direction: alternate;
 animation-timing-function: linear;
}

.p_motion{animation:p_motion 1s linear 0s  alternate; }

@keyframes p_motion {

  0% {opacity:0;background: url("../images/txt_01.png") no-repeat center 0;margin-lefT:-400px;width:500px; height:500px;}
  100% {opacity:1;background: url("../images/txt_01.png") no-repeat center 0;margin-lefT:-320px;width:500px; height:500px;}
}
.p_motion02{animation:p_motion02 1s linear 0.4s  alternate; }

@keyframes p_motion02 {

  0% {opacity:0;background: url("../images/txt_01.png") no-repeat center 0;margin-lefT:-150px;width:500px; height:500px;}
  100% {opacity:1;background: url("../images/txt_01.png") no-repeat center 0;margin-lefT:-180px;width:500px; height:500px;}
}





.center_box{width:1350px;margin:0 auto;position:relative;}

#container{text-align:center}
.con01{background:#f7f7f8 url("../images/con01_bg.jpg") no-repeat center 0;  height:1196px;   min-width:1400px;position:relative; padding:65px 0 0 ; box-sizing:border-box;}
.con01 p{}
.con01 p.txt_ss03{display:inline-block;background: url("../images/txt_02.png") no-repeat center 0;width:500px; height:500px;margin:33px 0 70px }
.point_01{position:absolute; left:50%; bottom:220px; margin-lefT:-170px; }
.point_02{position:absolute; left:50%; bottom:220px; margin-lefT:-30px}
@keyframes txt_ss {
  100% {opacity:1;background: url("../images/txt_01.png") no-repeat center 0; width:500px; height:500px; }

}

.con04_list{}
.con04_list ul{ max-width:1560px;  margin:70px auto 50px;}
.con04_list ul li{float:left; width:418px;}

.con04_list .bt_txt{font-size:20px; letter-spacing:-0.03em}

.con04_list img.a_left{float:left;  position: absolute; top:150px; left:-40px; z-index:6000; cursor:pointer;background:#e59f00; padding:13px 20px 20px; bordeR-radius:50px;box-shadow:2px 4px 0px rgba(0,0,0,1) ;  bordeR:1px solid}
.con04_list img.a_right{float:right;  position: absolute; top:150px; right:-40px; z-index:1000 ;margin-left:633px; cursor:pointer;background:#e59f00; padding:13px 20px 20px; bordeR-radius:50px;box-shadow:2px 4px 0px rgba(0,0,0,1) ;  bordeR:1px solid}









.con02{background:url("../images/con02_bg.jpg") no-repeat center 0;  height:1282px;  min-width:1400px;position:relative; padding:105px 0 0 ; box-sizing:border-box;}
.con03{background:url("../images/con03_bg.jpg") no-repeat center 0;  height:1157px; min-width:1400px;position:relative;padding:120px 0 0 ; box-sizing:border-box;}

.con04{background:url("../images/con04_bg.jpg") no-repeat center 0;  height:1410px;  min-width:1400px;position:relative;padding:115px 0 0 ; box-sizing:border-box;}

.con04 ul.slide{width:367px; height:595px;margin:80px 0 0 0px}
.con04 ul.slide li{padding:0 0px; font-size:16px;}
.con04 ul.slide li img{width:100%;}
.con04 ul.slide .slick-slide{padding:0 10px;opacity:0.3;}
.con04 ul.slide .slick-slide.slick-active.slick-center{opacity:1;}
.con04 .slick-dots li{padding:0 4px !important;}
.slide_all{ display:inline-block}
.slide_box{width:367px; height:800px;margin:105px 35px 0; float:left;position:relative;}
.slide_box h3{position:absolute; top:-50px; left:-10px}

.con02_c{position:absolute; lefT:50%; margin-left:-248px; z-index:10000; top:50px; width:497px; height:489px; background:url("../images/con02_center_bg.png") no-repeat 50%; }
.con02_txt{animation:motion 0.9s linear 0s infinite alternate;}




.con05_box h2{position: absolute; left:50%; transform: translateX(-50%);}
.con05_box div:nth-child(2) h2{ top:180px}
.con05_box div:nth-child(3) h2{margin-lefT:350px; top:180px}
.con05_box div:nth-child(4) h2{margin-lefT:-351px; top:194px}
.con05_box div:nth-child(5) h2{ top:193px}
.con05_box div:nth-child(6) h2{margin-lefT:351px; top:170px}
.con05_box div:nth-child(7) h2{ top:192px}
.con05{background:url("../images/con05_bg.jpg") no-repeat center 0;  height:471px;  min-width:1400px;position:relative; box-sizing:border-box;}
.con05_01{background:url("../images/con05_01bg.jpg") no-repeat center 0;  height:1174px;  min-width:1400px;position:relative;box-sizing:border-box;}
.con05_02{background:url("../images/con05_02bg.jpg") no-repeat center 0;  height:1178px;  min-width:1400px;position:relative; box-sizing:border-box;}
.con05_03{background:url("../images/con05_03bg.jpg") no-repeat center 0;  height:739px;  min-width:1400px;position:relative;box-sizing:border-box;}
.con05_04{background:url("../images/con05_04bg.jpg?Ver=20") no-repeat center 0;  height:1568px;  min-width:1400px;position:relative; box-sizing:border-box;}
.con05_05{background:url("../images/con05_05bg.jpg") no-repeat center 0;  height:778px;  min-width:1400px;position:relative; box-sizing:border-box;}

.con05_06{background:url("../images/con05_06bg.jpg") no-repeat center 0;  height:1415px;  min-width:1400px;position:relative;box-sizing:border-box;}


.con06{background:url("../images/con06_bg.jpg") no-repeat center 0;  height:1301px;  min-width:1400px;position:relative;padding:160px 0 0 ; box-sizing:border-box;}

.con07{position: relative;width:1920px; left:50%; margin-left:-960px;background:url("../images/con07_bg_new0915.jpg") no-repeat center 0;  height:1546px;  min-width:1400px;position:relative;padding:130px 0 0 ; box-sizing:border-box;}

.con08{background:url("../images/con08_bg.jpg") no-repeat center 0;  height:1693px;  min-width:1400px;position:relative;padding:170px 0 0 ; box-sizing:border-box;}
.con08 .youtube{margin-top:455px;}


#footer{width:100%;color:#fff;background:#000; text-align:center; font-size:12px; line-height:16px;padding:70px 0 150px; font-weighT:400; min-width:1400px;}
#footer .copy_line{padding:0 8px;background: url("../images/copy_line.gif") no-repeat center center; }
#footer small{color:#707070; margin:15px 0 0; display:block;}
#footer address{line-height:19px;}


#db{width:100%;   text-align:center; background:#6c8136 url("../images/dbg_bg.jpg") no-repeat center 0; min-width:1400px;padding:70px 0 40px;
    z-index:10000; line-height:26px;   box-sizing:border-box;}
.db_box{ display:inline-block; position:relative;width:100%;background:#6c8136; margin-top:250px;}
.db_box h3{display:inline-block; text-align:Center;margin:7px 50px 0 0;}
.db_box h3 p{font-size:44px; font-family: 'Oswald';font-weight: 700; letter-spacing:-0.8px;margin-left:-10px; }
.db_box h3 span{background: url("../images/top_telicon.png") no-repeat 20px center; color:#252525;font-size:12px;letter-spacing:7px;padding-left:22px;height:17px; display:block;margin:2px 0 -4px; font-family: 'Noto Sans KR', sans-serif;}


#db .db{position:relative;  display:inline-block; margin:17px 0}


#db.scroll_on{bottom:0px; }


#db .db .txt_inp input{ height:52px;box-sizing:border-box;padding-left:7px;border-radius:6px;bordeR:0; font-size:13px; letter-spacing:-1.5px;  width:500px;display:block; margin-bottom:6px;}
#db .db select{bordeR:3px solid #fc6868;width:33%; border-radius:9px;height:50px;box-sizing:border-box;padding-left:7px;letter-spacing:-0.7px;border-radius:3px;float:left;}

/*#db .db select{width:32%;  -webkit-appearance:none;
background:#fff url(../images/se_s.png) no-repeat right center;}*/
#db ul li{ }



#db .agree input[id="is_agree"]{width:22px; height:22px;margin:4px 0px 0 0 ;float:left; color:#fff;}
#db .agree_box{ text-align:left; color:#fff; font-size:13px; line-height:50px;margin:7px 0 0 10px;letter-spacing:-0.8px;}
.txt_ch{display: inline-block;float:left;}
#db .txt_ch  label{color:#fff; font-size:15px;letter-spacing:-0.7px; display: inline-block;margin:6px 0 0 5px;}
#db .txt_ch .popon{color:#fff99d;margin:0px 0 0 3px; display:inline-block; font-size:13px; font-weight:600; padding:2px 0px; letter-spacing: -0.6px; text-decoration:underline}
#db .agree_box dd input{height:20px;}
#db .Submit{  text-align:center;margin:0px 0 0 10px; display:grid}

#db input[id="single"]{width:22px; height:22px;float:left; color:#fff;}


#db02{width:100%;  position: fixed;  bottom:-300px; transition:0.5s;  text-align:center;background:#c34426;
 height: 80px;
    z-index:30000;  box-shadow:0 0 40px rgb(0 0 0 / 50%);  box-sizing:border-box; }


#db02.scroll_on{bottom:0px; }
.db02_box{ width:1400px; margin:15px auto;overflow:hidden}
.db02_box h2{floaT:left;margin-right:20px;}
.db02_box .db{float:left;}
.db02_box .db ul{float:left;}
.db02_box .db ul li{float:left;}
.db02_box .txt_ch01{color:#fff; float:left; width:110px;margin:5px 0px 0 10px; }
.db02_box .txt_ch01 p{color:#fff; letter-spacing:-0.5px;  width:110px;margin-left:-5px;}
.db02_box .txt_ch01 label{height:14px;display:block;float:left;}
.db02_box .txt_ch01 li{margin-top:-4px;}

.db02_box .txt_ch01 input[type=radio]{
            background-color: #FFFF;

            margin-left:0px;
            border: 1px solid rgb(216, 216, 216);
            width: 14px;
            height: 14px;margin:12px 5px ;
            border-radius: 100%;float:left;
        }
.db_box .txt_ch01{display:inline-block; width:100%; margin:10px 0}
.db_box .txt_ch01 p{color:#fff; letter-spacing:-0.5px;  width:110px;margin-left:-5px;float:left;}
.db_box .txt_ch01 label{height:14px;display:block;float:left;color:#fff; }
.db_box .txt_ch01 li{float:left;}

.db_box input[type=radio]{
            background-color: #FFFF;

            margin-left:0px;
            border: 1px solid rgb(216, 216, 216);
            width: 14px;
            height: 14px;margin:2px 5px ;
            border-radius: 100%;float:left;
        }



.db02_box .txt_ch02{color:#fff; float:right; width:200px;}
.db02_box input{ height:52px;box-sizing:border-box;padding-left:7px;border-radius:6px;bordeR:0; font-size:13px; letter-spacing:-1.5px;  width:190px; margin-right:3px;}
.db02_box input[type="checkbox"]{width:24px;margin-top:-25px;}
.db02_box label{font-size:15px; line-height:15px; margin-top:10px; text-align:left;display:inline-block;}
.db02_box .popon{ color:#fee515; font-size:12px;}
.db02_box .Submit{float:right}


.quick_db{position:fixed; bottom: 0;width: 100%;padding:18px 0 14px; z-index:10000;background:url(../image/bg_visual02.jpg) #294ca0; box-shadow:0 0 60px rgba(0,0,0,0.7) }
.quick_db .db_wrap .title{float:left; width:200px;}
.quick_db .db_wrap .db_list{float:left;width:800px}
.quick_db .db_wrap .db_list dl dd{float:left;width:25%; margin-right:14px;}
.quick_db .db_wrap .db_list dl dd input::placeholder{color: #aaa; font-size:0.8em;}
.quick_db .db_wrap input[type="submit"]{width:250px; padding:0.6em 0;background:#262626 ; color: #fff; font-size:1.3em; border:none; border-radius:10px;cursor: pointer; font-family:'FootballGothicL','Noto Sans KR',sans-serif; letter-spacing:-1px;}
.quick_db .db_wrap .db_list dl dt.agree_input{text-align:left; font-size:14px;	color: #333;	}
.quick_db .db_wrap .db_list dl dt.agree_input button{padding:0.3em 1em;background:#262626; border:none; font-size:0.6em; color: #fff; cursor: pointer; border-radius:100px;}
.quick_db .db_wrap .db_list dl dt.agree_input input{width:20px; height:20px;}

/* ·¹À̾îÆ˾÷ */
.layer{position:fixed;left:0;top:220px;display:none; z-index:3000000; width:100%;}
.layer_wrap{position:relative; max-width:800px; top:0px; margin:0 auto; box-shadow:0 0 40px rgba(0,0,0,0.6) ;height:450px;border-radius:7px;padding:5px 3px; background-color: #fff; text-align:left;z-index:1000; letter-spacing:-0.2px; }
.layer_wrap dt{display: block; background:#eee;font-size:14px; font-weight:500; padding:10px;border-radius:4px;}
.layer_wrap dd{padding:9px 10px; line-height:19px;}
.DB_info_detail{width:95%; font-size:13px; margin:18px auto 0 ; height:420px; overflow:auto;  line-height:18px;padding:0 20px 0 10px;;}
.close_btn{position:absolute; width:30px; right:0; top:0px;background:#2e2c2b; padding:10px 9px 11px 4px; border-bottom-left-radius:10px; border-radius:0 5px 0 5px;}
.close_btn img{width:72%}

#db textarea::placeholder {color:#000;}
#db input::placeholder {color:#000; }
#db input::-webkit-input-placeholder { color: #000; letter-spacing:-0.7px;}
#db textarea::-webkit-input-placeholder { color: #000; }


/*지점탭*/
.notice{width:100%;}

.tabs{display:inline-block; margin:30px auto 40px; box-shadow:0 0 10px rgba(0,0,0,0.6) ;}
.tabs li{width:280px; padding:20px 0;float:left;margin:0 1px; background:#fff;cursor:pointer; }
.tabs li.on{background:#fccd50}



.swiper_box{width:90%; margin:80px auto; height:770px; position:relative;   overflow:hidden;}
.swiper_box02{width:90%; margin:40px auto; overflow:hidden;}
.swiper_box p{position:absolute; bottom:0px; left:50%;margin-lefT:-160px; }
.swiper_box02 p{margin:30px 0 0 }
.swiper_box span{color:#fff;font-size:40px; display:block;margin:5px auto 40px; font-family:  'Black Han Sans', sans-serif;text-shadow: #000 1px 0 5px;background-color:rgba(0,0,0,0.5);display:inline-block; padding:9px 30px 4px; }
.swiper_box02 span{color:#fff;font-size:40px;letter-spacing:-0.9px; display:block;margin:-20px auto 40px; font-family:  'Black Han Sans', sans-serif;text-shadow: #000 1px 0 5px;background-color:rgba(0,0,0,0.5);display:inline-block; padding:10px 20px 4px;}
.swiper-slide{width:547px;  height:420px;text-align:center}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next02{left:80px}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.review_bt{margin-top:-100px; }
.swiper-button-next:after, .swiper-button-prev:after{display:none; width:0}

/*Äü¸Þ´º*/
#quick_right{right:0; top:250px;  position: fixed;  right:-300px; transition:0.5s;  text-align:center;

    z-index:30000;  box-shadow:0px 5px 16px rgba(0,0,0,0.4);  box-sizing:border-box; width:129px; height:309px;  border-radius:26px;}
#quick_right.scroll_on{right:80px;; }




.txt_point{  animation:txt_point 0.9s linear 0s infinite alternate;}

@keyframes txt_point {
	0%{opacity:0.4; }
	100%{opacity:1;}
}