/*¸ÞÀηѸµÀ̹ÌÁö*/
#main-banner .bg1 {background-image: url(../../img/m_lo_img1.png);}
#main-banner .bg2 {background-image: url(../../img/m_lo_img2.png);}
#main-banner .bg3 {background-image: url(../../img/m_lo_img3.png);}
.owl-fade-out {z-index: 10;-webkit-animation: fadeOut .7s both ease;-moz-animation: fadeOut .7s both ease;animation: fadeOut .7s both ease;}
.owl-fade-in {-webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease;}
#main-banner .owl-item .owlbg {background-position: center center;background-repeat: no-repeat;}
#main-banner .owl-content { width:100%; display:table; height:inherit; position: relative; padding-left:0%; }
#main-banner .caption {display: table-cell;height: inherit;}
#main-banner .caption.vertical-center {vertical-align: middle;}
#main-banner .caption.vertical-top {vertical-align: top;}
#main-banner .caption h1, #main-banner .caption div {position: relative;}
.butn-banner {margin-top:20px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; 
-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-theme .owl-controls {margin-top: 5px;text-align: center;}#main-banner.owl-theme .owl-controls {position: absolute;bottom:15px;width:100%;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 0 2px;filter: Alpha(Opacity=30);/*IE7 fix*/opacity: 0.3;
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 50%;background: #313131;}
#main-banner.owl-theme .owl-controls .owl-page span{background: #000;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
 
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.Allcon_01 .mcontainer {width:421px; height:572px; position:absolute; right:50%; margin:0 -210px 0 0; top:2px; }
.Allcon_01 .mcontainer img {width:100%;}
 



#footer section {border-left:1px solid #686868;  border-right:1px solid #686868; }
 
.mbg2 {background:url(../../img/line_bg1.gif)  repeat-x 0 190px; width:100%;}
.Maincon_01 ul li {float:left; border-right:1px solid #686868; width:421px; height:190px; overflow:hidden;}
.Maincon_01 ul:after{clear:both; content: ''; display: block;}
.Maincon_01 ul li:last-child {border:none;}
.Maincon_01 ul li.w210_blank {width:190px;}
.Maincon_01 ul li.m3_wbig {width:632px;}
.Maincon_01 ul li.m3_wbig img {width:100%;}
.Maincon_02 ul li {height:381px;}
.Maincon_02 .mbtn {width:210px; height:381px; float:left; border-right:1px solid #686868;  }
.Maincon_02 .mbtn a{width:210px; height:381px; }
.Maincon_02 .mbtn a:hover {background:#000; display:inline-block; }
.Maincon_02 .mbtn02 {border:none; }
.Maincon_02 ul li div.mbtn ul li {height:190px; width:210px; }
.Maincon_02 ul li div.mbtn ul li:first-child { border-bottom:1px solid #686868; }
.Maincon_02 .himg {width:210px; float:left;}
.mboard {padding:15px 25px;}
.mboard h3 {border-bottom:1px solid #686868; margin-bottom:5px;}
.mboard h3 img {width:100px; padding-bottom:7px;}
.mboard p {position:absolute; right:28px;   top:13px;}
.mboard p a{ font-size:11px; color:#fff; letter-spacing:0.02em;}
.mboard p a:hover{   color:#F23D3F;}
.board_output_1_tr img {width:10px;}
.board_output_1_tr td a {font-size:13px; color:#fff;}


@media screen and (max-width:1280px) {
.Allcon_01 .mcontainer {width:341px; height:463px; position:absolute; right:50%; margin:0 -170px 0 0;  }
.mbg2 {background-position: 0 154px;}
.Allcon_03 {width:1025px;}
.Maincon_01 ul li {width:341px; height:154px; }
.Maincon_02 ul li {height:309px;}
.Maincon_02 .mbtn {width:170px; height:309px;}
.Maincon_02 .mbtn a{width:170px; height:309px; }
.Maincon_02 ul li div.mbtn ul li {height:154px; width:170px; }
.Maincon_02 .himg {width:170px; float:left;}
 
.mboard {padding:12px;}
.board_output_1_tr td a {font-size:13px;}
}




@media screen and (max-width:1000px) {
.Allcon_01 .mcontainer {width:261px; height:354px; position:absolute; right:50%; margin:0 -130px 0 0;  }
.mbg2 {background-position: 0 117px;}
.Allcon_03 {width:785px;}
.Maincon_01 ul li {width:261px; height:117px; }
.Maincon_02 ul li {height:235px;}
.Maincon_02 .mbtn {width:130px; height:235px;}
.Maincon_02 .mbtn a{width:130px; height:235px;}
.Maincon_02 ul li div.mbtn ul li {height:117px; width:130px; }
.Maincon_02 .himg {width:130px; float:left;}
.Maincon_01 ul li.w210_blank {width:130px;}
.Maincon_01 ul li.m3_wbig {width:392px;}
}


@media screen and (max-width:785px) {
.Allcon_01 .mcontainer {width:100%; height:auto; position: relative;  display:block; right:0; margin:0; top:0; }
.mbg2 {background:none;}
.Allcon_03 {width:100%;  border:none;}
/* .Maincon_01 ul li {dispaly:block; border-bottom:1px solid #686868; border-right:0; width:100%; height:auto; }*/
.Maincon_01 ul li {dispaly:block; border-right:0; width:100%; height:auto; }
.Maincon_02 ul li {height:auto;}
.Maincon_02 .mbtn {width:50%; height:auto; float:left; border:none; }
.Maincon_02 .mbtn a{width:100%; height:auto; float:left; border:none; }
.Maincon_02 ul li div.mbtn ul li {height:auto; width:100%; }
.Maincon_02 .himg {width:50%;}
.Maincon_01 ul li.m3_wbig {width:100%;}
}




/* ÇÏ´Ü È¸»çÁ¤º¸*/
#footer{color:#fff; }
#footer a { color:#fff0;}
#footer section p {color:#fff;  }
#footer span { color:#fff; }