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}
.top_go{position:absolute;right:40px; top:40px;}
.top_go a{display:inline-block;margin-left:5px; box-shadow:0 10px 20px rgba(0,0,0,0.7) ; border-radius:100%;}

#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_bg.jpg?ver=20") 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:967px;}
.main_visual .right_txt{display: inline-block; position:absolute; left:50%; top:250px ;margin-left:-220px;}
.main_visual .right_txt p{display: block;margin:4px 0}
.visual_limg01{position: absolute; left:50%;margin-left:-750px; top:480px;}
.visual_limg02{position: absolute; left:50%; margin-left:-360px; top:30px;}
.visual_limg03{position: absolute; left:50%; margin-left:-100px; top:90px;}
.visual_limg04{position: absolute; left:50%; margin-left:540px; top:600px;}


.visual_line{position: absolute; bottom:80px; left:50%; transform:translate(-50%);  }

.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;}
}


h1{position:absolute; top:40px; left:40px;}


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

#container{text-align:center}
.con01{background:#f7f7f8 url("../images/con01.jpg") no-repeat center 0;  height:893px;  bordeR-right:10px solid #a0a0a0;bordeR-bottom:10px solid #a0a0a0; bordeR-left:10px solid #a0a0a0;  background-size:cover; min-width:1400px;position:relative; padding:65px 0 0 ; box-sizing:border-box;}
.con01 .add_pop{position:absolute; bottom:0; left:50%; margin-left:-300px; z-index:10000; animation:add_pop 1.5s linear 0s infinite alternate}

.con_txts_top{position:absolute; top:20px; right:-50px; width:50px}
.con_txts{animation:queen_bg 160s 0s  linear; width:20px;height:400px; position:absolute;top:110px; right:-67px;}
@keyframes queen_bg {
	0%{background:url(https://dailybeer.co.kr/img/main/12/new/obs_tap_txt_.png)  17px -5000px fixed; }
	100%{background:url(https://dailybeer.co.kr/img/main/12/new/obs_tap_txt_.png) 17px 0  fixed;}
}


@keyframes add_pop {
  0% {opacity: 0.8;}
  100% {opacity: 1;bottom:10px;}
}

.con01_right{position:absolute; top:194px; margin-left:60px;left:50%}

.con02 h2{margin:100px 0 0 0px;display:inline-block; }
.con02 .point{  /* animation:de_b 3s linear 0s infinite alternate; */position:absolute; left:50%}
.con02 .point01{top:300px; left:50%;margin-lefT:-650px}
.con02 .point02{top:180px; left:50%; transform:translate(-50%)}
.con02 .point03{top:300px; left:50%;margin-lefT:270px}


@keyframes de_b {
  0%   { transform: translate(0px, 5px); }
  20%  { transform: scale(1) translate(10px, 10px)}
  40%  { transform: scale(1) translate(20px, 20px)}
  60%  { transform: scale(1) translate(-10px, 30px)}
  100%  { transform: scale(1) translate(10px, 40px)}

}

.con04_list{}
.con04_list ul{ max-width:1404px;  margin:60px auto 50px;padding:0 33px 0 15px;}
.con04_list ul li{float:left;margin:0 10px; width:418px;}

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

.con04_list img.a_left{float:left;  position: absolute; top:290px; left:0px; z-index:6000; cursor:pointer; border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,0.5) ;  background:#fff;}
.con04_list img.a_right{float:right;  position: absolute; top:290px; right:-0px; z-index:1000 ;cursor:pointer; border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,0.5) ; background:#fff;}









.con02{background:url("../images/con02.jpg") no-repeat center 0; bordeR-right:10px solid #a0a0a0; bordeR-bottom:10px solid #a0a0a0; bordeR-left:10px solid #a0a0a0 ;background-size:cover; height:1249px; min-width:1400px;position:relative;padding:240px 0 0 ; box-sizing:border-box; position:relative; z-index:0}
.p_div{ width:437px; height:655px; position:absolute;left:50%; transform:translate(-50%); z-index:20}
.p_div p:nth-child(1){top:110px;  position:absolute;left:60px; }
.p_div p:nth-child(2){top:480px;position:absolute;left:295px;}
.p_div p:nth-child(3){top:510px;position:absolute;left:50%;transform:translate(-40%);}



.con03{background:url("../images/con03.jpg") no-repeat center 0;  height:984px; min-width:1400px;position:relative;padding:255px 0 0 ; box-sizing:border-box; position:relative; z-index:0}
.con04{background:url("../images/con04.jpg") no-repeat center 0;  height:1263px;  min-width:1400px;position:relative;padding:140px 0 0 ; box-sizing:border-box;}
.con04 h2{position:absolute; left:50%; bottom:0;z-index:20; transform:translate(-45%)}
.con04 p{position:absolute; top:0; left:50%}
.con04 p img{box-shadow:0 10px 30px rgba(0,0,0,0.4) ; border-radius:50%}
.con04 .point01{top:650px; left:50%;margin-lefT:-520px;  }
.con04 .point02{top:420px; left:50%; margin-lefT:-320px}
.con04 .point03{top:420px; left:50%;margin-lefT:0px}
.con04 .point04{top:650px; left:50%;margin-lefT:200px}

.con05{background:url("../images/con05.jpg") no-repeat center 0;  height:524px;  min-width:1400px;position:relative;padding:115px 0 0 ; box-sizing:border-box;}
.con06{ min-width:1400px;position:relative; box-sizing:border-box; overflow:hidden; height:100%}
.con06 h2{position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); }
.cover_bg{background:rgba(21, 21, 21, 0.5); width:100%; height:99.7%; position:absolute; top:0}



.con07{overflow:hidden; }
.con07_box01{background:url("../images/con07_01.jpg") no-repeat center 0;  height:1038px;  min-width:1400px;position:relative;padding:0 0 0 ; box-sizing:border-box;}
.con07_box02{background:url("../images/con07_02.jpg") no-repeat center 0;  height:981px;  min-width:1400px;position:relative;padding:0 0 0 ; box-sizing:border-box;}
.con07_box03{background:url("../images/con07_03.jpg") no-repeat center 0;  height:1012px;  min-width:1400px;position:relative;padding:0 0 0 ; box-sizing:border-box;}


.con07 p img{display:block;}
.con07 .p_txt01{top:135px; margin-left:-450px;  position:absolute; left:50%}
.con07 .p_txt02{top:160px; margin-left:-565px;  position:absolute; left:50%}
.con07 .p_txt03{top:175px; margin-left:-440px;  position:absolute; left:50%}




.con08{background:#f7f7f7;  min-width:1400px;position:relative;padding:0 0 90px 0; box-sizing:border-box;}

/* common layer */
.con08{}
.con08 .img_title{padding-bottom:30px}
.con08 .con08_left{float:left;}
.con08 .con08_right{float:right; bordeR-radius:33px;overflow:hidden; display:block;}
.con08 .visual_area{overflow:hidden;width:calc(100% - 450px)}
.con08 .video_area{position:relative;width:425px; height:482px;}
.con08 .visual_area .video_area iframe{position:absolute;left:0;top:0}
.con08 .img_text{left:0;bottom:100px}
.con08 .cen_t{ position:absolute; left:50%; top:580px;z-index:500;transform:translate(-50%)}







.con09{background:#fff url("../images/con09.jpg") no-repeat center 0;  height:1220px;  min-width:1400px; position:relative;padding:0px 0 0 ; box-sizing:border-box;}
.con09 .dl_box:nth-child(2){display:inline-block;margin:380px 0 50px;}
.con09 .dl_box{display:inline-block;}


.con09 .con09_pop{ top:60px; z-index:1000;margin-left:350px; position:absolute; left:50%; box-shadow:5px 16px 8px rgba(0,0,0,0.1); bordeR-radius:50%}
.con09 dl{float:left; width:400px;margin:5px 10px;position:relative; }
.con09 dl dt iframe{opacity:0.7;z-index:20;}
.con09 dl dt{width:400px; background:#54514b; z-index:-20;opacity:1;display:inline-block;height:220px;}
.con09 dl dd{margin-top:30px;}
.con10{background:url("../images/con10.jpg") no-repeat center 0;  height:2190px;  min-width:1400px;position:relative;padding:120px 0 0 ; box-sizing:border-box;}
.con11{ background:#fff; height:2370px;  min-width:1400px;position:relative;padding:0px 0 0 ; box-sizing:border-box;}
.con11 p{background:#fff url("../images/con11.jpg") no-repeat center 0; height:1700px; }
.con12{  background:#fff; padding-top:150px; overflow:hidden;}
.con12 h2{float:left;margin:0 60px 0 40px;}
.con12 .no_s{float:left;width:350px; margin-top:10px;}
.con12 .no_s:last-child{width:470px;}
.con12 .no_s dt{background:#000; color:#fff; width:30px; line-height:34px;height:34px; border-radius:5px; font-size:17px;float:left;clear:both;margin:3px 0;}
.con12 .no_s dd{font-weight:300;font-family: 'Noto Sans KR', sans-serif;float:left;line-height:36px;height:36px;padding-left:10px;  font-size:19px; letter-spacing:-0.8px;margin:3px 0;}
.con12 .no_s dd span{color:#a6071a}
.con12_txt{margin:40px 0 110px}

.con13{background:url("../images/con13.jpg") no-repeat center 0;  height:917px;  min-width:1400px;position:relative;padding:0px 0 0 ; box-sizing:border-box;}
.con14{background:url("../images/con14.jpg") no-repeat center 0;  height:814px;  min-width:1400px;position:relative;padding:120px 0 0 ; box-sizing:border-box;}

#footer{width:100%;color:#fff;background:#141414; text-align:center; font-size:12px; line-height:16px;padding:70px 0 100px; 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:250px; background:#1b0f08 url("../images/db_img.png") no-repeat center bottom;  position: fixed;top:29%;right:-400px; transition:0.5s;   text-align:center;  height:440px;
    z-index:10000; line-height:26px;  box-shadow:-6px 15px 15px rgba(0,0,0,0.2);  box-sizing:border-box;}
#db .db h2{}
#db .db{position:relative;margin:0px auto  0;  display:inline-block; }
#db .db ul{}

#db.scroll_on{top:29%;right:0 }

#db .db .txt_inp{ }
#db .db .txt_inp input{ height:40px;box-sizing:border-box;border-radius:9px;bordeR:0; padding-left:10px;font-size:13px; letter-spacing:-1.5px;  width:205px; margin:2px 0;}
#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; padding:8px 0 15px 23px;}
.txt_ch a{text-decoration: underline;}
#db .txt_ch  label{color:#fff; font-size:11px; display: inline-block;margin:8px 0px 0 7px;float:left;}
#db .txt_ch .popon{color:#000;margin:2px 0 0 3px; display:inline-block;  border-radius:8px;background:#f8d639; font-size:11px; padding:2px 8px; letter-spacing: -0.6px}
#db .agree_box dd input{height:20px;}
#db .Submit{margin:10px 0 0 20px;  }




/* ·¹À̾îÆ˾÷ */
.layer02{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; }



.w100{width:100%}
.h100{height:100%}



.header_wrap{position:fixed}
.lnb_wrap{display:none}
.sub_visual{display:none}

.section{overflow:hidden;position:relative;height:100%;}
.layer{overflow:hidden;position:relative;height:100%}
.p10{padding:10px;background:#a0a0a0; box-sizing:border-box}
.p10.full{width:100%;height:100%;box-sizing:border-box}

/* brand */
.brand.p10{background:none}
.brand_bg{left:0;top:0;z-index:-1}
.brand_bg .dimension-fix{position:relative;height:100%}
.brand_texts{overflow:hidden;left:0;width:100%;height:68px}
.brand_texts li{position:relative;height:68px}
.brand_texts .t50{left:0}
.brand_video{width:100%;height:950px}
.brand_video .video_area{position:relative;padding-top:56.25%}
.no-video .brand_video .video_area{background:url('https://dailybeer2019.cafe24.com/img/page/brand/01/brand_vid.jpg') no-repeat center;background-size:cover}
.brand_video .video_area > iframe{position:absolute;left:0;top:0}
.scroll_img{bottom:20px;margin-left:-40px}

@media screen and (max-height:850px){
    .brand_video{width:850px}
}

/* platform */
.pf_video{position:relative;width:100%;height:100%}
.pf_video:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('https://dailybeer2019.cafe24.com/img/page/brand/01/vid_overlay.png') 0 0;opacity:0.4}
.pf_video:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(35,24,22,0.4)}
.no-video .pf_video{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/pf_vid.jpg')}
.platform .text_area{left:0;width:100%;margin-top:2%;text-align:center}
.platform .text{padding-top:40px;color:#fff;font-family:'NotoSansKR-Light'}
.platform .text .lh{display:block;line-height:88%}
.pf_big_txt{right:100px;top:50%;width:206px;height:1000px;margin-top:-500px}
.pf_big_txt svg{width:100%;height:100%}

/* beer */
.beer_imgs{left:0;top:0;width:100%;height:100%;background:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_bg.jpg') no-repeat center;background-size:cover}
.beer_imgs > div{position:absolute;left:0;top:0;width:100%;height:100%}
.beer_imgs .imgs1{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs1.png')}
.beer_imgs .imgs2{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs2.png')}
.beer_imgs .imgs3{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs3.png')}
.beer_imgs .imgs4{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs4.png')}
.beer_imgs .imgs5{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs5.png')}
.beer_imgs .imgs6{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs6.png')}
.beer_imgs .imgs7{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs7.png')}
.beer_imgs .imgs8{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs8.png')}
.beer_imgs .imgs9{background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/beer_imgs9.png')}
.beer_bg{left:0;top:0;width:100%;height:100%}
.beer_png{overflow:hidden;left:38.9393%;top:13.4694%;width:22.2222%;height:79.5918%}
.beer_png img{position:absolute;left:0;top:0}
/* .beer_png span{position:absolute;left:0;top:0;width:100%;height:2400%} */
.beer_ovly{left:0;top:0;width:100%;height:100%;background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/brand_ovly.png')}

/* greeting */
.greeting_wrap{position:relative;height:100%;background-image:url('https://dailybeer2019.cafe24.com/img/page/brand/01/grt_bg.jpg')}
.greeting li{overflow:hidden;display:inline-block}
.greeting .video_area{width:100%;height:100%}
.grt_flow1_wrap{overflow:hidden;top:0;margin-left:-870px;width:648px;height:120%;opacity:0.8}
.grt_flow2_wrap{opacity:0.8}
.grt_flow1{padding-bottom:70px;animation:flowslide1 95s linear infinite}
.grt_flow1 li.li1{margin:0 0 160px 110px}
.grt_flow1 li.li2{margin:0 0 50px 128px}
.grt_flow1 li.li3{margin:0 0 -128px 368px}
.grt_flow1 li:nth-child(4){margin:0 0 100px 0}
.grt_flow1 li:nth-child(5){margin:0 0 150px 110px}
.grt_flow1 li:nth-child(6){margin:0 0 -50px 368px}
.grt_flow1 li:nth-child(7){margin:0 0 50px 128px}
.grt_flow1 li:nth-child(8){margin:0 0 100px 0}
.grt_flow1 li:nth-child(9){margin:0 0 100px 128px}
.grt_flow1 li.video1{width:280px;height:350px}
.grt_flow1 li.video3{width:320px;height:400px}
.grt_flow2_wrap{overflow:hidden;top:0;margin-left:167px;width:623px;height:100%}
.grt_flow2{padding-bottom:70px;animation:flowslide2 95s linear infinite}
.grt_flow2 li.li1{margin:0 0 50px 182px}
.grt_flow2 li.li2{margin:0 0 70px 50px}
.grt_flow2 li.li3{margin:0 0 60px 0}
.grt_flow2 li.li4{margin:0 0 50px 182px}
.grt_flow2 li.li5{margin:0 0 -50px 56px;position:relative;z-index:1}
.grt_flow2 li.li6{margin:0 0 70px 344px}
.grt_flow2 li.li7{margin:0 0 50px 124px}
.grt_flow2 li.li8{margin:0 0 50px 56px}
.grt_flow2 li.li9{margin:0 0 100px 184px}
.grt_flow2 .video2{width:320px;height:400px}
.grt_flow2 .video4{width:320px;height:400px}
.grt_ovly{left:0;bottom:0;width:100%;height:274px;background-image:url('../img/new/grt_ovly.png');background-position:50% 0}
.grt_hand{bottom:0;margin-left:-374px;z-index:1}
.grt_hand .hand_open{position:absolute;left:0;top:0}
.grt_hand_txt{left:285px;top:393px}

@keyframes flowslide1{
    from {transform:translateY(0)}
    to {transform:translateY(-4425px)}
}
@keyframes flowslide2{
    from {transform:translateY(0)}
    to {transform:translateY(-4543px)}
}

.flow_text_pop{display:none;bottom:195px;width:1000px;height:460px;margin-left:-500px;z-index:50}
.flow_text_pop li{display:none;position:absolute;left:0;top:0;width:1000px;height:460px;padding:30px 0 0 70px;box-sizing:border-box;background:rgba(166,7,27,0.95)}
.flow_text_pop li > div{vertical-align:middle}
.flow_text_pop .img_area{width:400px;height:400px}
.flow_text_pop .box1 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop1_img.jpg')}
.flow_text_pop .box2 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop2_img.jpg')}
.flow_text_pop .box3 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop3_img.jpg')}
.flow_text_pop .box4 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop4_img.jpg')}
.flow_text_pop .box5 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop5_img.gif')}
.flow_text_pop .box6 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop6_img.jpg')}
.flow_text_pop .box7 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop7_img.jpg')}
.flow_text_pop .box8 .img_area{background-image:url('https://dailybeer2019.cafe24.com/board/view3_culture/img/new/flow_pop8_img.jpg')}
.flow_text_pop .text_area{padding-left:50px}
.flow_text_pop .box_text1{padding-top:53px;font-family:'NotoSansKR-Medium';font-size:25px;letter-spacing:-0.025em;line-height:148%;color:#fff}
.flow_text_pop .box_text2{padding-top:17px;font-family:'NotoSansKR-Light';font-size:21px;letter-spacing:-0.05em;line-height:157%;color:#ecafb7}

.flow_text_wrap{overflow:hidden;left:0;bottom:50px;height:98px;width:100%}
.flow_text{position:absolute;left:0;top:0;width:5770px;height:98px;animation:flowtext 50s linear infinite}
.flow_text li{float:left;position:relative;padding:0 30px;cursor:pointer}
.flow_text li > div{left:30px;top:0;z-index:120}
.flow_text .text_on{opacity:0;
-webkit-transition:opacity .3s;
transition:opacity .3s
}
.flow_text li:hover .text_on{opacity:1}
.flow_text li:hover .outline{opacity:0}

@keyframes flowtext{
    from {left: 0}
    to {left: -2855px}
}
.flow_text:hover{animation-play-state:paused}

.hover-action{overflow:hidden;bottom:250px;margin-left:-60px;z-index:130}
.common_inquiry{bottom:10px}

.footer_wrap{overflow:visible;z-index:151}
.footer_wrap:after{content:'';position:absolute;left:0;top:-10px;width:100%;height:10px;background:#a0a0a0}




.obs_icons{left:0;top:0;width:100%;height:100%}
.obs_icons .icons{z-index:3}
.obs_icons .ico{z-index:1;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:transform 0.4s;
transition:transform 0.3s;
}
.obs_icons .txt{opacity:0;transition:all 0.3s}
.obs_icons .line{background:#fff;transition:all 0.3s}
.obs_icons .line.vertical{width:5px}
.obs_icons .line.horizontal{height:5px}
/* TAP ICON */
.obs_icons .tap{left:567px;top:0}
.obs_icons .tap .line{left:0;top:0;height:85px}
.obs_icons .tap_ico{left:0;top:13px}
.obs_icons .tap_txt{left:46px;top:88px;width:22px;height:335px;background:url('../img/main/12/new/obs_tap_txt_.png') repeat-y 0 0}
.obs_icons .tap_txt.anim{
-webkit-animation: animateTxt0 15s linear infinite forwards;
animation: animateTxt0 15s linear infinite forwards;
}






/*지점탭*/


.tab_box{ overflow:hidden;}
.tab_box img{  box-shadow:3px 3px 8px rgba(0,0,0,0.2) ;}
.tab02 li h3{padding:50px 0 3px}
.tab02{  position:relative; width:500px;float:left;box-sizing:border-box; height:600px;left:50%;margin-left:-600px; top:100px }
.tab02 li {background:  url("../images/tab_off.png") no-repeat 0 center; position:absolute;
  font-size:25px; line-height:30px;color:#3c3a36;
  width:35px;height:50px;margin:0 9px 9px 0;
  float: left;
  text-align:Center; box-sizing:border-box;
  cursor: pointer;}
.tab02 li:nth-child(1){bottom:30px; left:175px}
.tab02 li:nth-child(2){right:5px}
.tab02 li span{display:none}
.tab-content{position:absolute; left:50%; top:320px; margin-left:-580px;}
.tab-content .tab_box:nth-child(2) {
  position: relative;
  top: 0px;
  left: 0px;}

.tab-content .tab_box:nth-child(2) { display: none;}
.tab-content .tab_box:nth-child(3) { display: none;}
.tab-content .tab_box:nth-child(4) { display: none;}
.tab-content .tab_box:nth-child(5) { display: none;}
.tab-content .tab_box:nth-child(6) { display: none;}
.tab02 li.active {background:url('http://teamlinch.com/sian/promotion/soso/coding/web/images/tab_01.png') no-repeat 0 0;font-weight:500; z-index:10000; border-radius:19px; color:#fff; font-size:25px; line-height:30px;}




.main4{position: relative;height:620px; padding-top:110px; text-align:center; font-size: 0; width:1300px;margin: 0 auto; bordER:8px solid #fff;}
.main4 .list_close{position: absolute;left:50%; top:240px;background:#000;padding:10px; margin-left:-128px;width:40px;  border:0; line-height:0; cursor: pointer;z-index:1000 ;}
.main4 .list_close img{width:100%}
.main4 ul.list{position: relative; height:600px;width:600px;margin-left:60px}
.main4 ul.list li span{position:absolute;left:50%;top:0; z-index:0 }
.main4 ul.list li.btn_list.list01 span{top:510px;margin-left:-110px; display:inline-block;}/*제주*/
.main4 ul.list li.btn_list.list02 span{top:380px;margin-left:80px; display:inline-block;}/*부산*/
.main4 ul.list li.btn_list.list03 span{top:20px;margin-left:80px; display:inline-block;}/*강원도*/
.main4 ul.list li.btn_list.list04 span{top:10px;margin-left:-20px; display:inline-block;}/*가평*/
.main4 ul.list li.btn_list.list05 span{top:200px;margin-left:100px; display:inline-block;}/*안동*/
.main4 ul.list li.btn_list.list06 span{top:40px;margin-left:-90px; display:inline-block;}/*서울*/
.main4 ul.list li span{background:url('../images/tab_off.png') no-repeat 0 0; cursor: pointer;
width:35px; height:50px; display:inline-block; z-index:0 
font-weight:500; border-radius:19px; color:#fff; font-size:25px; line-height:30px;}
.main4 ul.list li:hover span{background:url('../images/tab_01.png') no-repeat 0 0;}
.main4 ul.list li .detail{display: none;position: absolute;width:474px;height:246px; top:130px; left:28px;background:rgba(0,0,0,0.9);z-index:100; cursor:default; text-align:center;}
.main4 ul.list li .detail>img{}