body {background:#000;}



 .hline1-bg {animation:hline1-bg 4s linear infinite; -moz-animation: hline1-bg linear infinite; -webkit-animation: hline1-bg 2s linear infinite; -o-animation: hline1-bg 2s linear infinite;}
@keyframes hline1-bg
{
0% { background-position: 0 710px, 0 0;}
100% { background-position:0 -600px, 0 0;}
}
@-moz-keyframes hline1-bg
{
0% { background-position: 0 710px, 0 0;}
100% { background-position:0 -600px, 0 0;}
} 
@-webkit-keyframes hline1-bg
{
0% { background-position: 0 710px, 0 0;}
100% { background-position:0 -600px, 0 0;}
} 
@-o-keyframes hline1-bg
{
0% { background-position: 0 710px, 0 0;}
100% { background-position:0 -600px, 0 0;}
} 

 .hline2-bg {animation:hline2-bg 4s linear infinite; -moz-animation: hline2-bg linear infinite; -webkit-animation: hline2-bg 2s linear infinite; -o-animation: hline2-bg 2s linear infinite;}
@keyframes hline2-bg
{
0% { background-position: 0 -600px, 0 0;}
100% { background-position:0 710px, 0 0;}
}
@-moz-keyframes hline2-bg
{
0% { background-position: 0 -600px, 0 0;}
100% { background-position:0 710px, 0 0;}

} 
@-webkit-keyframes hline2-bg
{
0% { background-position: 0 -600px, 0 0;}
100% { background-position:0 710px, 0 0;}

} 
@-o-keyframes hline2-bg
{
0% { background-position: 0 -600px, 0 0;}
100% { background-position:0 710px, 0 0;}

} 


.hline {position:absolute; height:710px; width:1px; z-index:100;  background:url(../../img/hline.png)  repeat-y; right:50%;  }
.line5 {top:120px; margin:0 -160px 0 0; }
.line6 {top:120px; margin:0 160px 0 0; }

@media screen and (max-width:1000px){
.hline { height:750px;}
.line5,.line6 {top:80px;  }
}

@media screen and (max-width:767px){
.hline {display:none;}
.line5,.line6 {top:80px;  }
}




/*****¸ÞÀÎÁß¾Ó¹è³Ê*****/
#m_con {position:absolute; top:120px; width:290px; padding:15px; height:680px; z-index:999; margin:0 auto; right: 50%; margin: 0 -160px 0 0;background:url(../../img/line_t3.png) repeat-y left 0; }

/*¸ÞÀÎÅؽºÆ®*/
#m_con .con_txt { margin-top:50px;  padding:15px; text-align:center; color:#A48358; font-size:65px; 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:65px; 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:20px 0; margin:0 auto; text-align:center;}
.sns ul li{display:inline; padding:3px;}
/*樨毢*/
#movieboard {position:absolute; top:440px; width:290px; z-index:9999; margin:0 auto; right: 50%; margin: 0 -145px 0 0;}
.mmovie {padding:10px; width:270px; height:160px; background:url(../../img/mmovie_bg2.gif) no-repeat 0 0;}
/*ÃֱٰԽù°*/
.mboard_title {width:290px; height:25px; border-bottom:1px solid #fff;}
.mboard_title h2 img {width:100px;}


/*****¸ÞÀηѸµÁß¾ÓÀ̹ÌÁö*****/
#mainWrap{width:100%;} 
#mainWrap .mainCont{width:100%;overflow:hidden;position:relative;background:#000;}
#main_banner {position:relative;width:100%;height:865px; 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:395px;right:50px;}
.flexslider_event .flex-direction-nav .flex-prev {background-position:left 0;position:absolute;top:395px;left:50px;}
.flexslider_event .flex-control-nav {position: absolute;right:50%; margin:0 -96px 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:15px;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 8°³ ¹è³Ê*****/
 
.mimg4 .mimg4_tit {padding-bottom:30px; text-align:center;}
.mimg4 .mimg4_tit h3 {text-align:center; color:#A48358; font-size:61px; font-family: 'Anton', sans-serif;  line-height:100%; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.mimg4 .mimg4_tit h3 span {text-align:center; color:#fff;  font-size:61px; font-family: 'Anton', sans-serif;  line-height:100%; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.mimg4 .mimg4_tit p {font-family: 'Satisfy', cursive;  color:#fff; padding-top:10px;font-size:15px; text-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.mimg4 ul {  margin:0 auto;}
.mimg4 ul:after {content:"";display:block;clear:both;}
.mimg4 ul li {width:25%; float:left; background:#000; position:relative;}
.mimg4 ul li a div.mimg4_txt {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 {display:block; position:absolute; top:35%; width:290px;  z-index:9999; margin:0 auto; right: 50%; margin: 0 -145px 0 0; text-align:center;}
.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:29px; color:#C29964; font-family: 'Anton', sans-serif; }
.mimg4 ul li a:hover  div.mimg4_txt p {font-size:15px; color:#fff;}
.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=60); opacity:0.6;}
 


/*****°ßÀû»ó´ã ¹Ù·Î°¡±â ¹è³Ê*****/

.mcounsel h3 {height:75px;   display:block; width:100%; text-align:center; background:#A48358;}
.mcounsel a h3 span { font-size:21px; font-family: 'Anton', sans-serif; color:#fff; font-weight:200;  background:url(../../img/arrow_1.png) no-repeat right 10px; text-align:left;
padding-right:50px;}
.mcounsel a h3 {padding-top:40px;  -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; }

.mcounsel a:hover h3 { background:#000;}





/*****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; background:#1890BC; display:inline-block; height:400px;}
.m_banner2 ul li section { position: relative; text-align:center;    }
.m_banner2 ul li h2 {color:#fff; font-size:51px; font-family: 'Anton', sans-serif; letter-spacing:-0.01em; font-weight:600; padding:140px 0 10px 0; margin-bottom:20px; background:url(../../img/line_w.png) no-repeat bottom center;  }
.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 p{color:#fff; letter-spacing:-0.02em; line-height:140%; font-size:13px; max-width:500px; margin:0 auto; filter:alpha(opacity=80); opacity:0.8}
.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.banner1 {background:url(../../img/mbanner2_1.jpg) no-repeat center top;  }
.m_banner2 ul li.banner2 {background:url(../../img/mbanner2_2.jpg) no-repeat center top;  }
.m_banner2 ul li a:hover h2 { padding-top:145px;}
 
 

 

/*****À¥ÆÑÅ丮¹«ºñ*****/
#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:500px; float:right; text-align:center; }
#mmovie .movie_txt h2 {background:url('../../img/mmovie_txt.png') center 50px no-repeat; width:100%; padding-top:150px; color:#A48358; font-size:55px; font-family: 'Anton', sans-serif; text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;}
#mmovie .movie_txt h2 span { color:#fff; font-size:55px;  font-family: 'Anton', sans-serif;  text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;}
#mmovie .movie_txt p {font-size:15px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5); padding-top:10px; }
 
/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick {background:url('../../img/mquick_bg.jpg') center top no-repeat;  text-align:center; padding:100px 0;}
.mquick h2 {padding-bottom:50px; 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 30px;}
.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; text-align:center;}
.mform .mform_tit h3 {text-align:center; color:#A48358; font-size:61px; font-family: 'Anton', sans-serif;  line-height:100%;   }
.mform .mform_tit h3 span {text-align:center; color:#2D2D2D;  font-size:61px; font-family: 'Anton', sans-serif;  line-height:100%;  }
.mform .mform_tit p {font-family: 'Satisfy', cursive;  color:#9F9F9F; padding-top:10px;font-size:15px;   }
.mform section {max-width:1040px; margin:0 auto;}
.mform .form_mail {float:left; width:46%; padding-bottom:50px; }
.mform .form_txt {float:right; width:46%;  padding-bottom:50px; }
.mform .form_txt h4 {font-size:25px; color:#2D2D2D;  font-family: 'Anton', sans-serif; }
.mform .form_txt ul li {color:#2D2D2D; padding:10px 0; }
.mform .form_txt ul li img {padding-right:10px;}
.mform .form_txt p {color:#2D2D2D; padding-bottom:30px;}
.mform:after {content:"";display:block;clear:both;}


 

@media screen and (max-width:1110px){
/*****WEBFACTORY PRODUCT 4°³ ¹è³Ê*****/
.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:21px;  }
 
/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie , #mmovie .movie_txt {max-width:450px; padding:0 20px;}
#mmovie .movie_txt p {font-size:13px; }
}





@media screen and (max-width:1000px){

#m_con {  top:80px; height:720px;  }


/*****WEBFACTORY PRODUCT 4°³ ¹è³Ê*****/
.mimg4 ul li {width:50%; }
.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:31px;}



/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie {float:none; display:block; margin:0; width:100%; max-width:100%; text-align:center; padding:50px 0 0 0 ;}
#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; }

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

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



 
@media screen and (max-width:767px){
/*****¸ÞÀÎÁß¾Ó¹è³Ê*****/
#m_con {width:200px; height:180px; margin:0 -115px 0 0; top:30px; background-image:none;}

/*¸ÞÀÎÅؽºÆ®*/
#m_con .con_txt,#m_con .con_txt span { font-size:51px; }
#m_con .con_txt p {font-size:11px;}

/*sns¾ÆÀÌÄÜ*/
.sns { padding:10px 0; }
.sns ul li{ 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:10px; height:150px; background:#272727;text-align:left; }
#movieboard .mmovie { width:270px; height:160px; margin:0 auto;}

/*ÃֱٰԽù°*/
.mboard { width:290px; margin:0 auto;}


/*****¸ÞÀηѸµÁß¾ÓÀ̹ÌÁö*****/
#main_banner {position:relative;width:100%;height:367px; min-width:320px;}
#main_banner .bannerWrap{width:320px; margin:0 auto;}
#main_banner .bannerCont{width:770px;margin-left:-221px;}
 
.flexslider_event {height:250px;}
.flexslider_event .flex-direction-nav .flex-next { top:185px;right:10px;}
.flexslider_event .flex-direction-nav .flex-prev { top:185px;left:10px;}
.flexslider_event .flex-direction-nav a {background-size:50px;  width:25px; height:32px;}
 
 
 
 





/*****WEBFACTORY PRODUCT 4°³ ¹è³Ê*****/
 
.mimg4 .mimg4_tit {padding:30px 0;   }
.mimg4 .mimg4_tit h3 {  font-size:41px;  }
.mimg4 .mimg4_tit h3 span {  font-size:41px;   }
.mimg4 ul li a div.mimg4_txt,.mimg4 ul li a:hover  div.mimg4_txt {display:block; position:absolute; top:35%; 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,.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:17px; color:#fff; font-family: 'Anton', sans-serif; }
.mimg4 ul li a div.mimg4_txt p,.mimg4 ul li a:hover  div.mimg4_txt p {font-size:13px; color:#fff;}
.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 ul li,.m_banner2 ul li.banner1 section {width:100%; display:block; float:none;  height:300px;}
.m_banner2 ul li h2 {  font-size:31px;   padding:100px 0 10px 0; margin-bottom:20px; background:url(../../img/line_w.png) no-repeat bottom center;  }
.m_banner2 ul li p{ max-width:200px; }

.m_banner2 ul li a:hover h2 { padding-top:105px;}
 




 
/*****À¥ÆÑÅ丮¹«ºñ*****/
#mmovie .movie iframe {max-width:300px; height:200px;}
#mmovie .movie_txt {max-width:300px; }
#mmovie .movie_txt h2 {background-size:70px;  background-position:center 20px; padding-top:100px; font-size:37px;}
#mmovie .movie_txt h2 span {  font-size:37px;}
#mmovie .movie_txt p {font-size:11px;  padding-top:10px; letter-spacing:-0.02em; line-height:140%;}
/*****Äü¸Þ´º¾ÆÀÌÄÜ 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 li {display:inline; padding:10px;}
.mquick ul li img {width:80px;} 

/*****Æû¸ÞÀÏ º¸³»±â *****/
.mform {background-position:0 top;}
 .mform .mform_tit {padding:30px 0; text-align:center;}
.mform .mform_tit h3,.mform .mform_tit h3 span { font-size:35px; }
 
.mform .form_mail {float:none; width:100%; display:block; padding-bottom:30px; }
.mform .form_mail img {width:80px;}
.mform .form_txt {float:none; width:100%; display:block;   }
.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;}



 
 


}




 




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