@charset "utf-8";
/* CSS Document */

@media all and (max-width:1280px){
.container-fluid{padding:120px 0;}
.section_title{font-size:50px;margin-bottom:40px;}
.sub01{font-size:22px;}
.sub02{font-size:30px;margin-bottom:40px;}
.words .person .words01{width:249px;}
.words .person .words02{width:365px;}
.words .person .words03{width:300px;}
.words .person .words04{width:180px;}
.sec03 .first_bottle img{right:0;height:300px;}
.sec03 .first_bottle .chart_line{right:-270px;}
.sec03 .cham_bottle_wrap .chart_line{left:-270px;}
.sec03 .cham_bottle_wrap img{position:absolute;height:300px;}
.sec03 .cham_bottle_wrap .jinro_bottle{left:70px;}
.sec03 .cham_bottle_wrap .cham_bottle{left:0;}
.sec03 .chart_line{width:240px;}
.sec03 .chart_line1{width:170px;top:300px;}
.sec03 .chart_tit{top:40%;font-size:30px;}
.sec04_03 img{width:80%;float:none !important;}
.sec06 .hite .ani01,
.sec06 .lotte .ani03{height:400px;}
.sec06 .hite .ani02,
.sec06 .lotte .ani04{height:500px;}
.sec06_active .vs{padding-top:170px;font-size:150px;}
.sec09_active .scale-in-right{width:80%;float:right;}
.sec10{padding:20px 0;}
}
@media all and (max-width:1024px){
.pin_wrap{display:none;}
.swiper-container{display:block;}
.container-fluid{padding:90px 0;}
.title img{width:65%;}
.sec02{padding-bottom:0;}
/* sec03 */
.sec03 .first_bottle img{right:0;height:250px;}
.sec03 .first_bottle .chart_line{right:-200px;}
.sec03 .cham_bottle_wrap .chart_line{left:-220px;}
.sec03 .cham_bottle_wrap img{position:absolute;height:250px;}
.sec03 .cham_bottle_wrap .jinro_bottle{left:70px;}
.sec03 .cham_bottle_wrap .cham_bottle{left:0;}
.sec03 .chart_line{width:200px;}
.sec03 .chart_line1{width:130px;top:250px;}
.sec03 .chart_tit{top:40%;font-size:24px;}
.words .person1{top:200px;}
.words .person2{top:140px;}
.words .person3{top:220px;}
.words .person4{top:130px;}
.words .person01{width:204px;}
.words .person02{width:161px;}
.words .person03{width:204px;}
.words .person04{width:198px;}
/* sec04 */
.sec04 .sec04_04{height:150px;}
.sec04 .chart02{width:80%;}
/* sec06 */
.sec06 .hite .ani01,
.sec06 .lotte .ani03{height:300px;}
.sec06 .hite .ani02,
.sec06 .lotte .ani04{height:400px;}
.sec06_active .vs{padding-top:170px;font-size:120px;}

/* sec07 */
.sec07 .swiper-wrapper{padding-top:40px;}
.sec07 .swiper-wrapper .timeline_title{position:relative;font-size:26px;color:#fff;padding:0 0 0 60px;height:150px;}
.sec07 .swiper-wrapper .star{font-size:14px;}
.x-hand{color:#fff;font-size:20px;height:50px;left:calc(50% - 10px);opacity:1;position:absolute;bottom:-20px;transform-origin:bottom;width:50px;}
.x-hand-arrow{bottom:0;}
.x-swipe-indicator{position:absolute;bottom:0;width:40px;height:40px;animation:swipe-animation 2s linear infinite;}
@keyframes swipe-animation{
0%{left:60px;}
50%{left:90px;}
100%{left:60px;}
}
/* sec09 */
.soju{text-align:center;}
.soju ul{display:inline-block;padding-top:15px;}
.soju ul li{margin:0 15px;}
.soju img{height:200px;}
.choicebox{width:200px;height:60px;font-size:30px;}
.sec10{padding:20px 0;}
.product_img_item{transform:translateY(-50%) translateX(-130px);}
.product_img_item.active{opacity:1;transform:translateY(-50%) translateX(0%);transition-delay:.3s;}
}
@media all and (max-width:800px){
.title img{width:70%;}
.sub01{line-height:2;padding:0 20px;}
.sub01 p{margin-bottom:0;}
.mdbr{display:block;}
.text-content{width:100%;}
.maske-text1 p,
.maske-text2 p,
.maske-text3 p{font-size:30px;}
.words .col-md-3{padding-left:60px;}
.words .person01{width:292px;}
.words .person02{width:230px;}
.words .person03{width:292px;}
.words .person04{width:283px;}
.words .person1,
.words .person2,
.words .person3,
.words .person4{top:100px;}
/* sec03 */
.sec03_chart_wrap{position:relative;}
.sec03 .first_bottle{position:absolute;left:130px;top:0;}
.sec03 .first_bottle img{right:0;height:300px;}
.sec03 .first_bottle .chart_line{right:-170px;}
.sec03 .cham_bottle_wrap{position:absolute;right:130px;top:0;}
.sec03 .cham_bottle_wrap .chart_line{left:-170px;}
.sec03 .cham_bottle_wrap img{position:absolute;height:300px;}
.sec03 .cham_bottle_wrap .jinro_bottle{left:20px;}
.sec03 .cham_bottle_wrap .cham_bottle{left:0;}
.sec03 .chart_line{width:150px;font-size:16px;}
.sec03 .chart_line1{width:100px;top:400px;}
.sec03 .chart_tit{top:42%;font-size:30px;}
.sec06 .hite .ani01,
.sec06 .lotte .ani03{height:500px;}
.sec06 .hite .ani02,
.sec06 .lotte .ani04{height:400px;}
.sec06_active .vs{padding-top:30px;font-size:150px;}
.hite_desc{position:absolute;bottom:0;left:60px;}
.lotte_desc{position:absolute;top:0;right:60px;}
.sec06 .hite,
.sec06 .lotte{text-align:center;position:relative;}
.product_slider_title{text-align:center;}
.section_title{padding:0 40px;}
.product_img_item{transform:translateY(10%) translateX(-130px);}
.product_img_item.active{opacity:1;transform:translateY(10%) translateX(100%);transition-delay:.3s;}
.product_img_img{width:100%;}
.soju ul{margin:30px auto;}
.soju ul li{float:left;margin:10px;}
.blank img{width:90%;}
.soju img{height:300px;}
}
@media all and (max-width:499px){
.smbr{display:block;}
.container-fluid{padding:50px 0;}
.sub01{font-size:14px;padding:0 20px;}
.sec01 .sub01{margin-top:40px;}
.sec01 .scale-in-ver-bottom{margin-bottom:0;}
.sec01 .bounce-top{width:80%;margin:40px auto;}
.sec01 .title{padding:30px 0;}
.text-content{width:100%;}
.maske-text1 p,
.maske-text2 p,
.maske-text3 p{font-size:16px;}
.sec01 .sub01{padding:0 25px;}
.title img{width:85%;}
.words .col-md-3{padding-left:60px;height:420px;}
.words .person01{width:233px;}
.words .person02{width:184px;}
.words .person03{width:233px;}
.words .person04{width:226px;}
.words .person1,
.words .person2,
.words .person3,
.words .person4{top:80px;}
.words .person2{left:30px;}
.words .person .words01{width:199px;}
.words .person .words02{width:292px;}
.words .person .words03{width:240px;}
.words .person .words04{width:144px;}
.sub02{font-size:20px;margin-bottom:20px;}
.chart02{padding:15px;}
/* sec03 */
.sec03_chart_wrap{position:relative;}
.sec03 .first_bottle{position:absolute;left:65px;top:0;}
.sec03 .first_bottle img{right:0;height:150px;}
.sec03 .first_bottle .chart_line{right:-80px;}
.sec03 .cham_bottle_wrap{position:absolute;right:65px;top:0;}
.sec03 .cham_bottle_wrap .chart_line{left:-80px;}
.sec03 .cham_bottle_wrap img{position:absolute;height:150px;}
.sec03 .cham_bottle_wrap .jinro_bottle{left:20px;}
.sec03 .cham_bottle_wrap .cham_bottle{left:0;}
.sec03 .chart_line{width:80px;font-size:14px;}
.sec03 .chart_line1{width:60px;top:200px;}
.sec03 .chart_tit{top:42%;font-size:18px;}
.sec04_04{height:100px;margin-top:-150px;}
.sec04_03 img{width:95%;}
.sec06_active .sec06_sub_title img{width:200px;}
.sec06 .hite .ani01,
.sec06 .lotte .ani03{height:200px;}
.sec06 .hite .ani02,
.sec06 .lotte .ani04{height:270px;}
.sec06_active .vs{padding-top:0;font-size:80px;}
.sec06 .font06{font-size:24px;}
.sec06 .font04{font-size:14px;}
.hite_desc{position:absolute;bottom:0;right:15px;text-align:right;}
.lotte_desc{position:absolute;top:0;left:15px;text-align:left;}
.sec06 .hite,
.sec06 .lotte{text-align:center;position:relative;}
.sec07 .sub01{width:100%;margin:0 auto;font-size:14px;padding:0;}

.sec07 .swiper-wrapper{padding-top:40px;}
.sec07 .swiper-wrapper .timeline_title{position:relative;font-size:20px;color:#fff;padding:0 0 0 20px;height:150px;}
.sec07 .swiper-wrapper .star{font-size:14px;}
.x-hand{color:#fff;font-size:20px;height:50px;left:calc(50% - 10px);opacity:1;position:absolute;bottom:-20px;transform-origin:bottom;width:50px;}
.x-hand-arrow{bottom:0;}
.x-swipe-indicator{position:absolute;bottom:0;width:40px;height:40px;animation:swipe-animation 2s linear infinite;}
@keyframes swipe-animation{
0%{left:10px;}
50%{left:50px;}
100%{left:10px;}
}
.product_slider_title{text-align:center;}
.section_title{padding:0 40px;font-size:26px;}
.soju{text-align:center;}
.soju ul{display:inline-block;}
.soju ul li{float:left;margin:10px;}
.blank img{width:90%;}
.soju img{height:230px;}
.sec07 .timeline_title span{border-top:none;}
/* sec09 */
.sec09 .scale-in-right,
.sec09_active .scale-in-right{width:70%;float:none;margin:0 auto;}
.blank{padding-top:30px;}
.blank img{width:80%;float:none;margin:0 auto;}
.choicebox{width:175px;height:45px;font-size:26px;left:50px;}
/*.product-slider{margin-top:150px;}*/
.prev,
.next{top:50px;}
.prev{left:-10px;}
.next{right:-10px;}
.product_img_img{width:80%;}
.product_img_item{transform:translateY(-20%) translateX(-130px);}
.product-slider{margin-top:0;margin-bottom:0;}
.product_slider_content{padding-top:100px;}
.product_img_item.active{opacity:1;transform:translateY(-20%) translateX(110%);transition-delay:.3s;}
.content{margin:0;}
.sec08{padding-bottom:0;}
/* sec10 */
.sec10,
.sec10 .copy{text-align:center;}
}