@charset "utf-8";

/** default definition **/
html, body {margin: 0; padding: 0; }
body{position:relative; }
div, p, span, dl, ul, ol, li, dt, dd, strong, form, fieldset, legend, label, input, table, td, tr, th, button, input, textarea, select, h1, h2, h3, h4, h5, h6, object, param, embed 
{ margin: 0; padding: 0; font: normal 12px/18px  Malgun Gothic, 맑은 고딕, serif; color: #555; line-height:1em;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
fieldset, img, button { border: 0; }
dl, ol, ul { list-style: none; }
a { color: #555; vertical-align: top; text-decoration: none; }
em { font-style: normal; }
button { overflow: visible; background: none; border: 0;  }
img { vertical-align: top; }
button { cursor: pointer; }
header, footer, section, aside, nav, article { display: block; }
iframe { margin: 0; padding: 0; }

/* text hidden */
.txtHidden, fieldset legend { visibility: hidden; display: inline; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; }

/* wrap */
.wrap {position:relative; overflow: hidden; width:100%; min-width:1200px; background-color:#fff;} /*배경색상 추가*/
.wrap:after{clear:both; display:block; content:""}
.wrap .container{position:relative; width:100%;}
.wrap .contents{width:1200px;  margin:60px auto 0;}
.visualImg {position:absolute; top: 0; left:50%; margin-left:-1200px; z-index: 0;} /* margin-left:-(이미지사이즈/2) */

/* skipNav */
#skipNav { z-index: 10; position: relative; width: 100%; }
#skipNav a { display: block; position: absolute; left: 0; top: -1px; overflow: hidden; width: 200px; height: 1px; font-weight: bold; text-align: center; }
#skipNav a:hover, #skipNav a:focus, #skipNav a:active { top: 0; background-color: #aaa; padding: 5px; height: auto; border: 1px solid #333; }

/* header */
header{position:relative;width:1200px; height:136px; background:#ffffff; z-index: 50; margin:0 auto;}
header .innerHeader{overflow:hidden; position:relative; width:1200px; height:196px; margin:0 auto;} 
header .innerHeader .headerTop{overflow:hidden;}
header .innerHeader .headerTop h1{text-align:center; padding-top:41px; margin-left:200px;}
header .innerHeader .headerTop .memberBox{text-align: center}
header .innerHeader .headerTop .sns{float:left; padding-top:60px;}
header .innerHeader .headerTop .sns a{margin-right:3px;}
header .innerHeader .headerTop .loginArea{float:right; width:250px; margin-top:60px;}
header .innerHeader .headerTop .loginArea .btnLogin{float:right;}
header .innerHeader .headerTop .loginArea .memberBox{position:absolute; right:12px; top:115px;overflow:hidden;}
header .innerHeader .headerTop .loginArea .memberBox li{float:left; padding-right:8px; margin-right:8px; background:url("../images/bar_headerLink.gif") no-repeat 100% 5px; line-height:16px; vertical-align: top}
header .innerHeader .headerTop .loginArea .memberBox li.last{background-image:none; margin-right:0; padding-right:0;}
header .innerHeader .headerTop .loginArea .memberBox li.last em{font-weight: bold; color:#ff0000;}
header .innerHeader .headerTop .logoutArea{float:right; margin-top:40px;width:253px;}
header .innerHeader .headerTop .logoutArea .memberBox{width:100%; height:20px;}
header .innerHeader .headerTop .logoutArea .memberBox li,header .innerHeader .headerTop .logoutArea .memberBox em,header .innerHeader .headerTop .logoutArea .memberBox a {font: normal 12px/18px Dotum;}

header .innerHeader .headerTop .logoutArea .memberBox li{float:left; line-height:20px; padding-right:4px;}
header .innerHeader .headerTop .logoutArea .memberBox4 li a{display: inline-block; width:21px;text-align: right}
header .innerHeader .headerTop .logoutArea .memberBox li.first{float:left; padding-right:4px; margin-right:4px; color:#555;}
header .innerHeader .headerTop .logoutArea .memberBox li.last{float:right;margin-right:0; padding-right:0;}
header .innerHeader .headerTop .logoutArea .memberBox li em{font-weight: bold;}
header .innerHeader .headerTop .logoutArea .memberBox2 li em{font-weight: bold; display:inline-block; position:relative; width:61px; text-align: left;}
header .innerHeader .headerTop .logoutArea .memberBox2 li a {color:#7e7e7e}
header .innerHeader .headerTop .logoutArea .memberBox3 li em{font-weight: bold; display:inline-block; position:relative; width:61px; text-align: left;}
@media screen and (-webkit-min-device-pixel-ratio:0){
    header .innerHeader .headerTop .logoutArea .memberBox2 li em{width:58px}
    header .innerHeader .headerTop .logoutArea .memberBox3 li em{width:58px}
    }
header .innerHeader .headerTop .logoutArea .memberBox li em i{font-style:normal; display:inline-block; position:absolute; right:0; top:50%;  margin-top:-10px;}
header .innerHeader .headerTop .logoutArea .memberBox li b{font-weight: bold; color:#ff0000;}
header .innerHeader .headerTop .logoutArea .memberBox1 li.first{color:#888;}
header .innerHeader .headerTop .logoutArea .memberBox1 li.first em{color:#333}
header .innerHeader .headerTop .logoutArea .memberBox1 li.last a:first-child{color:#555; display:inline-block; margin-right:5px}
header .innerHeader .headerTop .logoutArea .memberBox3 li.last a{margin-left:10px;}
header .innerHeader .headerTop .logoutArea .memberBox4 li{ margin-right:3px; background:url("../images/bar_headerLink.gif") no-repeat 100% 5px}
header .innerHeader .headerTop .logoutArea .memberBox4 li.last{background:none}
header .innerHeader .headerTop .logoutArea .memberBox4 li.last a{width:60px}
header .innerHeader .headerBottom{position:absolute; top:136px; left:0; height:60px; z-index: 10;}
header .innerHeader .headerBottom nav{float:left;}
header .innerHeader .headerBottom nav li{float:left; }
header .innerHeader .headerBottom nav li a {display:block;width:200px; height:60px; background:url("../images/gnb_1_0524.png") no-repeat; text-indent: -9999px;}
header .innerHeader .headerBottom nav li.gnb2 a {background:url("../images/gnb_2_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb3 a {background:url("../images/gnb_3_210601.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb4 a {background:url("../images/gnb_4_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb5 a {background:url("../images/gnb_5_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb6 a {background:url("../images/gnb_6_210831.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb1 a:hover {background:url("../images/gnb_1_on_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb2 a:hover {background:url("../images/gnb_2_on_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb3 a:hover {background:url("../images/gnb_3_on_210601.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb4 a:hover {background:url("../images/gnb_4_on_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb5 a:hover {background:url("../images/gnb_5_on_0524.png") no-repeat;}
header .innerHeader .headerBottom nav li.gnb6 a:hover {background:url("../images/gnb_6_on_210601.png") no-repeat;}
header .innerHeader .loginInfo{display:block; padding-top:54px; text-align:center;}
header .innerHeader .loginInfo .name{display:inline-block; padding-top:7px; margin-right:15px; color:#888888;}
header .innerHeader .loginInfo .name span{font-weight:bold; color:#333333;}
header .innerHeader .loginInfo .privacyRevise{margin-right:10px;}
header .innerHeader .loginInfo .latelyAccess{margin-right:15px;}
header .innerHeader .loginInfo .latelyAccess span{font-weight:bold; color:#333333;}
header .innerHeader .loginInfo .latelyAccess a{vertical-align:middle;}
header .innerHeader .loginInfo .cash{margin-right:2px; color:#555555;}
header .innerHeader .loginInfo .cash span.title{font-weight:bold; color:#333333;}
header .innerHeader .loginInfo .cash span.fontRed{font-weight:bold; color:#ff3536;}
header .innerHeader .loginInfo .cash a{display:inline-block; vertical-align:middle;}
header .innerHeader .loginInfo .charge{display:inline-block; padding-top:3px; margin-right:20px;}
header .innerHeader .loginInfo .etcInfo{display:inline-block; padding-top:5px; color:#555555;}
header .innerHeader .loginInfo .etcInfo a{padding-right:5px; margin-right:5px; background:url("../images/bar_etcInfo.gif") no-repeat 100% 1px;}
header .innerHeader .loginInfo .etcInfo a.last{margin-right:0; padding-right:0; background:none;}
header .innerHeader .loginInfo .etcInfo a span{vertical-align:top; font-weight:bold; color:#333333;}
header .innerHeader .loginInfo .etcInfo a span.fontRed{color:#ff3536;}
header .innerHeader .combineAccount{display:block; overflow:hidden; position:absolute; top:118px; left:0; width:954px; height:42px; padding-left:26px; background-color:#fff; line-height:42px;}
header .innerHeader .combineAccount a{margin-left:10px; vertical-align:middle;}
header .innerHeader .combineAccount a img{margin-top:-2px;vertical-align:middle;}
header .innerHeader .combineAccount a.close{position:absolute; top:0; right:11px;}
header .innerHeader .combineAccount span{font-weight:bold;}

/* container */

/* Banner */
.banner{width:1200px; height:355px; padding-top:9px;}
.banner .imgBanner{float:left; width:340px; height:355px;}
.slidesBanner{margin-bottom:30px;}
.slides{float:right;overflow:hidden; position:relative; width:840px; height:355px;}
.slides #slides {overflow:hidden; position: relative; width:840px; height:355px; z-index:1;}
.slides #slides p{overflow:hidden; position:relative; width:840px; height:355px;}
.slides #slides p .bgImg{position:absolute; top:0; left:0; width:840px; z-index:1;}
.slides #slides p span.communityBtn{position:absolute; bottom:36px; right:135px; z-index:3;}
.slides #slides p span.communityBtn a{overflow:hidden; display:inline-block; width:33px; height:33px; margin-left:5px; background-image:url("http://code.gnjoy.com/gnjoy/2016_www/images/btn_slide_community.jpg"); background-repeat:no-repeat; font-size:0; text-indent:-9999px;}
.slides #slides p span.communityBtn a.cbHome{background-position:0 0;}
.slides #slides p span.communityBtn a.cbApple{background-position:-33px 0;}
.slides #slides p span.communityBtn a.cbGoogle{background-position:-66px 0;}
.slides #slides p span.communityBtn a.cbNavercafe{background-position:-99px 0;}
.slides #slides p span.communityBtn a.cbFacebook{background-position:-132px 0;}
.slides #slides p span.communityBtn a.cbHome.on{background-position:0 -33px;}
.slides #slides p span.communityBtn a.cbApple.on{background-position:-33px -33px;}
.slides #slides p span.communityBtn a.cbGoogle.on{background-position:-66px -33px;}
.slides #slides p span.communityBtn a.cbNavercafe.on{background-position:-99px -33px;}
.slides #slides p span.communityBtn a.cbFacebook.on{background-position:-132px -33px;}

/* contentsBig */
.contentsBig{width:1200px; height:705px; margin-top:20px; z-index: 10000;}
.contentsBig .snsBox{float:left; width:340px; height: 705px;}
.contentsBig .snsBox ul{width:100%; height:43px;}
.contentsBig .snsBox ul li{float:left;}
.contentsBig .snsBox ul li:last-child{float:right;}
.contentsBig .snsBox ul li a{display:block; width:170px; height:44px; background-repeat:no-repeat; background-position: 0 0; transition: 0.5s all; }
.contentsBig .snsBox ul li a.facebook{background:url('../images/btn_facebook2_off_0207.png')}
.contentsBig .snsBox ul li a.ytube{background:url('../images/btn_ytube2_off_0207.png')}
.contentsBig .snsBox ul li.active a.facebook{background:url('../images/btn_facebook2_on_0207.png')}
.contentsBig .snsBox ul li.active a.ytube{background:url('../images/btn_ytube2_on_0207.png')}
.contentsBig .snsBox ul li:hover a.facebook{background:url('../images/btn_facebook2_on_0207.png')}
.contentsBig .snsBox ul li:hover a.ytube{background:url('../images/btn_ytube2_on_0207.png')}
/* .contentsBig .snsBox ul li a{display:block; width:170px; height:44px; background:url('../images/btn_ytube2.png') 0 0 no-repeat; } */
.contentsBig .snsBox .tab{height:660px ;border:1px solid #e1e2e4;}
.contentsBig .snsBox .tab .sns_conts{width:100%;  background-color:#f2f4f7;}
.contentsBig .snsBox .tab .sns_conts .title{width:100%; height:88px; border-bottom:1px solid #e1e2e4; background:#ffffff; box-sizing: border-box}
.contentsBig .snsBox .tab .sns_conts .title a{float:left; margin:7px 5px 0 9px; }
.contentsBig .snsBox .tab .sns_conts .title h3{color:#3d37a6;font-size:21px; font-weight: bold; padding:8px 0 5px 0;}
.contentsBig .snsBox .tab .sns_conts .btn{width:100%; height:40px; border-bottom:1px solid #e1e2e4;}
.contentsBig .snsBox .tab .sns_conts .btn a.img1{float:left;margin:7px;}
.contentsBig .snsBox .tab .sns_conts .btn a.img2{float:right;margin:7px;}
.contentsBig .snsBox .tab .sns_conts .conts{overflow-y:scroll; width:100%; }
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg{margin:7px; background:#ffffff;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg > p{ padding:7px; }
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title{width:100%; height:70px;float:left;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title a{float:left; margin:10px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title .tit{float:left;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title .tit p{margin-top:7px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title h4 {font-size:16px; font-weight: bold; margin-top:16px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_title .smallbtn {float:right; margin:20px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_detail{clear:both; padding-bottom:30px; margin-left:10px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_detail p{margin-bottom:4px;}
.contentsBig .snsBox .tab .sns_conts .conts .conts_bg .conts_detail p a{color:#2b4e93;}
.contentsBig .contBox{float:right; width:840px; height:705px; background:#ffffff;border:1px solid #e1e2e4; box-sizing: border-box}
.contentsBig .contBox .pcgameBox{width:100%; height:234px; border-bottom:1px solid #e1e2e4;}
.contentsBig .contBox .pcgameBox .title{padding-top:25px;margin-left:25px;}
.contentsBig .contBox .pcgameBox .pcgame a.img1{float:left; margin-left:25px; margin-top:10px;}
.contentsBig .contBox .pcgameBox .pcgame a.img2{float:right; margin-top:10px;margin-right:25px;}
.contentsBig .contBox .mobilegameBox{position:relative;width:100%; height:220px; border-bottom:1px solid #e1e2e4;}
.contentsBig .contBox .mobilegameBox a.default{cursor: default;}
.contentsBig .contBox .mobilegameBox .title{height:25px;padding-top:25px;margin-left:25px; margin-bottom:10px;}
.contentsBig .contBox .mobilegameBox .title img{float:left;}
.contentsBig .contBox .mobilegameBox .title .plus{float:right; cursor:pointer;margin-right:30px;color:#717171;font-size:12px; font-weight: bold;margin-top:5px;}
.contentsBig .contBox .mobilegameBox .mobilegame{clear: both; width:100%; height:160px;}
.contentsBig .contBox .mobilegameBox .mobilegame li{float:left; margin-left:23px;}
.contentsBig .contBox .mobilegameBox .mobilegame2{position: absolute; top:221px; left:0; width:100%; height:173px; padding-top:30px; background: #ffffff; border-bottom:1px solid #e1e2e4 }
.contentsBig .contBox .mobilegameBox .mobilegame2 li{float:left; margin-left:23px;}
.contentsBig .contBox .etcBox{height:248px;}
.contentsBig .contBox .etcBox .iptv{width:418px; height:248px;float:left; border-right:1px solid #e1e2e4;}
.contentsBig .contBox .etcBox .iptv p{text-indent:-9999px}
.contentsBig .contBox .etcBox .notice{float:left; width:419px;height:248px; }
.contentsBig .contBox .etcBox .notice > img{margin-left:24px; margin-top:32px;}
.contentsBig .contBox .etcBox .notice .plus{float:right;margin-right:30px;color:#717171;font-size:12px; font-weight: bold;margin-top:35px;}
.contentsBig .contBox .etcBox .notice ul {margin-top:15px; margin-left:30px;}
.contentsBig .contBox .etcBox .notice ul li{margin-bottom:12px;}
.contentsBig .contBox .etcBox .notice ul li.last{margin-bottom:0;}
.contentsBig .contBox .etcBox .notice ul li > img{vertical-align:middle;margin-right:10px;}
.contentsBig .contBox .etcBox .notice ul li a{ color:#676767; font-size:14px}
.contentsBig .contBox .etcBox .notice ul li.notify a{font-weight: bold;}
.contentsBig .contBox .etcBox .notice ul li a:hover{color:#4a90cb;}


.contentsBig .snsBox ul.youtubeList{width:100%; height:660px; overflow-y:auto; background:#fff}
.contentsBig .snsBox ul.youtubeList li { display:block; float:none; width:320px; margin:10px auto 20px; height:180px}
.contentsBig .snsBox ul.youtubeList li img {width:320px; height:180px}
.contentsBig .snsBox ul.youtubeList li:last-child {float:none;}


/*eventBox*/
.eventBox{width:100%; height:266px; margin-top:21px;}
.eventBox ul li{float:left; }

/* linkBox */
.linkBox{overflow:hidden; padding:38px 0 70px 0;}
.linkBox li{float:left; padding-right:27px; margin-right:27px; background:url("../images/bar_link.gif") no-repeat 100% 1px;}
.linkBox li.first{padding-right:30px; margin-right:0; background:none;}
.linkBox li.last{padding-right:0; margin-right:0; background:none;}
.linkBox li a{color:#6e6e6e; font-size: 14px; }

/* footer */
footer{overflow:hidden; position:relative; bottom:0; width:100%; height:195px; background-color:#f2f4f7;}
footer .innerFooter{width:1200px; margin:0 auto;}
footer .innerFooter .footerLogo{float:left; margin:48px 24px 0 0;}
footer .innerFooter div{float:left; padding-top:56px;}
footer .innerFooter div ul{overflow:hidden; margin-bottom:19px;}
footer .innerFooter div ul li{float:left; padding:2px 8px 2px 0; margin-right:8px; background:url("../images/bar_footerLink.gif") no-repeat 100% 1px;}
footer .innerFooter div ul li.barNone{background:none; margin-right:0}
footer .innerFooter div ul li.last{padding:0; margin-right:0;}
footer .innerFooter address{position:relative; margin-bottom:14px;}
footer .innerFooter .email{position:absolute; top:89px; right:13px; width:121px; height:11px;}
footer .innerFooter .email img{display:inline-block; width:121px; height:11px;}
footer .imgbtn{    position: absolute; width: 162px; height: 14px;right: 48px;}
/* loginBox */
.loginBox{display:block; overflow:hidden; position:absolute; top:430px; left:50%; width:363px; height:266px; padding:115px 0 0 66px; margin-left:-215px; background:url("../images/bg_loginBox.gif") no-repeat 0 0; z-index:11;}
.loginBox select{margin-bottom:9px;}
.loginBox ul li:after{display:block; content:""; clear:both}
.loginBox ul li.loginId{margin-bottom:5px;}
.loginBox ul li.loginId input{background:#fff url("../images/bg_id.gif") no-repeat 0 0;}
.loginBox ul li.loginPass{margin-bottom:11px;}
.loginBox ul li.loginPass input{background:#fff url("../images/bg_password.gif") no-repeat 0 0;}
.loginBox ul li.loginBtn{margin-bottom:14px;}
.loginBox ul li label{overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999px;}
.loginBox ul li input[type="text"], .loginBox ul li input[type="password"]{width:278px; height:44px; padding:0 10px; line-height:44px; border:0; background-color:#fff; color:black; font-size:24px; font-weight:bold;}
.loginBox ul li .keyboard{float:left;}
.loginBox ul li .keyboard a.first{margin-right:5px;}
.loginBox ul li .join{float:right; padding-right:65px;}
.loginBox ul li .join span.search{padding-right:8px; margin-right:8px; background:url("../images/bar_loginBox.gif") no-repeat 100% 1px;}
.loginBox ul li .join a.member{font-weight:bold;}
.loginBox a.btnClose{position:absolute; top:25px; right:31px; width:36px; height:36px;}
.loginBox .tip_capslock {display:none; position:absolute; bottom:121px; left:66px; width:298px; height:18px; padding-top:16px; font:normal 12px/12px dotum; text-align:center; color:#ff3624; letter-spacing:-0.09em; background:url("../images/bg_capslock_tip.png") no-repeat 0 0;}
.loginBox .tip_capslock em { font-weight: bold;}
.loginWarp{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index:10;}



/* 영상 팝업 부분 */
/* popup */
.blind{
	display:none; 
	position:absolute; 
	top:0; 
	left:0; 
	background-color:black;
	width:100%; 
	height:4254px; 
	z-index:99; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7; 
	-khtml-opacity: 0.7;
	 opacity: 0.7;
}
.movie_wrap{
	position: fixed; 
	/* background: url(../images/movie_wrap.png) no-repeat; */
	transform: scale(0,0); 
	opacity: 0; 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	top:53%; 
	left:50%; 
	width:1300px; 
	height:740px; 
	margin-left:-650px;
	margin-top:-370px; 
	z-index:100;
}
.movie_wrap.open_movie{
	transform : scale(1,1); 
	transition: all .5s; 
	opacity: 1;
} 
.movie_wrap .btn_close{
    position: absolute;
    top: -4%;
    right: 50%;
    width: 29px;
    height: 30px;
    z-index: 25;
}
.movie_wrap .btn_close:hover{
	animation: rotate 2s;
}	
.movie_wrap .you_tube{
	position:relative; 
	height:0; 
	padding-bottom:56.25%;
	z-index:25;
}
.movie_wrap .you_tube iframe, .movie_wrap  .you_tube object, .movie_wrap  .you_tube embed{
    position: absolute;
    display: block;
    width: 97%;
    height: 97%;
    margin-top: 70px;
    left: 1.5%;
    top: -7%;
}

@media all and (max-width: 1800px) {
    #header nav a.menuHomeLogo {
      /* display: none; */
    }
    #header nav ul.navUL {
      /* top: 46px;
      background: #fff; */
    }
    #header nav .sns_area {
      
      top: 555px;

    }
    .movie_wrap {
   
      top: 53%;
      left: 50%;
      width: 80vw;
      height: 40vw;
      margin-left: -40vw;
      margin-top: -20vw;
      background-size: 80vw 40vw;
      
  }

    .movie_wrap .btn_close {
      position: absolute;
      top: -4%;
      right: 50%;
      width: 2.5vw;
      height: 2.5vw;
      z-index: 25;
      margin-right: -1.25vw;
  }
  .movie_wrap .btn_close a img{  width: 100%; height: 100%; }
  .movie_wrap .you_tube iframe, .movie_wrap .you_tube object, .movie_wrap .you_tube embed {
    position: absolute;
    display: block;
    width: 77.5vw;
    height: 37vw;
    margin-top: 4.5vw;
    left: 1.2vw;
    top: -7%;
}
}