/* BASIC css start */
/* 211115 morenvy 영광 */

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: none !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: none !important;}

.header_bg {display:none;}
body {padding: 0 0 600px !important;}
#mfooter {position: fixed;}
#contents {padding:0 !important;}
.sub_content {width:100% !important;text-align:center;}
div#comment_top.fixed #mcategory .categoryList > li > .slideSubMenu {top:0;}

/* 공통 : 스와이퍼 스크롤바 */
div.swiper-scrollbar {bottom: 0 !important; left: 0 !important; width: 100% !important; height: 2px !important; border-radius: 0; background-color: #ededed;}
div.swiper-scrollbar div.swiper-scrollbar-drag {border-radius: 0; background-color: #1a1a1a;}

/* 메인이미지 영역 */
.swiper0 .swiper-slide {width:100%; height:100vh; position:relative;}
.swiper0 .swiper-slide-active .bg {transform: scale(1);}
.swiper0 .bg {transform: scale(1.12); transition: 3s ease;}
.swiper0 .bg01, .swiper0 .bg02, .swiper0 .bg03, .swiper0 .bg04, .swiper0 .bg05, .swiper0 .bg06, .swiper0 .bg07 {width:100%; height:100%;}
.swiper0 .main_bg_text {position:absolute; top:50%; right:12%; transform:translateY(-50%); z-index:999;}
.swiper0 .main_bg_text .t01 {margin:0 0 24px;font-size: 3vw;font-weight:700;color:#fff;line-height: 120%;text-align:right;}
.swiper0 .main_bg_text .t02 {font-size:20px; font-weight:400; color:#fff; line-height:32px; text-align:right;}
.swiper0 .wrap_swiper_bt {width:92%; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:14px; font-weight:700;}
.swiper0 .wrap_swiper_bt div {width:auto; height:auto; margin:auto; padding:10px 65px 10px 0; line-height:24px; background:0; transition: padding .3s ease; color:#fff;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev {padding:10px 0 10px 65px;padding-right:0;}
.swiper0 .wrap_swiper_bt div:after {content:""; width:48px; height:1px; position:absolute; top:50%; right:0%; transform:translateY(-50%); opacity:0.6; background:#fff; transition: width .3s ease;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev:after {right:auto; left:0%;}
.swiper0 .wrap_swiper_bt .swiper-button-prev:hover {padding-left:90px;}
.swiper0 .wrap_swiper_bt .swiper-button-next:hover {padding-right:90px;}
.swiper0 .wrap_swiper_bt div:hover:after{width:80px; }
.swiper0 .swiper-pagination0 {display: flex; align-items: center; bottom:210px !important; left:320px !important; text-align:left;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet {width:4px; height:4px; margin-right:36px !important; background:#fff;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet:after {content:""; width:0px; height:0px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0;-webkit-transition: width 0.3s , height 0.3s;-moz-transition: width 0.3s , height 0.3s;-ms-transition: width 0.3s , height 0.3s;-o-transition: width 0.3s , height 0.3s;transition: width 0.3s , height 0.3s;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet-active {width:8px; height:8px; position:relative; background:#fff; opacity:1;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet-active:after {content:""; width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0.4;}

.swiper0 .swiper-slide-active .t01 {-webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper0 .swiper-slide-active .t02 {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}


.swiper0 .swiper-slide .video_bg {background:#000;}

.video_bg {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*padding-bottom: 56.25%;*/
}
.video_bg iframe {
    position: absolute;
    top: -60px;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: calc(100% + 150px);
    border: none;
}
.video_bg::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video-poster {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.video-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}


@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* 메인이미지 스크롤 아이콘 */
.icon-scroll,
.icon-scroll:before{ position:absolute; z-index:1; left:50%;}
.icon-scroll{ width:24px; height:40px; margin-left:-20px; bottom:40px; transform:translateX(-50%); margin-top:-35px; box-shadow:inset 0 0 0 2px #fff; border-radius:25px;}
.icon-scroll:before{content:''; width:4px; height:4px; background:#fff; margin-left:-2px; top:8px; border-radius:4px; animation-duration:1.5s; animation-iteration-count:infinite; animation-name:scroll;}

@keyframes scroll{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(18px);
  }
}

/* 공통타이틀 */
.main_title .t01 {margin:0 0 16px; font-size:40px; font-weight:700; color:#1a1a1a; line-height:56px;letter-spacing:-0.02em;}
.main_title .t02 {font-size:18px; font-weight:400; color:#6a6a6a; line-height:150%;letter-spacing:-0.03em;}


/* section01 (당신의열정)*/
.section01 {display:flex;width:92%;justify-content:center; max-width:1280px; margin:160px auto 0 auto; position:relative;}
.section01 .l_wrap {max-width:}
.section01 .bg{position:relative;}
.section01 .main_bg_text {text-align:left;position:absolute;top:16px;left:30px;}
.section01 .main_bg_text .t01 {margin:0 0 16px; font-size:40px; font-weight:700; color:#1a1a1a; line-height:56px;letter-spacing:-0.02em;}
.section01 .main_bg_text .t02 {font-size:18px; font-weight:400; color:#6a6a6a; line-height:150%;letter-spacing:-0.02em;}
.section01 .item-wrap {max-width:700px;padding:0 24px 20px 24px;}
.section01 .item-wrap .item-cont {width:;}
.section01 .item-wrap .item-cont .item-list {margin:16px 0 0;}
.section01 .swiper-button-next, .section01 .swiper-button-prev {height:28px; background-size: 27px 28px;}
.section01 .item-wrap .item-cont .item-list .prd-info .prd-price{padding-top:8px;}
.section01 .item-wrap .item-cont .item-list .prd-info .prd-name{padding-top:16px;}
.section01 div.swiper-button-prev.swiper-button-prev1-1 {background-image:url('/design/motovelo/0790modernstudio/arrow_l.svg');left:-5px;}
.section01 div.swiper-button-next.swiper-button-next1-1 { background-image:url('/design/motovelo/0790modernstudio/arrow_r.svg');right:-5px;}

.r_wrap .r_ban img {width:540px; border-radius:5px;}

@media all and (max-width:1920px) {
	.r_wrap .r_ban img {width:500px;}
}

/* section02 (모토밸로 티비) */
.section02 {width:80%; margin: auto 0 0 auto;}
.section02 .inner {display:flex;}
.section02_title {margin-right:80px;width:100%;max-width:340px;}
.section02  .main_title .t02 {margin-bottom:120px;width:340px;}
.section02  .main_title .t03 a{font-size:14px;}
.section02 .swiper-slide {width:700px !important;max-width:700px; height:auto; position:relative;}
.section02 .swiper-slide img {width:100%;}


.section02 .swiper-slide a span {width: 34px;height: 40px;position: absolute;top: 50%;left: 50%; margin-left: -17px;margin-top: -20px;}
.section02 .swiper-slide a span img {width: 34px; height: 40px; border-radius: 0;}

.section02 .main_title .t03 img {margin-left:16px;}
.section02 .main_title .t03:hover img {transform:translateX(20px);}
.section02 .main_title .t03:hover img {filter: brightness(50%); -ms-filter: brightness(50%);}
.section02 .main_title .t03:hover  {opacity:1; transform:translateY(0);}

.section02 .swiper-slide .slide_txt01 {font-size:16px;font-weight:700;color:#3a3a3a;line-height:1.2;word-break:keep-all;text-align:center;width:90%;margin:0 auto;display:none;padding-top:16px;}
.section02 .swiper-slide .slide_txt02 {font-size:13px;font-weight:400;color:#9a9a9a;line-height:1.2;word-break:keep-all;text-align:center;width:90%;margin:10px auto 0;}
.section02 .swiper-slide-active .slide_txt01 {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;-webkit-animation-delay:0.2s; animation-delay:0.2s;display:block}
.section02 .swiper-slide-active a {box-shadow:  0 10px 10px -5px #ddd; -webkit-box-shadow: 0 10px 10px -5px #ddd;display:block;}



/* 메인 스위트TV */
.mm_sec06 {margin:30px auto 0;height:700px;position:relative;}
.mm_sec06 .mm_sec06_inner {max-width: 1920px; margin: 0 0 0 auto; position: relative; overflow: hidden; padding-top: 150px;width:92%;}
/* .mm_sec06 .mm_sec06_bg {background-color:#fff;position:absolute;top:0;left:0;width:20%;height:500px;padding:100px 0;z-index:1;}*/

.swiper-container.swiper4_txt {width:335px;height:500px;float:left;background-color:#fff;position:absolute;top:130px;left:0;z-index:5;}
.swiper-container.swiper4_txt .main_title {position:absolute;top:0px;z-index:6;}
.swiper-container.swiper4_txt .swiper-slide {background-color:#fff;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt {position:absolute;width:300px;height:420px;display:flex; justify-content:center; flex-direction: column;padding-top:70px;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt .sweet_board_subject {font-size: 30px;font-weight: 600;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt .slide_txt01 {font-size:20px;font-weight:400;color:#3a3a3a;line-height:150%;word-break:keep-all;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt .slide_txt02 {font-size:18px;font-weight:400;color:#9a9a9a;line-height:28px;margin-top:20px;word-break:keep-all;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt a.slide_link {font-size:16px;font-weight:500;color:#3a3a3a;padding:15px 50px 15px 25px;border-radius:60px;border:2px solid #3a3a3a;margin-top:50px;display:inline-block;background:url('/design/motovelo/0790modernstudio/icon_sweet_arrow.png') no-repeat 86% center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-container.swiper4_txt .swiper-slide .slide_txt a.slide_link:hover {background:url('/design/motovelo/0790modernstudio/icon_sweet_arrow.png') no-repeat 82% center;}
.swiper-container.swiper4_txt .swiper-slide-active .slide_txt .slide_txt01 {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.swiper-container.swiper4_txt .swiper-slide-active .slide_txt .slide_txt02 {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.swiper-container.swiper4_txt .swiper-slide-active .slide_txt a.slide_link {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;-webkit-animation-delay:1s; animation-delay:1s;}
.swiper-container.swiper4 {width:100%;height:394px;padding:0 0 80px 350px;float:left;overflow:hidden;}
.swiper-container.swiper4 .swiper-slide {width:700px;text-align:center;padding-left:30px;}
.swiper-container.swiper4 .swiper-slide .sweet_board_subject {display:none;}
.swiper-container.swiper4 .swiper-slide a {position:relative;display:block;text-align:center;margin:0 auto;cursor:pointer;overflow:hidden;border-radius:60px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.swiper-container.swiper4 .swiper-slide a::after {content:"";position: absolute; z-index: 10; top: 0px; left: 0px;right:0;margin:0 auto; background: rgba(0,0,0,0.5); width:700px; height: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.swiper-container.swiper4 .real_active a {box-shadow: 0 25px 40px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 25px 40px 1px rgba(0,0,0,0.2);}
.swiper-container.swiper4 .real_active a::after {opacity:0;}
.swiper-container.swiper4 .swiper-slide img {height:394px;border-radius:60px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-container.swiper4 .real_active:hover img {-webkit-transform:scale(1.05)-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.swiper-container.swiper4 .swiper-slide span { position: absolute;left: 50%; top: 50%; margin-top: -48px; margin-left: -40px;}
.swiper-container.swiper4 .swiper-slide span img { width: 80px; height: 96px;border-radius: 0;}


#main_video_content {position:relative;display:none;}
#main_video_content .quick_video_close {
    position: absolute;
    right: -60px;
    top: 0;
    z-index: 100;
    transition: all .3s ease-in-out
}

#main_video_content .quick_video_close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#main_video_content iframe {
    border-radius: 60px
}

@media all and (max-width:1920px) {
	.mm_sec06 .mm_sec06_inner {
		max-width:1600px;
	}
}

@media all and (min-width:2561px) {
	.mm_sec06 .mm_sec06_inner {
		max-width:2560px;
	}
}
/* section03 (New & best)*/
.section03 {width:100%; position:relative; padding:0 0 160px 0;}
.section03:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,48px); width:92%; height:1px; background:#E1E1E1;}
.section03 .section04_title {padding:0 0 50px; text-align:center;}
.section03 .swiper3 {width:92%; max-width:1280px; margin:0 auto;padding-bottom: 104px;}
.section03 .swiper3 .thumb {width:100%; font-size:0;}
.section03 .swiper3 .thumb a {display:block; width:100%; text-align:center;  box-sizing:border-box;}
.section03 .swiper-button-prev {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_l.svg') no-repeat center;}
.section03 .swiper-button-next {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_r.svg') no-repeat center;}
.section03 .swiper-pagination {position:static; padding:0 12px; font-size:16px; color:#9a9a9a;}
.section03 .swiper-pagination .swiper-pagination-current {color:#1a1a1a; padding:0 8px 0 0;}
.section03 .swiper-pagination .count {display:inline-block; color:#1a1a1a;}
.section03 .swiper-pagination .count02 {display:inline-block; padding:0 0 0 8px;}
.section03 .wrap_swiper_bt {display:inline-flex; align-items:center; padding:60px 0 0; position: absolute; bottom:0;right: 0;}



/* section04 (purpose)*/
.section04 {width:100%; position:relative; margin-bottom:160px;}
.section04 .section04_title {padding:0 0 50px; text-align:center;}
.section04 .swiper04 {padding:40px 40px 80px;}
.section04 .swiper04 img {width:100%;border: 1px solid #ededed;}
.section04 .swiper04 .thumb {width:100%; font-size:0;}
.section04 .swiper04 .thumb a {display:block; width:100%; text-align:center;  box-sizing:border-box;}
.section04 .swiper04  .slide_txt01 {transition: all 0.3s;}
.section04 .swiper04 .swiper-slide a {width:100%; height:100%; display: block }
.section04 .swiper04 .swiper-slide img {transition: all 0.3s;max-width:100%;}

.section04 .swiper04 .swiper-slide:first-child img {transform:scale(1.1);}
.section04 .swiper04 .swiper-slide:hover .slide_txt01 {display:block;}
.section04 .swiper04 .swiper-wrapper {left:-18%; display:flex;}
.section04 .swiper-button-prev {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_l.svg') no-repeat center;}
.section04 .swiper-button-next {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_r.svg') no-repeat center;}
.section04 .swiper-pagination {position:static; padding:0 12px; font-size:16px; color:#9a9a9a;}
.section04 .swiper-pagination .swiper-pagination-current {color:#1a1a1a; padding:0 8px 0 0;}
.section04 .swiper-pagination .count {display:inline-block; color:#1a1a1a;}
.section04 .swiper-pagination .count02 {display:inline-block; padding:0 0 0 8px;}
.section04 .wrap_swiper_bt {display:inline-flex; align-items:center; padding:60px 0 0; position: absolute; bottom:0;transform:translateX(-50%);left: 50%;}
.section04 .slide_txt01 {font-size:16px;margin-top:16px;text-align:center;font-weight: 500;}


.section04 .swiper-slide.swiper-slide-active img {width:320px;/*transform:scale(1.1);*/}

.section04:before {display:block; content:''; position:absolute; top:36px; left:0; width:calc(50% - 335px); height:100%; border-radius:0 8px 8px 0; background:#f8f8f8}
.section04 .swiper-slide {position:relative; width:320px; height:320px; opacity:0; transition:all 0.1s ease}
.section04 .swiper-slide,
.section04 .swiper-slide * {transition:all 0.3s ease}
.section04 .swiper-slide.swiper-slide-active .slide-cont {width:100%; height:100%; padding:0}
.section04 .swiper-slide.swiper-slide-active .slide_txt01 {display:block;padding-top:16px;}
.section04 .swiper-slide > .slide-cont {width:100%; height:100%; /*padding:25px 0 0 50px;*/ display: block}
.section04 .swiper-slide img {display:block; width:270px; margin:0 auto; border-radius:8px; object-fit:cover}
.section04 .swiper-slide.swiper-slide-active {opacity:1; z-index:3}
.section04 .swiper-slide.swiper-slide-prev {opacity:0}
.section04 .swiper-slide.swiper-slide-prev strong {opacity:0}
.section04 .swiper-slide.swiper-slide-active ~ .swiper-slide {opacity:0.3}




/* section05 (비디오배너) */
.section06 {}
.section05 .inner {display: flex;flex-wrap: wrap;align-items: center; height:960px;}
.section05 .video {position:relative; width:50%; height:100%;}
.section05 .video .thumbnail{position: relative;width: 100%;height:100%;}
.section05 .video .thumbnail:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);opacity:0; transition:0.3s;}
.section05 .video.on .thumbnail:before{opacity:1; transition:0.5s 0.4s;}
.section05 .video .thumbnail span{width: 100%;height: 100%;display: block;}
.section05 .video .btn_g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display:block; cursor: pointer;}
.section05 .video .btn_g button {display:block; overflow:inherit; border: 0; background:transparent;}
.section05 .video .btn_g circle{stroke-dasharray: 500;stroke-dashoffset: 0;transition: 0.7s;}
.section05 .video .btn_g:hover circle{stroke-dashoffset:500; }
.section05 .video .btn_g svg{fill: transparent;transition: 0.9s;}
.section05 .video .btn_g svg circle,
.section05 .video .btn_g svg polyline{stroke: #fff;stroke-width: 4px;}
.section05 .video .btn_g:hover svg{transform:scale(1.3); transition:0.5s 0.4s;}

.section05 .right_txt {display: flex; align-items: center; width:50%; height:100%; background:#F6F6F6;}
.section05 .right_txt .wrap_t {width:100%; margin:0 320px 0 160px;}
.section05 .right_txt .wrap_t .t01 {font-size:48px; font-weight:700; line-height:56px; color:#1a1a1a; white-space:nowrap;    letter-spacing: -0.02em;}
.section05 .right_txt .wrap_t .t02 {margin:32px 0 0; font-size:20px; line-height:32px; color:#6a6a6a;word-break: keep-all; width: 85%;}
.section05 .right_txt .wrap_t .t03 {display:inline-flex; align-items: center; margin:84px 0 0; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.section05 .right_txt .wrap_t .t03 img {margin-left:16px;}
.section05 .right_txt .wrap_t .t03:hover img {transform:translateX(20px);}


/* video popup */
#bg {position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display:none;z-index:2001;}
#video-popup {display:none;position:fixed;top:50%;left:50%;max-width: 1400px;width: 93%;z-index:20000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#video-popup .inner {position:relative;width: 100%;height: 0;padding-top: 56%;}
#video-popup .close {display:block; width:100%; height:100%; z-index:-1; background:transparent;}
#video-popup iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#video-popup .popup-close {position: absolute;right: 0;top: -50px; z-index:-1; cursor: pointer;width: 35px;height: 35px;}
#video-popup .popup-close:before,
#video-popup .popup-close:after {display:block;content:"";position: absolute;top: 17px;left: -7px; z-index:-1; width: 50px; height: 2px; background: #fff;transform: rotate(45deg);}
#video-popup .popup-close:after {transform: rotate(-45deg);}
/* popup */
#layer-popup {display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#layer-popup .popup-close {position:relative; text-align:right; cursor:pointer; z-index:1000; top:60px; right:30px;}
#layer-popup .inner {width:1200px; margin:0 auto; height:695px;  padding:100px 75px; background:#fff; box-sizing: border-box;}
#layer-popup .inner h1 {text-align:left;font-size:30px;font-weight:500;color:#362e2b;line-height:28px}
#layer-popup .inner pre {width:100%;margin:0 auto;height:432px;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;border-top:1px solid #cfcdcd;border-bottom:1px solid #cfcdcd;background:#f5f5f5;font-family:'Noto Sans KR';font-size:17px;color:#362e2b;padding:50px 30px;margin-top:28px}
#layer-popup .sub_tit {font-weight:500;font-size:20px}
#layer-popup .inner pre table td,#text-popup .inner pre table th {border:1px solid #000;padding:2px}
#layer-popup.find .inner {width:650px;height:468px;padding:184px 0 0;background:#fff url(../img/page/find_idpw_popup.jpg) no-repeat center top}
#layer-popup.find .inner .pop_title {text-align:center; font-size:26px;font-weight:500;color:#362e2b}


/* section06 (all product) */
.section06 {width:100%; margin:0px auto; padding:160px 0 0;}
.section06 .section06_title {margin:0 0 80px; text-align:center;}
.section06 .inner {font-size:0; overflow:hidden;}
/* .section06 .inner .por_thumb {display:inline-block; width:33.33%; position:relative;} */
.section06 .inner .por_thumb {display:inline-block; width:33.333%; position:relative;}
.section06 .inner .por_thumb .thumb {display:inline-block; width:100%;}
.section06 .inner .por_thumb .thumb img {width:100%;}
.section06 .inner .por_thumb .inner_t {display:flex; width:100%; height:100%; position:absolute; top:0; left:0;}
.section06 .inner .por_thumb .inner_t .wrap_t {opacity:0; display: flex; flex-direction: column; width:100%; padding:120px 64px 120px 40px; transform:translateY(60px);}
.section06 .inner .por_thumb .inner_t .wrap_t .t01 {font-size:24px; font-weight:700; color:#fff; line-height: 32px;}
.section06 .inner .por_thumb .inner_t .wrap_t .t02 {margin:16px 0 auto; font-size:18px; line-height:24px; color:#fff;}
.section06 .inner .por_thumb .inner_t .wrap_t .t03 {display:inline-flex; align-items: center; font-size:16px; font-weight:500; color:#fff; line-height: 24px;}
.section06 .inner .por_thumb .inner_t .wrap_t .t03 img {margin-left:16px;}
.section06 .inner .por_thumb .inner_t .wrap_t .t03:hover img {transform:translateX(20px);}
.section06 .inner .por_thumb:hover .thumb img {filter: brightness(50%); -ms-filter: brightness(50%);}
.section06 .inner .por_thumb:hover .inner_t .wrap_t {opacity:1; transform:translateY(0);}


/* section_prd (recommended item)*/
.section_prd {display:flex;width:92%; max-width:1280px; margin:160px auto 140px auto; position:relative;}
.section_prd .section01_title.main_title {margin-right:80px;width:100%;max-width:450px;}
.section_prd .section01_title.main_title {font-size:48px;}
.section_prd .section01_title.main_title .t02 {text-align:left;}
.section_prd .swiper_prd {width:840px; margin:-30px 0 0 auto;}
.section_prd .swiper_prd .wrap_works {display:flex; justify-content: space-between;  position:relative;}
.section_prd .swiper_prd .wrap_works .work_thumb {display:flex;}
.section_prd .swiper_prd .wrap_works .work_thumb .thumb {display:flex; flex-direction:column; position:relative; font-size:0;}
.section_prd .swiper_prd .wrap_works .work_thumb .thumb01 {margin-right:40px;}
.section_prd .swiper_prd .wrap_works .work_thumb .thumb .work_t01 {display:inline-block; padding:24px 0 0; font-size:20px; font-weight:500; color:#1a1a1a; line-height:32px;}
.section_prd .swiper_prd .wrap_works .work_thumb .thumb .work_bt {display:flex; align-items:center; justify-content:center; opacity:0; width:120px; height:120px; margin:-12px 0 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.4); font-size:14px; font-weight:700; color:#1a1a1a; line-height:18px; text-align:center; background:#fff; border-radius:50%;}
.section_prd .swiper_prd .wrap_works .work_thumb .thumb:hover .work_bt {opacity:1;top:50%;transform:translate(-50%,-50%) scale(1); }
.section_prd .swiper_prd .wrap_works .work_thumb .work_bt:hover {color:#fff; background:#1a1a1a;}
.section_prd .swiper-button-prev {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_l.svg') no-repeat center;}
.section_prd .swiper-button-next {width:24px; height:20px; margin:0; position:static; background:url('/design/motovelo/0790modernstudio/arrow_r.svg') no-repeat center;}
.section_prd .swiper-pagination {position:static; padding:0 12px; font-size:16px; color:#9a9a9a;}
.section_prd .swiper-pagination .swiper-pagination-current {color:#1a1a1a; padding:0 8px 0 0;}
.section_prd .swiper-pagination .count {display:inline-block; color:#1a1a1a;}
.section_prd .swiper-pagination .count02 {display:inline-block; padding:0 0 0 8px;}
.section_prd .wrap_swiper_bt {display:flex; align-items:center; position:absolute; bottom:20px; left:0%;}


/* section08 (뉴스) */
.section08 { padding:160px 0;background: #f6f6f6;}
.section08 .section08_inner {width:92%; max-width:1280px; margin:0px auto;}
.section08 .section08_inner .wrap_notice {padding:80px 0 0; position:relative;font-family: 'Spoqa Han Sans Neo', sans-serif;}
.section08 .section08_inner .wrap_notice .nt_info {display: flex; justify-content: space-between; padding:36px 0; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.section08 .section08_inner .wrap_notice .nt_info:hover {background:#fbfbfb;}
.section08 .section08_inner .wrap_notice ul li:first-child .nt_info { border-top:1px solid #e8e8e8;}
.section08 .section08_inner .wrap_notice .nt_info .nt_name {font-size:20px; color:#3a3a3a; line-height: 24px;}
.section08 .section08_inner .wrap_notice .nt_info .nt_count {display:inline-block; font-size:16px; color:#9a9a9a; line-height: 24px;}
.section08 .section08_inner .notice_more {display:flex; align-items: center; position:absolute; right:0; bottom:100%; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.section08 .section08_inner .notice_more img {margin-left:16px;}
.section08 .section08_inner .notice_more:hover img {transform:translateX(20px);}
/* BASIC css end */