@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font:12px 'Nanum Gothic',Gulim,Verdana,AppleGothic,sans-serif;}
body,th,td,textarea{ line-height:14px;}
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 img {vertical-align:top;}
a {text-decoration:none; color:#333;}

#wrap{width:100%;position:relative;text-align:center;}
#topmenu{width:1200px;height:120px;text-align:left;margin:0 auto;}
#topmenu h1{float:left; width:275px; height:120px; border-right:1px solid #dbdbdb; box-sizing:border-box;}
#topmenu h1 img { margin:28px 0 0;}
#topmenu .global_menu{position:absolute; left:0px; width:100%; height:30px;}
#topmenu .global_menu .global-right {position:absolute; border-bottom:1px solid #dbdbdb; right:0; height:30px; width:50%;}
#topmenu .global_menu div {width:1200px; margin:0 auto; text-align:right;}
#topmenu .global_menu div ul {position:relative; width:925px; height:30px; line-height:28px; float:left; margin-left:275px; font-size:0; border-bottom:1px solid #dbdbdb;}
#topmenu .global_menu div ul li {display:inline-block; vertical-align:top;}
#topmenu .global_menu div ul li a { color:#666; font-size:12px; margin:0 18px;}
#topmenu .global_menu div ul li:first-child a:after {display:none;}
#topmenu .global_menu div ul li:last-child a {margin-right:0;}
#topmenu .global_menu div ul li a strong {color:#222;}
#topmenu .global_menu div ul li a:after {content:''; display:block; width:1px; height:9px; background:#d7d7d7; position:absolute; top:10px;}
#topmenu .main_menu {float:left;width:924px;margin-top:31px;position:relative;}
#topmenu .main_menu ul {height:89px; margin-left:154px;}
#topmenu .main_menu ul li{float:left; margin-top:36px; margin-right:77px;}
#topmenu .main_menu ul li:nth-child(5) {margin-right:0;}
#topmenu .main_menu ul li:last-child {float:right; margin-top:0; margin-right:0;}
#topmenu .main_menu a {font-size:18px; color:#222; font-family:"noto"; font-weight:600; letter-spacing:-1px;}
#topmenu .main_menu a:hover {color:#fb4d80}
#topmenu .all_menu {display:block; background:#ff5e8d; width:90px; height:89px;}
#topmenu .all_menu_conts {display:none; position:absolute; z-index:999; background:#fff; width:1200px; right:0; border:1px solid #dcdcdc; height:298px; box-sizing:border-box;}
#topmenu .all_menu_conts ul {width:240px; float:left; margin-left:0; height:auto; box-sizing:border-box; border-right:1px solid #dcdcdc; height:298px; padding-left:30px;}
#topmenu .all_menu_conts ul h3 a {font-family:"Nanum Gothic"; color:#363636; font-size:16px; display:block; margin:30px 0 20px;}
#topmenu .all_menu_conts ul li {float:none; margin:0; line-height:2.2;}
#topmenu .all_menu_conts ul li:last-child {float:none; margin:0;}
#topmenu .all_menu_conts ul li a { font-family:"Nanum Gothic"; font-size:14px; color:#888; letter-spacing:-0.5px;}
#topmenu .all_menu_conts ul:last-child {border-right:0; width:238px;}

#m_topmenu {display:none;position:fixed; top:0; left:0; z-index:9999; width:100%; height:50px; background:rgba(255,255,255,0.9); transition:.5s;}
#m_topmenu h1 {text-align:center;}
.pagenavburger {position:absolute;padding:0 5px 0 5px;left:10px;z-index:14;top:8px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pagenavburger p {color:#222; font-size:11px; position:absolute; bottom:-15px; font-family:Roboto; text-align:center;}
#hamburger{width:28px;height:20px;position:relative;margin:0 auto;cursor:pointer}
#hamburger span{display:block;position:absolute;height:2px;width:28px;background:#666;border-radius:6px;opacity:1;left:0;}
#hamburger span:nth-child(1){top:3px}
#hamburger span:nth-child(2){top:9px}
#hamburger span:nth-child(3){top:15.5px}

.left_warp  {width:70%;position: absolute;left:-70%;z-index: 99990; height:100%;background: #fff;overflow: hidden;}
.black_bg {position: absolute;background:#000;width:100%;height: 100%;left:0;top:0;opacity: 0.6;z-index: 9999;display: none;}
.side_close {display:none; position:absolute; left:70%; color:#fff; z-index:99990;}
.side_close span {display:block; width:50px; height:50px; text-align:center; background:#000 url("/bizdemo54351/img/rovadesign/btn_close.png")no-repeat; background-size:50px 50px;}
.side_close span p {padding-top:52px;}
.not_scroll {position:fixed;overflow:hidden;width:100%;height:100%}
.menu {z-index:9999; position:absolute; top:0; left:0;}
.left_warp .scroll_func > ul {border-top:2px solid #ff5e8d;}
.left_warp ul li a {color:#252525;}
.left_warp .scroll_func > ul > li {border-bottom:1px solid #dbdbdb;}
.left_warp .scroll_func > ul > li:last-child {border-bottom:0;}
.left_warp .scroll_func > ul > li:last-child a {display:inline-block; margin:0 5px;}
.left_warp .scroll_func > ul > li > a {font-size:13px; font-weight:bold; display:block; padding:15px 0 15px 15px; background:url(/bizdemo54351/img/rovadesign/bg_snb_1depth.gif)no-repeat 90% center; background-size:13px;}
.left_warp .scroll_func > ul > li > ul.all_sub {display:none; background:#fbfbfb; }
.left_warp .scroll_func > ul > li > ul.all_sub > li {border-bottom:0; }
.left_warp .scroll_func > ul > li > ul.all_sub > li:first-child {border-top:1px solid #dbdbdb; padding-top:20px;}
.left_warp .scroll_func > ul > li > ul.all_sub > li:last-child {border-bottom:0; padding-bottom:20px;}
.left_warp .scroll_func > ul > li > ul.all_sub > li > a {font-size:13px; color:#666; background:none; padding:10px 0 10px 20px; display:block;}
.left_warp .scroll_func > ul > li > ul.all_sub > li > a::before {content:'-'; margin-right:5px; margin-left:10px;}
.left_warp .scroll_func > ul > li .m_select {margin-top:10px; text-align:center;display:inline-block;}
.left_warp .scroll_func > ul > li .m_select a {font-weight:bold;}
.left_warp .scroll_func > ul > li .family_site {text-align:center;display:inline-block; margin-left:4%;}
.left_warp .scroll_func > ul > li .family_site select { margin-top:10px; color:#909090; border:1px solid #dbdbdb; width:100%; height:35px; font-size:14px; padding-left:10px; font-family:"Nanum Gothic"; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/bizdemo54351/img/rovadesign/bg_snb_1depth.gif)no-repeat 90% center; background-size:13px;}
.left_warp .scroll_func > ul > li .family_site select::-ms-expand { display: none; }
.left_warp .scroll_func > ul > li .family_site select option {color:#909090;}
.left_warp h1 {margin:5% 0 5% 5%;}
.left_warp h1 img {width:150px;}

#m_topmenu .m_select a {color:#fff; display:block; font-size:16px;}
#m_topmenu h1 img {width:150px; padding:6px 0;}
.m_side_nav {width:100%; position:fixed; height:40px; top:50px; left:0; z-index:99; background:rgba(255,255,255,0.9);}
.m_side_nav .lnb { margin: 0; padding: 0; }
.m_side_nav .lnb > li { float:left; width:50%; position: relative; text-align:left;}
.m_side_nav .lnb li.expand { background: #fff; }
.m_side_nav .lnb li.expand > a { background:url(/bizdemo54351/img/rovadesign/bg_snb_1depth_on.gif)no-repeat 90% center; background-size:13px;}
.m_side_nav .lnb > li.depth01 > a {border-right:1px solid #ebebeb;}
.m_side_nav .lnb > li > a { color: 1b1b1b; display: block; padding: 13px 20px 12px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; box-sizing:border-box; background:url(/bizdemo54351/img/rovadesign/bg_snb_1depth.gif)no-repeat 90% center; background-size:13px; }
.m_side_nav .lnb li a { color: 1b1b1b; display: block; padding: 13px 20px 12px; }
.m_side_nav .lnb ul { background: #fff; display: none; padding: 0; position: absolute; left: 0; top: 100%; width: 100%; border:1px solid #f1f1f1; box-sizing:border-box; border-top:0;}
.m_side_nav .lnb ul li { float: none; }
.m_side_nav .lnb ul li.expand { background: #ddd; }
.m_side_nav .lnb ul li.expand a { color: black; }
.m_side_nav .lnb ul a { color: black; }
.m_side_nav .lnb ul a.on {background:#ff5e8d; color:#fff;}



#footer_wrap{width:100%;position:relative; background:#707070; margin-top:100px;}
#footer_wrap .personal_link {border-bottom:1px solid #838383; height:40px; line-height:40px; font-size:0;}
#footer_wrap .personal_link a {color:#dbdbdb; font-size:14px; position:relative; padding:0 15px;}
#footer_wrap .personal_link a:first-child {padding-left:0;}
#footer_wrap .personal_link a:last-child:after {display:none;}
#footer_wrap .personal_link a:after {content:''; display:block; width:1px; height:13px; background:#8d8d8d; position:absolute; right:0; top:2px;}
.content_footer{width:1200px;position:relative;text-align:left;margin:0 auto;}
.content_footer {vertical-align:top;}
.content_footer .footer_logo{display:inline-block; vertical-align:top; padding:40px 0; margin-right:42px;}
.content_footer .address{color:#fff; opacity:.5; font-size:12px; padding:25px 0; line-height:1.5; display:inline-block; vertical-align:top;}
.content_footer .copy {margin-top:10px;}
.content_footer .family_site{position:absolute;right:0; bottom:50px;}
.content_footer .family_site select {background:#707070; margin-top:50px; color:#fff; border:1px solid #fff; width:220px; height:35px; font-size:14px; padding-left:15px; font-family:"Nanum Gothic"; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
background: url('/bizdemo54351/img/rovadesign/select_btn.png') no-repeat 95% 50%;} 
.content_footer .family_site select::-ms-expand { display: none; }
.content_footer .family_site select option {color:#707070;}

.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}

.table {display:table;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}

.visual_company {background:url("/bizdemo54351/img/rovadesign/top_title01.png")no-repeat; background-size:cover;}
.visual_business {background:url("/bizdemo54351/img/rovadesign/top_title02.png")no-repeat; background-size:cover;}
.visual_product {background:url("/bizdemo54351/img/rovadesign/top_title03.png")no-repeat; background-size:cover;}
.visual_customer {background:url("/bizdemo54351/img/rovadesign/top_title04.png")no-repeat; background-size:cover;}
.visual_recruit {background:url("/bizdemo54351/img/rovadesign/top_title05.png")no-repeat; background-size:cover;}
.m_visual {display:none;}

#content_wrap {width:1200px; margin:0 auto;}
.side_nav {height:45px; margin-top:-45px; background:#fff; position:relative;}
.side_nav ul li {float:left; height:45px; line-height:65px; position:relative;}
.side_nav ul li.side_home {width:45px!important;}
.side_nav ul li a {display:block; font-size:17px; color:#555; font-family:'noto'; font-weight:300; letter-spacing:-1px;}
.side_nav ul li.on {line-height:54px;}
.side_nav ul li.on a {color:#ff5e8d; border-top:3px solid #ff5e8d; background:url("/bizdemo54351/img/rovadesign/side_btn.png")no-repeat center bottom; line-height:3.5; font-weight:600;}
.side_nav ul li a:after {content:''; display:block; width:1px; height:18px; background:#dedede; position:absolute; left:0; top:27px;}
.side_nav ul li:nth-child(1) a:after,.side_nav ul li:nth-child(2) a:after {display:none;}
.company .side_nav ul li {width:192.5px; }
.business .side_nav ul li {width:577.5px; }
.product .side_nav ul li {width:231px; }
.customer .side_nav ul li {width:385px; }
.recruit .side_nav ul li {width:385px; }
.m_side_nav {display:none;}

.content{width:1200px; margin:100px auto 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 p.line {background:#ff5e8d; width:60px; height:3px; margin:35px auto 15px;}
.content h3{font-size:35px; color:#4b4b4b; font-family:'noto';letter-spacing:-2px;}
.content .whole_content {margin-top:75px;}

.company01 .company_thumb {float:left;}
.company01 .company_cont {float:right; text-align:left; width:575px; color:#444;}
.company01 .company_cont h2 {font-size:35px; font-family:'Noto Sans KR', sans-serif;letter-spacing:-2px; margin-top:12px; font-weight:300;}
.company01 .company_cont h2 strong {font-weight:600;}
.company01 .company_cont div { font-size:15px; margin-top:40px; line-height:1.6; white-space:pre-line; word-break:keep-all;}
.company01 .company_cont div strong {font-size:13px;}
.company01 .company_table { width:100%; border-top:2px solid #ff5e8d; margin-top:60px;}
.company01 .company_table table {width:100%;}
.company01 .company_table table td {vertical-align:middle; border-bottom:1px solid #e8e8e8; font-size:14px; color:#636363; padding:15px 0 15px 30px; letter-spacing:-0.5px;}
.company01 .company_table table td.title {background:#f9f9f9; color:#282828; text-align:center; font-weight:bold; padding:15px 0; width:180px;}
.company01 .company_table table td ul { display:inline-block; vertical-align:top;}
.company01 .company_table table td ul li {line-height:1.7;}
.company01 .company_table table td ul li::before {content:''; width:2px; height:2px; display:inline-block; background:#636363; vertical-align:middle; margin:-3px 5px 0 0;}
.company01 .company_table table tr:last-child td ul:first-child {margin-right:180px;}

.company02 {background:url("/bizdemo54351/img/rovadesign/company02_bg.png")no-repeat; height:520px; text-align:left;}
.company02 h2 {color:#787992; font-size:31px; font-family:'Noto Sans KR', sans-serif; font-weight:300; margin-left:55px; padding-top:45px;}
.company02 h2 strong {font-weight:600;}
.company02 div {font-size:14px; color:#444; margin-top:106px; line-height:1.8; white-space:pre-line; word-break:keep-all; width:63%;}
.company02 p {color:#444; font-size:17px; font-family:'Noto Sans KR', sans-serif; font-weight:600; margin-top:15px;}
.company02 p img {vertical-align:middle; margin-left:10px;}

.company03 .company_icon ul {font-size:0; text-align:center; }
.company03 .company_icon ul li {display:inline-block; font-size:16px; color:#444; width:360px; height:266px;}
.company03 .company_icon ul li:nth-child(1) {background:url("/bizdemo54351/img/rovadesign/company03_img01.gif")no-repeat center top;}
.company03 .company_icon ul li:nth-child(2) {background:url("/bizdemo54351/img/rovadesign/company03_img02.gif")no-repeat center top;}
.company03 .company_icon ul li:nth-child(3) {background:url("/bizdemo54351/img/rovadesign/company03_img03.gif")no-repeat center top;}
.company03 .company_icon ul li span {line-height:1.4; font-weight:bold; display:block; margin-top:46%;}
.company03 .company_vision {background:url("/bizdemo54351/img/rovadesign/company03_img04.png")no-repeat; height:890px; margin-top:55px;}
.company03 .company_vision p.title {color:#fff; font-size:17px; padding:165px 0 126px;}
.company03 .company_vision .pink {font-size:0;}
.company03 .company_vision .pink div {display:inline-block;width:50%;font-size:18px;color:#fff;font-style:italic;height:64px;line-height:60px;font-weight:600; vertical-align:top;}
.company03 .company_vision .table-cell {text-align:left; width:275px; vertical-align:middle; padding:40px 0; border-bottom:1px solid #d3d3d3; letter-spacing:-1px;}
.company03 .company_vision .table-cell.cont {padding-left:30px; width:925px; color:#676767; font-size:15px; line-height:1.5; white-space:pre-line; word-break:keep-all;}
.company03 .company_vision .table-cell span {color:#ff5e8d; font-size:30px; font-family:"Roboto"; font-weight:600; margin-right:7px; margin-left:10px;}
.company03 .company_vision .table-cell strong {font-size:18px; color:#444; font-family:'Noto Sans KR', sans-serif; font-weight:600;}

.company04 .company_certi {background:url("/bizdemo54351/img/rovadesign/company04_img01.png")no-repeat 0 0; height:680px; letter-spacing:-1px;}
.company04 .company_certi h2 {color:#383838; font-size:32px; text-align:left; font-family:'Noto Sans KR', sans-serif; float:left; margin:100px 0 0 62px;}
.company04 .company_certi ul {clear:both; float:left; margin:30px 0 0 62px; text-align:left; width:500px;}
.company04 .company_certi ul li {float:left; color:#5e5e5e; font-size:17px; width:180px; margin-bottom:13px;}
.company04 .company_certi ul li:nth-child(2n) {width:320px;}
.company04 .company_certi ul li::before {content:url('/bizdemo54351/img/rovadesign/company04_icon01.png'); display:inline-block; vertical-align:middle; margin-right:8px;}
.company04 .company_certi .table {clear:both; float:left; margin-top:65px; width:1200px; border-bottom:1px solid #d9d9d9;}
.company04 .company_certi .table.m_table {display:none;}
.company04 .company_certi .table .table-cell {width:50%; text-align:left; padding:15px 0; border-bottom:1px solid #d9d9d9; font-size:16px; color:#4b4b4b;}
.company04 .company_certi .table .table-row:last-child .table-cell {border-bottom:0;}
.company04 .company_certi .table span {font-size:18px; font-family:"Roboto"; color:#ff5e8d; font-weight:600; display:inline-block; border:1px solid #ff5e8d; width:45px; height:45px; line-height:48px; border-radius:50%; text-align:center; margin:0 35px 0 20px;}
.company04 .company04_table {margin-top:40px;}
.company04 .company04_table .title {color:#4a4a4a; font-size:16px; text-align:left; font-weight:bold;}
.company04 .company04_table .title::before {content:url('/bizdemo54351/img/rovadesign/company04_icon02.png'); display:inline-block; vertical-align:-3px; margin-right:10px;}
.company04 .company04_table .table {width:1200px; border-top:2px solid #ff5e8d; margin-top:20px;}
.company04 .company04_table .table .table-cell {border-bottom:1px solid #d7d7d7; border-right:1px solid #efefef; font-size:13px; color:#707070; padding:12px 0; vertical-align:middle;}
.company04 .company04_table .table .table-cell.grey {background:#f9f9f9; width:250px;border-right:0; font-size:14px; color:#4a4a4a; vertical-align:middle;}
.company04 .company04_table .table .table-cell.top {font-size:14px; color:#4a4a4a; font-weight:bold; padding:12px 0;}
.company04 .company04_table .table .table-cell ul li {line-height:2.2;}
.company04 .company04_table .table .table-cell:nth-child(2) {width:280px;}
.company04 .company04_table .table .table-cell:nth-child(3) {width:390px;}

.company05 {text-align:left; position:relative; }
.company05::before {content:''; position:absolute; left:50%; width:1px; height:100%; background:#d9d9d9; z-index:-1;}
.company05 .top {width:50%; padding-left:60px;}
.company05 .dInline {position:absolute; left:50%; margin-left:-3px; display:block; width:5px; height:5px; background:#d9d9d9; border:1px solid #d9d9d9; border-radius:50%; z-index:-1;}
.company05 .dInlineB {bottom:0;}
.company05 .bottom {width:40%; margin-left:60%;}
.company05 .bottom ul {margin-bottom:29px;}
.company05 div.title {font-size:66px; color:#ff5e8d; font-family:'Noto Sans KR', sans-serif; letter-spacing:-2px; margin:65px 0 30px; padding:12% 0 9.5%;}
.company05 div.title span.point {position:absolute; left:50%; margin-left:-7px; display:block; background:#fff; border:1px solid #ff5e8d; border-radius:50%; padding:3px; z-index:-1; margin-top:-14px;}
.company05 div.title span.point i {background:#ff5e8d; display:block; width:5px; height:5px; border:1px solid #ff5e8d; border-radius:50%;}
.company05 div ul {margin-bottom:25px;}
.company05 div ul li {color:#4b4b4b; font-size:15px; font-family:'Noto Sans KR', sans-serif; line-height:1.6;}
.company05 div ul.span_padding li {padding-left:7%;}
.company05 div ul li.comTitle {padding-left:0;}
.company05 div ul li span {display:inline-block; width:30px; position:absolute; left:0;}
.company05 ul li strong {color:#ff5e8d; font-size:18px; font-family:"Roboto"; letter-spacing:-0.5px; display:block; }
.company05 .top ul li strong .stLine {position:absolute; left:50%; margin-left:-3px; display:block; width:5px; height:5px; background:#d9d9d9; border:1px solid #d9d9d9; border-radius:50%; z-index:-1;margin-top:-17px;}
.company05 .top ul li strong .stLine::before {content:''; width:73px; height:1px; background:#d9d9d9; display:block; position:absolute; right:0; margin-top:2px;}
.company05 .bottom div.title {margin:0 0 30px;}
.company05 .bottom ul li strong .stLine {position:absolute; left:50%; margin-left:-3px; display:block; width:5px; height:5px; background:#d9d9d9; border:1px solid #d9d9d9; border-radius:50%; z-index:-1;margin-top:-17px;}
.company05 .bottom ul li strong .stLine::before {content:''; width:73px; height:1px; background:#d9d9d9; display:block; position:absolute; left:0; margin-top:2px;}
.company05 .bottom ul li span {left:60%;}
.company05 .bottom ul:last-child {padding-bottom:20%;}
.company05 .companyImg {position:absolute;}
.company05 .img01 {top:8%; right:0;}
.company05 .img02 {top:28%; right:0;}
.company05 .img03 {top:58%; left:0;}
.company05 .img04 {top:79%; left:0;}


.company06 .company06_table {border-top:2px solid #ff6693; border-bottom:1px solid #d0d0d0; margin-top:50px; height:227px}
.company06 .company06_table .company06_l {width:565px; float:left; margin-left:10px;}
.company06 .company06_table .company06_l .top {border-bottom:1px solid #d0d0d0;}
.company06 .company06_table .company06_l div {text-align:left;}
.company06 .company06_table .company06_l div div {display:inline-block; vertical-align:middle; padding:21px 0; color:#676767; font-size:15px; }
.company06 .company06_table .company06_l div div img {margin:0 30px 0 13px;}
.company06 .company06_table .company06_l div div strong {color:#141414; font-size:15px; display:block; width:85px;}
.company06 .company06_table .company06_r {width:565px; float:right;}
.company06 .company06_table .company06_r > div {background:#f7f7f7; height:200px; margin:12px 0 15px;}
.company06 .company06_table .company06_r > div .item {text-align:left; font-size:15px; color:#676767; padding-top:22px;}
.company06 .company06_table .company06_r > div .item strong {display:inline-block; width:150px; text-align:left; text-indent:35px; color:#2b2b2b; font-size:15px; vertical-align:top; line-height:1.6;}
.company06 .company06_table .company06_r > div .item span {font-weight:bold; margin:0 0 0 20px;}
.company06 .company06_table .company06_r > div .item p {display:inline-block; vertical-align:middle; line-height:1.6;}

.business01 .top {background:url("/bizdemo54351/img/rovadesign/business01_img01.png")no-repeat 0 0;}
.business01 .top h2 {font-size:26px; color:#444; font-family:'Noto Sans KR', sans-serif; text-align:left; font-weight:300; letter-spacing:-2px; margin-left:45px; padding:59px 0 64px; line-height:1.7;}
.business01 .top h2 strong {font-weight:600;}
.business01 .table {margin-bottom:100px; width:100%;}
.business01 .table .table-cell {padding:50px 0; text-align:left; vertical-align:middle; color:#606060; font-size:15px; line-height:1.5; border-bottom:1px solid #dfdfdf; }
.business01 .table .table-cell.number {width:140px;}
.business01 .table .table-cell.number span {display:block; font-size:36px; color:#ff5e8d; font-family:"Roboto"; font-weight:600; border:1px solid #ff5e8d; border-radius:50%; width:91px; height:91px; line-height:91px; text-align:center;}
.business01 .table .table-cell.title {width:280px; color:#444; font-size:23px; font-family:'Noto Sans KR', sans-serif; line-height:1.3; letter-spacing:-1px;}
.business01 .table .table-cell.cont {white-space:pre-line; word-break:keep-all;}
.business01 .table .table-row:nth-child(1) .table-cell.cont,
.business02 .table .table-row:nth-child(2) .table-cell.cont {white-space:normal;}
.business01 .table .table-cell ul {display:inline-block; margin-right:90px;}
.business01_1 .table {width:100%; border-top:1px solid #dfdfdf;}
.business01_1 .table .table-cell {vertical-align:middle; border-bottom:1px solid #dfdfdf; padding:10px 0; width:23%;}
.business01_1 .table .business_product {width:90%;}
.business01_1 .table .business_product div {background:#f9f9f9; width:91.1%; height:200px; text-align:left; padding-left:33px; margin-left:5%;}
.business01_1 .table .business_product div h4 {font-size:20px; font-family:'Noto Sans KR', sans-serif; padding:45px 0 13px; font-weight:600; letter-spacing:-1px;}
.business01_1 .table .business_product div p {color:#474747; font-size:15px; line-height:1.5; white-space:pre-line; word-break:keep-all;}
.business02 .top {background:url("/bizdemo54351/img/rovadesign/business01_img08.png")no-repeat 0 0;}

.product00 .top { height:340px; text-align:left;}
.product00 .top a {display:inline-block; width:145px; text-align:center; padding:18px 0; color:#fff; font-size:15px;}
.product00 .top a.pink {background:#ff5e8d; margin-right:7px;}
.product00 .top a.black {background:#4d4d4d}
.product00 .top .top_btn {padding:225px 0 0 90px;}
.product00 .txt {font-size:15px; color:#444; line-height:1.5; margin:50px 0 95px; word-break:keep-all;}
.product00 .product_add div {margin-top:10%;}
.product00 .product_add div img {width:100%;}

.product02 .top { height:340px; text-align:left;}
.product02 .table {margin-bottom:100px; border-top:1px solid #dfdfdf;}
.product02 .table .table-cell {padding:12px 0; text-align:left; vertical-align:middle; color:#444; font-size:15px; line-height:1.5; border-bottom:1px solid #dfdfdf}
.product02 .table .table-cell.number {width:165px; padding-left:5px;}
.product02 .table .table-cell.title {width:150px; color:#0e0e0e; font-size:17px; line-height:1.3; letter-spacing:-0.5px;}

.product03 .top {height:340px; text-align:left;}
.product03 .table {margin-bottom:100px; border-top:1px solid #dfdfdf;}
.product03 .table .table-cell {padding:25px 0; text-align:left; vertical-align:middle; color:#444; font-size:15px; line-height:1.5; border-bottom:1px solid #dfdfdf}
.product03 .table .table-cell.number {width:165px;}
.product03 .table .table-cell.number span {display:block; font-size:32px; color:#ff5e8d; font-weight:600; text-align:center; font-family:"Roboto",sans-serif;}
.product03 .table .table-cell.title {width:275px; color:#0e0e0e; font-size:17px; line-height:1.3; letter-spacing:-0.5px;padding-left:25px; font-family:'Noto Sans KR', sans-serif;}

.product04 .top {height:230px; text-align:left;}
.product04 .top .top_btn {padding:90px 0 0 115px;}
.product04_1 .top { height:230px; text-align:left;}
.product04_1 .top .top_btn {padding:90px 0 0 115px;}

.product05 .top {height:340px; text-align:left;}

.customer01 {border:1px solid #ccc; padding:0 35px; text-align:left; padding-top:20px;}
.customer01 .item-row {padding:15px 0 40px;background:url("/bizdemo54351/img/rovadesign/customer01_bg.png")no-repeat center bottom;}
.customer01 .item-row:last-child {background:none; padding-bottom:30px;}
.customer01 .item-row div {display:inline-block; vertical-align:middle; font-size:15px; color:#727272; letter-spacing:-1px;}
.customer01 .item-row div img {margin:0 35px;}
.customer01 .item-row div span {font-family:"Roboto"; font-size:25px; color:#ee4a7a; font-weight:600; margin-right:15px; vertical-align:-3px;}
.customer01 .item-row div strong {font-size:17px; color:#4b4b4b; margin-right:70px; width:155px; display:inline-block; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif;}

.recruit01 {background:url("/bizdemo54351/img/rovadesign/recruit01_bg.png")no-repeat 0 0; }
.recruit01 h2 {color:#fff; font-size:30px; font-family:'Noto Sans KR', sans-serif; text-shadow:0 1px 1px #000; padding-top:73px;}
.recruit01 ul {margin-top:70px;}
.recruit01 ul li {display:inline-block; background:#fff; vertical-align:top; width:340px; margin:0 15px; height:490px;}
.recruit01 ul li img {margin-top:45px;}
.recruit01 ul li h3 {color:#db4974; font-size:28px; font-weight:300; padding-top:20px; padding-bottom:13px;}
.recruit01 ul li strong {color:#413a3a; font-size:15px; line-height:1.5;}
.recruit01 ul li .line {width:32px; height:2px; margin:15px auto;}
.recruit01 ul li .txt {color:#828282; font-size:13px}

.recruit02 { text-align:left; border-top:2px solid #ff5e8d;}
.recruit02 .item-row {padding:10px 0; border-bottom:1px solid #d7d7d7;}
.recruit02 .item-row div {display:inline-block; vertical-align:middle; font-size:15px; color:#727272; letter-spacing:-1px; line-height:1.5;}
.recruit02 .item-row div img {margin:0 57px 0 28px;}
.recruit02 .item-row div strong {font-size:17px; color:#4b4b4b; width:190px; display:inline-block; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif;}

.recruit03 { text-align:left; border-top:2px solid #ff5e8d;}
.recruit03 .item-row .q_num {border-bottom:1px solid #d7d7d7; cursor:pointer;}
.recruit03 .item-row .q_num div {display:inline-block;}
.recruit03 .item-row div div.number {width:145px; font-size:15px; color:#4a4a4a; font-family:'Roboto', sans-serif; font-weight:600; text-indent:30px; padding:18px 0;}
.recruit03 .item-row div div.number span {letter-spacing:-1px; margin-left:5px;}
.recruit03 .item-row div div.subject {color:#4a4a4a; font-size:15px; width:967px; padding:18px 0; line-height:1.5;}
.recruit03 .item-row div div.btn {width:80px;}
.recruit03 .item-row div div.btn img {vertical-align:-10px;text-align:left;}
.recruit03 .item-row .q_num div.number {color:#4a4a4a; }
.recruit03 .item-row .a_num {background:#f6f6f6; display:none;}
.recruit03 .item-row .a_num div {display:inline-block;}
.recruit03 .item-row .a_num div.number {color:#ff5e8d; padding:25px 0; vertical-align:top;}


.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;}


.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%; border-top:2px solid #ff5d8c; border-bottom:1px solid #e8e8e8;}
.sitemap p{margin-bottom:5px; font-size:15px; font-weight:bold; background:#f9f9f9; border-bottom:1px solid #e8e8e8; padding:15px 0;}
.sitemap td{vertical-align:top; text-align:center; border-right:1px solid #e8e8e8;}
.sitemap td:last-child {border-right:0;}
.sitemap dl {width:141px; margin:0 auto;}
.sitemap dt {padding:12px 0;}
.sitemap dt a{font-size:14px;color:#666;}

.m_sitemap {display:none;}
.m_sitemap .item-list {width:32%; display:inline-block; vertical-align:top; border:1px solid #e8e8e8; border-top:2px solid #ff5d8c; margin-bottom:30px; min-height:120px;}
.m_sitemap .item-list:nth-child(1),.m_sitemap .item-list:nth-child(2),.m_sitemap .item-list:nth-child(3) {min-height:175px;}
.m_sitemap .item-list h3 {background:#f9f9f9; font-size:15px; padding:5px 0;}
.m_sitemap .item-list ul {padding:7px 0;}
.m_sitemap .item-list ul li {line-height:1.8;}
.m_sitemap .item-list ul li a {font-size:12px;}



/* 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   { margin-top:70px; margin-bottom:35px; line-height:1.4em; color:#666; padding:25px 0; text-align:left;}
.dbp a  { display:inline-block; padding:6px 0; width:225px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; text-align:center;}
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#000; padding-bottom:25px; }
.dbp_table td { vertical-align:top; color:#777; padding:0 0 25px 15px; 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 (min-width:1218px){
.company05 div ul li span {left:60px;}
}

@media screen and (max-width:1218px){
#topmenu {width:100%;}
#topmenu h1 {width:25%; text-align:center; background:#fff; position:relative; z-index:999;}
#topmenu .global_menu div {width:100%;}
#topmenu .global_menu div ul {width:98%; margin-left:0;}
#topmenu .main_menu {width:70%; float:right;}
#topmenu .main_menu ul {margin-left:0;}
#topmenu .main_menu > ul > li {margin-right:0; margin-left:8%;}
#topmenu .main_menu > ul > li:last-child {margin-left:0;}
#topmenu .all_menu_conts {width:100%;}
#topmenu .all_menu_conts ul {width:20%;}
#topmenu .all_menu_conts ul:last-child {width:20%;}
.content_footer {width:95%;}
.content_footer .family_site select {margin-top:0; position:relative; top:-90px; height:32px;}

.content .whole_content {margin-top:45px;}
.content {width:90%;}
#container {width:100%;}
#content_wrap {width:100%;}
.company .side_nav ul li {width:15.92%;}
.business .side_nav ul li {width:47.7%;}
.product .side_nav ul li {width:19.1%;}
.customer .side_nav ul li {width:31.8%;}
.recruit .side_nav ul li {width:31.8%;}
.visual_area .p_visual {width:95%; margin-left:5%;}

.company01 .company_thumb {width:40%;}
.company01 .company_thumb img {width:100%;}
.company01 .company_cont {width:58%;}

.company02 {background-size:100%;}
.company02 h2 {font-size:27px; padding-top:3.5%;}
.company02 div {width:65%}

.company03 .company_icon ul li {width:33.333%;}
.company03 .company_vision {background-position:center top; height:auto;}
.company03 .company_vision .table-cell {width:25%;}

.company04 .company_certi {background-size:100%; height:100%;}
.company04 .company_certi h2 {margin:80px 0 0 45px; font-size:28px;}
.company04 .company_certi ul {margin:18px 0 0 50px; }
.company04 .company_certi ul li {width:145px; font-size:15px;}
.company04 .company_certi .table {width:100%}
.company04 .company_certi ul li:nth-child(2n) {width:280px;}
.company04 .company04_table .table {width:100%;}
.company04 .company04_table .table .table-cell.grey {width:15%;}
.company04 .company04_table .table .table-cell:nth-child(2) {width:25%;}
.company04 .company04_table .table .table-cell:nth-child(4) {width:20%;}

.company05 .top {padding-left:0;}
.company05 div.title {padding:13% 0 9%;}
.company05 div ul {margin-bottom:5%;}

.company06 .company06_table .company06_l {width:45%; margin-left:0;}
.company06 .company06_table .company06_r {width:50%;}
.company06 .company06_table .company06_l div div strong {width:auto; font-size:14px;}
.company06 .company06_table .company06_l div div {font-size:14px;}
.company06 .company06_table .company06_l div div img {width:100%; margin:0;}
.company06 .company06_table .company06_l div div:nth-child(1) {width:10%;padding:37px 0;}
.company06 .company06_table .company06_l div div:nth-child(2) {width:18%; text-align:center;}
.company06 .company06_table .company06_r > div .item strong {font-size:14px; width:25%;}
.company06 .company06_table .company06_r > div .item {font-size:14px;}
.company06 .company06_table .company06_r > div .item p {width:73%;}

.business01 .top {background-size:100%;}
.business01 .top h2 {padding:4% 0;}
.business01_1 .table .business_product div {width:98%;margin-left:2%;box-sizing:border-box; padding:6% 0 6% 15px; height:auto;}
.business01_1 .table .business_product div h4 {padding:0 0 13px; }
.business01_1 .table .table-cell {vertical-align:middle;}

.product00 .top { height:auto; padding-bottom:6%;}
.product00 .top img {width:100%;}
.product00 .top .top_btn {padding:18% 0 0 7.5%;}
.product00 .top a {width:120px; padding:15px 0; font-size:14px;}
.product00 .top a.pink {margin-right:4px;}
.product_info img {width:100%;}

.product04 .top .top_btn, .product04_1 .top .top_btn {padding:7% 0 2% 7.5%;}

.customer01 .item-row div strong {margin-right:0;}
.customer01 .item-row div img {margin:0;}
.customer01 .item-row div:nth-child(1) {margin:0 2%; width:13%; text-align:center;}
.customer01 .item-row div:nth-child(2) {width:23%;}
.customer01 .item-row div:nth-child(3) {width:58%; line-height:1.4;}

.recruit01 ul li {width:30%; margin:0 1%;}

.recruit02 .item-row div strong {margin-right:0;}
.recruit02 .item-row div img {margin:0;}
.recruit02 .item-row div:nth-child(1) {margin:0 2%; width:13%; text-align:center;}
.recruit02 .item-row div:nth-child(2) {width:23%;}
.recruit02 .item-row div:nth-child(3) {width:58%; line-height:1.4;}

.recruit03 .item-row {font-size:0;}
.recruit03 .item-row div div.number {width:13%;}
.recruit03 .item-row div div.subject {width:79%;}
.recruit03 .item-row div div.btn {width:8%;}


}

@media screen and (max-width:1024px){
.content {margin:50px auto 0;}
#topmenu {display:none;}
#m_topmenu {display:block;}
.visual_area {width:100%; margin-top:50px;}
.p_visual {display:none;}
.m_visual {display:block; width:100%;}
.m_side_nav {display:block;}
.side_nav {display:none;}

.company .side_nav {border-bottom:1px solid #e1e1e1; height:35px; margin-top:0;}
.company .side_nav ul li {width:16.666%; height:35px; line-height:35px;}
.side_home {display:none;}
.side_nav ul li a {font-size:12px;}
.side_nav ul li.on a {line-height:28px;padding-bottom:2px; background:none}
.side_nav ul li a:after {height:10px;top:13px;}

.content h3 {font-size:30px;}
.content p.line {width:55px; height:2px; margin:35px auto 5px;}

.content_footer {width:100%;}
.content_footer .footer_logo {display:none;}
.content_footer .footer_logo img {width:180px;}
.content_footer .address {display:block; padding:0 15px; letter-spacing:-0.5px; font-size:8px; text-align:center; float:none;}
.content_footer .address span {margin:0 3px;}
.content_footer .address a {color:#fff;}
.content_footer .family_site {display:none; bottom:auto; top:-25px;}
.content_footer .family_site select {width:100px; font-size:12px; padding-left:5px;}
#footer_wrap .personal_link {margin-bottom:15px; padding:0px; border-bottom:1px solid #898989;}
#footer_wrap .personal_link .content_footer {text-align:center}
#footer_wrap .personal_link a {padding:0 10px; font-size:12px;}
.content_footer .copy {padding-bottom:15px;}

.content h3 {font-size:30px;}
.content p.line {width:55px; height:2px; margin:35px auto 5px;}
.company01 .company_thumb {float:none; width:100%; display:none;}
.company01 .company_thumb img {width:70%; margin:0 auto;}
.company01 .company_cont {float:none; width:100%; margin:0 auto;}
.company01 .company_cont h2 {font-size:30px; text-align:center;}
.company01 .company_cont div {font-size:14px;}
.company01 .company_table table td {font-size:13px; padding:5px 0 5px 5px;}
.company01 .company_table table td.title {width:22%;}
.company01 .company_table table tr:last-child td ul:first-child {margin-right:8%;}

.company02 {background:none;}
.company02 h2 {font-size:30px; text-align:center; margin-left:0; color:#444;}
.company02 div { margin-top:10%; width:100%;}

.company03 .company_icon ul li {background-size:120%!important; height:auto; padding-bottom:7%;}
.company03 .company_icon ul li span {margin-top:55%;}
.company03 .company_vision .table-cell {width:30%;}
.company03 .company_vision .table-cell strong {font-size:16px;}
.company03 .company_vision .table-cell span {font-size:26px;}
.company03 .company_vision .table-cell.cont {font-size:14px;}
.company03 .company_vision .pink div {font-size:15px; line-height:64px;}
.company03 .company_vision p.title {font-size:15px;}

.company04 .company_certi h2 {margin:60px 0 0 35px; font-size:25px;}
.company04 .company_certi ul {margin:18px 0 0 40px; }
.company04 .company_certi ul li {width:115px; font-size:13px;}
.company04 .company_certi ul li::before {content:''; background:url('/bizdemo54351/img/rovadesign/company04_icon01.png')no-repeat; width:15px; height:15px; background-size:15px;}
.company04 .company_certi .table .table-cell {font-size:14px;}
.company04 .company_certi .table span {margin:0 10px 0 5px;}

.company05 div.title {font-size:50px;}
.company05 .companyImg {width:40%;}
.company05 .bottom ul li strong .stLine::before {width:60px;}

 
.company06 .company06_table {height:auto;}
.company06 .company06_table .company06_l div div {font-size:12px;}
.company06 .company06_table .company06_l div div:nth-child(1) {width:10%; text-align:center;}
.company06 .company06_table .company06_l div div:nth-child(2) {width:15%;}
.company06 .company06_table .company06_l div div:nth-child(3) {width:70%;}
.company06 .company06_table .company06_l div div img {width:100%;}
.company06 .company06_table .company06_l div div strong {font-size:12px;}
.company06 .company06_table .company06_r > div .item strong {font-size:12px; width:30%;}
.company06 .company06_table .company06_r > div .item {font-size:12px;}
.company06 .company06_table .company06_r > div .item:last-child {padding-top:10px;}
.company06 .company06_table .company06_r > div .item:last-child p {width:90%; margin-left:35px;}
.company06 .company06_table .company06_r > div .item p {width:62%;}
.company06 .company06_table .company06_r > div {height:auto; padding-bottom:5%;}

.business01 .top h2 {padding:3% 0; font-size:20px;}
.business01 .table .table-cell {font-size:14px; padding:30px 0;}
.business01 .table .table-cell.number span {font-size:25px; width:60px; height:60px; line-height:60px;}
.business01 .table .table-cell.number {width:12%;}
.business01 .table .table-cell.title {width:25%; font-size:17px;}
.business01_1 .table .table-cell {width:35%}
.business01_1 .table .business_product {width:85%;}
.business01_1 .table .table-cell img {width:100%}

.product00 .txt {margin:5% 0 95px;}

.product03 .table .table-cell.number {width:12%;}
.product03 .table .table-cell.title {font-size:17px; width:25%;}
.product03 .table .table-cell {font-size:14px;}

.product04 .top .top_btn, .product04_1 .top .top_btn {padding:7% 0 2% 3.5%;}

.customer01 .item-row div:nth-child(1) img {width:100%;}
.customer01 .item-row div span {display:block; margin-bottom:10px;}
.customer01 .item-row div:nth-child(1) {width:11%;}
.customer01 .item-row div span {font-size:20px;}
.customer01 .item-row div strong {font-size:15px;}
.customer01 .item-row div:nth-child(3) {width:84%; margin-left:16%; font-size:13px;}

.recruit01 ul li {width:80%; margin:1% 0; border:1px solid #f1f1f1; box-sizing:border-box;}
.recruit01 ul li img {width:30%;}

.recruit02 .item-row div:nth-child(1) img {width:100%;}
.recruit02 .item-row div span {display:block; margin-bottom:10px;}
.recruit02 .item-row div:nth-child(1) {width:11%;}
.recruit02 .item-row div span {font-size:20px;}
.recruit02 .item-row div strong {font-size:15px;}
.recruit02 .item-row div:nth-child(3) {width:84%; margin-left:16%; font-size:13px;}

}



@media only screen and (max-width: 768px) {
.content h3 {font-size:23px;}
.content p.line {width:40px;}
.company01 .company_thumb {float:none; width:100%;}
.company01 .company_thumb img {width:50%; margin:0 auto;}
.company01 .company_cont {float:none; }
.company01 .company_cont h2 {font-size:20px;}
.company01 .company_cont div {font-size:13px;}

.company02 div { font-size:13px;}
.company02 h2 {font-size:20px;}

.company03 .company_icon ul li span {font-size:12px;}
.company03 .company_vision .table-cell {width:100%;display:block;padding:20px 0;border-bottom:0;}
.company03 .company_vision .table-cell.cont {border-bottom:1px solid #d3d3d3; padding-top:0; box-sizing:border-box; width:100%; padding-left:3%;}
.company03 .company_vision p.title {font-size:12px;}
.company03 .company_vision .pink div {word-break: keep-all; line-height:2.5;white-space:pre-line; width:45%; margin:0 3.5% 0 1.5%; font-size:12px; height:auto; padding:3% 0 7%;}

.company04 .company_certi {background-color:#f0f5fb; height:50%;}
.company04 .company_certi h2 {margin:50px 0 0 35px; font-size:22px;}
.company04 .company_certi ul {margin:18px 0 0 40px; width:90%;}
.company04 .company_certi ul li {width:115px; font-size:12px;}
.company04 .company_certi .table.p_table {display:none}
.company04 .company_certi .table.m_table {display:block; background:#fff; margin-top:3%; padding-top:5%;}
.company04 .company_certi .table.m_table .table-cell {display:inline-block; width:100%;}
.company04_1 {padding-top:12%;}

.company05 div.title {font-size:40px;}
.company05 ul li strong {font-size:15px;}
.company05 div ul li {font-size:12px;}
.company05 .bottom ul li strong .stLine::before {width:40px;}

 
.company06 .company06_table {height:auto;}
.company06 .company06_table .company06_l {float:none; width:100%;border-bottom:1px solid #dbdbdb;}
.company06 .company06_table .company06_r {float:none; width:100%;}
.company06 .company06_table .company06_l div div {font-size:12px;}
.company06 .company06_table .company06_l div div:nth-child(1) {width:10%; text-align:center; padding:15px 0;}
.company06 .company06_table .company06_l div div:nth-child(2) {width:15%;}
.company06 .company06_table .company06_l div div:nth-child(3) {width:65%;}
.company06 .company06_table .company06_l div div img {width:100%;}
.company06 .company06_table .company06_l div div strong {font-size:12px;}
.company06 .company06_table .company06_r > div .item strong {font-size:12px; width:30%;}
.company06 .company06_table .company06_r > div .item {font-size:12px;}
.company06 .company06_table .company06_r > div .item:last-child {padding-top:10px;}
.company06 .company06_table .company06_r > div .item:last-child p {width:90%; margin-left:35px; margin-top:5px;}
.company06 .company06_table .company06_r > div .item p {width:60%;}
.company06 .company06_table .company06_r > div {height:auto; padding-bottom:22px;margin-bottom:12px;}

.business01 .top h2 {font-size:15px; letter-spacing:-1px;}
.business01 .table .table-cell {padding:20px 0;}
.business01 .table .table-cell.number{ display:inline-block;width:15%; vertical-align:middle; border-bottom:0; padding:20px 0 0;}
.business01 .table .table-cell.number span {width:45px; height:45px; line-height:47px; font-size:18px;}
.business01 .table .table-cell.title {font-size:16px; display:inline-block;width:85%; vertical-align:middle; border-bottom:0; padding:20px 0 0;}
.business01 .table .table-cell.cont {font-size:13px; display:block;}
.business01 .table .table-cell ul {margin-right:7%}
.business01_1 .table .table-cell {display:block; width:100%;}
.business01_1 .table .table-cell:first-child {border-bottom:0; padding:0;}
.business01_1 .table .table-cell img {width:60%;}
.business01_1 .table .business_product div h4 {font-size:17px;}
.business01_1 .table .business_product div p {font-size:13px;}

.product00 .top .top_btn {padding:17% 0 0 7%;}
.product00 .top a {width:85px; padding:8px 0 7px; font-size:11px;}
.product00 .txt {font-size:12px;}

.product02 .table .table-cell {display:block;width:100%; font-size:12px;}
.product02 .table .table-cell.number {display:inline-block; width:25%; border-bottom:0; padding-bottom:0;}
.product02 .table .table-cell.title {display:inline-block; width:73%; border-bottom:0; padding-bottom:0; font-size:14px;}

.product03 .table .table-cell.number {display:inline-block;width:5%; border-bottom:0; padding-bottom:0;}
.product03 .table .table-cell.number span { font-size:25px;}
.product03 .table .table-cell.title {display:inline-block; font-size:17px; width:83%; border-bottom:0; padding-bottom:0;}
.product03 .table .table-cell {display:block}

.product04 .top .top_btn, .product04_1 .top .top_btn {padding:7% 0 2% 3.5%;}

.customer01 {padding:0 20px;}
.customer01 .item-row div:nth-child(1) {width:15%;}
.customer01 .item-row div:nth-child(2) {width:65%;}
.customer01 .item-row div span {font-size:17px; display:inline-block; vertical-align:middle; margin:0 3% 0 0;}
.customer01 .item-row div strong {font-size:13px; display:inline-block; vertical-align:middle;}
.customer01 .item-row div:nth-child(3) {font-size:11px; margin-left:2%; width:98%; padding-top:2%;}
.customer01 .item-row {background-size:600px; padding:15px 0 30px;}
.customer01 .item-row div:nth-child(1) img {width:80%;}

.recruit01 h2 {font-size:22px; padding-top:10%;}
.recruit01 ul {margin-top:10%;}
.recruit01 ul li {width:60%; height:auto; padding-bottom:8%;}

.recruit02 {padding:0;}
.recruit02 .item-row div:nth-child(1) {width:15%;}
.recruit02 .item-row div:nth-child(2) {width:65%;}
.recruit02 .item-row div strong {font-size:13px; display:inline-block; vertical-align:middle;}
.recruit02 .item-row div:nth-child(3) {font-size:11px; margin-left:2%; width:98%; padding-top:2%;}
.recruit02 .item-row {padding:15px 0 30px;}
.recruit02 .item-row div:nth-child(1) img {width:80%;}

.recruit03 .item-row div div.number {font-size:13px; width:10%; text-indent:5px; vertical-align:middle;}
.recruit03 .item-row div div.number span {margin-left:2px;}
.recruit03 .item-row div div.subject {font-size:12px;width:82%; vertical-align:middle;}
.recruit03 .item-row div div.btn img {width:60%; vertical-align:middle;}
.recruit03 .item-row .a_num div.number {margin-top:-3px;}

.pc_sitemap {display:none;}
.m_sitemap {display:block;}

}


@media screen and (max-width:480px){
.content h3 {font-size:20px;}

.company01 .company_cont h2 {font-size:17px;}
.company01 .company_cont div {margin-top:20px;}
.company01 .company_table table td {padding:5px; font-size:11px;}
.company01 .company_table table td.title {font-size:11px;}

.company02 h2 {font-size:17px; word-break:keep-all;}
.company02 div {font-size:12px;}
.company02 p {font-size:15px;}
.company02 p img {width:35%;}

.company03 .company_icon ul li span { font-size:9px;}
.company03 .company_vision p.title {font-size:11px;}
.company03 .company_vision .pink div {padding:4.5% 0 7%; line-height:1.3;}
.company03 .company_vision .table-cell.cont {font-size:12px;}

.company04 .company_certi h2 {margin:8% 0 0 5%; font-size:12px;}
.company04 .company_certi ul {margin:5px 0 0 5%; width:80%;}
.company04 .company_certi ul li {font-size:12px;margin-bottom:5px}
.company04 .company_certi ul li::before {width:10px; height:10px; background-size:10px;}
.company04 .company04_table .table .table-cell.top,
.company04 .company04_table .table .table-cell.grey,
.company04 .company04_table .table .table-cell {font-size:12px;}

.company05 div.title {font-size:25px;}
.company05 ul li strong {font-size:15px;}
.company05 div ul li {font-size:9px; letter-spacing:-0.5px;}
.company05 .bottom ul li strong .stLine::before {width:30px;}
.company05 .companyImg {width:45%;}


.business01 .top h2 {font-size:3vw; margin-left:5%;}
.business01 .table .table-cell.number {width:13%;}
.business01 .table .table-cell.number span {width:30px; height:30px; line-height:32px; font-size:15px;}
.business01 .table .table-cell.title {font-size:12px;}
.business01 .table .table-cell.cont {font-size:12px;padding-top:15px;}
.business01_1 .table .table-cell:first-child {padding-top:10px;}
.business01_1 .table .table-cell img {width:70%;}
.business01_1 .table .business_product div h4 {font-size:15px;}
.business01_1 .table .business_product div p {font-size:12px;}

.product00 .top a {width:72px; font-size:8px; padding:5px 0;}
.product00 .top a.pink {margin-right:0px;}

.product02 .table .table-cell.number {width:32%;}
.product02 .table .table-cell.number img {width:80%;}
.product02 .table .table-cell.title {width:65%;}
 
.product03 .table .table-cell.title {font-size:14px;}
.product03 .table .table-cell {font-size:12px; padding:15px 0;}
.product03 .table .table-cell.cont {padding-top:10px;}

.customer01 .item-row div:nth-child(1) img {width:100%;}

.recruit01 h2 {font-size:17px;}
.recruit01 ul li {width:80%; height:auto; padding-bottom:8%;}

.recruit02 .item-row div:nth-child(1) img {width:100%;}

.recruit03 .item-row div div.subject {width:80%;}
.recruit03 .item-row div div.btn {width:10%;}
.recruit03 .item-row .a_num div.number {margin-top:-4px;}



}