@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{/*font: 15px/1.267em 'Noto Sans KR','Noto Sans Korean','맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif !important;*/ font-family:'Noto Sans KR','Noto Sans Korean','맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif !important; font-size:15px;line-height:1.267em;}
html,body{height:100%;}
body{position:relative;-webkit-text-size-adjust:none;color:#000;padding:0;margin:0; background:#fff;}
html{font-size:10px;line-height:15px;padding:0;margin:0;}
table{border-collapse:collapse}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{text-decoration:none !important;color:#333}
iframe,img{vertical-align:top}
img{width:100%;}
button{outline:none;border:none;background:none;}
.hdTxt, .hide_txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;}
.contain{padding:0 20px;}
.inner{padding:0 24px;}
.display_table{display:table;}
.display_table_cell{display:table-cell; vertical-align:middle;}
.txt_dot1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txt_dot2{overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}

#wrapper{overflow:hidden; position: relative;}

.main_visual{height:0;padding-top:118%;overflow:hidden;position: relative;}
.main_visual iframe{width: 100%; height: 100%; margin: auto; position: absolute; top: 0; left: 0; right:0; bottom:0;}

/* .main_visual{height:500px; overflow:hidden; text-align:center; position: relative;} */
.main_visual video{width:100%;}
.main_visual .text_box{position: absolute; top:-10px; display:none;}
.main_visual .text_box .txt1{margin-bottom:10px; padding-top:55px; display:block; font-size:32px; color:#47331b; letter-spacing:-0.03em; font-weight:700;}
.main_visual .text_box .txt2{display:block; padding:0 32px; font-size:15px; line-height:24px; letter-spacing:-0.05em; color:#333;}

/* .main_visual video{width:100%; height:auto; max-height:100%;} */

/*  */
.tour_wrap{ position: relative; }
.tour_wrap .line{width:90%; height:1px; border-bottom:1px dashed #9c907f; position: absolute; left:5%; bottom:10px; box-sizing:border-box;}
.tour_wrap .title{padding:30px 8px; text-align:center; font-size:27px; font-weight:300; color:#47331b; letter-spacing:-0.07em; font-family:'Noto Sans Korean' !important;}
.tour_wrap .title strong{font-weight:700;}
.tour_drag_wrap{position: relative; *zoom: 1; margin-left:10px;}
.tour_drag_wrap .drag_bg{position: absolute; left:0; top:-7px; z-index:11; width:100%; height:65px; transition:0.4s ease-out all; transform:translateX(0); opacity:1}
.tour_drag_wrap .drag_bg.left_move{transform:translateX(-100%); opacity:0;}
.tour_drag_wrap .drag_bg img{width:100%; height:auto;}
.tour_drag_wrap:before{position: absolute; left:0; bottom:0; width:100%; height:21px; background:#f1ede3; border-radius:15px 0 0 15px; content:"";}
.tour_drag_wrap:after{display:block;content:"";clear:both;}
.tour_drag_wrap .truck{float:left; width:94px; z-index:10; position:relative;}
.tour_drag_wrap .truck img{width:94px; position: relative; top:15px;}
.tour_drag_wrap .tour_drag{float:right; width:calc(100% - 94px);}
.tour_drag_wrap .pagination{*zoom:1;}
.tour_drag_wrap .pagination:after{display:block;content:"";clear:both;}
.tour_drag_wrap .pagination li{float:left; width:auto; font-size:15px; padding:0 0 27px 0; margin-left:35px; background:url("http://image.chosun.com/interactive/beer/m/tour_drag_off.png") 50% 100% no-repeat; background-size:21px; letter-spacing:-0.05em; transition:all 0.4s ease-out;}
.tour_drag_wrap .pagination li.click{background:url("http://image.chosun.com/interactive/beer/m/tour_drag_on.png") 50% 100% no-repeat; background-size:21px;}
.tour_drag_wrap .pagination li.swiper-slide-active{background:url("http://image.chosun.com/interactive/beer/m/tour_drag_on.png") 50% 100% no-repeat; background-size:21px;}
.tour_drag_wrap .pagination li.swiper-slide-active .txt{color:#e2522d;}
.tour_drag_wrap .pagination li .txt{color:#47331b;}
.tour_drag_wrap .pagination li.click .txt{color:#e2522d;}
.tour_info{margin-top:30px; padding:0 15px;}
.tour_info img{width:100%;}

.tour_drag_wrap .nav{width:37px; height:64px; position: absolute; top:350px; z-index:99;}
.tour_drag_wrap .nav img{width:100%;height:100%;}
.tour_drag_wrap .nav.prevBtn{left:-10px;}
.tour_drag_wrap .nav.nextBtn{right:0}


/* beer_map */
.beer_map {padding:0 15px 50px 15px;}
.beer_map .title{padding:55px 0 25px 0; font-size:30px; letter-spacing:-0.03em; color:#47331b; text-align:center;}
.beer_map .tab_cate {text-align:center; margin-bottom:25px;}
.beer_map .tab_cate .list span{margin-left:4px; margin-bottom:5px;}
.beer_map .tab_cate .list span:first-child{margin-left:0;}
.beer_map .tab_cate span{display:inline-block; width:70.5px; height:32.5px; text-align:center; background:url("http://image.chosun.com/interactive/beer/m/tab_cate_off.png") 0 0 no-repeat; background-size:100% 100%; transition:all 0.4s ease-out;}
.beer_map .tab_cate span.active{background:url("http://image.chosun.com/interactive/beer/m/tab_cate_on.png") 0 0 no-repeat; background-size:100% 100%;}
.beer_map .tab_cate span a{color:#fff;line-height:28px;}

/* dev_list */
.dev_list {}
.dev_list #ground{padding-bottom:35px;}
.dev_list .title{margin:0 -15px 20px -15px; text-align:center; font-size:26px; font-weight:300; color:#47331b; letter-spacing:-0.07em;}
.dev_list .step{width:123px; height:27px; margin:0 auto; margin-bottom:12px; font-size:13px; position: relative; text-align:center; background:url("http://image.chosun.com/interactive/beer/m/ribbon.png") 0 0 no-repeat; background-size:100% 100%;}
.dev_list .step span{position: relative; top:4px;}
.dev_list .step_txt{margin-bottom:25px; text-align:center; font-size:20px; letter-spacing:-0.045em; font-weight:500;}
.dev_list .step.result_step{color:#fff; background:url("http://image.chosun.com/interactive/beer/m/result_ribbon.png") 0 0 no-repeat; background-size:100% 100%;}
.dev_list .step_txt strong{color:#dd5d3a; position: relative; font-weight:500;}
.dev_list .step_txt strong:after{position:absolute; display:block; width:100%; height:2px; background:#dd5d3a; left:0; bottom:0; content:"";}

.dev_list .circle_icon_list{*zoom:1; text-align:center; margin-left:-11px;}
.dev_list .circle_icon_list:after{display:block;content:"";clear:both;}
.dev_list .circle_icon_list li{display:inline-block; width:105px; height:105px; box-sizing:border-box; padding-left:11px; animation-duration:0.3s;}
.dev_list .circle_icon_list li:nth-child(2){animation-delay:0.3s}
.dev_list .circle_icon_list li:nth-child(3){animation-delay:0.6s}
.dev_list .circle_icon_list li a{display:table; width:100%; height:105px;}
.dev_list .circle_icon_list li a span{display:table-cell; vertical-align:middle; color:#fff; font-size:15px; position: relative; top:-8px; font-weight:500;}
.dev_list .fs_icon1{background:url("http://image.chosun.com/interactive/beer/m/fs_icon1.png") 0 0 no-repeat; background-size:100%;}
.dev_list .fs_icon2{background:url("http://image.chosun.com/interactive/beer/m/fs_icon2.png") 0 0 no-repeat; background-size:100%;}
.dev_list .fs_icon3{background:url("http://image.chosun.com/interactive/beer/m/fs_icon3.png") 0 0 no-repeat; background-size:100%;}
.dev_list .fs_icon_off{background:url("http://image.chosun.com/interactive/beer/m/fs_icon_off.png") 0 0 no-repeat;}

.dev_list .result{width:100%; *zoom:1; display:table; position:relative; box-sizing:border-box; padding:0 10px;}
.dev_list .result .line{width:calc(100% - 20px);height:1px;background:#a2998c;position: absolute;top:51px;left:10px; display:none;}
.dev_list .result:after{display:block;content:"";clear:both;}
.dev_list .result .result_img{display:table-cell; width:28%; padding-right:15px; vertical-align:middle; position:relative; z-index:10; animation-delay:0.8s; animation-duration:0.5s; background:#fff;}
.dev_list .result .result_txt{display:table-cell; text-align:left;}
.dev_list .result .result_txt .txt1{font-size:15px; color:#47331b; letter-spacing:-0.03em; margin-bottom:3px; animation-delay:1.5s; animation-duration:0.4s;}
.dev_list .result .result_txt strong{display:block; font-size:17px; color:#dd5d3a; font-weight:700; animation-delay:1.5s; animation-duration:0.4s;}
.dev_list .result .result_txt dl{*zoom:1; padding-top:10px; margin-top:10px; border-top: 1px solid #a2998c;}
.dev_list .result .result_txt dt{padding-left:24px; margin-bottom:5px; font-size:15px; letter-spacing:-0.05em; color:#46331a; position:relative; font-weight:700;}
.dev_list .result .result_txt dt:before{position: absolute; left:0; top:0; width:20px; height:20px; background:url("http://image.chosun.com/interactive/beer/m/plus.png") 0 0 no-repeat; background-size:100%; content:"";}

.dev_list .result .result_txt .rel_img{*zoom:1;}
.dev_list .result .result_txt .rel_img:after{display:block;content:"";clear:both;}
.dev_list .result .result_txt .rel_img li{float:left; margin-left:10px; text-align:center;}
.dev_list .result .result_txt .rel_img li:nth-child(1){animation-delay:1.5s;}
.dev_list .result .result_txt .rel_img li:nth-child(2){animation-delay:1.7s;}
.dev_list .result .result_txt .rel_img li:nth-child(3){animation-delay:1.9s;}
.dev_list .result .result_txt .rel_img li:first-child{margin-left:0;}
.dev_list .result .result_txt .rel_img li img{display:block; width:61px; margin:0 auto;}
.dev_list .result .result_txt .rel_img li span{font-size:13px; letter-spacing:-0.075em; color:#333; font-weight:300;}

.dev_list .result_reset{display:block; width:121px; height:30px; margin:0 auto; margin-bottom:37px; margin-top:13px; text-align:center; border:1px solid #a0a0a0; border-radius:20px; text-decoration:none;}
.dev_list .result_reset span{font-size:17px; line-height:30px; letter-spacing:-0.07em; color:#333;}

/* ale_larger */
.ale_larger{padding:0 15px; margin-bottom:50px;}
.ale_larger .tab_cate{*zoom:1; margin-bottom:25px;}
.ale_larger .tab_cate:after{display:block;content:"";clear:both;}
.ale_larger .tab_cate li{float:left; width:50%; border:1px solid #d2d2d2; border-bottom:3px solid #d2d2d2; box-sizing:border-box; text-align:center; transition:all 0.4s ease-out;}
.ale_larger .tab_cate li a{display:block; padding:7px 0; font-size:20px; font-weight:500; color:#c9caca; letter-spacing:-0.085em;}
.ale_larger .tab_cate li{border-bottom:3px solid #d2d2d2}
.ale_larger .tab_cate li.active{border-bottom:3px solid #f8b511}
.ale_larger .tab_cate li.active a{color:#f8b551;}
.ale_larger .tab_cont{min-height:320px;}

.beer_world{position:relative;}
.beer_world .nav{width:37px; height:64px; position: absolute; top:180px; z-index:99;}
.beer_world .nav img{width:100%;height:100%;}
.beer_world .nav.prevBtn{left:0;}
.beer_world .nav.nextBtn{right:0}
.beer_world .title{font-size:27px; letter-spacing:-0.07em; color:#47331b; font-weight:700; text-align:center;}
.beer_world .sub_title{padding:0 15px; margin:0 auto; margin:25px 0 20px 0;}
.beer_world .sp_wrap{padding:0 10px;}
.beer_world .swiper-pagination{text-align:center; display:block; width:100%; position:relative; background:#efefef; padding:8px 0 5px 0; border-radius:35px;}
.beer_world .swiper-pagination span{display:inline-block; width:48px; height:48px; box-sizing:border-box; opacity:1; margin-left:7px; transition:all 0.4s ease-out;}
.beer_world .swiper-pagination span:nth-child(1){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn1.jpg") 0 0 no-repeat; background-size:100% 100%; margin-left:0;}

.beer_world .swiper-pagination span:nth-child(2){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn2.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world .swiper-pagination span:nth-child(3){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn3.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world .swiper-pagination span:nth-child(4){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn4.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world .swiper-pagination span:nth-child(5){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn5.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world .swiper-pagination span:nth-child(6){background:url("http://image.chosun.com/interactive/beer/m/b_world_btn6.jpg") 0 0 no-repeat; background-size:100% 100%;}

.beer_world span:nth-child(1).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn1_on.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world span:nth-child(2).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn2_on.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world span:nth-child(3).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn3_on.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world span:nth-child(4).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn4_on.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world span:nth-child(5).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn5_on.jpg") 0 0 no-repeat; background-size:100% 100%;}
.beer_world span:nth-child(6).swiper-pagination-bullet-active{background:url("http://image.chosun.com/interactive/beer/m/b_world_btn6_on.jpg") 0 0 no-repeat; background-size:100% 100%;}

.beer_world .swiper-slide .img{}
.beer_world_info{margin-top:50px;}


.beer_pro .txt_wrap{padding:30px 0 50px 0;}
.beer_pro .txt_wrap p{padding:0 20px; font-size:15px; line-height:25px; letter-spacing:-0.03em; font-weight:500; color:#333; height:150px; overflow-y:auto;}

::-webkit-scrollbar {width: 8px; height: 8px; border: 0; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; height: 0px; background:#7d7d7d;}
::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #7d7d7d; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


.go_top{display:block; position: fixed;; right:10px; bottom:10px; z-index:99; width:55px;}
.go_top img{width:100%;}

.sc_down{text-align:center; position: relative; margin-top:20px;}
.sc_down a{display:inline-block; width:43px; height:87px; position: relative; z-index:12;}
.sc_down a:after{content:""; display:block; width:43px; height:87px; position: absolute; left:0; top:0; background:url("http://image.chosun.com/interactive/beer/icon.png") 0 -50px no-repeat; z-index:10; transform:scale(0.7)}

.sc_down .circle::before {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(223,221,220,.1);
  border-radius: 100%;
  opacity: 0;
  animation: circle_ani 2s ease-in-out;
  animation-iteration-count: infinite;
  box-sizing: border-box;
}

.sc_down .arrow {display:block; z-index:11; position: absolute; top: 37px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-left: 1px solid #533a1d; border-bottom: 1px solid #533a1d; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; animation: sc_arr 2s infinite;}
/* .main_visual_wrap .sc_down .arrow.arr2{top:45px;} */

.sc_down .arrow.arr1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sc_down .arrow.arr2 {
  top: 45px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}

@keyframes sc_arr {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes circle_ani {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 25px rgba(223,222,220,1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.main_go_sns_box { padding-top: 22px; padding-bottom: 20px }
ul.main_go_sns { text-align: center }
ul.main_go_sns li { display: inline; margin-left: 15px; }
ul.main_go_sns li:first-child { margin-left: 0}
ul.main_go_sns li a { display: inline-block; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('http://news.chosun.com/interactive/steak/img/itr_icons.png') no-repeat 0 0; background-size: 250px }
ul.main_go_sns li a.fb { background-position: 0 -225px }
ul.main_go_sns li a.tw { background-position: -75px -225px }
ul.main_go_sns li a.kat { background-position: -150px -225px }