@charset "utf-8"; .main_ir{background-image:url(/images/news/main/main_ir.png);} #body_layout{overflow:hidden;} #mcont1{height:538px;background: #ed9613;background: -webkit-linear-gradient(left, #edb120 , #ed9613);background: -o-linear-gradient(right, #edb120 , #ed9613);background: -moz-linear-gradient(right, #edb120 , #ed9613);background: linear-gradient(to top, #edb120 , #ed9613);background-size:cover;text-align: center;} #mcont1 .title{padding-top: 195px;} #mcont1 .title strong{display: block;margin: 0 auto 10px;font-size: 50px;font-family: 'Gimpo';color: #fff;} #mcont1 .title p{font-size: 20px;line-height: 30px;color: #fff;} #mcont1 .search_box{display:inline-block;position: relative;z-index: 1;width: 431px;height: 50px;padding: 7px 60px 7px 120px;margin: 20px auto 10px;background: #fff;border: 2px solid #f5b10d;border-radius: 30px;box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);} #mcont1 .search_box select{position:absolute;left:0;top: 0;width: 100px;height: 100%;padding-left: 25px;border: 0;background: none;font-size: 14px;} #mcont1 .search_box:before{display: block;position:absolute;left: 100px;top:50%;width: 1px;height:10px;background:#797979;margin-top: -5px;content:'';} #mcont1 .search_box .skip{overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -10000px;position: absolute;} #mcont1 .search_box label{margin-right:-100%;font-size: 15px;color: #fff;line-height: 34px;} #mcont1 .search_box label, #mcont1 .search_box input{display: inline-block;float: left;width: 100%;height: 34px;background: none;border: 0;font-size: 14px;line-height: 34px;text-align: left;color: #585857;font-weight: normal;} #mcont1 .search_box input::-ms-clear{display: none;} #mcont1 .search_box button{position: absolute;right: 0;top: 50%;margin-top: -25px;width: 50px;height: 50px;border-radius: 50%;font-size: 0;text-indent: -9999px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;} #mcont1 .search_box button:before{position: absolute;left: 20px;top: 19px;width: 12px;height: 13px;background: url(/images/news/main/main_ir.png) -287px -156px;content: '';} #mcont1 .keyword{display:block;overflow: hidden;position: relative;width: 510px;height: 34px;margin: 0 auto;padding-left: 110px;text-align: left;} #mcont1 .keyword strong{display: inline-block;position: absolute;left: 0;top: 0;margin:0 40px 0 20px;padding-left: 25px;font-size: 15px;color: #fff;} #mcont1 .keyword strong:before{position: absolute;left: 0;top: 4px;width: 16px;height: 15px;background: url(/images/news/main/main_ir.png);background-position: -188px -180px;vertical-align: middle;content: '';} #mcont1 .keyword li{display: inline-block;font-size: 16px;line-height: 34px;color: #fff;} #mcont1 .keyword li + li{margin-left: 15px;} #mcont1 .keyword li a{display:block;color: #fff;} #mcont1 #svg_icon{position:absolute;overflow: visible;bottom: 30px;right: 50%;width:183px;height:287px;margin-right: -490px;} #mcont1 #svg_icon g:nth-child(2){animation: blink 3s cubic-bezier(0.51, 1.51, 0.28, 0.97) infinite;} #mcont1 #svg_icon g:nth-child(3){animation: rotate 6s ease infinite;transform-origin: right bottom;} #mcont1 .qbox{position: relative;height: 102px;margin: 65px 197px 0 6px;background: url(/images/news/main/mcont1_qbox.png);} #mcont1 .qbox:before{position: absolute;top: 0;left: -15px;width: 16px;height: 101px;background: url(/images/news/main/mcont1_qbox3.png);content: '';} #mcont1 .qbox:after{position: absolute;top: 0;right: -212px;width: 213px;height: 145px;background: url(/images/news/main/mcont1_qbox2.png);content: '';} #mcont1 .qbox p{position: absolute;left: -6px;right: -197px;z-index: 1;text-align: center;line-height: 85px;font-size: 24px;color: #333;} #mcont1 .qbox #textEf .t-container{position: relative;display: inline-block;letter-spacing: -1px} #mcont1 .qbox #textEf .t-container:before{position: absolute;top: 0;left: -25px;width: 17px;height: 16px;background: url(/images/news/main/main_ir.png) -142px -180px;content: '';} #mcont1 .qbox #textEf .t-container:after{position: absolute;top: 0;right: -27px;width: 17px;height:16px;background: url(/images/news/main/main_ir.png) -160px -180px;content: '';} #mcont1 .qbox #textEf .t-caret{display: inline-block;position: absolute;top: 25px;width: 2px;height: 30px;margin-left: 5px;background: #000;font-size: 0;text-indent: -9999px;} #mcont1 .qbox .mb{display: none;} #mcont1 .st0{fill:none;stroke-width:68;stroke-dasharray: 1200;stroke-dashoffset: 0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;animation: line 5s alternate ease-in-out;} #mcont1 #line1{position: absolute;left: -220px;bottom: -220px;width: 330px;height: 590px;} #mcont1 #line2{position: absolute;right: -139px;top: -430px;width: 439px;height: 710px;} #mcont1 #line3{position: absolute;bottom: -160px;right: -550px;width:451px;height:451px;} #mcont1 #line1 .st0{animation-delay:1s} #mcont1 #line3 .st0{animation-delay:.8s} #mcont1 .bg1{display:block;position:absolute;left: -380px;top: 200px;width:144px;height:139px;background:url(/template/C/images/visual_circle1.png);-webkit-animation:slide-in-tr .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-tr 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1s} #mcont1 .bg2{display:block;position:absolute;left: 50%;top: 140px;width:150px;height:150px;margin-left:-320px;background:url(/template/C/images/visual_circle2.png);-webkit-animation:slide-in-tr .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-tr 1s cubic-bezier(.25,.46,.45,.94) both;} #mcont1 .bg3{display:block;position:absolute;right: 50%;bottom: 100px;width:150px;height:178px;margin-right: -350px;background:url(/template/C/images/visual_line.png);-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:2s;} @-webkit-keyframes slide-in-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px);opacity:0}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}}@keyframes slide-in-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px);opacity:0}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}} @-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes line {from {stroke-dashoffset: 1200;} to{stroke-dashoffset: 0;}} @keyframes line2 {0% {stroke-dashoffset: 143;} 100% {stroke-dashoffset: 0;}} /* 탭 컨텐츠 공통 */ .ui-tab_content .tab__body{display:none;} .ui-tab_content .tab__body.active{display:block} .ui-tab_group .tab-ul{margin: 0px 0 40px;text-align:center;} .ui-tab_group .tab-ul li{display:inline-block;} .ui-tab_group .tab-ul li + li{margin-left:25px;} .ui-tab_group .tab-ul li a{font-size:16px;} .ui-tab_group .tab-ul li a.ov{color:#ff9d00;} .ui-tab_group.mobile{max-width: 220px;margin: 0 auto;} .ui-tab_group.mobile ul{width:100%;margin: 12px 0 20px;padding: 0 0;background: #fff;} .ui-tab_group.mobile ul li{display:none;float:none;width:100%;margin: 0;} .ui-tab_group.mobile ul li a{display:block;height:auto;margin:0;font-size:16px} .ui-tab_group.mobile .title{display:block;margin: 0 auto;border-bottom: 2px solid #ffaf01;} .ui-tab_group.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330} .ui-tab_group.mobile .title a:before{position:absolute;bottom: 10px;right: 0;border: 7px solid transparent;border-top-color: #ffaf01;content:'';} .ui-tab_group.mobile .title a.on:before{background-position:-23px -8px;} .ui-tab_group.mobile .tab-ul li a{display:block;padding: 10px 0;} .ui-tab_group.mobile .tab-ul li a span{} #mcont2{overflow:hidden;position: relative;padding-bottom: 100px;} #mcont2 .mtitle{display:block;position:relative;margin:110px 0 0;font-size: 40px;color: #333;font-family: 'Gimpo';text-align: center;} #mcont2 .mtitle:before{position: absolute;left: 50%;top: -25px;width:30px;height:5px;background:#ffaf01;transform: translateX(-50%);content:'';} #mcont2 .video{position:relative;margin-top: 45px;} #mcont2 .video .ui-tab_content{min-height: 550px;} #mcont2 .video .ui-tab_content .mcont_video{} #mcont2 .video .ui-tab_content .mcont_video:after{display: block;visibility: hidden;clear: both;content: '';} #mcont2 .video .ui-tab_content .mcont_video .slick-list{overflow:visible} #mcont2 .video .ui-tab_content .mcont_video .slick-slide{width:100%} #mcont2 .video .ui-tab_content .mcont_video #basic{overflow: visible !important;} #mcont2 .video .ui-tab_content .mcont_video .box_wrap:after{display:block;clear:both;content:''} #mcont2 .video .ui-tab_content .mcont_video .box{float:left;position: relative;width: 25%;height: 245px;margin: 0 0px 30px 0;border-right: 13px solid transparent;background: #fff;} #mcont2 .video .ui-tab_content .mcont_video .box:nth-child(4n){border-right:0;} #mcont2 .video .ui-tab_content .mcont_video .box a{display:block;overflow: hidden;width:100%;height:100%;padding: 0 0 80px;transition:all .5s;box-shadow: 3px 3px 10px rgba(0,0,0,.1);} #mcont2 .video .ui-tab_content .mcont_video .box a:before {position: absolute;left: 0;top: 0;z-index: 1;width: 100%; height: 100%;content:'';} #mcont2 .video .ui-tab_content .mcont_video .box a *{transition: top .5s;} #mcont2 .video .ui-tab_content .mcont_video .box a .label{position:absolute;left: 21px;top: -8px;z-index: 1;width: 77px;height: 42px;padding: 13px 1px 0;border-radius: 0;font-size: 16px;word-break: break-all;white-space: normal;line-height: 1.2;font-weight: normal;font-family: 'Gimpo';box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.25);} #mcont2 .video .ui-tab_content .mcont_video .box a .label:after{position:absolute;left:0;bottom: -14px;border-left: 0 solid transparent;border-right: 77px solid transparent;border-top: 14px solid #fff;content:'';} #mcont2 .video .ui-tab_content .mcont_video .box a .type1{background:#5e99d8;} #mcont2 .video .ui-tab_content .mcont_video .box a .type1:after{border-top-color: #5e99d8;} #mcont2 .video .ui-tab_content .mcont_video .box a .type2{height: 52px;padding: 13px 5px 0;background:#ffaf01;} #mcont2 .video .ui-tab_content .mcont_video .box a .type2:after{border-top-color: #ffaf01;} #mcont2 .video .ui-tab_content .mcont_video .box a .thumb{position: relative;overflow: hidden;height: 100%;border-bottom: 1px solid #eee;} #mcont2 .video .ui-tab_content .mcont_video .box a .thumb img{width: 100%;height: auto;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} #mcont2 .video .ui-tab_content .mcont_video .box a .stit{position: absolute;top: 100%;opacity: 0;} #mcont2 .video .ui-tab_content .mcont_video .box a .tit{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;position: absolute;top: 75%;width: 100%;height: 42px;padding: 0 25px;text-overflow: ellipsis;white-space: normal;font-size: 15px;font-weight: 700;line-height: 1.4;} #mcont2 .video .ui-tab_content .mcont_video .box a p{position: absolute;top: 100%;font-size:15px;color:#fff;opacity: 0;} #mcont2 .video .ui-tab_content .mcont_video .box a p span{display:inline-block;position: relative;vertical-align:middle;} #mcont2 .video .ui-tab_content .mcont_video .box a p span + span{margin-left:15px;} #mcont2 .video .ui-tab_content .mcont_video .box a p span em{margin-left: 5px;font-size:15px;} #mcont2 .video .ui-tab_content .mcont_video .box a p .like{padding-left: 25px;font-size:0;} #mcont2 .video .ui-tab_content .mcont_video .box a p .like .likeMotion, #mcont2 .video .ui-tab_content .mcont_video .box a p .like #likeMotion{display:block;position:absolute;left:0;top:50%;width: 17px;height: 15px;background: url(/images/news/main/main_ir.png) -395px -60px;transform: translateY(-50%);content:'';} #mcont2 .video .ui-tab_content .mcont_video .box a p .view:before{display:none;position:absolute;left:-8px;top:50%;width: 1px;height: 10px;background: rgba(255,255,255,0.8);transform: translateY(-50%);content:'';} #mcont2 .video .ui-tab_content .mcont_video .box a:hover:before,#mcont2 .video .ui-tab_content .mcont_video .box a:focus:before{background: #44afdb;background: -webkit-linear-gradient(left, #139dba , #397fb3);background: -o-linear-gradient(right, #139dba, #397fb3);background: -moz-linear-gradient(right, #139dba, #397fb3);background: linear-gradient(to right, #4da6d9 , #2ec8df);box-shadow: none;opacity: 0.95;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover:after,#mcont2 .video .ui-tab_content .mcont_video .box a:focus:after{opacity:0;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .stit,#mcont2 .video .ui-tab_content .mcont_video .box a:focus .stit{opacity: 1;top: 26%;left: 0;right: 0;z-index: 1;text-align: center;color: #fff;font-size: 16px;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .tit,#mcont2 .video .ui-tab_content .mcont_video .box a:focus .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;bottom:auto;top: 41%;height: 50px;white-space:normal;font-size: 18px;font-weight: 500;text-align: center;color: #fff;z-index: 1;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover p,#mcont2 .video .ui-tab_content .mcont_video .box a:focus p{top: 70%;right: 0;left: 0;z-index: 1;text-align: center;opacity: 1;} #mcont2 .more{position: absolute;top: -80px;right: 0;z-index: 1;width: auto;height: auto;padding: 7px 26px;border-radius: 30px;border: 2px solid #ffba4c;color:#ffba4c;font-size: 15px;} #mcont2 .more:nth-child(3){right: 210px;border: 2px solid #5e9ad9;color: #5e9ad9;} #mcont2 .more:before,#mcont2 .more:after{display:none;} #mcont2 #svg_symbol1{position: absolute;overflow: visible;left: 50%;bottom: 220px;z-index: -1;width: 405px;height: 405px;margin-left: -825px;animation:circle 30s linear alternate infinite;-webkit-animation:circle 30s linear alternate infinite;opacity: 0.2;} #mcont2 #svg_symbol1 [class*="st"],#mcont2 #svg_symbol2 [class*="st"]{transform-origin: center center;-webkit-transform-origin: center center;} #mcont2 #svg_symbol1 .st0{fill:#e7a21f;animation:st0 1s ease-in alternate infinite;-webkit-animation:st0 1s ease-in alternate infinite;}/*노란색*/ #mcont2 #svg_symbol1 .st1{fill:#e7a21f;animation:st0 1s ease-in alternate .5s infinite;-webkit-animation:st0 1s ease-in alternate .5s infinite;}/*하늘색*/ #mcont2 #svg_symbol1 .st2{fill:#e7a21f;animation:st0 1s ease-in alternate 1s infinite;-webkit-animation:st0 1s ease-in alternate 1s infinite;}/*진주황*/ #mcont2 #svg_symbol1 .st3{fill:#e7a21f;animation:st0 1s ease-in alternate 1.5s infinite;-webkit-animation:st0 1s ease-in alternate 1.5s infinite;}/*연주황*/ #mcont2 #svg_symbol1 .st4{fill:#e7a21f;}/*가운데원*/ #mcont2 #svg_symbol2{overflow: visible;position: absolute;right: 50%;bottom: 85px;z-index: -1;width: 98px;height: 98px;margin-right: -668px;animation:circle 30s linear alternate infinite;-webkit-animation:circle 30s linear alternate infinite;} #mcont2 #svg_symbol2 .st0{fill:#F6AB00;animation:st0 1s ease-in alternate infinite;-webkit-animation:st0 1s ease-in alternate infinite;}/*노란색*/ #mcont2 #svg_symbol2 .st1{fill:#82A9DA;animation:st0 1s ease-in alternate .5s infinite;-webkit-animation:st0 1s ease-in alternate .5s infinite;}/*하늘색*/ #mcont2 #svg_symbol2 .st2{fill:#C85912;animation:st0 1s ease-in alternate 1s infinite;-webkit-animation:st0 1s ease-in alternate 1s infinite;}/*진주황*/ #mcont2 #svg_symbol2 .st3{fill:#EF7E00;animation:st0 1s ease-in alternate 1.5s infinite;-webkit-animation:st0 1s ease-in alternate 1.5s infinite;}/*연주황*/ #mcont2 #svg_symbol2 .st4{fill:#F6AB00;}/*가운데원*/ #mcont3{overflow: hidden;position:relative;padding-top:100px} #mcont3 .bg:before{overflow:hidden;position:absolute;left:0;top:0;right:0;z-index: -1;height:446px;background:url(/images/news/main/mcont3_bg1.png);background-size:cover;content:'';} #mcont3 .bg{overflow: hidden;position: absolute;left: 0;top: 0;width:100%;height: 447px;background-image: url(/images/news/main/mcont3_bg2.png);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;} #mcont3 .mtitle{display:block;font-size: 40px;font-family: 'Gimpo';color: #fff;text-align: center;} #mcont3 .mtitle:before{position: absolute;left: 50%;top: -25px;width:30px;height:5px;background:#ffaf01;transform: translateX(-50%);content:'';} #mcont3 .ui-tab_group.mobile .title{border-color:#fff;} #mcont3 .ui-tab_group.mobile .title a{color:#fff;} #mcont3 .ui-tab_group.mobile .title a:before{border-top-color:#fff;} #mcont3 .photo{position:relative;margin: 35px 0 0;} #mcont3 .photo .ui-tab_group .tab-ul{background:none;} #mcont3 .photo .ui-tab_group .tab-ul li a{color:#fff;} #mcont3 .photo .ui-tab_group .tab-ul li a.ov{color:#ffcc00;} #mcont3 .photo .ui-tab_content{min-height:660px;} #mcont3 .photo .tab__body .obj:after{display:block;clear:both;content:'';} #mcont3 .photo .tab__body .obj .box{overflow: hidden;float: left;position: relative;width: 37.016%;margin: 0 0 3px 0.24%;background-size:cover;} #mcont3 .photo .tab__body .obj .box a{display:block;width:100%;height:100%} #mcont3 .photo .tab__body .obj .box a:before{position:absolute;left:0;top:0;z-index: 1;width: 100%;height: 100%;opacity: 0;transition: all .5s;content:'';} #mcont3 .photo .tab__body .obj .box a:hover:before,#mcont3 .tab__body .obj .box a:focus:before{background: #f57f20;background: -webkit-linear-gradient(left, #faa61a , #f57f20);background: -o-linear-gradient(right, #faa61a , #f57f20);background: -moz-linear-gradient(right, #faa61a , #f57f20);background: linear-gradient(to top, #faa61a , #f57f20);opacity: 0.85;} #mcont3 .photo .tab__body .obj .box a .thumb{overflow: hidden;position: relative;width: 100%;height: 217px;background-size: cover;background-position: center;} #mcont3 .photo .tab__body .obj .box:nth-child(1) a .thumb{height: 436px} #mcont3 .photo .tab__body .obj .box:nth-child(3), #mcont3 .photo .tab__body .obj .box:nth-child(4), #mcont3 .photo .tab__body .obj .box:nth-child(7), #mcont3 .photo .tab__body .obj .box:nth-child(6){width: 25.2%;} #mcont3 .photo .tab__body .obj .box:nth-child(8){width: 48.8%;} #mcont3 .photo .tab__body .obj .box a span,#mcont3 .tab__body .obj .box a strong,#mcont3 .tab__body .obj .box a p{position: absolute;top: 100%;left: 0;right: 0;z-index:1;text-align: center;transition:top .5s;opacity:0} #mcont3 .photo .tab__body .obj .box a p span{display:inline-block;position: relative;vertical-align:middle;} #mcont3 .photo .tab__body .obj .box a p span + span{margin-left:15px;} #mcont3 .photo .tab__body .obj .box a p span em{margin-left: 5px;font-size:15px;} #mcont3 .photo .tab__body .obj .box a p .like{padding-left: 26px;font-size:0;} #mcont3 .photo .tab__body .obj .box a p .like .likeMotion{display:block;position:absolute;left:0;top:50%;width: 17px;height: 15px;background: url(/images/news/main/main_ir.png) -395px -60px;transform: translateY(-50%);content:'';} #mcont3 .photo .tab__body .obj .box a p .view:before{position:absolute;left:-8px;top:50%;width: 1px;height: 10px;background: rgba(255,255,255,0.8);transform: translateY(-50%);content:'';} #mcont3 .photo .tab__body .obj .box a:hover > span,#mcont3 .tab__body .obj .box a:focus > span{top:50%;margin-top: -70px;color:#fff;opacity:1;} #mcont3 .photo .tab__body .obj .box a:hover strong,#mcont3 .tab__body .obj .box a:focus strong{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;top: 50%;left: 20px;right: 20px;height: 47px;margin-top: -30px;color:#fff;font-size:19px;font-weight:bold;line-height:1.3;opacity:1;} #mcont3 .photo .tab__body .obj .box a:hover p,#mcont3 .tab__body .obj .box a:focus p{top: 50%;margin-top: 50px;color:#fff;opacity:1;} #mcont3 .photo .tab__body .obj .box a:hover p span,#mcont3 .tab__body .obj .box a:focus p span{opacity:1} #mcont3 .photo .more{position: absolute;top: -10px;right: 0;z-index: 1;width: auto;height: auto;padding: 7px 26px;border: 1px solid #fff;border-radius: 30px;font-size: 15px;color: #fff;} #mcont3 .photo .more:before,#mcont3 .more:after{display:none;} #mcont3 .link_wrap{margin: 50px 0 95px;text-align: center;} #mcont3 .link_wrap:after{display:block;clear:both;content:'';} #mcont3 .link_wrap li{display: inline-block;position:relative;width:33.333%;max-width:350px;text-align: left;} #mcont3 .link_wrap li:before{position:absolute;left:0;top:50%;width:1px;height:84px;background:#010101;opacity:0.1;transform:translateY(-50%);content:'';} #mcont3 .link_wrap li:first-child:before{display:none;} #mcont3 .link_wrap li a{display:block;width:100%;height:100%;padding:0 50px} #mcont3 .link_wrap li strong{display:block;font-size:18px;color:#343434;font-weight:bold;} #mcont3 .link_wrap li p{font-size:13px;color:#343434;} #mcont3 .link_wrap li em{display:block;margin-top:30px;font-size:14px;color:#f39816;} #mcont3 .link_wrap li span{display:block;position:absolute;right: 55px;bottom:0;} #mcont3 .link_wrap li .icon1{width: 44px;height: 38px;background-position: -314px -105px;} #mcont3 .link_wrap li .icon2{width: 46px;height: 31px;background-position: -86px -180px;} #mcont3 .link_wrap li .icon3{width: 46px;height: 35px;background-position: -368px -105px;} @keyframes blink{0%{opacity:1;} 60%{opacity:1;} 70%{opacity:0;} 80%{opacity:1;} 90%{opacity:0;} 100%{opacity:1;}} @keyframes rotate{0%{transform:rotate(1deg);} 10%{transform:rotate(-0deg);} 20%{transform:rotate(1deg);} 30%{opacity:rotate(-0deg);} 100%{transform:rotate(1deg);}} @media (min-width:1000px){ #mcont2 .video .ui-tab_content .mcont_video .box_wrap{width:auto !important;transform:none !important;} } @media (min-width:1000px){ #tab_moType1 .title, #tab_moType2 .title{display:none} } @media (max-width: 1279px){ #mcont1 #svg_icon{right: 35px;margin-right: 0;} #mcont1 .title strong{font-size:45px;} #mcont2{padding-bottom: 93px;} #mcont2 .mtitle{font-size:36px} #mcont2 .video .ui-tab_content{min-height: 560px;} #mcont2 .video .ui-tab_content .mcont_video .box{} #mcont2 .video .ui-tab_content .mcont_video .box a:after{width:58px;height:58px;background-size: 559%;background-position: 0px -119px;} #mcont2 .video .ui-tab_content .mcont_video .box a .label{left: 16px;width:58px;height:42px;padding-top: 10px;font-size: 13px;} #mcont2 .video .ui-tab_content .mcont_video .box a .label:after{border-right-width: 58px;} #mcont2 .video .ui-tab_content .mcont_video .box a .tit{/* left: 15px; *//* right: 15px; *//* font-size: 13px; */} #mcont2 .video .ui-tab_content .mcont_video .box a .stit{font-size:13px;} #mcont2 .video .ui-tab_content .mcont_video .box a p, #mcont2 .video .ui-tab_content .mcont_video .box a p span em{font-size:13px;} #mcont2 .video .ui-tab_content .mcont_video .box a p .like{padding-left: 10px;} #mcont2 .video .ui-tab_content .mcont_video .box a p .like .likeMotion{width: 11px;background-size: 2150%;background-position: -219px -31px;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .stit, #mcont2 .video .ui-tab_content .mcont_video .box a:focus .stit{font-size: 13px;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .tit, #mcont2 .video .ui-tab_content .mcont_video .box a:focus .tit{/* left: 10px; *//* right: 10px; */height: 42px;font-size:15px;} #mcont2 #svg_symbol1{bottom: -80px;margin-left: -700px;} #mcont2 #svg_symbol2{bottom: 90px;margin-right:-520px;} #mcont2 .more{float: left;position:relative;top:auto;right:auto;width: calc(50% - 2.5px);margin-top:30px;} #mcont2 .more:nth-child(3){right: auto;margin-right: 5px;} #mcont3 .bg{height:377px;} #mcont3 .mtitle{font-size:36px;} #mcont3 .photo .ui-tab_content{min-height:400px;} #mcont3 .photo .tab__body .obj .box a .thumb{height:163px;} #mcont3 .photo .tab__body .obj .box:nth-child(1) a .thumb{height:329px;} #mcont3 .photo .tab__body .obj .box a p{font-size:13px;} #mcont3 .photo .tab__body .obj .box a p .like{padding-left: 10px;} #mcont3 .photo .tab__body .obj .box a p .like .likeMotion{width: 11px;background-size: 2150%;background-position: -219px -31px;} #mcont3 .photo .tab__body .obj .box a p span em{font-size:13px;} #mcont3 .photo .tab__body .obj .box a:hover strong, #mcont3 .tab__body .obj .box a:focus strong{height:36px;margin-top: -20px;font-size:15px;} #mcont3 .photo .tab__body .obj .box a:hover > span, #mcont3 .tab__body .obj .box a:focus > span{margin-top:-60px} #mcont3 .photo .tab__body .obj .box a:hover p, #mcont3 .tab__body .obj .box a:focus p{margin-top:40px} #mcont3 .link_wrap{margin-top:45px;} #mcont3 .link_wrap li{float: left;max-width:100%} #mcont3 .link_wrap li:nth-child(1) a{padding: 0;} } @media (max-width:999px){ #mcont1 #svg_icon{display:none;} #mcont1 .qbox p{font-size:21px;} #mcont2 #svg_symbol1{bottom:auto;left: -140px;top:165px;width:292px;height:292px;margin-left: 0;} #mcont2 #svg_symbol2{right: -50px;bottom: 40px;margin-right: 0;} #mcont2 .video .ui-tab_content{min-height: 160px;} #mcont2 .video .ui-tab_content .mcont_video .box_wrap{transition:all .2s} #mcont2 .video .ui-tab_content .mcont_video .box{width: 300px;/* height: 310px; */margin-bottom: 0;} #mcont2 .video .ui-tab_content .mcont_video .box:nth-child(4n){border-right: 13px solid transparent;} #mcont3 .photo .tab__body .obj .box, #mcont3 .photo .tab__body .obj .box:nth-child(3), #mcont3 .photo .tab__body .obj .box:nth-child(4){width: 49.76%;} #mcont3 .photo .tab__body .obj .box a .thumb{height:153px;} #mcont3 .photo .tab__body .obj .box:nth-child(1) a .thumb, #mcont3 .photo .tab__body .obj .box:nth-child(3) a .thumb{height: 308px;} #mcont3 .photo .tab__body .obj .box:nth-child(4){float: none;position: absolute;bottom: 0;left: 0} #mcont3 .photo .tab__body .obj .box:nth-child(5), #mcont3 .photo .tab__body .obj .box:nth-child(6), #mcont3 .photo .tab__body .obj .box:nth-child(7), #mcont3 .photo .tab__body .obj .box:nth-child(8){display: none;} #mcont3 .link_wrap{margin:35px 0} #mcont3 .link_wrap li:before{left: 0;height:46px;} #mcont3 .link_wrap li a{padding:0 10px} #mcont3 .link_wrap li p{display:none;} #mcont3 .link_wrap li em{margin-top:10px} #mcont3 .link_wrap li span{bottom: 30px;right: 20px;background-size:900%;} #mcont3 .link_wrap li .icon1{width:30px;height:26px;background-position: -469px -66px;} #mcont3 .link_wrap li .icon2{width:32px;height:21px;background-position: -346px -122px;} #mcont3 .link_wrap li .icon3{width:32px;height:24px;background-position: -537px -71px;} } @media (max-width:767px){ #mcont1{height:415px;} #mcont1 .title{padding-top:145px} #mcont1 .title strong{margin-bottom: 10px;line-height: 1.2;font-size:29px;} #mcont1 .title p{font-size:16px;line-height: 1.2;} #mcont1 .search_box{width: 87%;padding-left: 85px;padding-right: 40px;} #mcont1 .search_box:before{left: 75px;} #mcont1 .search_box select{width: 85px;font-size:12px;} #mcont1 .search_box label, #mcont1 .search_box input{font-size:12px;} #mcont1 .keyword{width: 100%;text-align:center;} #mcont1 .keyword strong{margin-right:0} #mcont1 .keyword li{font-size:14px;} #mcont1 .keyword li:nth-child(3),#mcont1 .keyword li:nth-child(4){display:none;} #mcont1 .qbox #textEf{display: none !important;} #mcont1 .qbox .mb{display: block;right: -92px;padding-top: 5px;font-size: 14px;} #mcont1 .qbox{top: -30px;height: 81px;margin-right: 92px;background: url(/images/news/main/mcont1_qbox_320.png)} #mcont1 .qbox:before{left: -12px;height: 79px;background: url(/images/news/main/mcont1_qbox3_320.png) no-repeat;} #mcont1 .qbox:after{width: 212px;background: url(/images/news/main/mcont1_qbox2_320.png) no-repeat;} #mcont1 .qbox .mb span{position: relative;display: inline-block;} #mcont1 .qbox .mb span:before{position: absolute;top: 0;left: -25px;width: 17px;height: 16px;background: url(/images/news/main/main_ir.png) -142px -180px;content: '';} #mcont1 .qbox .mb span:after{position: absolute;top: 0;right: -27px;width: 17px;height:16px;background: url(/images/news/main/main_ir.png) -160px -180px;content: '';} #mcont1 #line1,#mcont1 #line2{display:none;} #mcont1 #line3{right: -270px;bottom: -230px;animation-delay:1s} #mcont1 .bg1{left: -20px;top: 80px;animation-delay: 0;} .ui-tab_group.mobile .title a{padding: 5px 37px 5px 15px;} .ui-tab_group.mobile .title a:before{bottom: 4px;right: 10px;} .ui-tab_group .tab-ul li{margin:0 10px;} .ui-tab_group .tab-ul li + li{margin:0 10px;} #mcont2{padding-bottom: 45px;} #mcont2 .mtitle{margin-top: 55px;font-size:23px;} #mcont2 .mtitle:before{top: -8px;width:17px;height:2px;} #mcont2 .video{margin-top: 25px;} #mcont2 .video .ui-tab_content .mcont_video .box{/* width:153px; *//* height:157px; */} #mcont2 .video .ui-tab_content .mcont_video .box a:after{width:40px;height:40px;background-size: 564%;background-position: 0px -83px;} #mcont2 .video .ui-tab_content .mcont_video .box a .label{width:48px;height:37px;font-size: 11px;} #mcont2 .video .ui-tab_content .mcont_video .box a .label:after{border-right-width: 48px;} #mcont2 .video .ui-tab_content .mcont_video .box a .tit{/* top: 80%; */} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .stit, #mcont2 .video .ui-tab_content .mcont_video .box a:focus .stit{font-size:12px;} #mcont2 .video .ui-tab_content .mcont_video .box a:hover .tit, #mcont2 .video .ui-tab_content .mcont_video .box a:focus .tit{/* top: 45%; *//* height: 30px; *//* font-size:13px; */} #mcont2 .video .ui-tab_content .mcont_video .box a:hover p, #mcont2 .video .ui-tab_content .mcont_video .box a:focus p{top:70%;font-size: 12px;} #mcont2 .video .ui-tab_content .mcont_video .box a p, #mcont2 .video .ui-tab_content .mcont_video .box a p span em{font-size:12px} #mcont2 .more{padding: 5px 0;font-size:13px;text-align: center;} #mcont2 #svg_symbol1{top: -25px;left: -70px;width:136px;height:136px;} #mcont2 #svg_symbol2{right: -30px;width:62px;height:62px;} #mcont3{padding-top:45px;} #mcont3 .bg{height:288px;} #mcont3 .mtitle{font-size:23px;} #mcont3 .mtitle:before{top: -8px;width:17px;height:2px;} #mcont3 .photo {margin:15px 0 0;} #mcont3 .photo .ui-tab_content{min-height: 268px;} #mcont3 .photo .tab__body .obj .box,#mcont3 .photo .tab__body .obj .box, #mcont3 .photo .tab__body .obj .box:nth-child(3), #mcont3 .photo .tab__body .obj .box:nth-child(4){width: calc(50% - 1.5px);margin-right:3px;margin-left: 0;} #mcont3 .photo .tab__body .obj .box:nth-child(2n){float: left;position: relative;left: auto;bottom: auto;margin-right:0;} #mcont3 .photo .tab__body .obj .box:nth-child(3){/* margin-left:0; */} #mcont3 .photo .tab__body .obj .box:nth-child(1) a .thumb,#mcont3 .photo .tab__body .obj .box:nth-child(2) a .thumb{height:122px} #mcont3 .photo .tab__body .obj .box:nth-child(3) a .thumb,#mcont3 .photo .tab__body .obj .box:nth-child(4) a .thumb{height:140px} #mcont3 .photo .tab__body .obj .box a:hover > span, #mcont3 .tab__body .obj .box a:focus > span{margin-top: -40px;font-size:11px;} #mcont3 .photo .tab__body .obj .box a:hover strong, #mcont3 .tab__body .obj .box a:focus strong{/* height:29px; *//* font-size:12px; */} #mcont3 .photo .tab__body .obj .box a:hover p, #mcont3 .tab__body .obj .box a:focus p{margin-top:20px;font-size:11px;} #mcont3 .photo .tab__body .obj .box a p span em{font-size:11px;} #mcont3 .photo .more{right: 0;top: -46px;width: 22px;height: 21px;padding: 0;border:0;font-size:0;} #mcont3 .photo .more:after,#mcont3 .photo .more:before{display:inline-block;content: '';position:absolute;background-color: #ffaf01;vertical-align:middle;} #mcont3 .photo .more:before{left: 0;width: 100%;height: 2px;z-index:1;} #mcont3 .photo .more:after{top: 0;width: 2px;height: 100%;z-index:1;} #mcont3 .link_wrap li{float:none;width:100%;} #mcont3 .link_wrap li:before{top:0;left:0;right:0;height:1px;width:auto;} #mcont3 .link_wrap li a{padding:30px 0 ;} #mcont3 .link_wrap li:nth-child(1) a{padding:0 0 30px} #mcont3 .link_wrap li strong{font-size:15px;} #mcont3 .link_wrap li p{display:block;font-size:13px;} }