@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;}
html,body {width:100%; height:100%;}
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;}

@font-face {
font-family: noto;
src: url(/bizdemo54351/img/rovadesign/notokr-light.woff2) format("woff2"), url(/bizdemo54351/img/rovadesign/notokr-light.woff) format("woff"), url(/bizdemo54351/img/rovadesign/notokr-light.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: noto;
src: url(/bizdemo54351/img/rovadesign/notokr-regular.woff2) format("woff2"), url(/bizdemo54351/img/rovadesign/notokr-regular.woff) format("woff"), url(/bizdemo54351/img/rovadesign/notokr-regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: noto;
src: url(/bizdemo54351/img/rovadesign/notokr-medium.woff2) format("woff2"), url(/bizdemo54351/img/rovadesign/notokr-medium.woff) format("woff"), url(/bizdemo54351/img/rovadesign/notokr-medium.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: noto;
src: url(/bizdemo54351/img/rovadesign/notokr-bold.woff2) format("woff2"), url(/bizdemo54351/img/rovadesign/notokr-bold.woff) format("woff"), url(/bizdemo54351/img/rovadesign/notokr-bold.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}

#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:20%; 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; }

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






/*¸ÞÀÎ ½½¶óÀ̵å */
.slider {position:relative; width:100%; text-align:center;}
.flexslider .slides { height: 590px; overflow: hidden; position: relative; }
.flexslider .slides > li { display: none; height:590px;}
.flexslider .slides > li:nth-child(1) {background:url("/bizdemo54351/img/rovadesign/main_img01.jpg")no-repeat center center; background-size:cover;}
.flexslider .slides > li:nth-child(2) {background:url("/bizdemo54351/img/rovadesign/main_img01.jpg")no-repeat center center; background-size:cover;}
.flexslider .slides > li.active { display: block; }
.flexslider .slides > li a div {position:absolute; top:0; width:100%; text-align:center; color:#fff; }
.flexslider .slides > li a div h2 {font-family:'Noto Sans KR', sans-serif; font-size:60px; font-weight:300; margin-top:120px; line-height:1.3; letter-spacing:-2px;}
.flexslider .slides > li a div p {font-size:20px; margin-top:20px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:200;}
.flexslider .btn_slide {width:100%; text-align:center; font-size:0; position:absolute; bottom:140px; z-index:9;}
.flexslider .btn_slide a {display:block;  text-indent:-9999px; background:url("/bizdemo54351/img/rovadesign/btn_slide.png") no-repeat 0 0; background-size:85px;}
.flexslider .btn_slide ul {overflow:hidden; display:inline-block; vertical-align:middle}
.flexslider .btn_slide ul li {float:left;}
.flexslider .btn_slide ul li a {display:block; width:40px; height:40px; background-position:0px 0px}
.flexslider .btn_slide ul li.active a {background-position:-40px 0px}



#container {width:1200px; margin:-110px auto 0; position:relative; z-index:999;}
#container .main_banner .m_banner {float:left; text-align:left; letter-spacing:-1px;width:272px; height:430px; color:#fff; padding-left:28px; cursor:pointer;}
#container .main_banner .m_banner h3 {font-size:25px; margin-top:50px; font-family:'noto'; letter-spacing:-1px; color:#fff;}
#container .main_banner .m_banner p {color:#989797; font-size:13px; line-height:1.5; margin-top:10px;}
#container .main_banner .m_banner img { margin-top:25px; }
#container .main_banner .main_banner01 {background:url("/bizdemo54351/img/rovadesign/main_banner01.png")no-repeat;}
#container .main_banner .main_banner02 {background:url("/bizdemo54351/img/rovadesign/main_banner02.png")no-repeat;}
#container .main_banner .main_banner02 p {color:#fff;}
#container .main_banner .main_banner03 {float:left; width:600px; height:430px;}
#container .main_banner .main_banner03 .main_banner03_1 {height:215px; background:#fff;  }
#container .main_banner .main_banner03 .main_banner03_1 h2 {text-align:right; font-size:31px; float:left; font-weight:700; font-family:"Roboto",sans-serif; line-height:1; margin:30px 0 0 38px; color:#303030;}
#container .main_banner .main_banner03 .main_banner03_1 h2.m_notice {display:none;}
#container .main_banner .main_banner03 .main_banner03_1 .more_btn {display:block; background:#000; color:#fff; font-style:italic; width:55px; height:22px; line-height:18px; text-align:right; padding-right:7px; font-size:14px; font-weight:bold; float:left; margin-left:90px; position:absolute; top:105px;}

#container .main_product {clear:both; padding-top:40px;}
#container .main_product h2 {text-align:left; font-size:25px; font-family:"AppleGothic",sans-serif; font-weight:700; margin-bottom:10px; color:#303030;}
#container .main_product h2 span {color:#757474; font-size:17px; font-family:'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-1px; vertical-align:middle; display:inline-block; margin-left:10px;}
#container .main_product h2 a {display:inline-block; vertical-align:middle; margin-left:10px;}
#container .main_product ul li {width:240px; height:228px; border:1px solid #dbdbdb; float:left; border-right:0; box-sizing:border-box; text-align:left; position:relative;}
#container .main_product ul li h3 {font-size:19px; margin:65px 0 0 23px; font-weight:600; letter-spacing:-1px; font-family:'noto';}
#container .main_product ul li p {margin:5px 0 0 23px; font-size:13px; line-height:1.3; color:#888;}
#container .main_product ul li a {display:block; width:85px; height:23px; line-height:23px; margin-left:23px; color:#fff; position:absolute; bottom:25px; box-sizing:border-box; border-radius:15px; text-align:center;}
#container .main_product ul li:nth-child(1) {background:url("/bizdemo54351/img/rovadesign/main_product01.png")no-repeat; }
#container .main_product ul li:nth-child(1) h3 {color:#3f7bbd;}
#container .main_product ul li:nth-child(1) a {background:#3f7bbd; border:1px solid #3f7bbd;}
#container .main_product ul li:nth-child(2) {background:url("/bizdemo54351/img/rovadesign/main_product02.png")no-repeat;}
#container .main_product ul li:nth-child(2) h3 { color:#78becd; }
#container .main_product ul li:nth-child(2) a {background:#78becd; border:1px solid #78becd}
#container .main_product ul li:nth-child(3) {background:url("/bizdemo54351/img/rovadesign/main_product03.png")no-repeat;}
#container .main_product ul li:nth-child(3) h3 { color:#797979; }
#container .main_product ul li:nth-child(3) a {background:#585858; border:1px solid #585858;}
#container .main_product ul li:nth-child(4) {background:url("/bizdemo54351/img/rovadesign/main_product04.png")no-repeat;}
#container .main_product ul li:nth-child(4) h3 {color:#f68776;}
#container .main_product ul li:nth-child(4) a {background:#fc816f; border:1px solid #fc816f;}
#container .main_product ul li:nth-child(5) {background:url("/bizdemo54351/img/rovadesign/main_product05.png")no-repeat; border-right:1px solid #dbdbdb;}
#container .main_product ul li:nth-child(5) h3 {color:#ff5e8d;}
#container .main_product ul li:nth-child(5) a {background:#ff5e8d; border:1px solid #ff5e8d;}

#container .m_product {display:none;}
#container .m_product .m_productWrap {background:#eef0ef; padding-bottom:5.5%;}
#container .m_product .m_productWrap h2 {text-align:center; font-size:20px; padding-top:4%;}
#container .m_product .m_productWrap h2 span {display:block; font-size:13px; color:#888; font-weight:normal; margin-bottom:20px;}
#container .m_product .m_productWrap .bx-ltem {border:1px solid #e3e3e3;box-sizing:border-box;}
#container .m_product .m_productWrap .bx-ltem a img {width:100%;}
#container .m_product .m_productWrap .bx-wrapper {padding:0 5% 5px; width:90%;}




/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin:0 auto; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); }
/** THEME
===================================*/
.bx-wrapper { }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center;  font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0px; background: url('/bizdemo54351/img/rovadesign/btn_left.png') no-repeat center center; background-size:35px 35px;}
.bx-wrapper .bx-next { right: 0px; background: url('/bizdemo54351/img/rovadesign/btn_right.png') no-repeat center center; background-size:35px 35px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; opacity:.4;}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }


.module_link{width:360px;height:131px;padding:18px 0 0 0;margin:26px 0 0 0;}
.module_link ul {list-style:none; padding:0 0 0 17px;}
.module_link ul li {float:left;width:85px;text-align:center;}
#footer_wrap{width:100%;position:relative;clear:both; float:left;background:#707070; margin-top:60px;}
#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{float:left; padding:40px 0; margin-right:45px;}
.content_footer .address{color:#fff; opacity:.5; font-size:12px; padding:25px 0; line-height:1.5; float:left;}
.content_footer .address span {margin:0 2px;}
.content_footer .address a {color:#fff;}
.content_footer .copy {margin-top:10px;}
.content_footer .family_site{position:absolute;right:0;}
.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;}



@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%;}

#container {width:95%;}
#container .main_banner .m_banner {width:25%; box-sizing:border-box; height:auto; padding-bottom:17.5%;}
#container .main_banner .main_banner03 {width:50%;}
#container .main_banner .main_banner03 .main_banner03_2 img {width:100%;}
#container .main_banner .main_banner03 .main_banner03_1 h2 {font-size:28px; margin:30px 0 0 28px;}
#container .main_banner .main_banner03 .main_banner03_1 .more_btn {margin-left:70px;}
#container .main_product ul li {width:20%;}
#container .main_product ul li:nth-child(1),
#container .main_product ul li:nth-child(2),
#container .main_product ul li:nth-child(3),
#container .main_product ul li:nth-child(4),
#container .main_product ul li:nth-child(5) {background-size:215px; height:215px; background-position:right top;}
#container .main_product ul li a {bottom:15px;}

.content_footer {width:95%;}
.content_footer .family_site select {margin-top:0; position:relative; top:-37px; height:32px;}
}



@media screen and (max-width:1024px){
#topmenu {display:none;}
#m_topmenu {display:block;}

#footer_wrap {margin-top:0;}
.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 .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;}


.flexslider .slides > li:nth-child(1) {background:url("/bizdemo54351/img/rovadesign/m_main_img01.jpg")no-repeat center center; background-size:cover;}
.flexslider .slides > li:nth-child(2) {background:url("/bizdemo54351/img/rovadesign/m_main_img01.jpg")no-repeat center center; background-size:cover;}
.flexslider .slides > li a div h2 {font-size:6vw; margin-top:200px;}
.flexslider .slides > li a div p {font-size:3vw;}
#container .p_product {display:none;}
#container .m_product {display:block;}
#container .m_product .m_productWrap h2 {font-size:3vw;}
#container .m_product .m_productWrap h2 span {font-size:2.5vw;}
#container .m_product .m_productWrap .bx-wrapper {width:98%; padding:0 1%;}
.bx-wrapper .bx-controls-direction a {top:45%; width:40px; height:40px; background-size:40px 40px;}
.bx-wrapper .bx-prev {left:-7%;}
.bx-wrapper .bx-next {right:-7%;}

#container {margin:-50px auto 0; width:100%;}
#container .main_banner {position:relative; width:100%; z-index:1;}
#container .main_banner .main_banner03 {float:none; width:100%; height:auto;}
#container .main_banner .main_banner03 .main_banner03_1 {position:absolute; top:0; left:0;text-align:left; width:90%; margin:0 5%; padding-bottom:3%;}
#container .main_banner .main_banner03 .main_banner03_1 h2.m_notice {display:block; margin:5% 0 2% 5%; font-size:18px; float:none; text-align:left;}
#container .main_banner .main_banner03 .main_banner03_1 h2.p_notice {display:none;}
#container .main_banner .main_banner03 .main_banner03_1 .more_btn {position:absolute; top:8%; right:5%; font-size:12px; width:45px;}
#container .main_banner .main_banner03 .main_banner03_2 {position:absolute; left:5%; width:90%;}
#container .main_banner .main_banner03 .main_banner03_2 img {width:100%;}
#container .main_banner .m_banner {float:none; box-sizing:border-box; padding-left:15px; height:auto; padding-bottom:30%; min-height:280px;}
#container .main_banner .main_banner01 {position:absolute; left:5%; width:45%; background-size:100%; background-position:right bottom;background-color:#303030;}
#container .main_banner .main_banner02 {position:absolute; right:5%; width:45%; background-size:100%; background-position:right bottom; background-color:#ff5e8d;}
#container .main_banner .m_banner h3 {font-size:3vw; margin-top:50px; }
#container .main_banner .m_banner p {font-size:1.7vw;}
#container .main_banner .m_banner img {width:30px;}

}



@media only screen and (max-width: 768px) {
#topmenu {display:none;}
#m_topmenu {display:block;}

.flexslider .slides {height:400px;}
.flexslider .btn_slide {bottom:80px;}
.flexslider .slides > li a div h2 {font-size:6.5vw; margin-top:90px;}
.flexslider .slides > li a div p {font-size:3.5vw;}
.flexslider .btn_slide ul li a {background-size:65px; width:35px; height:35px;}
.flexslider .btn_slide ul li.active a {background-position:-27px 0;}
.flexslider .btn_slide ul li a {background-position:6px 0;}

#container .p_product {display:none;}
#container .m_product {display:block;}
#container .m_product .m_productWrap h2 {font-size:4vw;}
#container .m_product .m_productWrap h2 span {font-size:2.5vw;}
#container .m_product .m_productWrap .bx-wrapper {width:96%; padding:0 2%;}
.bx-wrapper .bx-controls-direction a {top:45%; width:40px; height:40px; background-size:40px 40px;}

.bx-wrapper .bx-prev {left:5px;}
.bx-wrapper .bx-next {right:5px;}

#container {margin:-50px auto 0; width:100%;}
#container .main_banner {position:relative; width:100%; z-index:1;}
#container .main_banner .main_banner03 {float:none; width:100%; height:auto;}
#container .main_banner .main_banner03 .main_banner03_1 {position:absolute; top:0; left:0;text-align:left; width:90%; margin:0 5%; padding-bottom:3%;}
#container .main_banner .main_banner03 .main_banner03_1 h2.m_notice {display:block; margin:5% 0 2% 5%; font-size:18px; float:none; text-align:left;}
#container .main_banner .main_banner03 .main_banner03_1 h2.p_notice {display:none;}
#container .main_banner .main_banner03 .main_banner03_1 .more_btn {position:absolute; top:8%; right:5%; font-size:12px; width:45px;}
#container .main_banner .main_banner03 .main_banner03_2 {position:absolute; left:5%; width:90%;}
#container .main_banner .main_banner03 .main_banner03_2 img {width:100%;}
#container .main_banner .m_banner {float:none; box-sizing:border-box; padding-left:15px; height:auto; padding-bottom:30%; min-height:280px;}
#container .main_banner .main_banner01 {position:absolute; left:5%; width:45%; background-size:100%; background-position:right bottom;background-color:#303030;}
#container .main_banner .main_banner02 {position:absolute; right:5%; width:45%; background-size:100%; background-position:right bottom; background-color:#ff5e8d;}
#container .main_banner .m_banner h3 {font-size:3vw; margin-top:35px; }
#container .main_banner .m_banner p {font-size:2vw;}
#container .main_banner .m_banner img {width:30px;}
}


@media screen and (max-width:480px){
#topmenu {display:none;}
#m_topmenu {display:block;}

.flexslider .slides > li a div h2 {font-size:6.5vw; margin-top:120px;}
.flexslider .slides > li a div p {font-size:3.5vw;}
#container .p_product {display:none;}
#container .m_product {display:block;}
#container .m_product .m_productWrap h2 {font-size:5vw;}
#container .m_product .m_productWrap h2 span {font-size:3.5vw;}
#container .m_product .m_productWrap .bx-wrapper {width:90%; padding:0 5%;}
#container .m_product .m_productWrap .bx-viewport {padding-bottom:5px;}
.bx-wrapper .bx-controls-direction a {top:40%; width:40px; height:40px; background-size:38px 38px;}

.bx-wrapper .bx-prev {left:5px;}
.bx-wrapper .bx-next {right:5px;}

#container {margin:-50px auto 0; width:100%;}
#container .main_banner {position:relative; width:100%; z-index:1;}
#container .main_banner .main_banner03 {float:none; width:100%; height:auto;}
#container .main_banner .main_banner03 .main_banner03_1 {position:absolute; top:0; left:0;text-align:left; width:90%; margin:0 5%; padding-bottom:3%;}
#container .main_banner .main_banner03 .main_banner03_1 h2.m_notice {display:block; margin:5% 0 2% 5%; font-size:18px; float:none; text-align:left;}
#container .main_banner .main_banner03 .main_banner03_1 h2.p_notice {display:none;}
#container .main_banner .main_banner03 .main_banner03_1 .more_btn {position:absolute; top:8%; right:5%; font-size:12px; width:45px;}
#container .main_banner .main_banner03 .main_banner03_2 {position:absolute; left:5%; width:90%;}
#container .main_banner .main_banner03 .main_banner03_2 img {width:100%;}
#container .main_banner .m_banner {float:none; box-sizing:border-box; padding-left:15px; height:auto; padding-bottom:30%; min-height:280px;}
#container .main_banner .main_banner01 {position:absolute; left:5%; width:45%; background-size:100%; background-position:right bottom;background-color:#303030;}
#container .main_banner .main_banner02 {position:absolute; right:5%; width:45%; background-size:100%; background-position:right bottom; background-color:#ff5e8d;}
#container .main_banner .m_banner h3 {font-size:4vw; }
#container .main_banner .m_banner p {font-size:2.7vw;}
#container .main_banner .m_banner img {width:30px;}
}