@charset "utf-8";
/*2019190920 메인 리뉴얼*/


/* 공통 */
#codeigniter_profiler{overflow: hidden !important;}
#container{background: #fff;padding-bottom:0;}
.main-202006{position: relative;width:auto;overflow:hidden;}
.tit-txt{width:1100px;margin:0 auto 55px; }
.cont-inner{position: relative;width: 1100px;margin:0 auto ;}
.cont-inner2{position: relative;width: 950px;margin:0 auto ;display:block;}
.cont-inner:after, .cont-inner2:after{display:block;content: '';clear: both;}
.inner{width: 950px; margin: 0 auto;}
.main-top-ban1{text-align:center;position: relative;  width: 100%;}
.main-top-ban1 a{display: block; width: 100%; }
.main-202006 *, .main-202006 h2,.main-202006 h3,.main-202006 h4,.main-202006 p,.main-202006 span{font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','돋움','Dotum','Helvetica','Apple SD Gothic Neo',sans-serif;color:#111;}
.main-202006 span, .main-202006 strong{padding: 0;}
.tit p{font-size: 35px; line-height: 48px; letter-spacing: -1px; color: #000;}
.tit p strong.tit_line.red:before{background-color: rgba(255,106,106,.5);}
p strong.tit_line{position: relative; display: inline-block;z-index:1;}
p strong.tit_line:before{content: '';display:inline-block; width: 100%; height:9px;position: absolute; left: 0; bottom: 4px;z-index: -1;transition:transform .5s;transform:scaleX(0);transform-origin:left;}
p strong.tit_line.white:before{background-color: #fff;}
.on p strong.tit_line:before{transform: scaleX(1);}
p strong.tit_line.d1:before{transition-delay: .3s;}
map area {outline: none;}

/* 슬라이더 공통 */
.main-202006 .bx-controls .bx-pager .bx-pager-item{display: inline-block;margin-left: 10px;zoom:1; *display:inline;vertical-align: top;width:8px;height: 8px;}
.main-202006 .bx-controls .bx-pager .bx-pager-item:first-child{margin-left: 0}
.main-202006 .bx-controls .bx-pager .bx-pager-item a{background:#c9c9c9 ;width:8px;height: 8px;font-size: 0;display:block;border-radius: 5px;}
.main-202006 .bx-controls .bx-pager .bx-pager-item a.active{background:#e01e6b;}
/*pager-type*/
.main-202006 .pager-type .bx-wrapper{position: relative;}
.main-202006 .pager-type .bx-controls{position:absolute;right:2px;top:2px;}
.main-202006 .pager-type .bx-pager{position:absolute;right:14px;top:0;width:42px;background-color:#000;background-color:rgba(0,0,0,0.15);color:#fff;font-size:11px;line-height:24px;text-align:center;}
.main-202006 .pager-type .bx-prev,
.main-202006 .pager-type .bx-next{display:block;position:absolute;top:0;width:14px;height:25px;background:url(//static.conects.com/common/img/st-comm-v3/btn-paging-01.png) no-repeat 0 0;overflow:hidden;font-size:0;line-height:0;text-indent:-999px;*text-indent:0;}
.main-202006 .pager-type .bx-prev{right:56px;background-position:0 0;}
.main-202006 .pager-type .bx-next{right:0;background-position:-40px 0;}

/***** 임용단기 학원 *****/
.cont-offline{background: #f1f1f1;padding: 77px 0 80px;}
.cont-offline .tit{margin-bottom: 35px;text-align:center;}
.cont-offline .list-offline{float: left;}
.cont-offline .box-offline{float: left;margin-left: 20px;}
.cont-offline .box-offline:first-child{width:150px;margin-left: 0}
.list-offline ul{zoom:1;margin-top:20px;border:1px solid #d1d8e4;border-right:0;border-bottom:0;}
.list-offline ul:first-child{margin-top:0;}
.list-offline ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.list-offline ul::after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.list-offline li{float:left;width:50%;*width:49%;background: #fff;}
.list-offline a{display:block;padding:0 8px;border:1px solid #d1d8e4;border-top:0;border-left:0;}
.list-offline a > span{display:block;height:38px;overflow:hidden;color:#3a3635;font-size:12px;line-height:38px;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.list-offline li.colspan{clear:both;width:100%;*width:98%;}
.list-offline li.colspan a{padding:0 12px;background:url(/img/main/main_v4/btn/btn_list_more.png) no-repeat 130px;}
.list-offline a:hover,
.list-offline a.active,
.list-offline li.colspan a:hover,
.list-offline li.colspan a.active{background-color:#f2f4f7;}
.cont-offline .box-offline:first-child + div{width: 540px;}
.cont-offline .box-offline:first-child + div + div{width:370px;}

/***** 임용단기 학원 *****/
.cont-offline{background: #f1f1f1;padding: 77px 0 80px;}
.cont-offline .tit{margin-bottom: 35px;text-align:center;}
.cont-offline .list-offline{float: left;}
.cont-offline .box-offline{float: left;margin-left: 20px;}
.cont-offline .box-offline:first-child{width:150px;margin-left: 0}
.list-offline ul{zoom:1;margin-top:20px;border:1px solid #d1d8e4;border-right:0;border-bottom:0;}
.list-offline ul:first-child{margin-top:0;}
.list-offline ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.list-offline ul::after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.list-offline li{float:left;width:50%;*width:49%;background: #fff;}
.list-offline a{display:block;padding:0 8px;border:1px solid #d1d8e4;border-top:0;border-left:0;}
.list-offline a > span{display:block;height:38px;overflow:hidden;color:#3a3635;font-size:12px;line-height:38px;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.list-offline li.colspan{clear:both;width:100%;*width:98%;}
.list-offline li.colspan a{padding:0 12px;background:url(/img/main/main_v4/btn/btn_list_more.png) no-repeat 130px;}
.list-offline a:hover,
.list-offline a.active,
.list-offline li.colspan a:hover,
.list-offline li.colspan a.active{background-color:#f2f4f7;}
.cont-offline .box-offline:first-child + div{width: 540px;}
.cont-offline .box-offline:first-child + div + div{width:370px;}

/* 약도 */
.popup-map, .popup-app{display:none;position:fixed;top:40%;left:50%;z-index:1000;margin:-303.5px 0 0 -420.5px}
.popup-map >img, .popup-app >img{position:relative;z-index:10;}
.popup-map .mask, .popup-app .mask{display:block;position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0, 0, 0, 0.8) url(<?=IMG_DIR?>/main/banner/popup-black.png) 0 0 repeat}
.popup-map .close, .popup-app .close{position:absolute;top:0;right:0;z-index:10;width:67px;height:61px;background:url(<?=IMG_DIR?>/main/banner/popup-btn-close.gif) 0 0 no-repeat;font-size:0;line-height:0;letter-spacing:-9999px}

.main_mid_ban_wrap{width: 100%;text-align: center;}
.main_info_wrap{padding:75px 0;}
.main_info_wrap .tit{margin-bottom: 43px;}
.main_info_wrap .tit span{font-weight: bold;}
.main_info_wrap ul{overflow: hidden;}
.main_info_wrap ul li{float: left;margin-left: 4px;}
.main_info_wrap ul li:first-child{margin-left: 0;}
.cont-knowhow{padding: 80px 0;}
.cont-offline{padding: 80px 0;background: #fff;}
/***** 게시판 *****/
.cont-notice{padding:77px 0 80px;}
.cont-notice h4{border-bottom:0}
.cont-notice .box-notice{float: left;width: 540px;}
.cont-notice .right-notice{margin-left: 20px;}

.list-notice{position:relative;color:#000;font-size:14px;line-height:1.4em;font-weight:bold;text-align: left;}
.list-notice a{padding-left:4px;border-left:1px solid #666766;}
.list-notice a:first-child{border-left:0;}
.list-notice a:hover,
.list-notice a.active{color:#a50052;}
.list-notice a.btn-more{position:absolute;right:0;top:50%;margin-top:-12px;padding-left:0;border-left:0;}

.tbl-notice{padding:18px 0 17px;border:1px solid #000;border-right:0;border-left:0;}
.tbl-notice table{width:100%;}
.tbl-notice th,
.tbl-notice td{padding:2px 0;font-size:12px;line-height:1.5em;text-align:left;}
.tbl-notice th > div,
.tbl-notice td > div{padding:0 8px;}
.tbl-notice td a{width:459px;height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tbl-notice td a:hover{text-decoration:underline;}
.tbl-notice td a.ellipsis{display:block;}
.tbl-notice th.ta-r,
.tbl-notice td.ta-r{text-align:right;}
.tbl-notice .list-notice{position:relative;margin-bottom:15px;padding:0 10px 14px;border-bottom:1px solid #d1d8e4;}
.tbl-notice .btn-more{overflow:hidden;display:block;position:absolute;right:14px;top:-53px;background: url(/img/main/main_v4/btn/btn_tbl_more.gif) no-repeat 0 0;width:24px;height: 24px;text-indent: -10000000000%;}
.cont-notice .tab-box{display:none;position: relative;}
.cont-notice .tab-box.on{display: block;}

/* 오른쪽 배너 */
.ban-wrap {position: absolute;top: 332px;right: 10px;z-index: 101;text-align:center;}
.ban-wrap .banner-quick {position: absolute;top: 0;right: 0px;z-index: 100;}
.ban-wrap .banner-quick.fixed {position: fixed;top: 10px;right:10px}
.ban-wrap .banner-quick .ban-quick-count{padding:15px 0;border-top:2px solid #000;border-bottom:2px solid #000;text-align: center;margin: 0 auto 10px;background: #fff;}
.ban-wrap .banner-quick .ban-quick-count span{font-size: 12px;line-height: 20px;color:#000;letter-spacing: -2px;}
.ban-wrap .banner-quick .ban-quick-count strong{font-size:24px;line-height: 30px;color:#000; }
.ban-wrap .banner-quick .ban-quick-list{width: 118px;}
.ban-wrap .banner-quick .ban-quick-list li{width: 100%;border:1px solid #c9c9c9;border-bottom:0 none;min-height:28px;background:#f1f1f1;}
.ban-wrap .banner-quick .ban-quick-list li a{display: block;width: 100%;background: url(/img/main/main_v4/btn/btn_list_more.png) no-repeat 110px 50%;font-size:12px;line-height: 28px;color:#000;font-weight: 900  }
.ban-wrap .banner-quick .ban-quick-list li.btn_top{border:1px solid #000}
.ban-wrap .banner-quick .ban-quick-list li.btn_top a{background: #000;color:#fff;}
.ban-wrap .banner-quick .ban-quick-list li.none{background:none;border:0 none}
.ban-wrap .banner-quick .ban-quick-list li.none a{background:none;font-size:0;margin-top:5px}
.ban-wrap .banner-quick .ban-quick-list li.none a img{width:78px}
.ban-wrap .banner-quick .ban-quick-bx{position: relative;margin:10px auto 0;}
.ban-wrap .banner-quick .ban-quick-bx .bx-quick{margin: 10px auto 0}
.ban-wrap .banner-quick .ban-quick-bx .bx-quick:first-child{margin-top: 0}
.ban-wrap .banner-quick .ban-quick-bx .bx-wrapper{position: relative;margin: 10px auto 0}
.ban-wrap .banner-quick .ban-quick-bx .bx-wrapper:first-child{margin-top: 0}
.ban-wrap .banner-quick .ban-quick-bx .bx-pager{position: absolute;bottom:5px;left:0;width: 100%;z-index: 120}
.ban-wrap .banner-quick .ban-all-dnagi{width: 120px;margin:10px auto 0;text-align: left;}


/* 딤 배너 */
.popup_20180213{position:absolute;top:90px;left:50%;z-index:210;margin-left:-370px;}
.popup_20180213 .popup_cont{position:relative;width:800px;z-index:1}
.popup_20180213 .popup_cont p{position: absolute;top: 354px;left: 441px;color:#ff0000;width: 210px;height: 43px;font-weight: 900;text-align: center;font-size: 26px;line-height: 38px;letter-spacing: -2px;}
.popup_20180213 .mask{display:block;width:100%;position:fixed;top:0;right:0;left:0;bottom:0;background:#000;opacity:0.7;filter:alpha(opacity=70);}


/* 상단 타이틀 롤링 */
.cont-roll{background: #303133; padding: 28px 0 10px; position: relative;}
.cont-roll .roll-slider, .cont-roll .bx-wrapper{user-select: none; pointer-events: none;}
.cont-roll .bx-wrapper{margin: 10px 0 !important}
.cont-roll .roll-slider > li{overflow: hidden; line-height: 50px;}
.cont-roll .roll-slider > li > span{float:left; color: #777; width: 16.666666%; font-family: 'Noto Sans KR'; text-align: center; font-size: 15px;}
.cont-roll a{position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center;}
.cont-roll a:before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.cont-roll a > img{vertical-align: middle;}
.cont-roll p{text-align: center; color: #777; font-family: 'Noto Sans KR'; line-height: 18px;}

/* 5~6월 기출 대 개강 */
.cont-lecture{padding: 60px 0; text-align: center;}
.cont-lecture h4{margin-bottom: 30px;}
.cont-lecture .lecture-teacher{overflow: hidden;}
.cont-lecture .lecture-teacher > li{float: left;}
.cont-lecture .lecture-teacher > li:first-child{margin-left: 0;}
.cont-lecture .lecture-teacher > li > a{display: inline-block; position: relative; border-radius: 10px; overflow: hidden;}
.cont-lecture .lecture-teacher > li > a:hover:after{content: url('/img/main/main_202006/lecture_hover.png'); position: absolute; display: inline-block; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);}

/* 상단 타이틀 슬라이드 */
/* .main-202006 .cont-top {position: relative;}
.main-202006 .cont-top ul li{text-align: center}
.main-202006 .cont-top ul li > div{margin:0 auto;width:1080px}
.main-202006 .cont-top .bxslide-fp-pager{width: 950px;margin: 0 auto;}
.main-202006 .cont-top .bxslide-fp-pager:after{content:"";display: block;clear: both}
.main-202006 .cont-top .bxslide-fp-pager a{display: block;float: left;background:url(/img/main/main_202002/bg_line.jpg) no-repeat left center;line-height: 80px;font-size: 14px;height:80px;font-family: 'Noto Sans kr';color:#b4b5b6;text-align: center;font-weight: normal;letter-spacing: -1px;width: 95px;}
.main-202006 .cont-top .bxslide-fp-pager a span{text-align: center;color:inherit}
.main-202006 .cont-top .bxslide-fp-pager a.active{color: #000;font-weight:900;}
.main-202006 .cont-top .bxslide-fp-pager a:hover{color: #000;font-weight:900;} */
/*.main-202006 .cont-top .bx-viewport{height: 579px !important;} */
/* 상단 빅배너 */
.main-202006 .cont-top{overflow:hidden;background-position: center top;}
.main-202006 .cont-top .bigban-slide{}
.main-202006 .cont-top .bigban-slide li{}
.main-202006 .cont-top .bigban-slide a{position: relative;width: 950px;height:430px;display:block;overflow:hidden;margin: 0 auto;}
.main-202006 .cont-top .bigban-slide div{position: absolute; left: 0; top: 316px; width: 350px; color: #fff; line-height: 60px; height: 60px; text-align: center; font-size: 20px; letter-spacing: -2px; font-weight: bold;}
.main-202006 .cont-top .bigban-slide div .dday{color:#ff0000;}
.main-202006 .cont-top .bigban-slide div .bar{margin: 0 10px;color:#8a8a8a}
.main-202006 .cont-top .bigban-slide div .txt{color:#333;}
.main-202006 .cont-top .pager-box{height: 52px;border-bottom: 1px solid #939393;}
.main-202006 .cont-top .big-pager1{line-height: 49px;overflow: hidden;width: 950px;margin: 0 auto;}
.main-202006 .cont-top .big-pager1 li{float: left;width: 237px;letter-spacing: -1px;white-space: nowrap;}
.main-202006 .cont-top .big-pager1 li:first-child{background: none;width: 238px;}
.main-202006 .cont-top .big-pager1 li:first-child:before,
.main-202006 .cont-top .big-pager1 li:after{content: ""; display: inline-block; width: 1px; height: 29px; vertical-align: middle; margin-top: -3px; background: #c9c9c9;}
.main-202006 .cont-top .big-pager1 li a{display: inline-block;width: 100%;text-align: center;border-bottom: 3px solid #fff;font-size: 16px;color: #000;position: relative}
.main-202006 .cont-top .big-pager1 li a.active{border-bottom: 3px solid #303133;font-weight: bold; font-size: 16px; white-space: nowrap;}
.main-202006 .cont-top .big-pager1{}


/* 상단 띠배너 */
.main-202006 .cont-banner{padding: 50px 0}
.main-202006 .cont-banner .bx-wrapper{position: relative;}
.main-202006 .cont-banner .bx-wrapper .bx-controls-direction{position: absolute; top: 10px; right: 10px; overflow: hidden;}
.main-202006 .cont-banner .bx-wrapper .bx-controls-direction a{display: block;float: left;background: url('/img/main/main_202002/btn_controls.png') no-repeat 0 0;width: 35px;height: 35px;text-indent: -1000%;opacity: .8;}
.main-202006 .cont-banner .bx-wrapper .bx-controls-direction a:hover{opacity: 1;}
.main-202006 .cont-banner .bx-wrapper .bx-controls-direction .bx-next{background-position: -35px 0}
.main-202006 .cont-banner .banner-slide{width: 100%}
.main-202006 .cont-banner .banner-slide li{text-align:center;}
.main-202006 .cont-banner .banner-slide li a, .main-202006 .cont-banner .banner-slide li p{text-align:center;display: block;width: 950px;margin: 0 auto;}

/* 합격 전략 */
.main-202006 .cont-strategy{padding: 50px 0 100px; text-align: center;}
.main-202006 .cont-strategy .strategy-list{overflow: hidden; margin: 20px -13px -13px -13px}
.main-202006 .cont-strategy .strategy-list > li{float: left; padding: 10px;}
.main-202006 .cont-strategy .strategy-list > li > img:first-child{display: none}
.main-202006 .cont-strategy .strategy-list > li:hover > img:first-child{display: block}
.main-202006 .cont-strategy .strategy-list > li:hover > img{display: none}


/* 해시태그 이벤트 */
.main-202006 .cont-event {overflow:hidden;padding:100px 0 50px;}
.main-202006 .cont-event .freepass-list{overflow: hidden;margin-bottom: 100px;}
.main-202006 .cont-event .freepass-list li{float: left;margin-left: 20px;width: 303px;overflow: hidden;border-radius: 5px;}
.main-202006 .cont-event .freepass-list li a{position: relative;display: block;width: 303px;height: 204px;}
.main-202006 .cont-event .freepass-list li:first-child{margin-left: 0px;}
.main-202006 .cont-event .freepass-list .txt{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;text-align: center;font-weight: bold;color: #fff;font-size: 15px;letter-spacing: -1px;font-family: 'Noto Sans kr';}
.main-202006 .cont-event h4{text-align: center; margin-bottom:60px;}
.main-202006 .cont-event .top-slider01 li{overflow: hidden;border-radius: 5px;}
.main-202006 .cont-event .bx-wrapper{position: relative;}
.main-202006 .cont-event .bx-wrapper .bx-controls-direction{position: absolute;top:-94px;left:50%;margin-left:405px;overflow: hidden;width: 70px}
.main-202006 .cont-event .bx-wrapper .bx-controls-direction a{display: block;float: left;background: url('/img/main/main_202002/btn_controls02.png') no-repeat 0 0;width: 35px;height: 35px;text-indent: -1000%;opacity: .8;}
.main-202006 .cont-event .bx-wrapper .bx-controls-direction a:hover{opacity: 1;}
.main-202006 .cont-event .bx-wrapper .bx-controls-direction .bx-next{background-position: -35px 0}

/* 2021 커리큘럼 */
.main-202006 .cont-cur{padding:110px 0 105px;background:#e0e0e0  url('/img/main/main_202002/bg_curri.jpg') no-repeat center top;text-align:center}
.main-202006 .cont-cur h4{margin-bottom: 55px;}

/* 2021학년도 대비 교재 */
.main-202006 .cont-book{padding-top: 120px;background-color: #fff;}
.main-202006 .cont-book h4{text-align: center;margin-bottom: 70px;}
.main-202006 .cont-book .book-list li{}
.main-202006 .cont-book .book-list li a{display: block}
.main-202006 .cont-book .book-list li a >img{width: 240px;height: 280px;overflow: hidden;border-radius: 5px;border: 1px solid #cdcdcd;}
.main-202006 .cont-book .book-list li a .txt-box{margin-top: 20px;letter-spacing: -1px;font-family: 'Noto Sans kr';line-height: 20px;}
.main-202006 .cont-book .book-list li a .txt-box .tit{display: block;overflow:hidden;font-size: 14px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;word-break:keep-all;height: 40px;}
.main-202006 .cont-book .book-list li a .txt-box .teacher{display: block;font-size: 15px;color: #000;margin-top: 5px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.main-202006 .cont-book .btn{display: block;width: 335px;margin: 60px auto 0;}

/* 임용단기 무료 컨텐츠 */
.main-202006 .cont-free{padding:100px 0 70px;}
.main-202006 .cont-free h4{text-align:center;margin-bottom: 60px}
.main-202006 .cont-free .book02{text-align:center;}
.main-202006 .cont-free .btn{display: block;width: 335px;margin: 50px auto 100px;}
.main-202006 .cont-free strong{display:block;margin:60px 0 40px;text-align:center}
.main-202006 .cont-free .free-list{overflow:hidden}
.main-202006 .cont-free .free-list > li{float:left;margin-left:20px;}
.main-202006 .cont-free .free-list > li:first-child{margin-left:0}

/* 단기 합격 전략 영역 */
.main-202006 .cont-video{padding:115px 0 95px;background:url('/img/main/main_201912/video_bg.jpg') repeat-x center top #f1f1f1;}
.main-202006 .cont-video h4{text-align:center;margin-bottom:60px;}
.main-202006 .cont-video .bx-wrapper{position: relative;}
.main-202006 .cont-video .bx-wrapper .bx-controls a{position:absolute;top:60px;display:inline-block;width:40px;height:136px;background:url('/img/main/main_v10/video_slider_btn.png') no-repeat 0 0;color:transparent;font-size:0;text-indent: -9999px;opacity: .6;transition:opacity .3s}
.main-202006 .cont-video .bx-wrapper .bx-controls a:hover{opacity: 1;}
.main-202006 .cont-video .bx-wrapper .bx-controls .bx-prev{left: 420px;}
.main-202006 .cont-video .bx-wrapper .bx-controls .bx-next{left: 1470px;background-position:-40px 0}


/* 푸터배너 */
.ban-footer{position: fixed;left: 0;bottom: 0;width: 100%;background: #2c83de;z-index: 110;height: 123px;}
.ban-footer .conts{position: relative;width: 960px;margin: 0 auto;z-index: 111;margin-top: -31px;}
.ban-footer .conts .zone-f-b{display: block;position: relative;/*z-index: 112*/}
.ban-footer .conts .close{display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;z-index: 120;background: #fff;opacity: 0;}
/* 푸터 두가지 이미지*/
.ban-footer .bg-box{position:absolute;z-index:1;width:100%;left:0px;bottom:0px;}
.ban-footer .bg-box li{float:left;width:50%;height:100%;}

/* POPUP */
.popupMv {position: fixed; left:0; top:0; bottom:0; width: 100%; height: 100%; z-index:200; text-align: center; display: none; overflow:hidden;}
.popupMv .bg { position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: #000; opacity: 0.6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);}
.popupMv .popIn {position:relative; margin: 0 auto; left:0; top:50%; max-width: 950px;  width: 100%; box-sizing:border-box;  z-index:2; text-align: center;  animation-name: anim-scale; animation-duration: .3s; animation-direction: alternate; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); }
.popupMv .popIn .closePop {position:absolute; right:5px; top:-40px; z-index: 40; display: inline-block;}
.popupMv .popIn .closePop a {transition: transform 0.8s; display: inline-block; width:27px; height:27px;  background:url('//s3.ap-northeast-2.amazonaws.com/st.dangidata/hobby_conects/img/main/btnPopClose.png') no-repeat;}
/*.popupMv .popIn .closePop a:hover {-ms-transform: rotate(360deg); transform: rotate(360deg);}*/
.popupMv .popIn .youtubeCont {position: relative; max-width: 780px; margin:0 auto; background: #000; border: 2px solid #fff;}
.popupMv .popIn .youtubeCont #youtubeMovie {position: relative; width: 100%;}

/*base code*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

/*the animation definition*/
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}