@charset "utf-8";
@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Handletter';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ghanachoco';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ghanachoco.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main_copy > span{  font-family: 'Handletter';     font-size: 2em}
/* scroll */
.scroll {
  position: absolute; bottom: 20px; left: 50%; 
  transform: translatex(-50%);
  z-index: 2;
  display: inline-block;
  color: #fff;
  transition: opacity .3s;
}
.scroll:hover {opacity:.5;}

.pc_p{}
.mo_p{display:none;}
#scene1 a, #scene2 a, #scene3 a {padding-top: 60px;}
#scene1 a span, #scene2 a span, #scene3 a span {position: absolute;  top: 0;  left: 50%;  width: 24px;   height: 24px;  margin-left: -12px;   border-left: 1px solid #fff;  border-bottom: 1px solid #fff;  transform: rotate(-45deg);   box-sizing: border-box;}



/* layout */
#wrap.index_wrap{overflow:hidden;transition-duration:0.8s;-webkit-transition-duration:0.8s;}

#container.index_container{padding-top:0;padding-bottom:0;}
#wrap.index_wrap.scroll{margin-top:-80px;}

.index .idx_content{position:relative;}
.section{left:0;top:0;width:100%;}
.section .visuacontentl_bg{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center 0;background-size:cover;opacity:0.5;-webkit-transition-duration:1s; -webkit-transition-delay:0.3s; transition-duration:1s; transition-delay:0.3s;}
.section.active .visual_bg{opacity:1;}

.mainIndi {position:absolute; width:95px; top:50%; z-index:9999999999; margin-top:-162px; text-align:center; right:0;}
.mainIndi li { margin:15px 0; transition:all 0.4s ease;}
.mainIndi li:first-child {margin-top:0;}
.mainIndi li a {display:inline-block; vertical-align:top; position:relative; height:5px; margin:0 auto; border-radius:0; background:#fff; width:30px; transition:all 0.4s ease;}
.mainIndi li a span {display:block; color:#fff;  position:absolute; top:50%; margin-top:-7px; right:0; padding-right:0; width:100px; text-align:right; word-break:keep-all;  white-space:nowrap; font-size:15px; font-weight:500; transition:all 0.4s ease;}
.mainIndi li a span:before {top:-30px; position:absolute; right:0; font-size:23px; opacity:0;}
.mainIndi li a span:after {position:absolute;
    right:0;
    top:50%;
    content:"";
    width:30px;
    height:5px;
    background:#fff;
    transform:scale(0,  1);
    transition:all 0.4s ease;
    transform-origin:left;}
.mainIndi li:nth-child(1) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(1) a span:before {content:"01"}
.mainIndi li:nth-child(2) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(2) a span:before {content:"02"}
.mainIndi li:nth-child(3) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(3) a span:before {content:"03"}
.mainIndi li:nth-child(4) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(4) a span:before {content:"04"}
.mainIndi li:nth-child(5) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(5) a span:before {content:"05"}
.mainIndi li:nth-child(6) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(6) a span:before {content:"06"}
.mainIndi li:nth-child(7) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(7) a span:before {content:"07"}
.mainIndi li:nth-child(8) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(8) a span:before {content:"08"}
.mainIndi li:nth-child(9) a {background-size:5px 5px; background-repeat:no-repeat; background-position:50% 50%}
.mainIndi li:nth-child(9) a span:before {content:"09"}
.mainIndi li.active {height:30px;}
.mainIndi li.active a {background:#fcb016; width:60px;}
.mainIndi li.active a span {}
.mainIndi li.active a span:before {opacity:1; transition:all 0.4s ease;}
.mainIndi li.active a span:after {transform:scale(1,  1);}


#scene1{top:0;}
#scene2{top:100%;}
#scene3{top:100%; position: relative;}
#scene4{top:100%;}
#scene5{top:100%;}
#scene6{top:100%;}
#scene7{top:100%;}
#scene8{top:100%;}
#scene9{top:100%;}

#scene1 .visual_bg{display:block;background:url("/img/main/scene5_bg_.jpg");}
#scene2 .visual_bg{display:block;background:url("/img/main/main_sec02_bg.png"); height:100%;}
#scene3 .visual_bg{display:block;background:#fff url("/img/main/main_sec03_bg.png");}
#scene4 .visual_bg{display:block;background-image:url("/img/main/main_sec02_bg.png");}
#scene5 .visual_bg{display:block;background-image:url("/img/main/main_sec02_bg.png");}
#scene6 .visual_bg{display:block;background-image:url("/img/main/main_sec02_bg.png");}

/* 메인비주얼*/
.m_visual {width:100%; height: 100%; background-size:cover;background:#000;}
.m_visual .mv_bg01{display: block; height: 100%; background:url("/img/main/m_visual_bg01.png") center 0 no-repeat; overflow:hidden;background-size:cover;}
.m_visual .mv_bg001{display: block; height: 100%; background:url("/img/main/m_visual_bg001.png") center 0 no-repeat; overflow:hidden;background-size:cover;}

.m_visual .mv_bg02{display: block; height: 100%; background:url("/img/main/m_visual_bg02.png") center 0 no-repeat; overflow:hidden;background-size:cover;}
.m_visual .mv_bg03{display: block; height: 100%; background:url("/img/main/m_visual_bg03.png") center 0 no-repeat; overflow:hidden;background-size:cover;}

.m_copy {margin:0 auto;text-align:center; color:#fff;text-shadow:10px 10px 10px rgba(0,0,0,.5); padding-top: 20%;}
.m_copy p.st01 {font-size:50px;font-weight:700; padding-bottom:20px; font-family:'Archivo Black', sans-serif; text-transform:uppercase;}
.m_copy p.st02 {font-size:18px;font-weight:400; line-height:25px;}
.m_copy p.st03 {font-size:50px;font-weight:700; padding-bottom:20px;letter-spacing:-0.05em;font-family:'Archivo Black', sans-serif;}
.m_copy p.st03 span {font-weight:700;font-size:50px;display:inline-block; padding-left:10px; text-transform:uppercase;}
.controller2 {width:100%;text-align:center;position:absolute; z-index:10;top:720px;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 0;}

.m_tit {color:#fff;text-align:center; padding-bottom: 80px;}
.m_tit p.st01{font-size:40px;font-weight:800; padding-bottom:20px; font-family: 'Archivo Black', sans-serif; text-transform:uppercase;display:block;}
.m_tit p.st02{font-size:18px;font-weight:400;}
.m_tit p.st03{font-size:40px;font-weight:400;font-family:'Archivo Black', sans-serif;color:#FFF; padding-bottom:20px;display:block;}
.m_tit p.st04{font-size:18px;font-weight:400;color:#FFF;}

.section_wrap02{  display: block; position:relative; bottom:0; padding:70px 0 90px 0; background:#fff; clear: both; }
.cont1130 .m_tit {color:#000;text-align:center;}
.cont1130 .m_tit p.st01{font-size:40px;font-weight:800; padding-bottom:20px; font-family: 'Archivo Black', sans-serif; text-transform:uppercase;display:block;}
.cont1130 .m_tit p.st02{font-size:18px;font-weight:400; margin-bottom: 50px;}
.cont1130 .m_tit p.st03{font-size:40px;font-weight:400;font-family:'Noto Sans KR',sans-serif;color:#FFF; padding-bottom:20px;display:block;}
.cont1130 .m_tit p.st04{font-size:18px;font-weight:400;color:#000;}



.m_btn { padding-top:70px; text-align: center; margin:0 auto;}
.m_btn a {background:#de0029; text-align:center;display:inline-block;color:#fff; border-radius:20px; font-size:15px; padding:12px 0; width:160px;}

.sec_vline{background:#fff url("/img/main/mv_line.png") 0 0 repeat-y; width:100px; height:100%;border-left:1px solid #fff;position:absolute;}

/* ���� */
.m_ncar_wrap {background:url("/img/main/main_sec02_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_ncar {width:1000px; margin:0 auto; margin-top:-175px;top:50%;position:relative;}
.m_ncar_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_ncar_con ul {width:50%;display:table; margin:0 auto;}
.m_ncar_con ul li {border-right:1px solid #fff; padding:15px 0; display:table-cell; width:50%;text-align:center;}
.m_ncar_con ul li:last-child { border:none;}

/* ����Ʃ�� */
.m_repair_wrap {background:url("/img/main/main_sec03_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_repair {width:1000px; margin:0 auto; margin-top:-175px;top:50%;position:relative;}
.m_repair_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_repair_con ul {display:table; margin:0 auto;}
.m_repair_con ul li {  display:table-cell; width:125px;text-align:center;}
.m_repair_con ul li.st01 {background:url("/img/main/repair_bg01.png") center 0 no-repeat;}
.m_repair_con ul li.st02 {background:url("/img/main/repair_bg02.png") center 0 no-repeat;}
.m_repair_con ul li.st03 {background:url("/img/main/repair_bg03.png") center 0 no-repeat;}
.m_repair_con ul li.st04 {background:url("/img/main/repair_bg04.png") center 0 no-repeat;}
.m_repair_con ul li.st05 {background:url("/img/main/repair_bg05.png") center 0 no-repeat;}
.m_repair_con ul li a {color:#fff;padding:130px 0 0 0; display:block; font-size:14px;font-weight:500;}

/* wheel */
.m_wheel_wrap {background:url("/img/main/main_sec04_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_wheel {width:1000px; margin:0 auto; margin-top:-175px;top:50%;position:relative;}
.m_wheel_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_wheel_con ul {display:table; margin:0 auto;}
.m_wheel_con ul li {  display:table-cell; width:125px;text-align:center;}
.m_wheel_con ul li.st01 {background:url("/img/main/wheel_bg01.png") center 0 no-repeat;}
.m_wheel_con ul li.st02 {background:url("/img/main/wheel_bg02.png") center 0 no-repeat;}
.m_wheel_con ul li.st03 {background:url("/img/main/wheel_bg03.png") center 0 no-repeat;}
.m_wheel_con ul li.st04 {background:url("/img/main/wheel_bg04.png") center 0 no-repeat;}
.m_wheel_con ul li a {color:#fff;padding:130px 0 0 0; display:block; font-size:14px;font-weight:500;}

/* wash */
.m_wash_wrap {background:url("/img/main/main_sec05_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_wash {width:1000px; margin:0 auto; margin-top:-175px;top:50%;position:relative;}
.m_wash_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_wash_con ul {display:table; margin:0 auto;}
.m_wash_con ul li {  display:table-cell; width:125px;text-align:center;}
.m_wash_con ul li.st01 {background:url("/img/main/wash_bg01.png") center 0 no-repeat;}
.m_wash_con ul li.st02 {background:url("/img/main/wash_bg02.png") center 0 no-repeat;}
.m_wash_con ul li.st03 {background:url("/img/main/wash_bg03.png") center 0 no-repeat;}
.m_wash_con ul li.st04 {background:url("/img/main/wash_bg04.png") center 0 no-repeat;}
.m_wash_con ul li a {color:#fff;padding:130px 0 0 0; display:block; font-size:14px;font-weight:500;}

/* coat */
.m_coat_wrap {background:url("/img/main/main_sec06_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_coat {width:1000px; margin:0 auto; margin-top:-175px;top:50%;position:relative;}
.m_coat_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_coat_con ul {display:table; margin:0 auto;}
.m_coat_con ul li {  display:table-cell; width:130px;text-align:center; letter-spacing:-0.09em;}
.m_coat_con ul li.st01 {background:url("/img/main/coat_bg01.png") center 0 no-repeat;}
.m_coat_con ul li.st02 {background:url("/img/main/coat_bg02.png") center 0 no-repeat;}
.m_coat_con ul li.st03 {background:url("/img/main/coat_bg03.png") center 0 no-repeat;}
.m_coat_con ul li.st04 {background:url("/img/main/coat_bg04.png") center 0 no-repeat;}
.m_coat_con ul li.st05 {background:url("/img/main/coat_bg05.png") center 0 no-repeat;}
.m_coat_con ul li.st06 {background:url("/img/main/repair_bg06.png") center 0 no-repeat;}
.m_coat_con ul li.st07 {background:url("/img/main/repair_bg07.png") center 0 no-repeat;}
.m_coat_con ul li.st08 {background:url("/img/main/repair_bg08.png") center 0 no-repeat;}
.m_coat_con ul li a {color:#fff;padding:130px 0 0 0; display:block; font-size:14px;font-weight:500;font-family: 'Archivo Black', sans-serif;}

/* Ŀ�´�Ƽ */
.m_comm_wrap {background:#e6e5e6 url("/img/main/main_sec07_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden; background-size:cover;}
#scene3 .m_comm{margin-top: -310px;}
.m_comm {width:100%; margin:0 auto; margin-top:-200px;top:50%;position:relative;}
.m_comm_con {display:table; margin:0 auto; padding-top:0px;}
.m_comm_con ul li {  display:table-cell; width:25%;text-align:center; float:left;}
.m_comm_view {width:85%; margin:0 auto;}
.m_comm_view .m_comm_view_img {height:220px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_comm_view .m_comm_view_img img {width:100%;}
.m_comm_view .m_comm_view_txt {text-align:center; padding:25px 0 0 0;}
.m_comm_view .m_comm_view_txt p.cate {color:#f9b939; font-size:13px;display:block; padding-bottom:7px;}
.m_comm_view .m_comm_view_txt p.tit {color:#fff; font-size:15px;display:block; padding-bottom:12px;font-weight:700;}
.m_comm_view .m_comm_view_txt p.txt {color:#fff; font-size:15px;display:block;}

/* reserv */
.m_reser_wrap {background:url("/img/main/main_sec08_bg.png") 50% 100% no-repeat;height:100%;overflow:hidden;background-size:cover;text-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_reser {width:1000px; margin:0 auto; margin-top:-150px;top:40%;position:relative;}
.m_reser_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_reser_con ul {display:table; margin:0 auto;}
.m_reser_con ul li {  display:table-cell;text-align:left; padding:5px 35px 5px 65px;}
.m_reser_con ul li.st01 {background:url("/img/main/reser_bg01.png") 0 0 no-repeat;}
.m_reser_con ul li.st02 {background:url("/img/main/reser_bg02.png") 0 0 no-repeat;}
.m_reser_con ul li p.tit {font-size:16px;color:#fff; display:block;}
.m_reser_con ul li p.txt {font-size:16px;color:#fff;}
.m_reser_con ul li p.txt span {color:#fcb016;font-size:14px;font-family:'Noto Sans KR',sans-serif;}
.m_reser_con p.m_phone {padding:30px 0; font-size:25px; color:#fff;background:url("/img/main/reser_line.png") center 0 no-repeat;font-weight:300;font-family:'Noto Sans KR',sans-serif;}
.m_reser_con p.m_phone span {display:inline-block; padding-left:20px;font-size:30px;font-weight:600;font-family: 'Archivo Black', sans-serif;}

.nm_foot_wrap {background:#303030; height:100%;overflow:hidden;}
.nm_foot { margin-top:-150px;top:50%;position:relative;}

.section_wrap{position:relative;top:0;left:0;height:100%; width:100%; background:#303030;}
.section_wrap.main_bg01 {background:url('/img/main/sec/m_visual_bg01.png') no-repeat left top/ cover;}
.section_wrap.main_bg02 {background:url('/img/main/sec/m_visual_bg02.png') no-repeat left top/ cover;}
.section_wrap.main_bg03 {background:url('/img/main/sec/m_visual_bg03.png') no-repeat left top/ cover;}
.section_wrap.main_bg04 {background:url('/img/main/sec/m_visual_bg04.png') no-repeat left top/ cover;}

.main_copy {color:#fff; font-size:1.8em; letter-spacing:-0.05em; font-weight:500;}
.main_copy  p { font-weight:300; font-size:2.5em;}
.main_copy  p + p{font-family:'noto sans kr'; font-size:0.6em; font-weight:300; margin-top:20px;}
.main_copy b{color:#fcb016; font-family: 'KIMM_Bold'; }

.section_wrap .main_copy{position: absolute; top: calc(100%/2.5);  right:calc(100%/3.3); text-align:center;}
#scene2 .section_wrap .main_copy{right:calc(100%/2.8);}
#scene3 .section_wrap .main_copy{right:calc(100%/2.9);}
#scene4 .section_wrap .main_copy{top:calc(100%/3.5); right:calc(100%/2.9);}
#scene2 .main_copy b {background: linear-gradient(to right top, #ff5e0a, #ffd400); color: transparent;   -webkit-background-clip: text;}
#scene3 .main_copy b {background:linear-gradient(to right top, #ffcf0a, #ff9400); color: transparent;   -webkit-background-clip: text;}
#scene4 .main_copy b {background: linear-gradient(to right top, #ff5e0a, #ffd400); color: transparent;   -webkit-background-clip: text;}

.section_wrap.main_bg04 .main_copy{top: 32%; }
.main_copy p em{font-weight:bold; margin-top:10px; display:block;}
/*
.section_wrap.main_bg02 .main_copy{position: absolute; top: 60%;  left: 10%;}
.section_wrap.main_bg03 .main_copy{position: absolute; top: 58%;  left: 18%;}
.section_wrap.main_bg04 .main_copy{position: absolute; top: 32%;  left: 18%;}
*/

.section_container{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;margin:0 auto;width:100%;height:100%;z-index:1;}

.m_reser_wrap .footer{ position:absolute; bottom:0; padding:70px 0 20px 0;}

.cont1130{}

/**********************************************************/
@media only screen and (max-width: 767px) {
.main_copy {width:100%; margin:0 auto; }
.main_copy > span { font-size: 1.5em;}
.main_copy  p {font-weight:700; font-size:1em;}
.main_copy  p + p{font-family:'noto sans kr'; font-size:13px; font-weight:300;}
.main_copy b{display:;font-size:1.2em; margin-bottom:30px;}
.main_copy b:nth-child(3){display:block;}
#scene1 .section_wrap .main_copy{right:0;}
#scene2 .section_wrap .main_copy{right:0;}
#scene3 .section_wrap .main_copy{right:0;}
#scene4 .section_wrap .main_copy{top:calc(100%/3); right:0;}
.section_wrap.main_bg04 {background: url(/img/main/sec/m_visual_bg04.png) no-repeat right top/ cover;}



#navi2{display: none; overflow: hidden;}
.mainIndi {display:none;}

/* ���־� */
.m_visual {width:100%; overflow:hidden;background-size:cover;background:#000;}
.m_visual .mv_bg01{background:url("/img/main/m_visual_bg01.png") center 0 no-repeat; overflow:hidden;background-size:cover;}
.m_visual .mv_bg001{background:url("/img/main/m_visual_bg001.png") center 0 no-repeat; overflow:hidden;background-size:cover;}

.m_visual .mv_bg02{background:url("/img/main/m_visual_bg02.png") center 0 no-repeat; :hidden;background-size:cover;}
.m_visual .mv_bg03{background:url("/img/main/m_visual_bg03.png") center 0 no-repeat; overflow:hidden;background-size:cover;}

.m_copy {width:90%; margin-top:50%; }
.m_copy p.st01 {font-size:22px; padding-bottom:10px; }
.m_copy p.st02 {font-size:13px; line-height:20px;}
.m_copy p.st03 {font-size:20px; padding-bottom:10px;}
.m_copy p.st03 span {font-size:20px;padding-left:5px;;}
.controller2 {width:100%;text-align:center;position:absolute; z-index:10;top:420px;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 0;}
.controller2 .rollbtn a img {height:18px;}

.section_wrap02{display: block; bottom:0; padding:70px 0 20px 0; background:#fff; clear: both; }

    
.m_reser_wrap .cont1130{display:inline-block;padding:5px 0;}
.m_maincont {width:100%; position:absolute; z-index:10;top:600px;clear:both;text-align:center;}
.m_maincont ul {margin:0 auto; width:1100px; }
.m_maincont ul li {width:19.4%; margin:0 0.3%;  float:left;}
.m_maincont ul li a { display:block; height:237px;}
.m_maincont ul li a.baro01 {background:#fff url("/img/main/service_ico01.png") center 40px no-repeat;}
.m_maincont ul li a.baro01:hover {background:#002d62 url("/img/main/service_ico01_on.png") center 40px no-repeat;}
.m_maincont ul li a.baro02 {background:#fff url("/img/main/service_ico02.png") center 40px no-repeat;}
.m_maincont ul li a.baro02:hover {background:#002d62 url("/img/main/service_ico02_on.png") center 40px no-repeat;}
.m_maincont ul li a.baro03 {background:#fff url("/img/main/service_ico03.png") center 40px no-repeat;}
.m_maincont ul li a.baro03:hover {background:#002d62 url("/img/main/service_ico03_on.png") center 40px no-repeat;}
.m_maincont ul li a.baro04 {background:#fff url("/img/main/service_ico04.png") center 40px no-repeat;}
.m_maincont ul li a.baro04:hover {background:#002d62 url("/img/main/service_ico04_on.png") center 40px no-repeat;}
.m_maincont ul li a.baro05 {background:#fff url("/img/main/service_ico05.png") center 40px no-repeat;}
.m_maincont ul li a.baro05:hover {background:#002d62 url("/img/main/service_ico05_on.png") center 40px no-repeat;}
.m_maincont ul li a span.txt01 {font-size:17px; color:#000; display:block; padding:110px 0 15px 0;background:url("/img/main/service_line.png") center bottom no-repeat;}
.m_service ul li a:hover span.txt01 {color:#fff;background:url("/img/main/service_line_on.png") center bottom no-repeat;}
.m_maincont ul li a span.txt02 {font-size:14px; color:#777; line-height:22px; padding-top:15px; display:block;}
.m_maincont ul li a:hover span.txt02 {color:#fff;}
    


.m_tit { padding-bottom: 50px;}
.m_tit p.st01{font-size:20px; padding-bottom:10px;}
.cont1130 .m_tit p.st01{font-size:20px;}    
.cont1130 .m_tit p.st02{font-size:14px; letter-spacing: -0.09em;}
  
.m_tit p.st02{font-size:13px;}
.m_tit p.st03{font-size:17px; padding-bottom:10px;}
.m_tit p.st04{font-size:13px;}
.m_tit p span {display:none;}
.m_btn { padding-top:30px;}
.m_btn a {border-radius:20px; font-size:14px; padding:10px 0; width:150px;}

.sec_vline{background:#fff url("/img/main/mv_line.png") 0 0 repeat-y; width:100px; height:100%;border-left:1px solid #fff;position:absolute;}

    
/* ���� */
.m_ncar {width:90%;margin-top:-180px;}
.m_ncar_con {width:100%; padding-top:20px;}
.m_ncar_con ul li img {width:90%;}

/* ����Ʃ�� */
.m_repair {width:90%; margin:0 auto; margin-top:-140px;}
.m_repair_con {width:100%; padding-top:30px; position:relative;text-align:center;}
.m_repair_con ul {display:table; margin:0 auto;}
.m_repair_con ul li {  display:table-cell; width:20%;text-align:center;}
.m_repair_con ul li.st01 {background-size:50px auto;}
.m_repair_con ul li.st02 {background-size:50px auto;}
.m_repair_con ul li.st03 {background-size:50px auto;}
.m_repair_con ul li.st04 {background-size:50px auto;}
.m_repair_con ul li.st05 {background-size:50px auto;}
.m_repair_con ul li a {padding:70px 5px 0 5px; font-size:12px;}

/* wheel */
.m_wheel {width:90%; margin-top:-120px;}
.m_wheel_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_wheel_con ul {display:table; margin:0 auto;}
.m_wheel_con ul li {  display:table-cell; width:125px;text-align:center;}
.m_wheel_con ul li.st01 {background-size:50px auto;}
.m_wheel_con ul li.st02 {background-size:50px auto;}
.m_wheel_con ul li.st03 {background-size:50px auto;}
.m_wheel_con ul li.st04 {background-size:50px auto;}
.m_wheel_con ul li a {padding:70px 5px 0 5px; font-size:12px;}

/* wash */
.m_wash {width:90%; margin-top:-120px;}
.m_wash_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_wash_con ul {display:table; margin:0 auto;}
.m_wash_con ul li {  display:table-cell; width:125px;text-align:center;}
.m_wash_con ul li.st01 {background-size:50px auto;}
.m_wash_con ul li.st02 {background-size:50px auto;}
.m_wash_con ul li.st03 {background-size:50px auto;}
.m_wash_con ul li.st04 {background-size:50px auto;}
.m_wash_con ul li a {padding:70px 5px 0 5px; font-size:12px;}

/* coat */
.m_coat {width:90%; margin-top:-150px;}
.m_coat_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_coat_con ul {display:table; margin:0 auto;}
.m_coat_con ul li {  display:inline-block; width:25%;text-align:center;vertical-align:top; height:90px;}
.m_coat_con ul li.st01 {background-size:50px auto; }
.m_coat_con ul li.st02 {background-size:50px auto; }
.m_coat_con ul li.st03 {background-size:50px auto; }
.m_coat_con ul li.st04 {background-size:50px auto; }
.m_coat_con ul li.st05 {background-size:50px auto; }
.m_coat_con ul li.st06 {background-size:50px auto; }
.m_coat_con ul li.st07 {background-size:50px auto;}
.m_coat_con ul li.st08 {background-size:50px auto;}
.m_coat_con ul li a {padding:60px 5px 0 5px; font-size:12px;}

/* Ŀ�´�Ƽ */
.m_comm_wrap {}
.m_comm {width:90%; margin-top:-130px;top:50%;}
 
.m_comm_con {padding-top:30px;}
.m_comm_con ul li {  display:table-cell; width:50%;text-align:center; float:left;}
.m_comm_con ul li:nth-child(3), .m_comm_con ul li:nth-child(4) {/*display:none;*/}
.m_comm_view {width:85%; margin:0 auto;}
.m_comm_view .m_comm_view_img {height:76px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,.5);}
.m_comm_view .m_comm_view_img img {width:100%;min-height:76px;}
.m_comm_view .m_comm_view_txt {padding:15px 0 0 0;}
.m_comm_view .m_comm_view_txt p.cate {color:#f9b939; font-size:11px;}
.m_comm_view .m_comm_view_txt p.tit {color:#fff; font-size:13px;}
.m_comm_view .m_comm_view_txt p.txt {display:none;}

/* reserv */
.m_reser {width:90%; margin:0 auto; margin-top:-150px;top:50%;position:relative;}
.m_reser_con {width:100%; padding-top:50px; position:relative;text-align:center;}
.m_reser_con ul {display:table; margin:0 auto;}
.m_reser_con ul li {  display:table-cell;text-align:center; padding:40px 15px 5px 15px;}
.m_reser_con ul li.st01 {background-size:30px auto;background-position:center 0;}
.m_reser_con ul li.st02 {background-size:30px auto;background-position:center 0;}
.m_reser_con ul li p.tit {font-size:12px;color:#fff; display:block;}
.m_reser_con ul li p.txt {font-size:12px;color:#fff;}
.m_reser_con ul li p.txt span {color:#fcb016;font-size:12px;display:block;}
.m_reser_con p.m_phone {padding:20px 0; font-size:15px;}
.m_reser_con p.m_phone span {display:block; padding-left:10px;font-size:25px;}

    
/*#scene3*/
#scene3 .m_comm{margin-top:-60%;}
.section_wrap{position:relative;top:0;left:0;height:100%;}
.section_container{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;margin:0 auto;width:100%;height:100%;z-index:1;}


}
@media only screen and (max-width: 400px) {
.pc_p{display:none;}
.mo_p{display:block; font-size:13px!important; font-weight:300!important; }
}

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

.step03 .taps05 li {width:100%;}

}