/*****¸ÞÀÎÁß¾Ó¹è³Ê*****/
#m_con {position:absolute; top:50px; width:340px; padding:20px; height:430px; z-index:9999; margin:0 auto; right:0; background:url(../../img/bg_b.png) repeat 0 0;   }
/*¸ÞÀÎÅؽºÆ®*/
#m_con .con_txt {text-align:center; color:#fff; font-size:81px; font-family: 'Anton', sans-serif; line-height:100%; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
#m_con .con_txt span {text-align:center; color:#fff; display:block; font-size:81px; font-family: 'Anton', sans-serif; line-height:100%; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
#m_con .con_txt p {font-family: 'Satisfy', cursive; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
/*sns¾ÆÀÌÄÜ*/
.sns { padding:30px 0; margin:0 auto; text-align:center;}
.sns ul li{display:inline; padding:3px;}
/*樨毢*/
#movieboard {position:absolute; top:320px; width:300px; z-index:9999; right:40px;    }
.mmovie {padding:10px 10px 10px; width:280px; height:160px; background:url(../../img/mmovie_bg2.gif) no-repeat 0 0;}
/*ÃֱٰԽù°*/
.mboard_title {width:300px; height:25px; border-bottom:1px solid #fff;}
.mboard_title h2 img {width:100px;}




 
 

/*****¸ÞÀηѸµÁß¾ÓÀ̹ÌÁö*****/
#mainWrap{width:100%; margin-top:70px; } 
#mainWrap .mainCont{width:100%;overflow:hidden;position:relative;background:#F1592A;}
#main_banner {position:relative;width:100%;height:485px; min-width:1000px;}
#main_banner .bannerWrap{width:1000px; margin:0 auto;}
#main_banner .bannerCont{width:1920px;margin-left:-460px;}

.flexslider_event .slides {width:100%;}
.flexslider_event .slides > li {display:none; -webkit-backface-visibility: hidden;} 
.flexslider_event .slides img {display: block; }
.flexslider_event .flex-direction-nav {z-index:999;}
.flexslider_event .flex-direction-nav li {width:28px;z-index:999;}
.flexslider_event .flex-direction-nav a {background:url(../../img/slideBtn.png);width:47px; height:64px; display: block; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-direction-nav{display:none;}
.flexslider_event .flex-direction-nav .flex-next {background-position:right 0;position:absolute;top:200px;right:50px;}
.flexslider_event .flex-direction-nav .flex-prev {background-position:left 0;position:absolute;top:200px;left:50px;}
.flexslider_event .flex-control-nav {position: absolute;right:50%; margin:0 -42px 0 0; bottom:30px;}
.flexslider_event .flex-control-nav li {float:left; margin-right:11px;display: inline-block; zoom: 1; *display: inline; }
.flexslider_event .flex-control-paging {bottom:10px;}
.flexslider_event .flex-control-paging li a {width:14px;height:15px;display: block; background:url(../../img/slide_navy.png);background-position:left top;cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-control-paging li a:hover,.flexslider_event .flex-control-paging li a.flex-active {background-position:15px top; cursor: pointer; }




/*****Webfactory Product / 6°³ ¹è³Ê*****/
.mimg4 {background:#fff;}
.mimg4 .mimg4_tit {padding:40px 0 35px 0; text-align:center;}
.mimg4 .mimg4_tit h3 {text-align:center; color:#FF6600; font-weight:900;  font-size:51px;  line-height:100%; font-family: 'Anton', sans-serif;  }
.mimg4 .mimg4_tit h3 span {text-align:center; color:#333333;   font-size:55px;  font-weight:200;  font-family: 'Titillium Web', sans-serif;  letter-spacing:-0.04em; line-height:100%;  }
.mimg4 .mimg4_tit p {font-family: 'Anton', sans-serif;  color:#999999; padding-top:10px;font-size:15px;   }
.mimg4 ul:after {content:"";display:block;clear:both;}
.mimg4 ul li {width:16.66666%; float:left; background:#000; position:relative;}
.mimg4 ul li a div.mimg4_txt {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; display:block; position:absolute; top:44%; width:290px;  z-index:9999; margin:0 auto; right: 50%; margin: 0 -145px 0 0; text-align:center;}
.mimg4 ul li a div.mimg4_txt h4 {font-size:21px; text-shadow:1px 1px 5px rgba(0,0,0,0.5);  color:#fff;  font-weight:400;  letter-spacing:-0.07em; }
.mimg4 ul li a div.mimg4_txt p {display:none; font-family: 'Anton', sans-serif; }
.mimg4 ul li a div.mimg4_txt span {display:none;}
.mimg4 ul li a div.mimg4_img {z-index:1000;  }
.mimg4 ul li img {width:100%;}
.mimg4 ul li a:hover  div.mimg4_txt {top:39%;}
.mimg4 ul li a:hover div.mimg4_txt p {display:block;  font-size:15px; color:#fff;}
.mimg4 ul li a:hover div.mimg4_txt span {display:block; font-size:11px; color:#fff; padding:5px 10px; width:100px;  border:1px solid #fff; margin:5px auto;}
.mimg4 ul li a div.mimg4_img {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; }
.mimg4 ul li a:hover div.mimg4_img {filter:alpha(opacity=40); opacity:0.4;}



/*****ABOUT/BUSINESS ¹è³Ê*****/
.m_banner2 {width:100%; } 
.m_banner2:after {content:" ";display:block;clear:both;overflow:hidden;}
.m_banner2 ul {margin:0 auto;}
.m_banner2 ul li {width:50%; float:left;  }
.m_banner2 ul li section {max-width:550px; position: relative;}
.m_banner2 ul li h2 {color:#fff; font-size:71px; font-family: 'Anton', sans-serif; letter-spacing:-0.01em; font-weight:600; padding:60px 0 20px 0;   }
.m_banner2 ul li a h2 {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.m_banner2 ul li a:hover h2 {padding-left:5px; filter:alpha(opacity=80); opacity:0.8;}
.m_banner2 ul li p{color:#fff; letter-spacing:-0.02em; line-height:140%; font-size:15px;  padding:0 50px 60px 0; max-width:500px; }
.m_banner2 ul li div.chatBtn a { position:absolute; top:60px; right:50px; display:block; width:28px; height:28px; } 
.m_banner2 ul li div.chatBtn a:hover {-webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; } 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); }} 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg);}} 
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }} 
.m_banner2 ul li.banner2 h2 { padding:60px 0 20px 50px; color:#333333;}
.m_banner2 ul li.banner2 p{padding:0 0 60px 50px; color:#616161; }
.m_banner2 ul li.banner2  a:hover h2 {padding-left:55px;}
.m_banner2 ul li.banner2 div.chatBtn a {   right:0px;} 
.m_banner2 ul li.banner1 {background:#F1592A url(../../img/m111banner2_1.jpg) no-repeat top right; text-align:right; z-index:1000; position:relative; text-align:left;}
.m_banner2 ul li.banner1 section {float:right;}
.m_banner2 ul li.banner1  p {max-width:490px;}
.m_banner2 ul li.banner2 {background:#FFF; text-align:left; z-index:1000; position:relative;}
 

/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie {background:url('../../img/mmovie_bg.jpg') center top no-repeat; width:100%;}
#mmovie:after {content:"";display:block;clear:both;}
#mmovie section {max-width:1100px; margin:0 auto;}
#mmovie .movie {width:500px; float:left; margin:70px 0;}
#mmovie .movie_txt {width:510px; float:right; text-align:center; }
#mmovie .movie_txt h2 {text-align:left;   font-weight:600; text-align:center; color:#2C2C2C;   font-size:45px;  letter-spacing:-0.03em;  line-height:100%; padding:100px 0 20px 0 ; }
#mmovie .movie_txt h2 span  {text-align:center; color:#333333;   font-size:43px; font-family: 'Anton', sans-serif;font-weight:200;  letter-spacing:0; line-height:100%; }
#mmovie .movie_txt p { font-size:17px; color:#000; padding-top:7px; text-align:left; }
#mmovie .movie_txt p span { font-size:14px; color:#333333;  } 


/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick {background:url('../../img/mquick_bg.jpg') center top no-repeat;  text-align:center; padding:70px 0;}
.mquick h2 {padding-bottom:20px; color:#fff; font-size:45px;  font-family: 'Satisfy', cursive; text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;  }
.mquick h2 span {  color:#fff;  font-size:45px;    font-family: 'Satisfy', cursive; text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;}
.mquick ul li {display:inline; padding:0 15px;}
.mquick ul li  a  {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.mquick ul li  a:hover { filter:alpha(opacity=0); opacity:0.7;   }
 

/*****Æû¸ÞÀÏ º¸³»±â *****/
.mform {background:url(../../img/mform_bg.jpg) no-repeat top center fixed;}
.mform .mform_tit {padding:50px 0 30px 0; text-align:center;}
.mform .mform_tit h3 {text-align:left; color:#E85417;   font-size:43px; font-family: 'Anton', sans-serif;  line-height:100%;    }
.mform .mform_tit h3 span {text-align:center; color:#333333;   font-size:47px; font-family: 'Titillium Web', sans-serif; font-weight:200;  letter-spacing:-0.04em; line-height:100%; }
.mform .mform_tit p {font-family: 'Satisfy', cursive;  color:#9F9F9F; padding-top:10px;font-size:15px;   }
.mform section {max-width:1100px; margin:0 auto;}
.mform .form_mail {float:left; width:44%; padding-bottom:50px; }
.mform .form_txt {float:right; width:44%;  padding-bottom:50px; background:url(../../img/btop_news.jpg) no-repeat right 40px; background-size:100px;}
.mform .form_txt h4 {font-size:21px; color:#2D2D2D; letter-spacing:-0.03em;  }
.mform .form_txt h4 span {font-size:21px; color:#EA5514;   }
.mform .form_txt ul li {color:#2D2D2D; padding:10px 0; }
.mform .form_txt ul li img {padding-right:10px;}
.mform .form_txt p {color:#000; point-size:15px; padding:5px 0 10px 0; margin-bottom:20px; border-bottom:1px solid #eee; line-height:140%;}
.mform:after {content:"";display:block;clear:both;}



@media screen and (max-width:1300px){
.mquick ul li img {width:120px;} 
}
 
@media screen and (max-width:1110px){

/*****Webfactory Product / 4°³ ¹è³Ê*****/
.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:21px;  }

/*****ABOUT/BUSINESS ¹è³Ê*****/
.m_banner2 ul li section {min-height:300px;}
.m_banner2 ul li h2,.m_banner2 ul li.banner2 h2  {padding:40px 0 10px 40px;}
.m_banner2 ul li p,.m_banner2 ul li.banner2 p{ padding:0 50px 40px 40px; }
.m_banner2 ul li div.chatBtn a,.m_banner2 ul li.banner2 div.chatBtn a {right:50px;} 
.m_banner2 ul li a:hover h2, .m_banner2 ul li.banner2  a:hover h2 {padding-left:45px;}
.m_banner2 ul li h2 { font-size:51px;  }


.mquick ul li img {width:80px;} 

/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie , #mmovie .movie_txt {max-width:450px; padding:0 20px;}
#mmovie .movie_txt p {font-size:13px; }
}




@media screen and (max-width:1000px){
/*****Webfactory Product / 4°³ ¹è³Ê*****/
.mimg4 ul li {width:50%; }
.flexslider_event .flex-direction-nav .flex-next { right:500px;}
 

/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie {float:none; display:block; margin:0; width:100%; max-width:100%; text-align:center; padding:50px 0 0 0 ;}
#mmovie .movie_txt h2 {padding-top:30px;}


#mmovie .movie iframe {max-width:500px; margin:0 auto; height:300px;}
#mmovie .movie_txt {  float:none; display:block;  padding:0 0 50px 0; margin:0 auto; }
#m_con {top:40px;  }

#mainWrap{ margin-top:0px;} 



/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick ul li { padding:0 10px;}



/*****Æû¸ÞÀÏ º¸³»±â *****/
.mform section {  margin:0 20px;}




/*****¸ÞÀηѸµÁß¾ÓÀ̹ÌÁö*****/
#main_banner {height:315px; min-width:640px;}
#main_banner .bannerWrap{width:640px;}
#main_banner .bannerCont{width:1200px;margin-left:-280px;}

.flexslider_event .flex-direction-nav .flex-next {top:100px;right:10px;}
.flexslider_event .flex-direction-nav .flex-prev {top:100px;left:10px;}
 



/*****Æû¸ÞÀÏ º¸³»±â *****/
.mform {background-position:left top;}
.mform .mform_tit {padding:30px 0; text-align:center;}
.mform .mform_tit h3,.mform .mform_tit h3 span { font-size:31px; }
.mform .form_mail {float:none; width:100%; display:block; padding-bottom:30px; max-width:500px; margin:0 auto;}
.mform .form_mail img {width:80px;}
.mform .form_txt {float:none; width:100%; display:block;  max-width:500px; margin:0 auto;    }
.mform .form_txt ul li { padding:3px 0; }
.mform .form_txt ul li img {padding-right:5px; width:20px;} 
.mform .form_txt p {  padding-bottom:10px;}
.mform .form_txt { background-image:none;}
.mform .form_txt p { border-bottom:1px solid #A3A3A3;}

}
 
 


 
@media screen and (max-width:767px){
/*****¸ÞÀÎÁß¾Ó¹è³Ê*****/
#m_con {width:200px; height:225px; padding:15px; right:50%; margin:0 -120px 0 0; }
/*¸ÞÀÎÅؽºÆ®*/
#m_con .con_txt,#m_con .con_txt span { font-size:43px; }
#m_con .con_txt p {font-size:11px;}
/*sns¾ÆÀÌÄÜ*/
.sns { padding:30px 0; margin:0 auto; text-align:center;}
.sns ul li{display:inline; padding:3px;}
.sns ul li img {width:25px;}
/*樨毢*/
#movieboard {position:relative; top:0px; width:100%; text-align:center; z-index:9999; margin:0 ; right:0; padding-top:30px; height:220px; background:#272727; }
#movieboard .mmovie { width:270px; height:160px; margin:0 auto;}
/*ÃֱٰԽù°*/
.mboard { width:290px; margin:0 auto;}

 
 
/*****Webfactory Product / 4°³ ¹è³Ê*****/
.mimg4 .mimg4_tit {padding:30px 0;   }
.mimg4 .mimg4_tit h3 {  font-size:37px;  }
.mimg4 .mimg4_tit h3 span {  font-size:37px;   }
.mimg4 ul li a div.mimg4_txt h4,.mimg4 ul li a:hover div.mimg4_txt h4 {font-size:15px;   }
.mimg4 ul li a div.mimg4_txt p {display:block;   }
.mimg4 ul li a div.mimg4_txt span,.mimg4 ul li a:hover div.mimg4_txt span {display:block; font-size:11px; color:#fff; padding:1px; width:80px;  border:1px solid #fff; margin:15px auto; }

/*****ABOUT/BUSINESS ¹è³Ê*****/
.m_banner2 ul li section {min-height:100px;}
.m_banner2 ul li,.m_banner2 ul li.banner1 section {width:100%; display:block; float:none; }
.m_banner2 ul li section {max-width:550px; margin:0 auto;}
.m_banner2 ul li h2,.m_banner2 ul li.banner2 h2 {font-size:41px;   letter-spacing:0.01em;padding:30px 0 0 20px;}
.m_banner2 ul li p,.m_banner2 ul li.banner2 p{ letter-spacing:-0.02em; line-height:140%; font-size:11px; padding:0 20px 30px 20px;  }
.m_banner2 ul li div.chatBtn a,.m_banner2 ul li.banner2 div.chatBtn a { position:absolute; top:40px; right:20px; display:block;   } 
.m_banner2 ul li div.chatBtn a img  {width:20px;}
.m_banner2 ul li a:hover h2,.m_banner2 ul li.banner2  a:hover h2 {padding-left:35px;}
 
/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie iframe {max-width:310px; height:200px;}
#mmovie .movie_txt {max-width:310px; }
#mmovie .movie_txt h2 {background-size:70px;  background-position:center 20px; padding-top:20px; font-size:37px;}
#mmovie .movie_txt h2 span {  font-size:37px; display:block;}
#mmovie .movie_txt p {font-size:15px;    line-height:140%; font-weight:400; }
#mmovie .movie_txt p span {  display:block; padding-bottom:12px;font-weight:200; } 
 

/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick { text-align:center; padding:30px 0;}
.mquick h2 {padding-bottom:20px;}
.mquick h2,.mquick h2 span { font-size:35px; }
.mquick h2 img{width:170px;}
.mquick ul:after {content:"";display:block;clear:both;}
.mquick ul li {display:inline; padding:5px; float:left;}
.mquick ul li img {width:70px;} 

}

@media screen and (max-width:500px){
.mform .form_mail { max-width:300px;}
.mform .form_txt {max-width:300px;    }

/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick ul {max-width:320px; margin:0 auto;}

 
}