* {padding:0;margin:0;}
html {width:100%; height:100%;}
body {min-width:320px;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-size:12px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a {color:#898989; text-decoration:none;}
a img {vertical-align:top;}
a:hover{text-decoration:none;}

/* °øÅë */
#wrap{width:100%;position:relative;text-align:center;}
.inner {position:relative; width:1200px; margin:0 auto;}
.slideon { opacity: 0; transform: translateY(70%); transition-duration: 1s;}
.slide { opacity: 1; transform: translateY(0%);}
.main_title {font-family:"Lato",sans-serif; font-weight:700; font-size:32px; letter-spacing:-1px; text-transform:uppercase;}

/* »ó´Ü */
#topmenu {position:fixed; top:0; left:0; width:100%;height:155px;text-align:center;z-index:100; transition:all .3s; background:transparent;}
#topmenu.on {height:195px;}
#topmenu h1 {position:absolute; top:0; width:100%; text-align:center; transition:all .4s; padding:45px 0 30px; z-index:99;}
#topmenu h1 img {width:210px;}
#topmenu .country {position:absolute; top:60px; left:0; transition:all .3s; z-index:100;}
#topmenu .country li {float:left; margin-right:10px;}
#topmenu .country li a {display:inline-block; vertical-align:middle; height:19px; font-family:"Roboto",sans-serif; font-size:13px; color:#c2c2c2; font-weight:400; text-align:center; line-height:19px;}
#topmenu .country li a span {font-family:'Roboto',Arial,"Microsoft Yahei","Ú°软äºýÙ",STXihei,"华Ùþ细ýÙ",'nanumgothic',sans-serif}
#topmenu .country li.on a {color:#252525; background:#f1f1f1; width:38px; border:1px solid #f1f1f1; box-sizing:border-box; border-radius:20px; line-height:17px; }
#topmenu .top-board {position:absolute; top:62px; right:0; font-size:0; transition:all .3s; z-index:100;}
#topmenu .top-board a {position:relative; display:inline-block; vertical-align:middle; font-family:"Roboto",sans-serif; font-size:13px; color:#fff; font-weight:400; text-align:center; padding:0 20px;}
#topmenu .top-board a:first-child {padding-left:0;}
#topmenu .top-board a:first-child:after {content:''; display:block; width:1px; height:10px; background:#c2c2c2; position:absolute; top:3px; right:0;}
#topmenu .top-board a:last-child {padding-right:0;}
#topmenu .top-nav {position:relative; font-size:0; padding-top:115px; transition:all .3s;border-bottom:1px solid rgba(255,255,255,0.3); }
#topmenu .top-nav > ul > li {display:inline-block; vertical-align:top; font-family:"Open Sans",sans-serif; font-size:19px; font-weight:400; margin:0 4%;}
#topmenu .top-nav > ul > li > a {position:relative; color:#fff; display:block; padding:0 10px 15px; overflow:hidden;}
#topmenu .top-nav-title span {position:absolute; display:none; width:100%; height:2px; background:#fff; top:96%!important;}
#topmenu .top-nav-title span.line {display:block!important; left:0!important;}
#topmenu .top-nav .sub-wrap {opacity:0; visibility:hidden; position:absolute; padding-top:8px; z-index:999; transition:all .2s; transform:translateY(-2px);}
#topmenu .top-nav .sub-wrap.active {opacity:1; visibility:visible;}
#topmenu .top-nav li:nth-child(1) .sub-wrap ul {margin-left:-98px;}
#topmenu .top-nav li:nth-child(2) .sub-wrap ul {margin-left:-142px;}
#topmenu .top-nav li:nth-child(3) .sub-wrap ul {margin-left:-90px;}
#topmenu .top-nav .sub-wrap ul li {display:inline-block; font-size:15px; margin:0 15px;}
#topmenu .top-nav .sub-wrap ul li a {color:#fff; font-family:"noto"; font-weight:400;}
#topmenu .top-nav .sub-wrap ul li a:hover {font-weight:bold;}
#topmenu .top-nav .sub-menu {transition:all .2s;}
#topmenu .top-nav-bg {position:absolute; left:0; width:100%; height:0; background:rgba(0,0,0,0.3); transition:all .2s; opacity:0; z-index:98;}
#topmenu.fixmenu {height:60px; background:rgba(0,0,0,0.7); border-bottom:0;}
#topmenu.fixmenu h1 {top:-45px; padding:0;}
#topmenu.fixmenu .country {top:20px;}
#topmenu.fixmenu .top-board {top:25px;}
#topmenu.fixmenu .top-nav {padding-top:18px; border-bottom:0;}
#topmenu.fixmenu .cd-stretchy-nav {top:8px;}
#topmenu.fixmenu .cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after, #topmenu.fixmenu .cd-stretchy-nav.nav-is-visible ul li:first-of-type span {color:#232323;}
#topmenu.fixmenu .cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {border:1px solid #ebebeb; background:rgba(235,235,235,0.8);}
#topmenu.fixmenu .cd-stretchy-nav ul a {color:#757575;}
#topmenu.fixmenu .m_menu {top:24px}
#topmenu.fixmenu .top-nav-bg {background:rgba(255,255,255,0.8);}
#topmenu.fixmenu .top-nav .sub-wrap ul li a {color:#111111;}


/* ¸ð¹ÙÀÏ ¾ð¾î */
.cd-stretchy-nav { display:none; position: absolute; z-index: 999; top: 40px; left: 3%;  font-family:"Roboto",sans-serif; transition:all .2s;}
.cd-stretchy-nav .stretchy-nav-bg { position: absolute; z-index: 1; top: 0; right: 0; width: 45px; height: 60px; border-radius: 30px; transition: height 0.2s, box-shadow 0.2s; }
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg { height: 100%; background:rgba(255,255,255,0.2); border:1px solid #fff; }
.cd-nav-trigger { position: absolute; z-index: 3; top: 0; right: 0; width: 45px; line-height:45px; border-radius: 50%; overflow: hidden; white-space: nowrap; color: #fff; font-size:0.9rem;}
.cd-nav-trigger img {width:17px; padding-top:15px;}
.cd-stretchy-nav ul { position: relative; z-index: 2; width:47px; padding: 40px 0 15px; visibility: hidden; -webkit-transition: visibility 0.3s; -moz-transition: visibility 0.3s; transition: visibility 0.3s; text-align: center; }
.cd-stretchy-nav ul a { position: relative; display: block; height: 35px; line-height: 35px; color: #aaa; font-size: 14px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; }
.cd-stretchy-nav ul a::before { content: ''; position: absolute; width: 3px; height: 16px; top: 50%; right: 60px; -webkit-transform: translateX(3px) translateY(-50%) scaleY(0); -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(0); -o-transform: translateX(3px) translateY(-50%) scaleY(0); transform: translateX(3px) translateY(-50%) scaleY(0); background-color: #27c5bc; }
.cd-stretchy-nav ul span { display: block; opacity: 0; -webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px); }
.cd-stretchy-nav ul li { position: relative; }
.cd-stretchy-nav.nav-is-visible ul { visibility: visible; }
.cd-stretchy-nav.nav-is-visible ul a::after { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn 0.15s backwards; -moz-animation: scaleIn 0.15s backwards; animation: scaleIn 0.15s backwards; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.cd-stretchy-nav.nav-is-visible ul a.active { color: #ffffff; }
.cd-stretchy-nav.nav-is-visible ul a.active::after { opacity: 1; }

.cd-stretchy-nav.nav-is-visible ul span { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-animation: slideIn 0.15s backwards;
  -moz-animation: slideIn 0.15s backwards; animation: slideIn 0.15s backwards; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after, 
.cd-stretchy-nav.nav-is-visible ul li:first-of-type span { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; animation-delay: 0.05s; color:#fff; }
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; }
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; animation-delay: 0.15s; }
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; }
/* -------------------------------- 
keyframes
-------------------------------- */

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideIn {
  from {
    opacity: 0;
    -moz-transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* ¸ð¹ÙÀÏ ¿ìÃø */
.m_menu {display:none;position:fixed; top:55px; right:3%; z-index:999; transition:all .2s;}
.m_menu .right_warp  {width:55%;position: fixed;top:0;right:-55%;z-index: 501;height:100%;background: #252525;overflow: hidden;}
.m_menu .toggle_menu {position:relative; display:block; width:30px; height:30px;}
.m_menu .toggle_menu span {position:absolute; display:block; background:#fff; width:20px; height:2px;}
.m_menu .toggle_menu span:nth-child(1) {top:0;}
.m_menu .toggle_menu span:nth-child(2) {top:5px;}
.m_menu .toggle_menu span:nth-child(3) {top:10px;}
.black_bg {position: fixed;background:#000;width:100%;height: 100%;left:0;top:0;opacity: 0.6;z-index: 500;display: none;}
.side_close { position:absolute; top:20px; right:20px; color:#fff; z-index:999;}
.side_close img {width:20px}
.not_scroll {position:fixed;overflow:hidden;width:100%;height:100%}
.scroll_func {padding:50px 30px}
.scroll_func ul {text-align:left;}
.scroll_func ul > li a {font-size:14px; font-family:"Roboto","nanumgothic",sans-serif; line-height:1.8; color:#e2e2e2;}
.scroll_func > ul > li > a.title {display:block; font-weight:bold; font-size:16px; color:#fff; border-bottom:1px solid #464646; padding:10px 0; }
.scroll_func > ul > li > .m_sub {height:0; overflow:hidden; transition: height 0.5s; -webkit-transition: height 0.5s; -moz-transition: height 0.5s;}
.scroll_func > ul > li > .m_sub.on {height:125px; padding-bottom:15px; border-bottom:1px solid #464646;}
.scroll_func > ul > li.active a.title {border-bottom:0;}



/* ¸ÞÀÎ ½½¶óÀ̵å */
.main_slide {position:relative; height:760px; overflow:hidden;}
.main_slide .bx-wrapper { position: relative; padding: 0; *zoom: 1; width:100%; height:760px;}
.main_slide .bxslider li {overflow:hidden; position:relative; max-width:1920px; width:100%; height:970px; margin:0 auto;}
.main_slide .bxslider li img { max-width:1920px; height:970px; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.main_slide .bxslider .bxwrap {position:absolute; top:45%; width:100%; transform:translateY(-50%);}
.main_slide .bxslider li.active img {transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
.main_slide .bxslider .bxwrap div {width:1200px; margin:0 auto; font-family:"noto"; position:relative; text-align:center;}
.main_slide .bxslider .bxwrap div h2 {color:#fff; line-height:1; font-family: "Roboto",sans-serif; font-weight:600; font-size:52px; text-transform:uppercase; transform:translateY(10px); transition:all 1s; opacity:0;}
.main_slide .bxslider .bxwrap div span {color:#fff; font-size:19px; display:block; margin-top:15px; font-weight:200; padding:0 5%; word-break:keep-all; transform:translateY(20px); transition:all 1.5s; opacity:0;}
.main_slide .bxslider .bxwrap div a {display:block; color:#fff; font-size:14px; border:1px solid #fff; box-sizing:border-box; width:152px; height:45px; text-align:center; line-height:44px; margin:60px auto 0; font-family:"Open Sans",sans-serif; font-weight:400; border-radius:30px; transition:all .2s;}
.main_slide .bxslider .bxwrap div a:hover {background:#fff; color:#222;}
.main_slide .bxslider .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.main_slide .bx-pager {position:absolute; z-index:90; bottom:45px; width:100%; text-align:center;}
.main_slide .bx-pager .bx-pager-item {display:inline-block; text-indent:-9999px;}
.main_slide .bx-pager .bx-pager-item a { display:block; width:70px; height:4px; margin:0; background:#fff; margin:0 5px; opacity:.6;}
.main_slide .bx-pager .bx-pager-item a.active {-moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity:1;}


/* artkorea */
.main_art {margin-top:90px; font-family:"noto"; color:#121212;}
.main_art p {font-size:30px; letter-spacing:-1px; font-weight:200; line-height:1.3; margin-top:20px;}
.main_art p strong {font-weight:600;}
.main_art span {display:block; color:#343434; font-size:17px; letter-spacing:-1px; margin-top:15px;}
.main_art ul {font-size:0; margin-top:40px;}
.main_art ul li {position:relative; display:inline-block; vertical-align:top; padding:0 30px; box-sizing:border-box;}
.main_art ul li:after {content:''; display:block; width:8px; height:32px; background:#f1f1f1; position:absolute; top:45%; right:0; transform:skew(31deg,2deg) translateY(0); z-index:-1;}
.main_art ul li:nth-child(1) {padding-left:0;}
.main_art ul li:nth-child(1) img {transform: translateY(30%);}
.main_art ul li:nth-child(1) img.slide {transform: translateY(0);}
.main_art ul li:nth-child(2) img {transform: translateY(60%);}
.main_art ul li:nth-child(2) img.slide {transform: translateY(0);}
.main_art ul li:nth-child(3) {padding-right:0;}
.main_art ul li:nth-child(3) img {transform: translateY(90%);}
.main_art ul li:nth-child(3) img.slide {transform: translateY(0);}
.main_art ul li:nth-child(3):after {display:none;}


/* Ä«¿îÆ® 4°³¹è³Ê */
.main4bn {position:relative;width:100%;height:345px;margin-top:90px;background-color:#333;overflow:hidden;line-height:normal;color:#FFF;}
.main4bn .inner {height:345px;}
.main4bn a {color:#fff;}
.main4bn .bg{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}
.main4bn .bg .bgImg{width:1920px;height:100%;left:0;top:0;opacity:0;transition:opacity .8s ease-in-out}

.main4bn .block{visibility:hidden;position:absolute;width:25%;height:100%;left:0;top:0;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Catamaran",sans-serif;}
.main4bn .block:nth-child(1) {left:0; border-left:1px solid rgba(255,255,255,.15);}
.main4bn .block:nth-child(2) {left:25%;}
.main4bn .block:nth-child(3) {left:50%;}
.main4bn .block:nth-child(4) {left:75%;border-right:1px solid rgba(255,255,255,.15);}
.main4bn .block+.block{border-left:1px solid rgba(255,255,255,.15);}
.main4bn .block .label{position:absolute;display:block;text-align:center;width:100%;top:100px;font-family:"Roboto",sans-serif;font-weight:700;font-size:95px;white-space:nowrap;transition:opacity .2s ease-out;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.main4bn .block .label span.tit {font-size:35px;}
.main4bn .block .front{position:absolute;display:block;top:210px;width:100%;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.main4bn .block .front h1{font-size:18px;line-height:34px;font-family:"noto";font-weight:200;text-align:center;}
.main4bn .block .front p{text-transform:none;font-size:14px;font-family:"noto";opacity:0;transition:opacity .2s ease-out;width:100%;text-align:center;height:0; font-weight:200; margin-top:10px;word-break:keep-all;}
.main4bn .block .front span {display:block;text-align:center;font-size:14px;position:absolute;width:100%;bottom:-24px;}
.main4bn .block .overlay{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:opacity .4s ease-out;background:#000}
.main4bn .block .foreground{display:none;position:absolute;right:60px;width:50%;width:calc((100% - 120px) / 2);height:200px;top:50%;transform:translateY(-50%);opacity:0;transition:none}
.main4bn .block.open .foreground{display:block;transition:opacity .6s ease-in-out}
.main4bn .block .foreground .thumbnail{position:absolute;width:100%;height:auto}
.main4bn .block canvas {display:none;}

/* Ä«¿îÆ® 4°³¹è³Ê ¸ð¹ÙÀÏ */
.main4bn_m {display:none; margin-top:45px; background:url("/bizdemo69733/img/rovadesign/main4bg.jpg")no-repeat; font-size:0;}
.main4bn_m .block {width:50%;display:inline-block; vertical-align:top; box-shadow:0px 0px 1px rgba(255,255,255,.15); font-family:"Roboto","nanumgothic",sans-serif; font-weight:400;}
.main4bn_m .block:nth-child(2) {box-shadow:none;}
.main4bn_m .block a {color:#fff;}
.main4bn_m .block .label{font-size:35px; margin-top:25px;}
.main4bn_m .block .label span {font-size:35px; font-weight:bold;}
.main4bn_m .block .front h1{font-size:19px;line-height:34px;font-weight:600;text-align:center;}
.main4bn_m .block .front p{font-size:13px;text-align:center;margin:5px auto 35px;word-break:keep-all;padding:0 5px;}
.main4bn_m .block canvas {display:none;}


/* ºê·£µå */
.main_brand {padding:85px 0 90px; background:#f7f7f7;}
.main_brand h2 {margin-bottom:20px;}
.main_brand div.slideon {width:100%;}
.main_brand div > div {float:left; width:50%; margin-top:10px; text-align:left;}
.main_brand div > div:nth-child(2n) {text-align:right;}

/* pr,news */
.main_content {text-align:left; margin-top:85px;}
.main_content h2 {margin-bottom:30px; text-align:left;}
.main_content h2 a {float:right; display:block; width:38px; height:38px; text-indent:-9999px; background:url("/bizdemo69733/img/rovadesign/main_more.png")no-repeat; background-size:100%; transition:all .2s;}
.main_content h2 a:hover {background:url("/bizdemo69733/img/rovadesign/main_more_on.png")no-repeat;}
.main_pr {float:left; width:650px;}
.main_pr .iframe_wrap {position: relative; width: 100%; padding-bottom: 56.25%;}
.main_pr .iframe_wrap iframe {position: absolute; width: 100%; height: 100%;}
.main_news {float:right; width:500px;}

/* store */
.main_store {margin-top:85px; padding-bottom:95px; background:url("/bizdemo69733/img/rovadesign/store_bg.jpg")no-repeat; background-size:cover; text-align:center; font-size:0;}
.main_store h2 {padding-top:85px;}
.store_content {margin-top:40px;}
.main_store .store {display:inline-block; vertical-align:top; width:390px; background:#fff; margin:0 30px; padding:35px 0 30px; font-family:"noto";}
.main_store .store:last-child {padding-bottom:86px;}
.main_store .store .bx-wrapper {width:320px; margin:0 auto;}
.store .bx-wrapper img {width:320px;}
.main_store .store .bx-pager {margin-top:7px;}
.main_store .store .bx-pager-item {display:inline-block; vertical-align:top; margin:0 2px;}
.main_store .store .bx-pager-item a {display:block; width:45px; height:3px; font-size:12px; text-indent:-9999px; background:#e1e1e1;}
.main_store .store .bx-pager-item a.active {background:#555;}
.main_store .store h3 {font-size:21px; color:#7d7d7d; font-weight:400; margin:20px 0 5px;}
.main_store .store strong {color:#393939; font-size:25px; font-family:"Lato",sans-serif;}
.main_store .store p {font-size:15px; color:#393939; margin-top:5px;}


/* ÇÏ´Ü */
#footer {position:relative;width:100%;background:#161616; font-family:"noto";}
#footer .cs_center {border-bottom:1px solid #454545; height:73px;}
#footer .cs_center .tel {float:left; color:#bbb; font-size:15px; line-height:73px;}
#footer .cs_center .tel span {font-size:10px;display:inline-block; vertical-align:2px; margin:0 10px;}
#footer .cs_center .tel img {vertical-align:-10px; margin-right:10px;}
#footer .cs_center .footer_icon {float:right; margin:17px 0;}
#footer .cs_center .footer_icon a {display:inline-block; width:38px; height:38px; margin-left:10px; text-indent:-9999px; transition:all .2s;}
#footer .cs_center .footer_icon a:nth-child(1) {background:url("/bizdemo69733/img/rovadesign/footer_icon01.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(1):hover {background:url("/bizdemo69733/img/rovadesign/footer_icon01_on.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(2) {background:url("/bizdemo69733/img/rovadesign/footer_icon02.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(2):hover {background:url("/bizdemo69733/img/rovadesign/footer_icon02_on.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(3) {background:url("/bizdemo69733/img/rovadesign/footer_icon03.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(3):hover {background:url("/bizdemo69733/img/rovadesign/footer_icon03_on.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(4) {background:url("/bizdemo69733/img/rovadesign/footer_icon04.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(4):hover {background:url("/bizdemo69733/img/rovadesign/footer_icon04_on.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(5) {background:url("/bizdemo69733/img/rovadesign/footer_icon05.png")no-repeat; background-size:100% 100%;}
#footer .cs_center .footer_icon a:nth-child(5):hover {background:url("/bizdemo69733/img/rovadesign/footer_icon05_on.png")no-repeat; background-size:100% 100%;}
#footer .personal_link {font-size:0; margin:30px 0 20px;}
#footer .personal_link li {display:inline-block; vertical-align:top;}
#footer .personal_link li span {display:inline-block; vertical-align:3px; margin:0 15px; font-size:10px;}
#footer .personal_link li strong {font-weight:600;}
#footer .personal_link li a {font-size:15px; color:#a1a1a1}
#footer .address {font-size:15px; color:#bbb;}
#footer .address span {margin:0 10px; display:inline-block; word-break:keep-all;}
#footer .copy {font-size:14px; color:#727272; margin-top:5px; padding-bottom:35px;}


@media screen and (max-width: 1217px){
   .inner {width:100%;}
   #topmenu .top-nav > ul {width:100%;}
   #topmenu .country {left:15px;}
   #topmenu .top-board {right:15px;}
   .main_slide .bxslider li img {margin-left:-500px;}
   .main_slide .bxslider .bxwrap div {width:100%;}
   .main_art .inner {width:98%;}
   .main_art ul li { padding:0 2%; width:32%;}
   .main_art ul li:nth-child(1) {padding-left:2%;}
   .main_art ul li:nth-child(3) {padding-right:2%;}
   .main_art ul li img {width:100%;}
   .main_brand {padding:85px 1% 90px;}
   .main_brand div > div {margin-top:0.7%;}
   .main_brand div > div img {width:98%;}
   .main_pr {width:50%; margin-left:1%;}
   .main_pr iframe {width:100%;}
   .main_news {width:45%; margin-right:1%;}
   #footer .cs_center .tel {padding-left:1%;}
   #footer .footer_icon {padding-right:1%;}
   #footer .address span {margin:0 0.7%;}
}
@media screen and (max-width: 1024px){
   .main_title {font-size:27px;}

   #topmenu h1 img {width:190px;}
   #topmenu .top-nav ul li {margin:0 25px;}
   #topmenu .country li a {font-size:12px; line-height:19px;}
   #topmenu .country li.on a {line-height:18px;}
   #topmenu .top-board a {font-size:12px;}

   .main_slide .bxslider .bxwrap div h2 {font-size:40px;}
   .main_slide .bxslider .bxwrap div span {font-size:15px;}

   .main_art p {font-size:20px;}
   .main_art span {font-size:14px;}
   .main_art ul li:after {right:-4px; height:27px;}
   
   .main_brand {padding:60px 1% 70px;}
   
   .main4bn .block .label {font-size:70px;}
   .main4bn .block .front h1 {font-size:16px;}
   .main4bn .block .font p {padding:0 3%; box-sizing:border-box; font-size:13px;}
   
   .main_pr, .main_news {margin-top:60px;}
   
   .main_store {margin-top:50px;}
   .main_store .store {width:46%; margin:0 1%;}
   .main_store .store h3 {font-size:18px;}
   .main_store .store strong {font-size:22px;}
   .main_store .store p {font-size:12px;}
   .main_store .store:last-child {padding-bottom:79px;}
   
   #footer .cs_center .tel {font-size:13px;}
   #footer .cs_center .tel img {width:27px;}
   #footer .cs_center .footer_icon a {width:35px; height:35px;}
   #footer .personal_link li a {font-size:13px;}
   #footer .address {font-size:12px;}
   #footer .copy {font-size:12px;}
   #footer .personal_link li span {font-size:9px;}
}
@media screen and (max-width: 768px){
   .country {display:none;}
   .top-nav-bg {display:none;}
   .sub-wrap {display:none!important;}
   .top-board {display:none;}
   .cd-stretchy-nav {display:block;}
   .m_menu {display:block;}
   .main_slide, .main_slide .bx-wrapper {height:720px;}
   .main_slide .bxslider .bxwrap {top:40%;}
   .main_slide .bxslider li img {height:720px;}
   .main_art {margin-top:45px;}
   .main_art p {font-size:17px;}
   .main_art span {font-size:12px;}
   .main4bn .block {width:50%;}
   .main4bn {display:none;}
   .main4bn_m {display:block;}
   .main_brand {padding:45px 1% 40px;}
   .main_brand div > div {width:100%; text-align:center; margin:0;}
   .main_brand div > div img {margin:1% 0;}
   .main_brand div > div:nth-child(2n) {text-align:center;}
   .main_content h2 {text-align:center;}
   .main_pr, .main_news {width:96%; margin:50px 2% 0;}
   .main_store {margin-top:30px;}
   .main_store h2 {padding-top:50px;}
   .main_store {padding-bottom:30px;}
   .main_store .store {width:85%; margin:0 0 5%;}
   .main_store .store .bx-wrapper {width:85%;}
   .store .bx-wrapper {width:80%; margin:0 auto;}
   .store .bx-wrapper img {width:100%;}

   #footer .cs_center {height:auto;}
   #footer .cs_center .tel {float:none; line-height:1; padding-top:20px; font-size:12px;}
   #footer .cs_center .tel img {display:none;}
   #footer .cs_center .footer_icon {float:none;}
   #footer .cs_center .footer_icon a {width:30px; height:30px;}
   #footer .personal_link {margin:20px 0 10px;}
   #footer .personal_link li a {font-size:12px;}
   #footer .address span {font-size:11px;}
   #footer .copy {font-size:11px; padding-bottom:20px;}

}
@media screen and (max-width: 640px){
#topmenu {height:130px;}
#topmenu .top-nav {padding-top:90px;}
.cd-stretchy-nav {top:20px;}
#topmenu h1 {padding:25px 0 30px;}
#topmenu h1 img {width:160px;}
#topmenu .top-nav ul li {font-size:16px; margin:0 20px;}
.m_menu {top:35px;}
.main_slide, .main_slide .bx-wrapper {height:680px;}
.main_slide .bxslider li img {height:680px;}
.main_slide .bxslider .bxwrap div h2 {font-size:30px;}
.main_slide .bxslider .bxwrap div span {font-size:14px;}
.main_slide .bxslider .bxwrap div a {font-size:12px; width:130px; height:35px; line-height:33px;}
.main_slide .bx-pager {bottom:30px;}
.main_slide .bx-pager .bx-pager-item a {width:50px;}
.main_title {font-size:23px;}
.main_art p {font-size:15px;}
.main_art span {font-size:11px;}
.main_art ul li:after {right:-1px; height:17px; width:5px;}
.main_content h2 a {width:32px; height:32px;}
#footer .cs_center .tel img {display:none;}
#footer .cs_center .tel span {font-size:8px;}
#footer .personal_link li span {font-size:8px;}
}
@media screen and (max-width: 480px){
#topmenu.fixmenu .top-nav {padding-top:20px;}
#topmenu .top-nav ul li {margin:0 10px; font-size:14px;}
.main_slide, .main_slide .bx-wrapper {height:580px;}
.main_slide .bxslider li img {height:580px;}
.main_slide .bxslider .bxwrap {top:33%;}
.main4bn_m .block .front h1 {font-size:16px;}
.main4bn_m .block .front p {font-size:12px;}
.main4bn_m .block:nth-child(2) {box-shadow:none;}
.main_content h2 a {width:30px; height:30px;}
.main_store .store .bx-pager-item a {width:30px;}
#footer .personal_link li span {vertical-align:2px;}
}
@media screen and (max-width: 380px){
#topmenu.fixmenu .top-nav {padding-top:21px;}
#topmenu.fixmenu .top-nav > ul > li > a {padding:0 0 15px;}
   #topmenu .top-nav > ul > li {font-size:13px;}
}