* {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%);}
.slidesubon { opacity: 0; transform: translateY(30%); transition-duration: 1s;}
.slidesub { 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;}
/* 서브공통 */
.title-img {position:relative; height:850px;}
.title-img .title-wrap {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); color:#fff; font-family:"Roboto",sans-serif;}
.title-img .title-wrap h2 {font-size:52px; opacity:0; transform:translateY(10px); transition:all 1s;}
.title-img .title-wrap span {display:block; font-size:19px; font-family:"noto"; font-weight:200; line-height:1.7; letter-spacing:-0.5px; margin-top:10px; opacity:0; transform:translateY(20px); transition:all 1.5s;}
.scroll-img {width:100%; text-align:center;}
.scroll-img img {position:absolute; left:50%; bottom:10%; transform:translateX(-50%);}
.fix-bg { position: relative; background-size: 100%; background-position: center; height: 460px; width: 100%; background-attachment: fixed; }
.fix-bg > div {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.fix-sub-title {font-size:35px; color:#fff; font-family:"noto"; font-weight:200; letter-spacing:-1px;}
.fix-title {font-size:80px;color:#fff; font-family:"Lato"; font-weight:200; letter-spacing:-1px;}
.fix-title:after {content:''; display:block; width:0px; height:1px; background:#fff; margin:20px auto 30px; transition:all 1.5s; opacity:0;}
.fix-desc {font-size:20px;color:#fff; font-family:"noto"; font-weight:200;}
.fix-line:after {width:50px; opacity:1;}
.big-title {font-size:35px; color:#121212; letter-spacing:-1px;}
.sub-title {font-size:30px; color:#121212; font-family:"noto"; font-weight:200; letter-spacing:-1px;}
.company-title {background:url("/bizdemo69733/img/rovadesign/company_title.jpg")no-repeat; background-size: calc(100% + 50px); }
.brand-title {background:url("/bizdemo69733/img/rovadesign/brand_title.jpg")no-repeat; background-size: calc(100% + 50px); }
.community-title {background:url("/bizdemo69733/img/rovadesign/community_title.jpg")no-repeat; background-size: calc(100% + 50px); }
.sub {margin-top:90px;}
.sub .big-title {font-family: 'Muli', sans-serif; font-weight:700;}
.sub .sub-title {margin:15px 0 90px; line-height:1.3; padding:0 3%; word-break:keep-all;}
#company .inner {margin:175px auto 270px; font-size:0;}
#company .company-thumb {display:inline-block; vertical-align:top; width:42%; text-align:left;}
#company .company-thumb img {width:100%;}
#company .company-content {display:inline-block; vertical-align:top; width:58%; text-align:left; font-family:"noto"; padding-left:8%; box-sizing:border-box;}
#company .company-content h2 {font-size:43px; color:#363636; font-weight:200; line-height:1.4; letter-spacing:-1px; margin-top:75px; opacity:0; position:relative; bottom:-30px;}
#company .company-content div {font-size:17px; color:#636363; line-height:1.8; margin:35px 0 0; word-break:keep-all; opacity:0; position:relative; bottom:-30px;}
#company .company-content span {display:block; text-align:right; font-size:20px; color:#363636; margin-top:25px;}
#company .company-content span img {vertical-align:-30px; margin-left:10px;}
#history .inner {margin:175px auto 270px; font-size:0;}
#history .history-wrap {position:relative; font-size:0; overflow:hidden;}
#history .history-wrap:after {content:''; display:block; width:1px; height:100%; background:#dbdbdb; position:absolute; left:50%; top:0;}
#history .history-wrap > div > div {display:inline-block; vertical-align:top;}
#history .history-wrap .history-img {width:50%; text-align:left;}
#history .history-wrap .history-img.slidesubon {transform:translate(-30%,0);}
#history .history-wrap .history-img.slidesub {transform:translate(0,0);}
#history .history-wrap .history-content {width:50%; text-align:left; font-size:12px; font-family:"noto"; font-weight:200; letter-spacing:-1px; padding-left:8%; box-sizing:border-box;}
#history .history-wrap .history-content p {display:block; font-size:20px; color:#636363; }
#history .history-wrap .history-content h3 {font-size:43px; color:#363636; font-weight:200;}
#history .history-wrap .history-content ul li {font-size:20px; color:#636363; font-weight:400; margin:25px 0;}
#history .history-wrap .history-content ul li span {display:inline-block; font-size:20px; color:#ff0000; margin-right:30px;}
#history .history-wrap .history-top .history-content p {padding-top:35px;}
#history .history-wrap .history-top .history-content.slidesubon {transform:translate(30%,0);}
#history .history-wrap .history-top .history-content.slidesub {transform:translate(0,0);}
#history .history-wrap .history-bottom .history-img.slidesubon {transform:translate(30%,0);}
#history .history-wrap .history-bottom .history-img.slidesub {transform:translate(0,0);}
#history .history-wrap .history-bottom {margin-top:120px;}
#history .history-wrap .history-bottom .history-img {text-align:right;}
#history .history-wrap .history-bottom .history-content {text-align:right; padding:0 8% 0 0; }
#history .history-wrap .history-bottom .history-content span {margin:0 0 0 30px;}
#history .history-wrap .history-bottom .history-content.slidesubon {transform:translate(-30%,0);}
#history .history-wrap .history-bottom .history-content.slidesub {transform:translate(0,0);}
#organization .inner {margin:225px auto;}
#organization .o-circle {position:relative; width:48%; padding-bottom:48%; margin:0 auto; background:url("/bizdemo69733/img/rovadesign/organization_bg.gif")no-repeat center; background-size:cover; font-family:"noto"; font-weight:200;}
#organization .o-circle img {display:block; margin:0 auto;}
#organization .o-circle .blue {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:table; background:#256a92; color:#fff; width:195px; height:195px; border:1px solid #256a92; box-sizing:border-box; border-radius:50%; font-size:25px;}
#organization .o-circle .blue span {display:table-cell; vertical-align:middle;}
#organization .o-circle ul li {position:absolute; display:table; background:#c0d8e5; color:#367aa2; width:160px; height:160px; border:1px solid #c0d8e5; box-sizing:border-box; border-radius:50%; font-size:20px; text-align:center; transition:all 1s; opacity:0;}
#organization .o-circle.active ul li {opacity:1;}
#organization .o-circle ul li span {display:table-cell; vertical-align:middle;}
#organization .o-circle ul li:nth-child(1) {top:-20%; left:50%; transform:translateX(-50%);}
#organization .o-circle.active ul li:nth-child(1) {top:-11%;}
#organization .o-circle ul li:nth-child(2) {top:13%; right:-18%;}
#organization .o-circle.active ul li:nth-child(2) {top:18%; right:-8%;}
#organization .o-circle ul li:nth-child(3) {bottom:-7%; right:-7%;}
#organization .o-circle.active ul li:nth-child(3) {bottom:1%; right:5%;}
#organization .o-circle ul li:nth-child(4) {bottom:-7%; left:-3%;}
#organization .o-circle.active ul li:nth-child(4) {bottom:1%; left:5%;}
#organization .o-circle ul li:nth-child(5) {top:13%; left:-18%;}
#organization .o-circle.active ul li:nth-child(5) {top:18%; left:-8%;}
#network .inner {margin:128px auto; }
#network .big-title {color:#363636; font-size:43px; font-weight:200; letter-spacing:-4px; font-family:"noto";}
#network .sub-title {color:#636363; font-size:17px; font-weight:400; line-height:1.8; margin-top:20px; }
#network .network-img {position:relative; margin-top:55px;}
#network .network-img .network-m {display:none;}
#network .network-img div {position:absolute;}
#network .network-img div img {position:absolute; }
#network .network-img div img.img-on {opacity:0; transition:.2s;}
#network .network-img div:hover img.img-on {opacity:1}
#network .network-img .net01 {top:30%; left:9.5%;}
#network .network-img .net01 img {width:94px;}
#network .network-img .net02 {top:40%; left:12.5%;}
#network .network-img .net02 img {width:94px;}
#network .network-img .net03 {top:37%; right:28%;}
#network .network-img .net03 img {width:94px;}
#network .network-img .net04 {top:48.5%; right:26.5%;}
#network .network-img .net04 img {width:125px;}
#network .network-img .net05 {top:54%; right:28.4%;}
#network .network-img .net05 img {width:125px;}
#network .network-img .net06 {top:59%; right:28.4%;}
#network .network-img .net06 img {width:125px;}
#network .network-img .net07 {top:37%; right:18%;}
#network .network-img .net07 img {width:94px;}
#network .network-img .net08 {top:48.5%; right:15.5%; z-index:9;}
#network .network-img .net08 img {width:125px;}
#network .network-img .net09 {top:50%; right:19%;}
#network .network-img .net09 img {width:94px;}
#network .network-img .net10 {top:61%; right:20.5%;}
#network .network-img .net10 img {width:125px;}
#network .network-img .net11 {bottom:24%; right:16.5%;}
#network .network-img .net11 img {width:94px;}
.brand .sub-title {margin:15px 0 50px;}
.b_slide {position:relative; margin-bottom:80px;}
.b_slide .bx-controls {position:absolute; top:0; width:100%; height:100%;}
.b_slide .bx-controls-direction {position:relative; width:1200px; height:100%; margin:0 auto;}
.b_slide .bx-controls-direction a {display:block; width:40px; height:40px; text-indent:-9999px; position:absolute; top:50%; z-index:99; transform:translateY(-50%);}
.b_slide .bx-controls-direction .bx-prev {left:3%; background:url("/bizdemo69733/img/rovadesign/brand_prev.png")no-repeat; background-size:100%; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s;}
.b_slide .bx-controls-direction .bx-prev:hover {background:url("/bizdemo69733/img/rovadesign/brand_prev_on.png")no-repeat; background-size:100%; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s;}
.b_slide .bx-controls-direction .bx-next {right:3%; background:url("/bizdemo69733/img/rovadesign/brand_next.png")no-repeat; background-size:100%; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s;}
.b_slide .bx-controls-direction .bx-next:hover {background:url("/bizdemo69733/img/rovadesign/brand_next_on.png")no-repeat; background-size:100%; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s;}
.service .big-title {font-size:43px; color:#363636; font-weight:200; letter-spacing:-3px; font-family:"noto";}
.service .sub-title {font-size:17px; color:#636363; font-weight:400; margin:25px 0 55px; letter-spacing:-0.5px;}
.board-wrap .map {width:100%;height:590px}
/* 하단 */
#footer {position:relative;width:100%;background:#161616; font-family:"noto"; margin-top:80px;}
#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;}
.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}
.content{float:left;width:696px;margin:0 10px 0 31px;padding:0 0 60px 0;}
.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
.content h3{margin:0;height:43px;}
.content .whole_content{padding:40px 0 0 0;}
.quick{float:left;margin:68px 0 0 19px;}
.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}
.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}
.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}
}
/* 2011.12.22 */
.table_product { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01 { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001 { padding-top:2px; }
.txt_001 { font:12px/1.4em dotum; color:#666; }
.list_01 li { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp { line-height:1.4em; color:#666; padding:5% 4%; border:1px solid #dbdbdb; font-family:"noto"; font-size:14px;}
.dbp a { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table { width:100%; table-layout:fixed; border:1px solid #dbdbdb; font-family:"noto"; padding:5% 4%;}
.dbp_table th { vertical-align:top; text-align:left; color:#595959; padding-bottom:25px; font-size:14px;}
.dbp_table td { vertical-align:top; color:#858585; padding:0 0 45px 15px; text-align:left; font-size:13px; line-height:1.7;}
.login_box { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }
@media screen and (max-width: 1217px){
.inner {width:100%;}
#topmenu .top-nav > ul {width:100%;}
#topmenu .country {left:15px;}
#topmenu .top-board {right:15px;}
.fix-title {font-size:70px;}
.fix-sub-title {font-size:30px;}
.fix-desc {font-size:17px;}
.title-img {background-size:calc(100% + 50px) 113%;}
#company .company-thumb {padding-left:3%; box-sizing:border-box;}
#company .company-content {padding-left:4%;}
#company .company-content h2 {font-size:36px; margin-top:50px; line-height:1.3;}
#company .company-content div {font-size:15px;}
#company .company-content span {font-size:16px;}
#company .company-content span img {width:95px;}
#history .inner {width:94%; padding:0 3%; }
#history .history-wrap .history-img {width:45%;}
#history .history-wrap .history-img img {width:100%;}
#history .history-wrap .history-content {padding-left:5%;}
#history .history-wrap .history-content p {font-size:18px;}
#history .history-wrap .history-content h3 {font-size:37px;}
#history .history-wrap .history-content ul li {font-size:18px;}
#history .history-wrap .history-content ul li span {font-size:18px;}
#history .history-wrap .history-bottom .history-content {padding:0 5% 0 0;}
#organization .o-circle .blue {width:185px; height:185px;}
#organization .o-circle ul li {width:145px; height:145px; font-size:18px;}
#network .network-wrap {width:94%; margin:0 auto;}
.network-img {padding:0 3%;}
.network-img .network-p, .network-img .network-m {width:100%;}
#network .network-img .net01 {top:30%; left:11.5%;}
#network .network-img .net02 {top:40%; left:14.5%;}
#network .network-img .net03 {top:37%; right:28%;}
#network .network-img .net04 {top:48.5%; right:27.5%;}
#network .network-img .net05 {top:54%; right:29.4%;}
#network .network-img .net06 {top:59%; right:30.4%;}
#network .network-img .net07 {top:37%; right:20%;}
#network .network-img .net08 {top:48.5%; right:17.5%; z-index:9;}
#network .network-img .net09 {top:50%; right:20%;}
#network .network-img .net10 {top:61%; right:22.5%;}
#network .network-img .net11 {bottom:24%; right:18.5%;}
.b_slide {width:100%;}
.b_slide img {width:100%;}
.b_slide .bx-controls-direction {width:100%;}
.board-wrap {padding:0 3%;}
.dbp {margin:0 3%}
.dbp_table {width:94%; margin:0 auto;}
#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;}
.title-img {background-size:auto;background-position-x:50%!important;}
.title-img .title-wrap h2 {font-size:40px;}
.title-img .title-wrap span {font-size:17px;}
.big-title {font-size:32px;}
.fix-bg {height:380px;}
.fix-title {font-size:60px;}
.sub .sub-title {font-size:25px; margin:15px 0 60px;}
.service .sub-title {font-size:17px;}
#company .inner {margin:90px auto 120px;}
#company .company-content h2 {font-size:28px; margin-top:25px;}
#company .company-content div {font-size:14px;}
#history .inner {margin:90px auto 120px;}
#history .history-wrap .history-content h3 {font-size:26px;}
#history .history-wrap .history-content p {font-size:16px;}
#history .history-wrap .history-content ul li {margin:20px 0; font-size:16px;}
#history .history-wrap .history-content ul li span {font-size:16px;}
#history .history-wrap .history-bottom {margin-top:30px;}
#organization .inner {margin:135px auto;}
#organization .o-circle .blue {width:35%; height:0; overflow:hidden; padding:8% 0; font-size:18px;}
#organization .o-circle ul li {width:27%; height:0; overflow:hidden; padding:6% 0; font-size:14px;}
#organization .o-circle img {width:40%;}
#network .inner {margin:70px auto;}
#network .big-title {font-size:38px;}
#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;}
.title-img {height:720px; background-size:cover; background-position:center!important;}
.fix-bg {height:325px; background-position:center!important; background-attachment:unset; background-size:cover;}
.fix-title {font-size:40px;}
.fix-sub-title {font-size:22px;}
.fix-desc {font-size:13px;}
.big-title {font-size:26px;}
.sub .sub-title {font-size:20px; margin:15px 0 35px;}
.scroll-img img {width:40px;}
.sub {margin-top:45px;}
.service .big-title {font-size:32px; letter-spacing:-2px;}
.service .sub-title {font-size:15px;}
#company .company-content h2 {font-size:20px;}
#company .company-content div {font-size:12px;}
#company .company-content span {font-size:12px;}
#company .company-content span img {width:75px; margin-right:10px; vertical-align:-20px;}
#history .history-wrap .history-top .history-content p {padding-top:10px;}
#history .history-wrap .history-content h3 {font-size:19px;}
#history .history-wrap .history-content ul li {font-size:14px;}
#history .history-wrap .history-content ul li span {font-size:14px;}
#organization .inner {margin:80px auto;}
#organization .o-circle ul li {font-size:12px; padding:5.5% 0;}
#organization .o-circle ul li img {margin:0 auto 5px;}
#organization .o-circle .blue {padding:7% 0;}
#network .inner {margin:55px auto 0;}
#network .big-title {font-size:28px;}
#network .sub-title {font-size:15px;}
#network .network-img {margin-top:30px;}
#network .network-img .network-p {display:none;}
#network .network-img .network-m {display:block;}
#network .network-img div {display:none;}
.brand {padding:0 3%;}
.b_slide .bx-controls-direction a {width:35px; height:35px;}
.board-wrap .map {height:480px;}
.dbp {font-size:13px}
.dbp_table th {font-size:13px;}
.dbp_table td {font-size:12px;}
#ext_search table {margin:0 auto;}
#footer {margin-top:40px;}
#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;}
.title-img {height:680px;}
.title-img .title-wrap h2 {font-size:30px;}
.title-img .title-wrap span {font-size:14px;}
.scroll-img img {width:35px;}
.big-title {font-size:22px;}
.sub .sub-title {font-size:14px; margin:15px 0 35px;}
.fix-bg {height:265px;}
#company .inner {margin:45px auto 60px}
#company .company-thumb {display:none}
#company .company-content {padding-left:0; width:100%; text-align:center;}
#company .company-content div {padding:0 5%;}
#company .company-content span {padding-right:20px;}
#history .history-wrap .history-img {width:85%;}
#history .history-wrap .history-content {width:100%; text-align:center; padding-left:0;}
#history .history-wrap:after {display:none;}
#history .history-wrap .history-top { padding-bottom:3%;}
#history .history-wrap .history-top .history-content p {padding-top:6%;}
#history .history-wrap .history-bottom .history-content {text-align:center;padding-right:0;}
#history .history-wrap ul {text-align:left; width:53%; margin:0 auto;}
#history .history-wrap .history-bottom .history-content ul {text-align:right;}
#history .history-wrap .history-bottom {margin-top:0px;}
#history .history-wrap .history-bottom ul li {text-align:left;}
#history .history-wrap .history-bottom ul li span {float:left; margin:0 30px 0 0!important;}
#organization .o-circle {width:70%; padding-bottom:70%;}
#organization .o-circle .blue {padding:8% 0;}
#organization .o-circle ul li {padding:6% 0;}
#network .big-title {font-size:22px; letter-spacing:-2px;}
#network .sub-title {font-size:13px;}
.b_slide {margin-bottom:0;}
.b_slide .bx-controls-direction a {width:30px; height:30px;}
.sub {margin-top:35px;}
.board-wrap .map {height:380px;}
#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;}
.title-img {height:600px;}
.service .big-title {font-size:28px;}
#company .inner {margin:40px auto 60px;}
#history .inner {margin:50px auto 60px;}
#history .history-wrap ul {width:75%;}
#organization .inner {margin:80px auto 60px;}
#organization .o-circle .blue {font-size:13px; padding:7% 0;}
#organization .o-circle .blue img {margin:0 auto 5px;}
#organization .o-circle ul li {font-size:11px; padding:5% 0;}
.board-wrap .map {height:300px;}
.dbp {font-size:12px}
.dbp_table th {font-size:12px;}
.dbp_table td {font-size:11px;}
#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;}
.title-img {height:580px;}
.title-img .title-wrap h2 {font-size:22px;}
.title-img .title-wrap span {font-size:12px}
.scroll-img img {width:30px;}
.big-title {font-size:20px;}
.sub .sub-title {font-size:12px;}
.fix-bg {height:220px;}
.fix-title {font-size:30px;}
.fix-sub-title {font-size:18px;}
.fix-desc {font-size:12px;}
#history .history-wrap ul {width:90%;}
#network .big-title {font-size:18px;}
#network .sub-title {font-size:11px;}
.b_slide .bx-controls-direction a {width:25px; height:25px;}
.board-wrap .map {height:250px;}
}