body {background:#000;}
.hline1-bg {animation:hline1-bg 2s 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 2s 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:20px;  padding:15px; text-align:center; color:#fff; font-size:55px; font-family: 'Anton', sans-serif; line-height:100%;  letter-spacing:0.04em; 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:55px; 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: 0; margin:0 auto; text-align:center;}
.sns ul li{display:inline; padding:5px;}
/*樨毢*/
#movieboard {position:absolute; top:500px; 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 -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: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; }
/*****CSA COSMIC  STEADY SELLER ITEM 4°³ ¹è³Ê*****/
.mimg4  {background:#fff;}
@keyframes bg_star 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
}
@-moz-keyframes bg_star 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
@-webkit-keyframes bg_star 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
@-o-keyframes bg_star 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
.mimg4  section{background:url(../../img/bg_star2.png) 0 0 repeat;   animation:bg_star3 20s linear infinite; -moz-animation: bg_star3 20s linear infinite; -webkit-animation:bg_star3  20s linear infinite; -o-animation: bg_star3  30s linear infinite;}
@keyframes bg_star3 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
}
@-moz-keyframes bg_star3 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
@-webkit-keyframes bg_star3 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
@-o-keyframes bg_star3 
{
0% { background-position: 0 0, 0 0;}
100% { background-position:-2000px 0, 0 0;}
} 
.mimg4 .mimg4_tit {padding:50px 0 40px 0; text-align:center;}
.mimg4 .mimg4_tit h3 {text-align:center; color:#000; font-size:61px; font-family: 'Anton', sans-serif; line-height:100%;  }
.mimg4 .mimg4_tit h3 span {text-align:center; color:#000; font-size:61px; font-family: 'Anton', sans-serif; line-height:100%;  }
.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 {  max-width:1400px; margin:0 auto; padding-bottom:50px; }
.mimg4 ul:after {content:"";display:block;clear:both;}
.mimg4 ul li {width:25%; float:left; background:#3B78B7; 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:40%; 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:27px; color:#fff;   }
.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=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 { width:600px; 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:14px; padding:0 30px 60px 0; max-width:570px; }
.m_banner2 ul li p span {letter-spacing:-0.02em; line-height:140%; font-size:14px; }
.m_banner2 ul li div.chatBtn a { position:absolute; top:60px; right:30px; 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 30px; color:#333333;}
.m_banner2 ul li.banner2 p{padding:0 0 60px 30px; color:#616161; }
.m_banner2 ul li.banner2 a:hover h2 {padding-left:35px;}
.m_banner2 ul li.banner2 div.chatBtn a { right:0px;} 
.m_banner2 ul li.banner1 {background:#000;   z-index:1000; position:relative; text-align:left;}
.m_banner2 ul li.banner1 section {float:right;}
.m_banner2 ul li.banner2 {background:#eee; 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: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:#fecedc; letter-spacing:0.04em; font-size:47px;
 font-family: 'Anton', sans-serif; text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;}
#mmovie .movie_txt h2 span { font-family:'Nanum Gothic','³ª´®°íµñ'; color:#fff; letter-spacing:-0.1em;  font-size:51px;  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:8px; }


@media screen and (max-width:1110px){
/*****CSA COSMIC  STEADY SELLER ITEM 4°³ ¹è³Ê*****/
.mimg4 ul li a:hover  div.mimg4_txt h4 {font-size:21px;  }
/*****ABOUT/BUSINESS ¹è³Ê*****/
.m_banner2 ul li section {min-height:430px;}
.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;}
/*****Çϴܹ«ºñ*****/
#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;  }
/*****CSA COSMIC  STEADY SELLER ITEM 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;} 
}
 
@media screen and (max-width:767px){
/*****¸ÞÀÎÁß¾Ó¹è³Ê*****/
#m_con {width:200px; height:180px; margin:0 -115px 0 0; top:70px; background-image:none;}
/*¸ÞÀÎÅؽºÆ®*/
#m_con .con_txt,#m_con .con_txt span { font-size:41px; }
#m_con .con_txt p {font-size:11px;}
/*sns¾ÆÀÌÄÜ*/
.sns { padding:10px 0; }
.sns ul li{ padding:3px;}
.sns ul li img {width:40px;}
/*樨毢*/
#movieboard {position:relative; top:0px; width:100%; text-align:center; z-index:9999; margin:0 ; right:0; padding-top:30px; height:350px; 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;}
 
/*****CSA COSMIC  STEADY SELLER ITEM 4°³ ¹è³Ê*****/
.mimg4 .mimg4_tit {padding:30px 0;   }
.mimg4 .mimg4_tit h3 {  font-size:35px;  }
.mimg4 .mimg4_tit h3 span {  font-size:35px; display:block  }
.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 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; width:100%; 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;}
.m_banner2 ul li p span {display:block; letter-spacing:-0.02em; line-height:140%; font-size:11px;}
/*****Çϴܹ«ºñ*****/
#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:31px;}
#mmovie .movie_txt h2 span {  font-size:31px;}
#mmovie .movie_txt p {font-size:11px;  padding-top:10px; letter-spacing:-0.02em; line-height:140%;}
}
@media screen and (max-width:450px){
/*****Äü¸Þ´º¾ÆÀÌÄÜ 5°³*****/
.mquick ul {max-width:320px; margin:0 auto;}
}