@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('reset.css');
@import url('common.css');
@import url('fontello-embedded.css');
@import url('../plugin/slick.css');
@import url('../plugin/slick-theme.css');
@import url('../plugin/jquery-ui.css');
@import url('sub.css');
body{overflow:hidden; min-width:320px;}
#wrap{font-family: 'Noto Sans KR';letter-spacing:-1px; font-weight: 400;font-size: 18px; color: #2f2f2f;}

/* font-family */
@font-face{
	font-family: 'Gotham Medium';
	src: url('../fonts/GothamPro-Medium.eot');
	src: url('../fonts/GothamPro-Medium.eot?') format('eot'),url('../fonts/GothamPro-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Thin.woff') format('woff'),
	   url('../fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Light.woff') format('woff'),
	   url('../fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Regular.woff') format('woff'),
		url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Medium.woff') format('woff'),
		url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Bold.woff') format('woff'),
		url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Black.woff') format('woff'),
		url('../fonts/NotoSansKR-Black.otf') format('opentype');
 }
::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}




/* font-size */
.txt106{font-size:106px;line-height:1;}
.txt88{font-size:88px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt46{font-size:46px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:1.33;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.428;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;line-height:1.428;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}

/* ani */
.ani_top{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_top.move{opacity:1;top:0;}
.ani_top1{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition-delay:.4s;-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;}
.ani_top1.move{opacity:1;top:auto; bottom: 70px;}
.ani_left{position:relative;opacity:0;left:-100px;transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;-o-transition:1.4s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;-o-transition:1.4s;}
.ani_right.move{opacity:1;right:0;}
.trans_d1{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.trans_d2{transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;}

/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}

article {position: relative;}
.red {color: #f00;}
.white {color: #fff;}
.black {color: #151515;}
.green {color: #26a457;}
.borwn {color: #381c02;}
.gray {color: #999 !important;}
.color_666 {color: #666;}
.all_block {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}
.block_768.inline_486 {display: inline-block;}
.no_1000 {display: block;}
.no_768 {display: block;}
.no_486 {display: block;}
.ff_gotham {font-family: 'Gotham Medium';}
.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}
.txt_wrap {-ms-word-break: keep-all;word-break: keep-all;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.w2000 {max-width:2000px; margin:0 auto; position: relative;}
.w1800 {max-width:1800px; margin:0 auto; position: relative;}
.w1200 {max-width:1200px; margin:0 auto; position: relative;}
.boder_no {border: none;}
/* btn */
.btn a {display: inline-block; transition:.25s;}
.btn_more {width: 200px; height: 45px; line-height: 45px; border: 1px solid #666; border-radius:100px; color: #666;transition:.25s;}
.btn_more:hover {background-color: #00af50; border-color: #00af50; color: #fff;}
.btn_more1 {border: 1px solid #fff; border-radius:100px; color: #fff;transition:.25s;}
.btn_more1:hover {background-color: #00af50; border-color: #00af50; color: #fff;}
.btn_more2 {background-color: #27a457; border: none;border-radius:100px; color: #fff;transition:.25s;}
.btn_more2:hover {background-color: #5b6067; }
.btn_more3 {background-color: #5b6067; border: none;border-radius:100px; color: #fff;transition:.25s;}
.btn_more3:hover {background-color: #27a457; }




#main_visual_wrap {}
#main_visual_wrap .visual {width: 100%; background-repeat: no-repeat; background-position: 50% 50%; height:561px;  /*-webkit-background-size: cover;background-size: cover;*/}
#main_visual_wrap .txt_area {width: auto;left: 50%; margin-left: -600px; }
#main_visual_wrap .txt_area .txt18 {line-height: 1.33; }
#main_visual_wrap .txt_area .txt20 {display: inline-block; padding: 7px 45px;background-color: #fff; color:#00ac48; text-align: center;  border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
#main_visual_wrap .txt_area .btn a {width: 210px; height: 45px; line-height: 45px; border: 1px solid #fff; border-radius:100px;}
#main_visual_wrap .txt_area .btn a span {letter-spacing: -2px;}
#main_visual_wrap .txt_area .btn a:hover {background-color: #26a457; border-color: #26a457; }
#main_visual_wrap .img {position: absolute; top: 50%; left: 45%;transform:translateY(-50%);}

.btn_scroll_area {width: 100%; position: absolute;  bottom: 0px; left: 50%; transform:translateX(-50%);  z-index: 9;}
.btn_scroll_wrap { position: relative; }
.btn_scroll {width: 100%; height: 120px; /* position: absolute; top: 100%; margin-top: -70px; left: 0; */ }
.btn_scroll a {display: block; width: 100%; height: 100%; position: relative;}
.btn_scroll a .mouse { display: block; width: 22px; height: 45px;border: 2px solid #fff; border-radius:60px; position: absolute; top: 0;right: 50%;}
.btn_scroll a .txt {display: inline-block; width: 100%; text-align: center;position: absolute; top: 41%; margin-left: -10px; letter-spacing: 0;}
.btn_scroll a .arrow {display: block; width: 12px; position: absolute; top: 5px; right: 50%; margin-right: 10px;  }
.btn_scroll a .arrow1 {width: 2px; height: 8px; background-color: #fff; animation:anidown 1s 0s infinite;}
.btn_scroll a .arrow2 { right: 50%; margin-right: 5px;}
.btn_scroll a .arrow2:nth-child(4) {padding-top: 75px;  animation:arrowdown 1s 0s infinite;}
.btn_scroll a .arrow2:nth-child(5) {padding-top: 87px; animation:arrowdown 1s .2s infinite;}
.btn_scroll a .arrow2:nth-child(6) {padding-top: 99px; animation:arrowdown 1s .4s infinite;}
.btn_scroll a .arrow2 img {width: 20px;}

@keyframes anidown {
    0% {  opacity:0; top: 5px; }
    50% {  opacity:.8; top: 15px; }
    100% {  opacity:0; top: 25px; }
}
@keyframes arrowdown {
    0% {  opacity:0;  }
    50% {  opacity:.8;  }
    100% {  opacity:0;  }
}

.m0 {display: none;background: url('../images/main/m0_bg.png') 52% 0 no-repeat; width: 100%; min-height:254px; position: absolute; bottom: -70px; left: 0; z-index: 9; cursor: pointer;}
.m0 ul {width: 60%; margin: 88px 20% 0;}
.m0 li {display: inline-block; width: 24%;text-align: center; position: relative;}
.m0 li:before {content:''; display: block; width: 1px; height: 100%; background-color: #61cd93; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
.m0 li:first-child:before {display: none;}
.m0 .img {padding-bottom: 80px; position: relative;}
.m0 .img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}

.m1 { padding: 80px 0 100px; }
.m1 ul {width: 95%; margin: 45px 2.5%;}
.m1 li {display: inline-block; width: 23%; height: 0; padding-bottom: 23%; margin: 0 0.5%; background-color: #42a857; border-radius:50%; position: relative;}
.m1 li .txt_wrap {width: 100%; position: absolute; top: 50%;left: 50%; transform:translate(-50%, -50%); text-align: center;}
.m1 li .txt_wrap .img {height: 0; padding-bottom: 100px; position: relative;	}
.m1 li .txt_wrap .img img {position: absolute; top: 0; left: 50%; transform:translateX(-50%);}

.m2_1 {padding: 100px 0 100px; /*background: url('../images/sub/s11_con4_bg.png') 20% 50% no-repeat; -webkit-background-size: cover;background-size: cover; */ /* background-color:#2f2f2f;  */}
/* .m2_1 ul {max-width:1000px; margin:0 auto;} */
.m2_1 ul li {float: left; width: 25%; padding: 0 10px;}
/* .m2_1 ul li .img {width: 60%; margin:0 auto; height: 0; padding-bottom: 60%; background-image: url('../images/main/m3_0.png'); background-size: cover; background-position: 50% 50%; position: relative; z-index: 1;}
.m2_1 ul li:nth-child(2) .img {background-image: url('../images/main/m3_0.png');}
.m2_1 ul li:nth-child(3) .img {background-image: url('../images/main/m3_0.png');}
.m2_1 ul li .img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} */
.m2_1 ul li .img {height: 115px;}
.m2_1 ul li .txt21 {height: 90px;}
.m2_1 ul li .txt16 {/*  color: #c3c3c3; */ color: #666; line-height: 1.5;}

.m_area .m2 {}
.m2 {padding: 100px 0 100px;background-color: #edf1f3; }
.m2 ul {width: 95%; margin: 45px 2.5%;}
.m2 li {display: inline-block; width: 23%; height: 0; padding-bottom: 23%; margin: 0 0.5%; background-color: #fff; border-radius:50%; position: relative;}
.m2 li .txt_wrap {width: 100%; position: absolute; top: 50%;left: 50%; transform:translate(-50%, -50%); text-align: center;}
.m2 li .txt_wrap .img {height: 0; padding-bottom: 110px; position: relative;	}
.m2 li .txt_wrap .img img {position: absolute; top: 0; left: 50%; transform:translateX(-50%);}

/* .m3 {padding: 100px 0 100px; background: url('/assets/images/main/m3_bg.jpg') 50% 50% no-repeat; background-size: cover;}
.m3 ul {width: 95%; margin: 45px 2.5%;}
.m3 li {display: inline-block; width: 23%; height: 0; padding-bottom: 17%; margin: 0 0.5%; background-color: #fff; position: relative;}
.m3 li .txt_wrap {width: 100%; position: absolute; top: 50%;left: 50%; transform:translate(-50%, -50%); text-align: center;}
.m3 li .txt_wrap .txt36 {line-height: 1.1;} */
.m_area .m3 {background-color: #edf1f3;}
.m3 {padding: 100px 0 100px;}
.m3 .left,
.m3 .right { width: 49%; padding-bottom: 350px; background-size:cover; background-position: 50% 50%; position: relative;}
.m3 .left {float: left; background-image: url('../images/main/m3_left_bg.jpg');}
.m3 .right {float: right; background-image: url('../images/main/m3_right_bg.jpg');}
.m3 .left > div,
.m3 .right > div {width: 100%;padding: 0 15px; position: absolute; top: 50%; left: 0; -ms-transform:translatey(-50%); -webkit-transform:translatey(-50%); transform:translatey(-50%);}

.m3_1 {padding: 100px 0; background-color: #2f2f2f;}
.m3_1 ul {margin: 0 -13px;}
.m3_1 ul li {float: left; width: calc(33.33% - 26px); height: 300px; margin: 0 13px; background: url('../images/main/m3_1_listbg.jpg') 0 0 no-repeat; background-size:cover;  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; padding:40px 30px ;  color: #fff;}
.m3_1 ul li .title {padding-bottom: 10px; position: relative;}
.m3_1 ul li .title:after {content:''; display: block; width: 60px; height: 1px; background-color: #fff; opacity: .44; position: absolute; bottom: 0; left: 50%; margin-left: -30px; }
.bar_list {padding-left: 10px;  line-height: 1.5; position: relative;}
.bar_list:after {content:'-'; display: block; position: absolute; top: 0; left: 0; }

.m3_2 {padding: 100px 0 100px;}
.m3_2 .left,
.m3_2 .right { width: 49%; padding-bottom: 315px; background-size:cover; position: relative;}
.m3_2 .left {float: left; background-image: url('../images/main/m32_left_bg.jpg');}
.m3_2 .right {float: right; background-image: url('../images/main/m32_right_bg.jpg');}
.m3_2 .left > div,
.m3_2 .right > div {width: 100%; position: absolute; top: 50%; left: 0; -ms-transform:translatey(-50%); -webkit-transform:translatey(-50%); transform:translatey(-50%);}

.m4 {padding: 100px 0 100px;}
.m4 .left {float: left; width: 50%;}
.m4 .slide_wrap {width: 100%;}
.m4 .slide_wrap li {}
.m4 .slide_wrap li img {width: 100%;}
.m4 .slick-prev, .m4 .slick-next {width: 17px; height: 33px; background: url('../images/main/m3_prev.png') 0 0 no-repeat; z-index: 1;}
.slick-prev:before, .slick-next:before {display: none;}
.m4 .slick-prev {left: 10px;}
.m4 .slick-next {right: 10px;background: url('../images/main/m3_next.png') 0 0 no-repeat;}
/* .m4 .slide_wrap .img_wrap {position: relative; padding-top: 52%; overflow: hidden;}
.m4 .slide_wrap .img_wrap .img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform:translate(50%,50%);}
.m4 .slide_wrap .img_wrap .img img {position: absolute; top: 0; left: 0; max-width:100%; width: 100%; height: auto;  transform:translate(-50%,-50%);} */
.m4 .right {float: right; width: 45%;}
.m4 .right h3 {position: relative;}
.m4 .right h3 span {position: absolute; bottom: 0; right: 0;}
.note_list {margin-top: 20px;}
.note_list li {position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #eaeaea;}
.note_list li > p {padding-left: 20px; position: relative; margin-right: 90px;}
.note_list li > p:after {content:''; display: block; width: 4px; height: 4px; background-color: #595959; position: absolute; top: 50%; margin-top: -2px; left: 8px;}
.note_list li .date {position: absolute; top: 0; right: 0; height: 44px; line-height: 44px;}

.m5 {padding: 100px 0 100px; background: url('/assets/images/main/m5_bg.jpg') 50% 50% no-repeat; background-size: cover;}
.m5 .list_box {max-width:285px; }
.m5 .list_box a {display: block; width: 100%; height: 100%;}
.m5 .img_wrap {position: relative; padding-top: 69%; overflow: hidden;}
.m5 .img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform:translate(50%,50%);}
.m5 .img img {position: absolute; top: 0; left: 0;width: 100%; max-width:100%; height: auto;  transform:translate(-50%,-50%); transition:.25s;}
.m5 .txt_wrap { background-color: #fff; padding: 20px; min-height:128px; position: relative; z-index: 1; }
.m5 .txt_wrap:after {content:''; display: block; width: 100%; height: 5px; background-color: #00af50; position: absolute; bottom: 0; left: 0; transition:.25s; z-index: 0;}
.m5 .txt { position: absolute; top: 0px; left: 0px; width: 100%; padding: 20px; z-index: 1;}
.m5 .title {white-space:normal; width: 245px; line-height: 1.33; height: 46px; text-align: left; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-overflow: ellipsis; overflow: hidden; }
.m5 .date {color: #666; margin-top: 10px;}
/* .m5 .list_box a:hover img {transform:scale(1.1);} */
.m5 .list_box a:hover img {opacity: .8;}
.m5 .list_box a:hover .txt_wrap {/* background-color: #00af50; */ color: #fff;}
.m5 .list_box a:hover .txt_wrap:after {height: 100%;}
.m5 .list_box a:hover .date {color: #fff;}
/* m5 slide */
.m5 .slick-dots {bottom: -40px;}
.m5 .slick-dots li {width: 50px; height: 5px; background-color: #cfcfcf;margin: 0 6px;}
.m5 .slick-dots li.slick-active {background-color: #1f1f1f;}
.m5 .slick-dots li button {}
.m5 .slick-dots li button:before {display: none;}

.m6 {padding: 100px 0 100px;}
.m6 .left {float: left; width: 46%;}
.m6 .right {float: right; width: 46%;}
.m6 h3 {position: relative;}
.m6 h3 span {position: absolute; bottom: 0; right: 0;}

.m7 {padding: 55px 0 55px; background-color: #f5f5f5;}
.m7 .left {float: left;width: 25%;}
.m7 .left .txt_wrap {margin-top: 15px; }
.m7 .left .txt_wrap p {display: inline-block;width: 200px; height: 90px; padding: 20px; background-color: #e5e5e5; border-radius:15px;}
.m7 .left a {display: block; width: 100%; height: 100%; }
.m7 .left a img {margin-left: 10px;transition:.25s;}
.m7 .left a:hover img {margin-left: 20px;} 
.m7 .left1 {float: left;width: 37.5%; position: relative;}
.m7 .left1 a {display: inline-block; padding: 15px 45px ; background-color: #e5e5e5; border-radius:15px; transition:.25s;}
.m7 .left1 a:hover {background-color: #333; color: #fff;}
/* .m7 .left1:before {content:''; display: block; width: 105px; height: 98px; background: url('../images/main/icon_kakao.png') 0 0 no-repeat; position: absolute; top: 50%; right: 60px; transform:translateY(-50%); } */
.m7 .left1 .txt_wrap {margin-top: 30px; color: #381c02;}
.m7 .right {float: right;width: 37.5%; position: relative;}
.m7 .right:before {content:''; display: block; width: 105px; height: 98px; background: url('../images/main/icon_tel.png') 0 0 no-repeat; position: absolute; top: 47%; right: 20px; transform:translateY(-50%); }
.m7 .right .txt_wrap {margin-top: 30px;}
.m7 .right .txt_wrap .txt36 {line-height: 1.2;}

.m8 {padding: 55px 0 55px;}
.m8 .btn {position: absolute; top: 0; left: 250px; }
.m8 .btn a {width: 260px; height: 55px; line-height: 55px; padding-left: 20px; background-color: #00af50; border-radius:10px;}
.m8 .btn a img {margin-left: 100px; transition:.25s;}
.m8 .btn a:hover {background-color: #444;}
.m8 .btn a:hover img {margin-left: 110px;}


.img_layer {position: relative;}
.img_layer:before {content:''; display: block; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.7);  padding-top: 38%; font-size: 18px; color: #fff; position: absolute; top: 0; left: 0; z-index: 1; cursor:default;}
.img_layer1:before {content:'[공유완료]';}
.img_layer2:before {content:'[배송완료]';}


@media all and (max-width:2000px){

}
@media all and (max-width:1200px){
	#main_visual_wrap .txt_area {left: 20px; margin-left: 0;}
	.m0 {background-position: 50% 0;}
	.m0 ul {width: 90%; margin: 88px 5% 0;}
	.m1 {padding: 100px 20px 100px;}
	.m2 {padding: 100px 20px 100px;}
	.m3 {padding: 100px 20px 100px;}
	.m3_1 {padding: 100px 20px 100px;}
	.m3_2 {padding: 100px 20px 100px;}
	.m4 {padding: 100px 20px 100px;}
	.m5 {padding: 100px 20px 100px;}
	.m6 {padding: 100px 20px 100px;}
	.m7 {padding: 55px 20px 55px; }
	.m8 {padding: 55px 20px 55px; }
	.m5 .list_box { max-width:100%; padding: 0 5px;}
	.m5 .title {width: 100%;}
	.m5 .img {height: auto;}


}
@media all and (max-width:1000px){
	.txt106{font-size:70px;}
	.txt88,
	.txt74{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt56,
	.txt54{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt46,
	.txt44{font-size:36px;}
	.txt40{font-size:32px;}
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}
	.no_1000 {display: inline;}

	#main_visual_wrap .visual {height: 800px; background-size: cover;}
	#main_visual_wrap .img {width: 60%; text-align: center; top: 5%; left: 20%;  -ms-transform:translateY(0%); -webkit-transform:translateY(0%); transform:translateY(0%); }
	#main_visual_wrap .txt_area {width: 100%; top: auto; bottom: 20%; left: 0; text-align: center;  -ms-transform:translateY(0%); -webkit-transform:translateY(0%); transform:translateY(0%);}
	
	.m1 li .txt_wrap .img {text-align: center; padding-bottom: 70px;}
	.m1 li .txt_wrap .img img {transform:translateX(-50%) scale(0.6)}
	.m2 li .txt_wrap .img {text-align: center; padding-bottom: 70px;}
	.m2 li .txt_wrap .img img {transform:translateX(-50%) scale(0.6)}
	.m2_1 ul {font-size: 0;}
	.m2_1 ul li { float: none; display: inline-block; width: 50%; margin: 20px 0; vertical-align: top;}
	.m2_1 ul li .txt21 {height: 80px;}
	.m4 .left {float: none; width: 100%;	}
	.m4 .right {float: none; width: 100%;	 margin-top: 30px;}
	.m6 .left {float: none; width: 100%;	}
	.m6 .right {float: none; width: 100%;	 margin-top: 30px;}
	.m7 .left {width: 40%;}
	.m7 .left1 {width: 60%;}
	.m7 .right {float: none; width: 100%; clear: both; margin-top: 30px;}
}

@media all and (max-width:768px){
	.txt38 {font-size: 28px;}

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}

	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

	
	.dn_768 {display: none;}
	.no_768 {display: inline;}
	.inline_768 {display: inline;}
	.block_768 {display: block;}
	.block_768.inline_486 {display: block;}

	
	.btn_more {width: 160px; height: 45px; line-height: 45px; font-size: 16px;}
	.btn_more1 {width: 160px; height: 45px; line-height: 45px; font-size: 16px;}
	.btn_more2 {width: 160px; height: 45px; line-height: 45px; font-size: 16px;}
	.btn_more3 {width: 160px; height: 45px; line-height: 45px; font-size: 16px;}
	
	#main_visual_wrap .visual {height: 700px;}
	.btn_scroll {height: 120px;}
	.btn_scroll a .arrow2 {margin-right: 6px;}
	.btn_scroll a .arrow2:nth-child(4) {padding-top: 60px;}
	.btn_scroll a .arrow2:nth-child(5) {padding-top: 70px;}
	.btn_scroll a .arrow2:nth-child(6) {padding-top: 80px;}
	.m0 {bottom: -100px;}

	.m1 {padding: 60px 20px 60px;}
	.m1 ul {width: 80%; margin: 45px 10%;}
	.m1 li {width: 46%; padding-bottom: 45%; margin: 1.5%;}

	.m2_1 {padding: 60px 20px 60px;}
	/* .m2_1 ul li {float: none; display: inline-block; width: 49%; padding: 0 5px;margin-top: 20px; vertical-align: top;}
	.m2_1 ul li:fisrt-child {margin-top: 0;}
	.m2_1 ul li .img img {transform:translate(-50%,-50%) scale(0.5);} */
	
	.m2 {padding: 60px 20px 60px;}
	.m2 ul {width: 80%; margin: 45px 10%;}
	.m2 li {width: 46%; padding-bottom: 45%; margin: 1.5%;}

	.m3,
	.m3_1,
	.m3_2 {padding: 60px 20px 60px;}
	.m3_1 ul {margin: 0;}
	.m3_1 ul li {margin: 10px 0; width: 100%; padding: 30px 20px; height: auto;}
	.m3 .left,
	.m3 .right,
	.m3_2 .left,
	.m3_2 .right {float: none; width: 100%; margin: 10px 0; /* padding-bottom: 200px; */}

	/* .m3 {padding: 60px 20px 60px;}
	.m3 ul {width: 80%; margin: 45px 10%;}
	.m3 li {width: 46%; padding-bottom: 45%; margin: 1.5%;} */

	.m5 .txt {padding: 20px 10px;}
	.m5 .slick-dots li {width: 30px; height: 3px;}
	.m7 .left {float: none; width: 100%;}
	.m7 .left .txt_wrap p {width: 100%;}
	.m7 .left1 {float: none; width: 100%; margin-top: 30px;}
	.m7 .left1:before {-webkit-background-size: 60%;background-size: 60%; top: 90%; right: -40px;}
	.m7 .right:before {-webkit-background-size: 60%;background-size: 60%; top: 90%; right: -40px;}

	.m8 .btn {position: static; margin-top: 30px;}
	
}

@media all and (max-width:486px){
	.txt106{font-size:50px;}
	.txt88{font-size: 40px;}
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt46,
	.txt44{font-size:26px;}
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:23px;}
	.txt32,
	.txt30,
	.txt28{font-size:22px;}
	.txt26,
	.txt24{font-size:20px;}
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}

	.dn_486 {display: none;}
	.no_486 {display: inline;}
	.inline_486 {display: inline;}
	.block_486 {display: block;}
	.block_768.inline_486 {display: inline-block;}
	#main_visual_wrap .visual {height: 560px; }
	#main_visual_wrap .txt_area {}
	#main_visual_wrap .img { width: 80%; top: 7%; left: 10%;}
	.btn_scroll {height: 100px;}
	.btn_scroll a .mouse {margin-right: -10px;}
	.btn_scroll a .txt {margin-left: 0; top: 50%;}
	.btn_scroll a .arrow {margin-right: 0;}
	.btn_scroll a .arrow2 {margin-right: -6px;}

	.m0 {min-height:0}
	.m0 ul {margin: 40px 5% 40px;}
	.m0 li:before {height: 60%; top: 60%;}
	.m0 .img img {transform:translate(-50%,-50%) scale(0.6);}
	.m1 ul {width: 100%; margin: 45px 0; }
	.m1 li .txt_wrap .img {padding-bottom: 30px;}
	.m1 li .txt_wrap .img img {transform:translate(-50%,-40%) scale(0.35);}
	.m2_1 ul li {width: 100%; padding: 0; margin: 15px 0;}
	.m2_1 ul li .img,
	.m2_1 ul li .txt21 {height: auto;}
	/* .m2_1 ul li .img {padding-bottom: 35%;background-size: 65%; background-repeat:no-repeat; } */
	.m2 ul {width: 100%; margin: 45px 0; }
	.m2 li .txt_wrap {width: 110%;}
	.m2 li .txt_wrap .img {padding-bottom: 30px;}
	.m2 li .txt_wrap .img img {transform:translate(-50%,-40%) scale(0.35);}
	.m2 li .txt_wrap .txt20 { font-size: 14px;}
	
	/* .m3 ul {width: 100%; margin: 45px 0; } */

	.m4 .slick-prev, .m4 .slick-next {-webkit-background-size: 60%;background-size: 60%;}
	.m4 .slick-next {right: 2px;}

	
	./* m_area .txt24{font-size:24px;}
	.m_area .txt22,
	.m_area .txt21{font-size:21px;}
	.m_area .txt20,
	.m_area .txt19{font-size:19px;}
	.m_area .txt18,
	.m_area .txt17,
	.m_area .txt16{font-size:16px;}
	.m_area .txt15{font-size:15px;}
	.m_area .txt14{font-size:14px;}
	.m_area .txt12{font-size:12px;} */
}