@charset "utf-8";
#top_header{position:fixed;top:0;padding:5px 0 0 0;width:100%;z-index:999;background-color:transparent;}
#top_header.ov{background-color:#333;}
#top_header.ov #animate{background-color:#333;border-bottom:none;}

#container_main{position:relative;width:100%;}
#animate{background-color:transparent;}
#animate:after {display:none;}

#mvisual{position:relative;height:900px;overflow:hidden;}
#logo a{background:url(/Images/common/logo.png) no-repeat center top;}
#tm li.th1 a.th1_lnk{color:#fff;}
#tm li ul.th2 li a{color:#fff;}

@media screen and (max-width:940px)
{
#mvisual{height:auto;}
#top_header{position:relative;padding:0;background-color:#000;padding:11px;}
#logo a{width:88px;height:26px;background:url(/Images/common/logo.png) no-repeat center top;background-size:cover;}

}

#mvisual{position:relative;}
#vtit{position:absolute;top:200px;left:0;width:100%;text-align:center;z-index:10;}
#vtit h2{margin-bottom:23px;color:#fff;font-size:50px;line-height:60px;}
#vtit p{margin-bottom:30px;color:#fff;font-size:30px;line-height:30px;}
#vtit.vtit2{text-align:left;}


#mservice{position:absolute;bottom:0;left:50%;margin-left:-600px;z-index:10;}
#mservice h1{margin-bottom:20px;color:#fff;font-size:22px;text-align:center}
#mservice .box_wrap{padding-bottom:0;margin:0 auto;width:600px;}
#mservice .box_wrap:after {content:"";display:block;visibility:hidden;clear:both;}
/*
4col
#mservice .box_wrap .box{position:relative;display:inline-block;float:left;padding:29px;width:25%;height:258px;}
*/
#mservice .box_wrap .box{position:relative;display:inline-block;float:left;padding:29px;width:50%;height:258px;}
#mservice .box_wrap .box h2{display:block;font-size:0;line-height:0;padding-bottom:10px;margin-bottom:19px;width:100%;border-bottom:1px solid #fff;}
#mservice .box_wrap .box p{color:#fff;}
#mservice .box_wrap .box a{display:inline-block;padding:5px;border:1px solid #fff;color:#fff;font-size:14px;line-height:20px;}
#mservice .box_wrap .box .btn{margin-top:20px;text-align:center}
#mservice .box_wrap .box .btn_02{margin-top:38px;text-align:center}
#mservice .box_wrap .box.box1 h2{display:block;height:49px;background:url(/Images/main/box1_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box2 h2{display:block;height:49px;background:url(/Images/main/box2_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box3 h2{display:block;height:49px;background:url(/Images/main/box3_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box4 h2{display:block;height:49px;background:url(/Images/main/box4_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box1{background:url(/Images/main/bg_box1.png) repeat;}
#mservice .box_wrap .box.box2{background:url(/Images/main/bg_box2.png) repeat;}
#mservice .box_wrap .box.box3{background:url(/Images/main/bg_box3.png) repeat;}
#mservice .box_wrap .box.box4{background:url(/Images/main/bg_box4.png) repeat;}
#mservice .box_wrap .box.box1:hover{background:#2e2e2e;}
#mservice .box_wrap .box.box2:hover{background:#33bbac;}
#mservice .box_wrap .box.box3:hover{background:#2e2e2e;}
#mservice .box_wrap .box.box4:hover{background:#d40413}

#mcloud{position:relative;}
#mcloud .mclf{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#578bc5;z-index:10;}
#mcloud .mcrg{position:absolute;top:0;right:0;width:50%;height:100%;background-color:#fff;z-index:10;}
#mcloud .inner{position:relative;z-index:11;}

#mevent,
#mbutton{overflow:hidden;float:left;position:relative;width:100%;height:200px;}
#mbutton a{display:block;position:relative;padding:30px 46px;padding-left:168px;padding-right:92px;border-top:1px solid #ced2d5;}
#mbutton a:first-child{border-top:none;}
#mbutton a b{display:block;margin-bottom:10px;color:#4a525d;font-size:24px;}
#mbutton a em{color:#73777d;font-size:14px;line-height:20px;}
#mbutton a .icon{display:block;position:absolute;top:36px;left:36px;width:114px;height:69px;}
#mbutton a .icon.icon1{background:url(/Images/main/icon1.png) no-repeat left top;}
#mbutton a .icon.icon2{background:url(/Images/main/icon2.png) no-repeat left top;}
#mbutton a:after {content:"";display:block;position:absolute;top:40%;right:36px;width:44px;height:44px;background:url(/Images/main/bul_arr.png) no-repeat left top;}
#mbutton a:hover{background-color:#2b76d0;}
#mbutton a:hover b{color:#fff;}
#mbutton a:hover em{color:#fff;}
#mbutton a:hover .icon.icon1{background:url(/Images/main/icon1_ov.png) no-repeat left top;}
#mbutton a:hover.icon.icon2{background:url(/Images/main/icon2_ov.png) no-repeat left top;}
#mbutton a:hover:after {background:url(/Images/main/bul_arr_ov.png) no-repeat left top;}
#mevent .grap{position:relative;width:100%;height:100%;}
#mevent .grap .obj{position:relative;height:100%;overflow:hidden;z-index:11;background-color:#e8e8e8;}
#mevent .grap .obj .item{position:absolute;top:0;left:0} 
#mevent .grap .control{position:absolute;bottom:13px;left:0;width:100%;text-align:center;z-index:12;}
#mevent .grap .control a{overflow:hidden;display:inline-block;margin-right:5px;width:16px;height:16px;font-size:0;text-indent:-999px;background:url(/Images/main/arr_number.png) no-repeat right 50%}
#mevent .grap .control a.ov{background-position:left top}

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

#mcloud .mclf{display:none;background-color:#fff;}
#mcloud .mcrg{display:none;}
#mevent,
#mbutton{float:none;position:relative;width:100%;}
#mbutton{height:auto;border-bottom:1px solid #ced2d5;}
#mservice{margin-left:0;}
#mservice{position:relative;bottom:0;left:0;margin-left:0;}
#mservice h1{padding:30px 0;margin-bottom:0;color:#000;font-size:22px;text-align:center}
#mservice .box_wrap{width:auto;}
#mservice .box_wrap .box{display:block;float:none;padding:29px;padding-left:250px;width:100%;height:auto;}
#mservice .box_wrap .box.box1{background:#2e2e2e;}
#mservice .box_wrap .box.box2{background:#e0522a;}
#mservice .box_wrap .box.box3{background:#2e2e2e;}
#mservice .box_wrap .box.box4{background:#d40413}
#mservice .box_wrap .box h2{position:absolute;top:29px;left:5px;width:238px;border-bottom:none;border-right:1px solid #fff;}
#mservice .box_wrap .box.box1 h2,
#mservice .box_wrap .box.box2 h2,
#mservice .box_wrap .box.box3 h2,
#mservice .box_wrap .box.box4 h2{height:100px;}

#mevent{margin-bottom:10px;}
#mevent .grap .control{bottom:0;padding:13px 0;background-color:#fff;}
#mevent .grap .control p{margin:0;}
#vtit{top:50px;}
#vtit h2{font-size:30px;line-height:30px;}
#vtit p{margin-bottom:10px;font-size:20px;line-height:20px;}
#mservice .box_wrap{padding-bottom:0;}
/*
#mservice{position:absolute;bottom:0;left:50%;margin-left:-600px;z-index:10;}
#mservice h1{margin-bottom:20px;color:#fff;font-size:22px;text-align:center}
#mservice .box_wrap{padding-bottom:51px;}
#mservice .box_wrap:after {content:"";display:block;visibility:hidden;clear:both;}
#mservice .box_wrap .box{display:inline-block;float:left;padding:29px;width:25%;height:258px;}
#mservice .box_wrap .box h2{display:block;font-size:0;line-height:0;padding-bottom:10px;margin-bottom:19px;border-bottom:1px solid #fff;}
#mservice .box_wrap .box p{color:#fff;}
#mservice .box_wrap .box a{display:inline-block;padding:5px;border:1px solid #fff;color:#fff;font-size:14px;line-height:20px;}
#mservice .box_wrap .box .btn{margin-top:20px;text-align:center}
#mservice .box_wrap .box.box1 h2{display:block;width:100%;height:49px;background:url(/Images/main/box1_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box2 h2{display:block;width:100%;height:49px;background:url(/Images/main/box2_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box3 h2{display:block;width:100%;height:49px;background:url(/Images/main/box3_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box4 h2{display:block;width:100%;height:55px;background:url(/Images/main/box4_h2.png) no-repeat 50% top;}
#mservice .box_wrap .box.box1{background:url(/Images/main/bg_box1.png) repeat;}
#mservice .box_wrap .box.box2{background:url(/Images/main/bg_box2.png) repeat;}
#mservice .box_wrap .box.box3{background:url(/Images/main/bg_box3.png) repeat;}
#mservice .box_wrap .box.box4{background:url(/Images/main/bg_box4.png) repeat;}
#mservice .box_wrap .box.box1:hover{background:#2e2e2e;}
#mservice .box_wrap .box.box2:hover{background:#e0522a;}
#mservice .box_wrap .box.box3:hover{background:#2e2e2e;}
#mservice .box_wrap .box.box4:hover{background:#d40413}

*/




}


@media screen and (max-width:640px)
{
#mbutton a{padding:20px;padding-left:20px;padding-right:92px;}
#mbutton a .icon{display:none;}
#mbutton a:after {top:35%;}
#mservice .box_wrap .box{padding-left:29px;}
#mservice .box_wrap .box h2{position:relative;top:0;left:0;width:auto;border-bottom:1px solid #fff;border-right:none;}
#mservice .box_wrap .box.box1 h2,
#mservice .box_wrap .box.box2 h2,
#mservice .box_wrap .box.box3 h2,
#mservice .box_wrap .box.box4 h2{height:55px;}
#vtit{top:50px;}
#vtit h2{font-size:20px;line-height:20px;}
#vtit p{margin-bottom:10px;font-size:15px;line-height:20px;}
.flex-control-nav{top:80% !important;}
}

#movie{position:relative;padding:35px 0;}
#movie.bg1{background:#000 url(/Images/main/bg_movie1.jpg) no-repeat 50% 50%;}
#movie.bg2{background:#000 url(/Images/main/bg_movie2.jpg) no-repeat 50% 50%;}
#movie.bg3{background:#000 url(/Images/main/bg_movie3.jpg) no-repeat 50% 50%;}

#ajax_loader{margin:0 auto;width:712px;}
#ajax_loader .box_iframe{width:712px;height:400px;}
#ajax_loader .box_iframe iframe{width:100%;height:400px;z-index:-1}
#movie .inner{position:relative;padding-top:69px;}
#movie .linkbar{position:absolute;top:0;left:50%;margin-left:-33%;width:66%;}
#movie .linkbar a{display:inline-block;float:left;position:relative;padding-left:80px;padding-right:30px;width:50%;color:#755b59;font-size:18px;line-height:120%;border-left:1px solid #7a5f5f;}
#movie .linkbar a:first-child{border-left:none;}
#movie .linkbar a span{position:absolute;top:7px;left:30px;font-size:48px;}
#movie .linkbar a.tab_ov{color:#fff;}

.bn_ln_yt{display:inline-block;margin-bottom:5px;padding:17px 29px;border:1px solid #fff;color:#fff;font-size:14px;}
.bn_ln_yt span{display:inline-block;overflow:hidden;margin-right:13px;width:11px;height:13px;background:url(/Images/main/bn_ln_bs.png) no-repeat left 50%;}
.bn_ln_yt *{vertical-align:middle;}
.bn_ln_yt:hover{background-color:#fff;color:#000;}
.bn_ln_yt:hover span{background:url(/Images/main/bn_ln_bs_ov.png) no-repeat left 50%;}

@media screen and (max-width:940px)
{
#movie.bg1,
#movie.bg2,
#movie.bg3{background:none;}
#movie .linkbar{position:relative;top:auto;left:auto;margin-left:0;width:100%;}
#movie .linkbar a{display:block;float:none;margin-bottom:10px;padding:0;width:100%;color:#747979;font-size:18px;line-height:18px;border-left:none;}
#movie .linkbar a span{position:relative;top:auto;left:auto;font-size:18px;}
#movie .linkbar a br{display:none;}
#movie .linkbar a.tab_ov{color:#747979;font-weight:bold;}
#ajax_loader{margin:0 auto;width:90%;}
#ajax_loader .box_iframe{width:100%;height:400px;}

.bn_ln_yt{border:1px solid #777c84;color:#777c84}

}


#contact{position:relative;padding:35px 0;background:#314566 url(/Images/main/bg_contact.png) no-repeat 50% 50%;}
#contact:hover{-webkit-animation:animate_background 20s linear;-moz-animation:animate_background 10s linear;-o-animation:animate_background 10s linear;animation:animate_background 10s linear;}
#contact .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/Images/main/bg.png) repeat 50% 50%;z-index:10;}
#contact .inner{padding-left:642px;z-index:11;}
#contact .inner .tit{position:absolute;top:10px;left:0;width:642px;}
#contact .inner .tit h2{margin-bottom:5px;color:#eee;font-size:22px;}
#contact .inner .tit p{color:#b5b4b4;font-size:16px;}
#contact .inner ul:after {content:"";display:block;visibility:hidden;clear:both;}
#contact .inner ul li{position:relative;float:left;margin-bottom:5px;margin-right:2%;width:48%;}
#contact .inner ul li input[type="text"]{border:none;width:100%;height:27px;line-height:27px;border-bottom:1px solid #4d596d;color:#999;background:none;}
#contact .inner ul li label{color:#999;font-size:14px;line-height:27px;}
#contact .inner ul li.last{float:none;margin-right:0;width:100%;}
#contact .inner a{display:inline-block;padding-right:13px;color:#fff;font-size:14px;line-height:22px;background:url(/Images/main/bn_ln_bs.png) no-repeat right 50%;}
#contact .inner .itemw{margin:20px 0 0 0 auto;width:642px;}
#contact .inner .item{display:inline-block;color:#fff;}
#contact .inner .item a{background:none;padding-right:0;}
#contact .inner .item a.bn_ln_yt{display:inline-block;margin-bottom:5px;padding:10px;border:1px solid #fff;color:#fff;font-size:14px;}



/* 비주얼 애니메이션 */
@-webkit-keyframes animate_background{
	 0%   {background-position:50% 0;}
	 50%  {background-position:50% 100%;}
	 100%  {background-position:50% 50%;}		  
}
@-moz-keyframes animate_background{
	0%   {background-position:50% 0;}
	 50%  {background-position:50% 100%;}
	 100%  {background-position:50% 50%;}
}
@-o-keyframes animate_background{
	0%   {background-position:50% 0;}
	 50%  {background-position:50% 100%;}
	 100%  {background-position:50% 50%;}
}
@keyframes animate_background{
	 0%   {background-position:50% 0;}
	 50%  {background-position:50% 100%;}
	 100%  {background-position:50% 50%;}
}



@media screen and (max-width:1000px)
{
	.inner{max-width:1000px;}
	#bottom .flogo{display:none;}
	#bottom .finfo{width:100%;}

}

@media screen and (max-width:940px)
{
	#banner ul li{width:33.33%;}
	#movie .box_movie{width:100%;}
	#svisual{padding-top:47px;}
	#svisual.member {padding-top:47px;}
	#svisual .inner{padding:0 10px;}
	#svisual h2{font-size:40px;line-height:40px;}
	#svisual p{font-size:14px;line-height:20px;}
	#svisual.member h2{font-size:24px;text-align:center}
	#middle.inner{padding:0 10px;}
	#contact .inner{padding-left:300px;}
	#contact .inner .tit{top:10px;width:300px;}


}
@media screen and (max-width:768px)
{
	#contact .inner{padding-left:0;}
	#contact .inner .tit{position:relative;top:0;width:auto;margin-bottom:10px;}
	#contact .inner .tit h2{text-align:center}
	#contact .inner .tit p{text-align:center}
	#contact .inner p{margin-top:10px;text-align:center}

}

@media screen and (max-width:640px)
{
	#banner ul li{width:50%;}
	#svisual h2{font-size:29px;line-height:30px;}
	
	a.btn_ani1.w40{width:80%; margin-left: -40%;}


}




#snsbox{padding:36px 0;background-color:#e8e8e8}
#snsbox .lcon,
#snsbox .rcon{display:inline-block;float:left;width:49%;position:relative;}
#snsbox .lcon h2,
#snsbox .rcon h2{display:block;overflow:hidden;margin:0 auto 30px auto;width:177px;height:44px;font-size:0;line-height:0;}
#snsbox .lcon h2{background:url(http://adobe.sbcloud.co.kr/front_adobe/images/main/icon_face.png) no-repeat left 50%;}
#snsbox .lcon:after{content:"";display:block;clear:both;visibility:hidden;}
#snsbox .rcon{float:right;}
#snsbox .lcon .item{width:100%;height:380px;}
#snsbox .lcon .item .obj{width:100%;height:100%}
#snsbox .fb-page,
#snsbox .fb-page span,
#snsbox .fb-page iframe{width:100% !important;height:100% !important;}
#snsbox .rcon {padding-top:70px;}
#snsbox .rcon  .item{margin:0 auto;width:98%;position:relative;}
#snsbox .rcon .linkbar{position:absolute;top:0;left:0;width:100%;}
#snsbox .rcon .linkbar a{display:inline-block;float:left;position:relative;padding-left:40px;padding-right:30px;width:50%;color:#686869;font-size:14px;line-height:120%;border-left:1px solid #686869;}
#snsbox .rcon .linkbar a:first-child{border-left:none;}
#snsbox .rcon .linkbar a span{position:absolute;top:7px;left:15px;font-size:30px;}
#snsbox .rcon .linkbar a.tab_ov{color:#000;}
#ajax_loader{margin:0 auto;width:100%;}
#ajax_loader .box_iframe{width:100%;height:311px;}
#ajax_loader .box_iframe iframe{width:100%;height:311px;z-index:-1}
.bn_ln_yt{display:inline-block;margin-bottom:5px;padding:17px 32px;border:1px solid #4c4c4c;color:#4c4c4c;font-size:14px;}
.bn_ln_yt span{display:inline-block;overflow:hidden;margin-right:13px;width:11px;height:13px;background:url(/Images/main/bn_ln_bs_ov.png) no-repeat left 50%;}
.bn_ln_yt *{vertical-align:middle;}
.bn_ln_yt:hover{background-color:#4c4c4c;color:#fff;}
.bn_ln_yt:hover span{background:url(/Images/main/bn_ln_bs.png) no-repeat left 50%;}

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


#snsbox .lcon,
#snsbox .rcon{float:none;width:100%;}
#snsbox .rcon{padding-top:36px;}
#snsbox .rcon  .linkbar{position:relative;top:auto;left:auto;margin-left:0;width:100%;}
#snsbox .rcon  .linkbar a{display:block;float:none;margin-bottom:10px;padding:0;width:100%;color:#747979;font-size:18px;line-height:18px;border-left:none;}
#snsbox .rcon  .linkbar a span{position:relative;top:auto;left:auto;font-size:18px;}
#snsbox .rcon  .linkbar a br{display:none;}
#snsbox .rcon  .linkbar a.tab_ov{color:#747979;font-weight:bold;}
#ajax_loader{margin:0 auto;width:90%;}
#ajax_loader .box_iframe{width:100%;height:auto;}

.bn_ln_yt{border:1px solid #777c84;color:#777c84}

}
/*
#ajax_loader{margin:0 auto;width:712px;}
#ajax_loader .box_iframe{width:712px;height:400px;}
#ajax_loader .box_iframe iframe{width:100%;height:400px;z-index:-1}
#movie .inner{position:relative;padding-top:69px;}
#movie .linkbar{position:absolute;top:0;left:50%;margin-left:-33%;width:66%;}
#movie .linkbar a{display:inline-block;float:left;position:relative;padding-left:80px;padding-right:30px;width:50%;color:#755b59;font-size:18px;line-height:120%;border-left:1px solid #7a5f5f;}
#movie .linkbar a:first-child{border-left:none;}
#movie .linkbar a span{position:absolute;top:7px;left:30px;font-size:48px;}
#movie .linkbar a.tab_ov{color:#fff;}

.bn_ln_yt{display:inline-block;margin-bottom:5px;padding:17px 29px;border:1px solid #fff;color:#fff;font-size:14px;}
.bn_ln_yt span{display:inline-block;overflow:hidden;margin-right:13px;width:11px;height:13px;background:url(/Images/main/bn_ln_bs.png) no-repeat left 50%;}
.bn_ln_yt *{vertical-align:middle;}
.bn_ln_yt:hover{background-color:#fff;color:#000;}
.bn_ln_yt:hover span{background:url(/Images/main/bn_ln_bs_ov.png) no-repeat left 50%;}

@media screen and (max-width:940px)
{
#movie.bg1,
#movie.bg2,
#movie.bg3{background:none;}
#movie .linkbar{position:relative;top:auto;left:auto;margin-left:0;width:100%;}
#movie .linkbar a{display:block;float:none;margin-bottom:10px;padding:0;width:100%;color:#747979;font-size:18px;line-height:18px;border-left:none;}
#movie .linkbar a span{position:relative;top:auto;left:auto;font-size:18px;}
#movie .linkbar a br{display:none;}
#movie .linkbar a.tab_ov{color:#747979;font-weight:bold;}
#ajax_loader{margin:0 auto;width:90%;}
#ajax_loader .box_iframe{width:100%;height:400px;}

.bn_ln_yt{border:1px solid #777c84;color:#777c84}

}

*/