@import url("reset.css");
@import url("slick.css");


@media screen and (min-width: 1900px){
/*.section_2 .bg_1{background:url(../img/olly_cont2_bg.jpg) no-repeat center bottom; background-size:100% 100%;}
.section_2 .bg_2{background:url(../img/olly_cont2_bg2.jpg) no-repeat center bottom; background-size:100% 100%;}*/

}

@media screen and (max-width: 1900px){
/*.section_9 .txt_area{padding-top:30px;}*/

}


@media screen and (max-width: 1600px){
/*.section_1{padding:190px 8% 500px; }
.section_3 .txt_area h1{margin-bottom:80px; font-size:56px;}
.section_3 .txt_area p{font-size:30px;}
.section_5 .txt_area{top:20px; left:0; }
.section_4 .txt_area{padding-right:20px; }
.section_9 .txt_area{padding-top:0;}
.section_4 .txt_area h2{margin-bottom:20px; }
.section_3 .txt_slide{padding:0 30px;}

.feel_slide .slick-prev{left:-100px;}
.feel_slide .slick-next{right:-100px;}
*/
}

@media screen and (max-width: 1400px){

/* .gnb>ul>li{padding:0 20px 20px; }
.gnb>ul>li>a{font-size:15px;} */

/*.section_1{padding:170px 8% 300px; min-height:800px; }
.section_1 .txt_area img{height:90px;}
.section_1 .btn_area a{height:40px; line-height:40px; font-size:20px;}

.section_2 .txt_area h2{margin-bottom:30px; }
.section_2 .txt_area p{margin-bottom:250px; }
.section_2 .txt_area ul li{font-size:26px; }

.section_3 .txt_area h1{margin-bottom:60px; font-size:50px;}
.section_3 .txt_area p{font-size:24px;}
.section_3 .txt_slide{padding:0;}

.section_5 .txt_area p,
.section_4 .txt_area p{font-size:20px; }
.section_5 h1{margin-bottom:30px; }
.section_5 .txt_area{position:relative; top:0; margin-bottom:20px; }

.section_6 .img_area .img{width:900px;}
.section_6 .img_area .arrow1{left:245px;}
.section_6 .img_area .arrow2{left:278px;}
.section_6 .img_area .arrow3{right:235px;}
.section_6 .img_area .arrow span{width:22px; height:224px;}
.section_6 .img_area .arrow span img{width:22px; }
.section_6 .img_area .arrow2 span{width:350px; height:24px;}
.section_6 .img_area .arrow2 span img{width:350px; height:24px; }


.section_9 .txt_area{padding:0 20px 0; }
.section_9 .txt_area h1{margin-bottom:80px;}
.section_9 h1 img{height:80px; }
.section_9 .txt_area h2{margin-bottom:40px; font-size:42px;}
.section_10{padding:250px 20px 100px;}

.feel_slide .slick-prev{left:0;}
.feel_slide .slick-next{right:0;}
.feel_slide .slick-dots{text-align:center; padding-top:20px;}
.feel_slide .slick-dots li{margin:0 7px; display:inline-block;}
.feel_slide .slick-dots li button{width:12px; height:12px; background-color:#333; border-radius:50%; display:block; text-indent:-9999px; opacity:0.5;}
.feel_slide .slick-dots li.slick-active button{opacity:1;}
*/

}



@media screen and (max-width: 1200px){

/*.section_1 .txt_area img{height:80px; }
.section_1 .btn_area a{max-width:160px; font-size:16px; }
.section_1 .sns_area{right:20px;}

.section_2{padding:50px 0;}
.section_2 h1{ font-size:35px; }
.section_2 h1 strong{font-size:45px;}
.section_2 .txt_area h2 img{height:60px;}
.section_2 .txt_area p{font-size:20px;}
.section_2 .txt_area ul li{margin:0 20px; font-size:20px; }
.section_2 .txt_area ul li:before{top:4px;}

.section_3 .txt_area{padding:0 20px; }
.section_3 .txt_area h1{margin-bottom:60px; }
.section_3 .txt_area h1 img{height:100px; }
.section_3 .txt_area p{font-size:30px; }

.section_7 h1 img,
.section_4 h1 img{height:45px; }
.section_4 .txt_area{position:relative; top:0; margin-bottom:30px; padding-right:0; }

.section_6{padding:70px 20px 150px;}
.feel_slide .photo{margin:0 auto 30px; }
.feel_slide .star{margin-bottom:30px; }
.section_8 h1 img{height:50px; }
.section_9 .txt_area h1{margin-bottom:50px; }
.section_9 .txt_area h1 img{height:70px;}
.section_9 .txt_area h2{margin-bottom:30px; font-size:30px;}
.section_9 .txt_area p{font-size:20px; }

.section_10 p{margin-bottom:30px; font-size:15px;}
.section_10 .sns{margin-bottom:30px; }

.pop_email{padding-right:100px;}
.pop_email .btn_email{width:95px; font-size:16px;}

.youtube_popup .inner iframe{width:700px; height:395px; }

*/
}


@media screen and (max-width: 1024px){

/*.section_1 h1{font-size:40px;}
.section_1 h1 strong{font-size:60px;}
.section_1 h1 br{display:block;}
.section_1 .txt_area img{height:70px; }
.section_1 .btn_area a{margin-left:30px; }*/
/* .gnb_open{display:block;}
.gnb{position:fixed; right:-250px; top:0; bottom:0; z-index:12; padding-top:80px; width:200px; height:100%; box-sizing:border-box; background-color:#83bfd1; box-shadow:4px 4px 4px 10px rgba(100,100,100,0.4);  }
.gnb>ul{border-top:1px solid rgba(255,255,255,0.5);}
.gnb>ul>li{float:none; width:100%; padding:0; border-bottom:1px solid rgba(255,255,255,0.5);}
.gnb>ul>li>a{padding:12px 20px; }
.gnb_open.open{position:fixed; z-index:13; top:30px; }
.gnb_open.open button span{top:15px;transform: rotate( -45deg );}
.gnb_open.open button span:before{top:0;  transform: rotate( 90deg );}
.gnb_open.open button span:after{display:none;} */

/*.section_2 .txt_area h2{padding:0 20px 0 52.85%;}
.section_2 .txt_area p{padding:0 20px 0 52.85%;}

.section_3 .img_slide{float:none; width:100%; margin-bottom:30px; }
.section_3 .txt_slide{float:none;  padding:0 20px; width:100%; text-align:center;  }
.section_3 .txt_area h1{text-align:center;  font-size:50px;}
.section_3 .slick-dots{}

.section_8 .img_area img.mobile{display:block;}
.section_8 .img_area img.web{display:none;}

.section_9 .web{display:none;}
.section_9 .mobile{display:block;}
.section_9 .txt_area{float:none; margin-bottom:40px; width:100%; text-align:center; }
.section_9 .color_img_web{float:none; width:100%; }
.section_10{padding:150px 20px 50px;}
.section_1 .btn_area{padding-top:20px; }
.section_9 .slick-dots{}
.section_9 .slick-dots li button{background-color:#333;}
.section_9 .slick-dots li{margin:0 7px; }

.popup{width:500px;}

.section_6 .img_area .img{width:600px;}
.section_6 .img_area .arrow1{left:164px; top:28px;}
.section_6 .img_area .arrow2{left:188px; botom:6px;}
.section_6 .img_area .arrow3{right:156px; top:28px;}
.section_6 .img_area .arrow span{width:16px; height:150px;}
.section_6 .img_area .arrow span img{width:16px; height:150px;}
.section_6 .img_area .arrow2 span{width:235px; height:15px;}
.section_6 .img_area .arrow2 span img{width:235px; height:15px; }



*/

}




@media screen and (max-width: 768px){

/* .gnb_open{right:20px; top:20px; } */

/*.section_1{min-height:600px; padding:100px 3% 200px; background:url(../img/olly_cont1_bg_mb.jpg) no-repeat center bottom; background-size:cover;}
.section_1 h1{padding-left:20px; font-size:22px;}
.section_1 h1 strong{margin-left:-20px; font-size:30px; }
.section_1 .txt_area img{height:50px;}
.section_1 .btn_area a{margin-left:15px; width:100px; height:32px; line-height:32px; font-size:13px; }
.section_1 .sns_area{display:none;}

.section_2{padding:0; min-height:10px;}
.section_2 .list{padding:20px 20px 60px; min-height:900px; position:relative; box-sizing:border-box;}
.section_2 h1{padding:20px 0 40px; margin-bottom:0;}
.section_2 .txt_area{padding:40px 0 0; text-align:left; }
.section_2 .txt_area h2{padding:0; text-align:left; font-size:40px;}
.section_2 .txt_area h2:after{margin-left:72px; width:30px;}
.section_2 .txt_area p{padding:0;  margin-bottom:20px; font-size:16px; text-align:left; }
.section_2 .txt_area.txt_night p{margin-bottom:20px;}
.section_2 .txt_area ul{display:inline-block; }
.section_2 .txt_area ul{position:relative; left:0; top:0; width:auto; display:inline-block; }
.section_2 .txt_area ul li{margin:0 0 20px; display:block; padding:0 0 0 15px; text-align:left; font-size:16px; }
.section_2 .txt_area ul li:before{top:6px; left:0; margin:0; width:10px; height:10px; }
.section_2 .btn_area{bottom:20px;}
.section_2 .btn_area a{margin-bottom:10px; width:8px; height:8px; }
.section_2 .bg_1{background:url(../img/olly_cont2Mb_bg.jpg) no-repeat center top; background-size:cover; }
.section_2 .bg_2{background:url(../img/olly_cont2Mb_bg2.jpg) no-repeat center top; background-size:cover;}
.section_2 h1{padding:0 10px; line-height:1.2;  font-size:25px; }
.section_2 h1 strong{font-size:30px;}

.section_3{padding:0 0 50px; }
.section_3 .txt_slide h1{margin-bottom:30px; font-size:30px;}
.section_3 .txt_area p{font-size:20px;}
.section_7 h1 img, .section_4 h1 img{height:30px;}
.section_4 h1{margin-bottom:40px;}
.section_4 .txt_area h2{margin-bottom:15px; }
.section_4 .txt_area h2 img{height:30px;}
.section_5 .txt_area p, .section_4 .txt_area p{font-size:16px;}
.section_5 .txt_area p br, .section_4 .txt_area p br{display:none;}
.section_5{padding:70px 20px 50px;}
.section_5 h1 img{height:34px;}
.section_6{padding:40px 20px 50px; }
.section_6 h1{margin-bottom:40px; font-size:24px; line-height:1.5; }
.section_7 h1{margin-bottom:60px; }
.section_7 h1 img, .section_4 h1 img{height:24px; }
.feel_slide{padding:30px 20px;}
.feel_slide .txt_area{font-size:14px; }
.feel_slide .txt_area span{padding-top:20px; font-size:13px; }
.feel_slide .txt_area span strong{font-size:16px; }

.section_8{margin-bottom:60px;}
.section_8 h1{padding:40px 0 60px; }
.section_8 h1 img{height:24px; }

.section_9 .txt_area h1{margin-bottom:30px; }
.section_9 .txt_area h1 img{height:50px; }
.section_9 .txt_area h2{margin-bottom:15px;}
.section_9 .txt_area p{margin-bottom:20px; }
.section_9 .txt_area .color_list .green{width:20px; height:20px; }

.section_10{padding:100px 20px 40px; }
.section_10 h1{margin-bottom:30px;}
.section_10 h1 img{height:50px;}
.section_10 .email_wrap{padding-right:80px; }
.section_10 .email_wrap input[type=text]{height:38px; line-height:38px; }
.section_10 .email_wrap .btn_subscribe{width:76px; height:38px; line-height:38px; font-size:13px;}
.section_10 .sns{margin-bottom:20px; }
.section_10 .email_txt,
.section_10 p.copyright{font-size:13px;}


.section_9 .slick-dots,
.section_3 .slick-dots{bottom:5px;}
.section_3 .slick-dots li,
.section_9 .slick-dots li{margin:0 7px;}
.section_9 .slick-dots li button{width:10px; height:10px; }

.popup{width:250px;}
.pop_email{margin-top:40px; padding-right:0;}
.pop_email input[type=text]{width:100%; margin-bottom:10px; height:36px; line-height:34px; font-size:14px;}
.pop_email .btn_email{position:relative; width:100%; height:36px; line-height:36px; font-size:13px; font-weight:400;}
.section_2 .txt_area h2 img{height:40px; }

.section_6 .img_area .img{width:280px;}
.section_6 .img_area .arrow1{left:77px; top:13px;}
.section_6 .img_area .arrow2{left:88px; bottom:3px;}
.section_6 .img_area .arrow3{right:73px; top:13px;}
.section_6 .img_area .arrow span{width:8px; height:70px;}
.section_6 .img_area .arrow span img{width:8px; height:70px;}
.section_6 .img_area .arrow2 span{width:106px; height:8px;}
.section_6 .img_area .arrow2 span img{width:106px; height:8px; }

.youtube_popup .inner iframe{width:300px; height:170px; }
*/

}

@media screen and (max-width: 480px){

/*.section_1{min-height:430px;}
.section_2 .list{min-height:20px;}
.section_2 .txt_area p{margin-bottom:290px; }
.section_2 .txt_area{text-align:center; }
.section_2 .txt_area.txt_night p{margin-bottom:290px; }
*/
}