@charset "utf-8";

/* layout */
.wrap{width:100%;overflow:hidden;position:relative;}
.wrap.bg-dim:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:200;}
.container{background:#f5f5f5;}

.mobile-header{position:relative;display:block;height:45px;border-bottom:1px solid #e9e9e9}
.mobile-header .m-logo{padding:2px 0 0 15px;}
.mobile-header .m-logo img{height:20px;}
.mobile-menu-btn{display:block;position:absolute;top:10px;right:15px;text-indent:-9999px;}
.mobile-menu-btn a{display:block;width:30px;height:24px;position:relative;z-index:500;}
.mobile-menu-btn:after{content:"";position:absolute;top:0;left:0;width:30px;height:18px;border-top:3px solid #000;border-bottom:3px solid #000;}
.mobile-menu-btn:before{content:"";position:absolute;top:9px;left:0;width:18px;height:1px;border-bottom:3px solid #000;}
.mobile-close{display:block;position:absolute;top:12px;right:13px;text-indent:-9999px;}
.mobile-close a{display:block;width:20px;height:20px;position:relative;z-index:500;}
.mobile-close:after{content:"";position:absolute;top:10px;left:0px;width:20px;height:2px;background:#fff;transform: rotate(45deg);}
.mobile-close:before{content:"";position:absolute;top:10px;left:0px;width:20px;height:2px;background:#fff;transform: rotate(135deg);}
.container{
    padding:0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-wrap{position:fixed;top:0;right:-260px;height:100%;width:260px;background:#fff;z-index:1000;}
.header-wrap.m-type:after{
    content:"";
    position:absolute;top:0;left:0;width:100%;height:47px;
    background: rgb(40,96,159);
    background: -moz-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28609f",endColorstr="#319a27",GradientType=1);
    z-index:-1;
}
#header .logo{display:none;margin:30px 0 43px 0;text-align:center;height:27px;}
#header .logo a{display: inline-block;height:27px;}
#header .logo a img{vertical-align:top;height:27px;}
#header .search-area{position:relative;width:195px;margin:7px 16px 8px 16px;border:2px solid #319b26;border-radius:20px;background:#fff;}

#header .search-area input[type="text"]{border:none;height:28px;height:28px;border-radius:20px;width:calc(100% - 40px);}
#header .search-area .btn-search{position:absolute;top:3px;right:12px;background:url(/static/caster/img/common/icon-search.png) no-repeat 50% 50%;height:22px;width:22px;text-indent:-9999px;}

#gnb ul li{border-bottom:1px solid #e9e9e9;}
#gnb ul li a{display:block;padding:3px 20px;} 
#gnb ul li a dl{overflow:hidden;} 
#gnb ul li a dl dt{float:left;font-size:15px;color:#000;font-weight:700;margin:12px 6px 2px 0;} 
#gnb ul li a dl dt:hover{color:#235b9c;} 
#gnb ul li a dl dd{float:left;font-size:13px;color:#7c7c7c;margin:15px 0 0 0;}
#gnb ul li a dl{background-image:url(/static/caster/img/common/aside-icon01.png);background-size:auto;background-repeat:no-repeat;background-position:3px 50%;padding:0 0 0 35px;min-height:43px;background-size:20px auto;}
#gnb ul li:nth-child(2) a dl{background-image:url(/static/caster/img/common/aside-icon02.png);background-position:5px 50%;}
#gnb ul li:nth-child(3) a dl{background-image:url(/static/caster/img/common/aside-icon03.png);}
#gnb ul li:nth-child(4) a dl{background-image:url(/static/caster/img/common/aside-icon04.png);}
#gnb .link{margin:0 20px;}
#gnb .link a{display:block;border:1px solid #e1e1e1;margin:24px 0 0 0;text-align:center;padding:10px 0;}
#gnb ul li .depth02{display:none;background:#f5f5f5;}
#gnb ul li .depth02 ul{padding:6px 0;}
#gnb ul li .depth02 li{border:none;padding:6px 20px;}
#gnb ul li .depth02 li a{padding:0 10px 0 34px;}

.footer-wrap .sns-link{background:#e8e8e8;text-align:center;padding:20px 0;}
.footer-wrap .sns-link ul li{display:inline-block;margin:0 6px;}
.footer-wrap .footer-middle{position:relative;background:#f5f5f5;padding:10px 5px;text-align:center;}
.footer-wrap .footer-middle:after{content:"";display:block;clear:both;}
.footer-wrap .footer-middle .footer-link{display:inline-block;margin:8px 0 12px 0;}
.footer-wrap .footer-middle .footer-link li{display:inline-block;margin:0 5px;}
.footer-wrap .footer-middle .footer-link li:last-child{margin:0;}
.footer-wrap .footer-middle .footer-link li:last-child a{color:#28609f;}
.footer-wrap .footer-middle .footer-info{display:block;margin:20px 0 0 0;}
.footer-wrap .footer-bottom .footer-logo{float:left;margin:0 30px 10px 0;}
.footer-wrap .footer-bottom{overflow:hidden;position:relative;background:#efefef;padding:10px}
.footer-wrap .footer-bottom .footer-info{float:left;}
.footer-wrap .footer-bottom address{font-style:normal;}
#footer .relate-site{float:left;width:32.9%;margin:0 1px;}
#footer .relate-site .relate-box{position:relative;}
#footer .relate-box .btn{display:block;width:100%;height:38px;background:#fff url(/static/caster/img/common/icon-relatesite01.png) no-repeat 92% 50%;}
#footer .relate-box .btn button{width:100%;height:100%;padding:0 0 0 15px;border:0;font-size:13px;text-align:left;cursor:pointer;color:#868686;}
#footer .relate-box.open .btn{display:block;height:38px;border:1px solid #2f2f2f;background:#2f2f2f url(/static/caster/img/common/icon-relatesite02.png)no-repeat 92% 50%;}
#footer .relate-box.open .btn button{color:#fff; }
#footer .relate-box .site-list {display:none;position:absolute;bottom:38px;left:0;width:100%;background:#3f434e;z-index:100;text-align:left;height:190px;overflow-y:auto;}
#footer .relate-box .site-list li a{display:block;height:38px;line-height:38px;color:#fff;padding:0 15px;font-size:13px;border-top:#352d2a 1px solid;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}
#footer .relate-box .site-list li a:hover, #footer .relate-box .site-list li a:focus{background:#005aa6;}
#footer .relate-box.open .site-list{display:block;}

.sub-top-area{position:relative;background:#fff;height:50px;}
.sub-top-area .top-navigation{overflow:hidden;}
.sub-top-area h3{float:left;font-size:18px;font-weight:700;color:#000;padding:14px 0 0 15px;}
.sub-top-area ul{overflow:hidden;float:right;padding:14px 15px 0 0;}
.sub-top-area ul li{float:left;margin:0 0 0 10px;}
.sub-top-area ul li a{font-size:14px;color:#000;}
.sub-top-area > div > ul > li:hover > a, .sub-top-area ul li.active a{color:#3186bf;font-weight:700;border-bottom:1px solid #3186bf;}
.sub-top-area .sitemap{display:none;position:absolute;top:36px;right:5%;text-indent:-9999px;}
.sub-top-area .sitemap a{display:block;width:30px;height:24px;position:relative;z-index:500;}
.sub-top-area .sitemap:after{content:"";position:absolute;top:0;left:0;width:30px;height:18px;border-top:4px solid #000;border-bottom:4px solid #000;}
.sub-top-area .sitemap:before{content:"";position:absolute;top:10px;left:0;width:18px;height:1px;border-bottom:4px solid #000;}

.all-menu-wrap{display:none !important;}

.con-line{width:100%;height:10px;background:#e8e8e8;}
h3.basic-title{font-size:26px;padding:40px 0 0 0;width:95%;margin:0 0.5% 20px;}
h3.basic-title02{font-size:20px;padding:40px 0 0 0;width:95%;margin:0 0.5% 20px;}
h4.basic-title{font-size:20px;padding:40px 0 0 0;width:95%;margin:0 0.5% 20px;}
.basic-title .color01{color:#28609e;}
.basic-title .color02{color:#319c24;}
.dot-title{position:relative;font-size:20px;padding:0 0 0 22px;margin:0 0 20px 0;line-height:22px;}
.dot-title:after{content:"";position:absolute;top:6px;left:0;width:9px;height:9px;background:#2960a1;border-radius:100%;}
.main-top-area{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.main-con-wrap{position:relative;width:96%;height: 100%;margin: 0 auto;max-width:1300px;padding:0 0 20px 0;}

#videowrapper{position: absolute;overflow: hidden;height:455px;}
.fullscreen-bg {min-height: 100%;height: 100vh;width: 100vw;padding: 0!important;margin: 0!important;background-color: gray;position: relative;}
.fullscreen-bg_video {}
.fullscreen-bg_video{    
	width: calc(100vw - 10px); 
	height: auto;
	margin: auto;
	display: block;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg_video{
	width: calc(100vw - 227px); 
	height:auto;
  }
}

@media (max-aspect-ratio: 16/9) {
 /* .fullscreen-bg_video {
	height: 100vh; 
	width:auto;
	margin-left: 50vw;
	transform: translate(-50%);
  }*/
}

.main-con-wrap .main-left-area{text-align:center;padding:20px 0;}
.main-con-wrap .main-left-area img{width:90%;max-width:200px;height:auto;}

.main-con-wrap .main-right-area {position:relative;height:100%;vertical-align:middle;}
.main-con-wrap .main-right-area .control-wrap{float:right;}
.main-con-wrap .main-right-area .control-wrap .btn-prev, .main-con-wrap .main-right-area .control-wrap .btn-next{display:none;}

.main-con-wrap .main-right-area .main-video-con {position:relative;width:100%;overflow:hidden;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap {position:relative;width:100%;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video {position:relative;width:100%;padding-bottom: 55%;background:#000;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-navi{position: absolute;z-index:100;top:-35px;right: 18px;width:30%;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .slick-list{height:100%;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-list {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-navi button, .main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-navi a{display:block;float:left;width:15px;height:15px;font-size:0;line-height:0;margin:0 5px;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-navi .btn-pause{background:url(/static/caster/img/common/icon-pause.png) no-repeat 50% 50%;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .banner-navi .btn-play {display:none;background:url(/static/caster/img/common/icon-play.png) no-repeat 50% 50%;}

.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area{
    padding:13px 0 0 0;
    height:54px;
    background: rgb(40,96,159);
    background: -moz-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28609f",endColorstr="#319a27",GradientType=1);
}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .nbs-tit{display:inline-block;font-size:15px;font-weight:700;color:#235b9c;background:#fff;width: 107px;text-align:center;line-height:28px;border-radius:15px;margin:0 14px 0 22px;float:left;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .nbs-tit span{color:#fb8100;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .nbs-tit span + span{color:#2b991f;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .nbs-tit span + span + span{color:#053d7e;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .article-tit{display:inline-block;font-size:16px;font-weight:700;color:#fff;text-overflow:ellipsis;white-space:nowrap;width:40%;overflow:hidden;line-height:27px;float:left;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .slick-dots{position:inherit;left:auto;height:20px;width:auto;float:right;margin:1px 0 0 0;}
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .slick-dots, 
.main-con-wrap .main-right-area .main-video-con .main-video-wrap .main-video .slick-dots button{outline:none;}

.main-con-wrap .main-right-area .main-video-con .main-thumb-list{position:relative;
    background: rgb(49,153,42, 0.4);
    background: -moz-linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31992a",endColorstr="#000000",GradientType=1);
}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list{margin:20px 0;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul{overflow:hidden;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li{float:left;width:33.3%;padding:10px 0;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box{width:90%;margin:0 auto;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box .img-wrap{position:relative;width:100%;padding-bottom:55.8%;overflow:hidden;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box .img{display: block;position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-indent:-9999px;
}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box:hover .img-wrap .img {
    
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box .img-wrap:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:0;left:0;border:2px solid #fff;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box .text{color:#fff;padding:5% 0 0 0;display:inline-block;font-size:14px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box:hover .img-wrap:after {border:2px solid #fea408;}
.main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li div.thumb-box:hover .text{color:#fea408;}

.con-section{position:relative;width:95%;margin:0 2.5%;}
.recommend-list{margin:0 0 45px 0;}
.recommend-list .banner-navi{overflow:hidden;position:absolute;top:-48px;right:0.5%;}
.recommend-list .banner-navi .banner-count{display:inline-block;line-height:28px;margin:0 16px 0 0;vertical-align:top;}
.recommend-list .banner-navi .banner-count span{color:#3287c0;}
.recommend-list .banner-navi .inner{display:inline-block;}
.recommend-list .banner-navi .control-wrap{overflow:hidden;}
.recommend-list .banner-navi .control-wrap p{float:left;border:1px solid #d8d8d8;width:28px;height:28px;background:#fff;line-height:26px;}
.recommend-list .banner-navi .control-wrap p button{position:relative;display:block;width:28px;height:28px;text-align:center;}
.recommend-list .banner-navi .control-wrap p button:after{
    content:"";
    display:block; border: solid #e3e3e3;border-width: 0 1px 1px 0;display: inline-block;padding: 4px;
    transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform rotate(135deg);
  -o-transform rotate(135deg);
   margin:0 0 0 2px;
}
.recommend-list .banner-navi .control-wrap p button.btn-next:after{
    transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform rotate(-45deg);
  -o-transform rotate(-45deg);
  margin:0 5px 0 0;
}
.recommend-list .banner-navi .control-wrap p button:hover:after{
    border-color:#000;
}
.recommend-list .banner-navi .control-wrap p button span{position:absolute;top:0;right:0;text-indent:-9999px;}
.recommend-list .banner-navi .control-wrap p + p{margin:0 0 0 -1px;}


.video-list-wrap {position:relative;width:100%;}
.video-list-wrap.main-type .text{color:#fff;}
.video-list-wrap:after{content:"";clear:both;display:block;}
.video-list-wrap ul {width:100%;margin: 0 auto;}
.video-list-wrap ul > li {float:left;width:50%;margin:0 0 30px 0;}
.video-list-wrap ul > li:first-child {float:left;width:100%;margin:0 0 30px 0;}

.video-list-wrap.col4 ul > li:first-child {width:50%;margin: 0 0 30px 0;}
.video-list-wrap.col4 ul > li:nth-child(2) {width:50%;margin: 0 0 30px 0;}

.video-list-wrap.main-col4 ul > li:first-child {width:50%;margin: 0 0 30px 0;}
.video-list-wrap.main-col4 ul > li:nth-child(2) {width:50%;margin: 0 0 30px 0;}

.video-list-wrap.col6 ul > li:first-child {width:50%;margin: 0 0 30px 0;}
.video-list-wrap.col6 ul > li:nth-child(2) {width:50%;margin: 0 0 30px 0;}

.video-s {position:relative;width: 95%;margin: 0 2.5%;}
.video-s .video-bg-wrap {position:relative;width:100%;padding-bottom:56%;background:#d4d4d4;overflow:hidden;}
.video-s .video-bg-wrap .video-bg {position:absolute;top:0;left:0;width:100%;height:100%; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.video-s .video-bg-wrap:hover .video-bg {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);width: 100%;}
.video-s .video-info {position:relative;width:97%;margin:0 auto;}
.video-s .video-info .title {font-size:15px;line-height:20px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 13px;font-weight: 600;}
.video-s .video-info .category {font-size:12px;line-height:17px;color:#28609e;padding:7px 0 0 0;font-weight: bold;}
.video-s .video-info .date {font-size:11px;line-height:16px;color: #8e8e8e;padding:5px 0 0 0;}

.video-b {position:relative;width:97%;background: #fff;max-height:200px;overflow:hidden;margin:0 auto;}
.video-b a {width:100%;max-height:200px;}
.video-b .video-bg-wrap {position:relative;width:100%;padding-bottom:40%;background:#d4d4d4;overflow:hidden;}
.video-b .video-bg-wrap .video-bg {position:absolute;top:0;left:0;width:100%;height:100%; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.video-b .video-bg-wrap:hover .video-bg {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);width: 100%;}
.video-b .video-info {position:absolute;width: 100%;bottom:0;left:0;background:rgba(0, 0, 0, 0.7)}
.video-b .video-info .title {font-size:14px;line-height: 21px;color: #000;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; */padding-top: 6px;font-weight: 600;max-height: 63px;}
.video-b .video-info .category {font-size:12px;line-height:17px;color: #636363;padding:7px 0 0 0;font-weight: bold;}
.video-b .video-info .date {font-size:11px;line-height:16px;color: #8e8e8e;padding:5px 0 0 0;}
.video-list-wrap.main-type .video-b .video-info .title{color:#fff;padding:5px 10px 0 10px;}
.video-list-wrap.main-type .video-b .video-info .date{color:#fff;padding:5px 10px 10px}

.video-m {position:relative;width: 95%;margin: 0 2.5%;}
.video-m .video-bg-wrap {position:relative;width:100%;padding-bottom:56%;background:#d4d4d4;overflow:hidden;}
.video-m .video-bg-wrap .video-bg {position:absolute;top:0;left:0;width:100%;height:100%; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.video-m .video-bg-wrap:hover .video-bg {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);width: 100%;}
.video-m .video-info {position:relative;width: 97%;margin:0 auto;}
.video-m .video-info .title {font-size:15px;line-height:20px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 13px;font-weight: 600;}
.video-m .video-info .category {font-size:12px;line-height:17px;color:#28609e;padding:7px 0 0 0;font-weight: bold;}
.video-m .video-info .date {font-size:11px;line-height:16px;color: #8e8e8e;padding:5px 0 0 0;}

.video-bg-wrap .video-bg > div{
    display: block;
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.detail-view-con {position:relative;width:100%;overflow:hidden;padding:20px 2.5%;}
.detail-view-con:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background:#e8e8e8;}
.detail-view-con .view-video-wrap {position:relative;width:100%;padding-bottom: 56.3%;}
.detail-view-con .view-video-wrap .view-video {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.detail-view-con .video-text{
    font-size:14px;
    padding:10px;
    color:#fff;
    background: rgb(40,96,159);
    background: -moz-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    background: linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28609f",endColorstr="#319a27",GradientType=1);
}
.detail-view-con .detail-tit {position:relative;width:100%;background:#fff;border-bottom:1px solid #f5f5f5;}
.detail-view-con .detail-tit .text-area {position:relative;width: 70%;padding: 10px 3% 10px;font-size:16px;line-height: 29px;color: #000;font-weight:700;}
.detail-view-con .detail-tit .info{overflow:hidden;padding:5px 3% 10px;}
.detail-view-con .detail-tit .info p{position:relative;float:left;}
.detail-view-con .detail-tit .info p span{margin:0 10px 0 0;}
.detail-view-con .detail-tit .info p:nth-child(1){padding:0 0 0 16px;}
.detail-view-con .detail-tit .info p:nth-child(1) span{position: absolute; 
    text-indent:-9999px;
    width: 0; 
    height: 0; 
    line-height: 0; 
    border-top:7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #000;
    left:0;
    top:2px; 
}
.detail-view-con .detail-tit .info p:nth-child(1) span:after {
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-top:6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left:8px solid #fff;
    right: 1px; 
    top: -6px; 
}

.detail-view-con .detail-tit .info p + p{margin:0 0 0 10px;padding:0 0 0 10px;}
.detail-view-con .detail-tit .info p + p:after{content:"";background:#e6e6e6;position:absolute;top:2px;left:0;width:1px;height:14px;}
.detail-view-con .detail-tit .sns-link{position:absolute;right:3%;top:10px;}
.detail-view-con .detail-tit .sns-link li{float:left;border:1px solid #dcdcdc;width:36px;height:36px;border-radius:100%;background:#fff;text-align:center;line-height:32px;margin:0 0 0 7px;}
.detail-view-con .detail-tit .sns-link ul{overflow:hidden;}

.detail-view-con .detail-seciton {position:relative;width:100%;}
.detail-view-con .detail-seciton .text-area {position:relative;margin: 0 auto;font-size: 15px;line-height: 26px;color: #666;font-weight:700;background:#fff;}
.detail-view-con .detail-seciton .text-area p {padding: 3%;margin: 0;max-height: 300px;overflow: auto;color:#666;}

.detail-view-list {position:relative;}
.detail-view-list .view-list {position:relative;width:100%;overflow:auto;min-height: 1200px;}
.detail-view-list .view-list ul {width: 96%;margin: 0 auto;}
.detail-view-list .view-list ul > li {float:left;width:50%;margin-bottom: 45px;}

.reply-area{background:#fff;border:1px solid #dedede;margin:30px auto;padding:0 0 40px 0;}
.reply-area > div{width:95%;margin:0 2.5%;}
.reply-area > div .info{overflow:hidden;margin:0 0 10px 0;}
.reply-area > div .info input{float:left;width:49%;}
.reply-area > div .info input:last-child{margin:0 0 0 1%;width:50%;}
.reply-area > div .write-area{overflow:hidden;margin:0 0 10px 0;}
.reply-area > div .write-area .textarea{float:left;width:100%;height:70px;}
.reply-area > div .id-confirm{overflow:hidden;}
.reply-area > div .id-confirm .chk-img{float:left;width:calc(152px - 1%);}
.reply-area > div .id-confirm input{float:left;width:calc(100% - 152px);margin:0 0 0 1%;}
.reply-area > div .id-confirm .button{float:none;width:100%;margin:1% 0 0 0;}
.reply-area > .basic-title{margin-left:2.5%;}

.more-view{width:95%;margin:20px 2.5% 60px;text-align:center;}
.more-view a{font-weight:700;display:block;border:1px solid #dcdcdc;padding:10px;}
.more-view a span{background:url(/static/caster/img/common/icon-relatesite02.png) no-repeat 100% 50%;padding:0 16px 0 0;}

/* 게시판 */
.board-search{margin:0 0 10px 0;text-align:right;}
.board-search .btn-search{background:#494a4e url(/static/caster/img/common/icon-search.png) no-repeat 50% 50%;width:60px;height:40px;display:inline-block;font-size:0;}
.board-search select, .board-search label select{width:90px;}
.board-search input[type="text"], .board-search label input[type="text"]{width:calc(100% - 170px);max-width:240px;}
.board-search.select-two select, .board-search.select-two label select{width:calc(50% - 2px);margin:0 0 5px 0;float:left;}
.board-search.select-two select + select, .board-search.select-two label + label select{width:calc(50% - 2px);margin:0 0 5px 0;float:right;}
.board-search.select-two input[type="text"], .board-search.select-two label input[type="text"]{width:calc(100% - 65px);max-width:100%;float:left;}
.table-list.basic table tr{border-bottom:1px solid #dfdfdf;}
.table-list.basic table thead{display:none;}
.table-list.basic table td{padding:5px;font-size:14px;}
.table-list.basic table .num{width:60px;border-bottom:none;}
.table-list.basic table .type{width:40px;float:left;display:inline-block;border-bottom:none;text-align:left;}
.table-list.basic table .file{display:none;width:50px;}
.table-list.basic table .writer{display:none;width:100px;}
.table-list.basic table .date{width:120px;display:inline-block;border-bottom:none;text-align:left;}
.table-list.basic table .count{display:none;width:90px;}
.table-list.basic table td.tit{text-align:left !important;float:right;display:inline-block;width:100%;border-bottom:none;padding:0 5px 10px 5px;}
.table-list.basic table td.imp{background-color:#fffee9;}
.table-list.basic table td.imp ~ td{background-color:#fffee9;}

.table-list.basic-file{margin:0 0 50px 0;}
.table-list.basic-file table tr{border-bottom:1px solid #dfdfdf;}
.table-list.basic-file table th{padding:5px;font-size:14px;}
.table-list.basic-file table td{padding:5px;font-size:14px;}
.table-list.basic-file table .no{display:none;}
.table-list.basic-file table td:first-child{display:none;}
.table-list.basic-file table th:nth-child(3){width:20% !important;}
.table-list.basic-file table .name{display:none;}
.table-list.basic-file table .writer{display:none;}
.table-list.basic-file table .date{display:none;}

.table-view.sch-year th:nth-child(1){width:80px;}
.table-view.sch-year th:nth-child(2), .table-view.sch-year th:nth-child(4){display:none;}
.table-view.sch-year td:nth-child(2), .table-view.sch-year td:nth-child(4){display:none;}

.view-contents{border-top:2px solid #285f9f;background:#f3f3f3;border-bottom:1px solid #dbdbdb;color:#666;}
.view-contents dl{overflow:hidden;display:table;width:100%;}
.view-contents dl dt{display:none;vertical-align:middle;width:140px;min-width:140px;background:#f3f3f3;padding:12px 10px;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;height:45px;text-align:center;font-weight:bold;}
.view-contents dl dd{display:table-cell;width:420px;background:#fff;border-top:1px solid #dbdbdb;min-height:45px;padding:12px 10px;}
.view-contents dl.wide dd{width:calc(100% - 140px);}
.view-contents .title dd{font-size:20px;line-height:28px;color:#333;}
.view-contents .title dt, .view-contents .title dd{border-top:none;}
.view-contents .etc-info dl{position:relative;}
.view-contents .etc-info dl dd:nth-child(2){position:relative;}
.view-contents .etc-info dl dd:nth-child(2):before{content:"작성자 :";padding:0 6px 0 0;}
.view-contents .etc-info dl dd:nth-child(4){position:relative;}
.view-contents .etc-info dl dd:nth-child(4):before{content:"작성일 :";padding:0 6px 0 0;}
.view-contents .etc-info dl dd:nth-child(6){position:relative;}
.view-contents .etc-info dl dd:nth-child(6):before{content:"조회수 :";padding:0 6px 0 0;}

.intro-wrap{background:#fff;border-top:2px solid #0c71d9;padding:15px;margin:0 0 50px 0;}
.intro-wrap .text01{font-size:22px;color:#000;margin:0 0 15px 0;}
.intro-wrap .basic-text01{margin:0 0 20px 0;color:#666;}
.intro-wrap .basic-text01 br{display:none;}
.intro-wrap .intro-box{background:#fbfbfb;border:1px solid #e8e8e8;margin:15px 0;}
.intro-wrap .intro-box dl{position:relative;padding:18px;}
.intro-wrap .intro-box dl dt{font-size:20px;color:#225c9c;font-weight:700;padding:0 0 10px 0;}
.intro-wrap .intro-box dl dd{vertical-align:middle;font-size:16px;margin:0 0 10px 0;}
.intro-wrap .intro-box dl dd br{display:none;}
.intro-wrap .intro-box dl dd.broad-view a.button{width:72px;height:24px;background:#0c71d9;line-height:22px;min-width:72px;padding:0;border:1px solid #2960a0;font-size:14px;}
.intro-wrap .rss-box p.title{position:relative;font-size:16px;font-weight:700;color:#333;padding:0 0 0 10px;}
.intro-wrap .rss-box p.title:after{content:"";position:absolute;top:11px;left:0;width:6px;height:1px;background:#333;}
.intro-wrap .rss-box div{background:#fbfbfb;border:1px solid #e8e8e8;margin:10px 0 30px 0;padding:12px 17px}
.intro-wrap .rss-box div ul li{position:relative;color:#666;padding:0 0 0 10px;margin:10px 0;line-height:24px;}
.intro-wrap .rss-box div ul li:after{content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#666;}
.intro-wrap .rss-box div ul li span{display:block;margin:0 0 5px 0;}
.intro-wrap .rss-box div ul li .btn-rsss{display:block;width:97px;height:24px;background:#0c71d9;line-height:24px;text-align:center;padding:0;border:1px solid #2960a0;font-size:14px;color:#fff;}
.intro-wrap .rss-box .dot-title{margin:0;}
.faq-list-wrap{background:#fff;border-top:2px solid #0c71d9;margin:0 0 50px 0;}
.faq-list-wrap .faq-list .faq-title{}
.faq-list-wrap .faq-list .faq-title a{position:relative;display:block;font-size:16px;color:#666;font-weight:700;padding:14px 20px;border:1px solid #fff;border-bottom:1px solid #d7d7d7;}
.faq-list-wrap .faq-list .faq-title a:after{content:"";position:absolute;top:22px;right:20px;width:15px;height:2px;background:#8f8f8f;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.faq-list-wrap .faq-list .faq-title a:before{content:"";position:absolute;top:22px;right:20px;width:15px;height:2px;background:#8f8f8f;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.faq-list-wrap .faq-list .faq-title a span:after{content:"열기";position:absolute;text-indent:-9999px;}
.faq-list-wrap .faq-list .faq-title.active a{border:1px solid #3266a3;color:#3266a3;}
.faq-list-wrap .faq-list .faq-title.active a span:after{content:"닫기";}
.faq-list-wrap .faq-list .faq-title.active a:after, .faq-list-wrap .faq-list .faq-title.active a:before{background:#2c53b0;}
.faq-list-wrap .faq-list .faq-title.active a:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.faq-list-wrap .faq-list .faq-title.active a:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.faq-list-wrap .faq-list .faq-contents{display:none;padding:15px 20px;border-bottom:1px solid #d7d7d7;}
.faq-list-wrap .faq-list .faq-contents p{line-height:22px;font-size:16px;}
.faq-list-wrap .faq-list .faq-contents li{line-height:22px;font-size:16px;}
.faq-list-wrap .faq-list .faq-contents .img-box{overflow:hidden;margin:0 0 20px 0;}
.faq-list-wrap .faq-list .faq-contents .img-box p{float:left;}
.faq-list-wrap .faq-list .faq-contents .img-box ol{float:left;margin:0 0 0 10px;}
.faq-list-wrap .faq-list .faq-contents .list-bar li{margin:0 0 5px 0;}
.faq-list-wrap .faq-list .faq-contents .list-bar li:after{top:10px;}
.faq-list-wrap .faq-list .faq-contents .list-bar li.bg-none{padding:0;}
.faq-list-wrap .faq-list .faq-contents .list-bar li.bg-none:after{background:none;}
.faq-list-wrap .faq-list .faq-contents dl, .faq-list-wrap .faq-list .faq-contents dl dt, .faq-list-wrap .faq-list .faq-contents dl dd{margin:0 0 5px 0;}
.search-result-text{font-size:16px;line-height:22px;font-weight:700;margin:20px 0.5%;}
.search-result-text span{color:#319b26;}

@media all and (min-width:640px){
    
    .footer-wrap .footer-middle .footer-link li{position:relative;padding:0 0 0 10px;}
    .footer-wrap .footer-middle .footer-link li:after{content:"";background:#bbb;height:9px;width:1px;position:absolute;top:4px;left:0;}
    .footer-wrap .footer-middle .footer-link li:nth-child(1):after{background:none;}
    .footer-wrap .footer-bottom .footer-info{margin:0;}
    #footer .relate-site{display:inline-block;width:170px;float:none;}
}
@media all and (min-width:768px){
    
    .footer-wrap .footer-bottom{padding:20px}
    .footer-wrap .footer-bottom .footer-logo{display:inline-block;}
    .footer-wrap .footer-middle{padding:10px 30px;}

    .main-con-wrap .main-right-area .main-video-con .main-video-wrap .title-area .article-tit{width:50%;}

    .video-list-wrap ul > li  {float:left;width:25%;margin:0 0 45px 0;}
    .video-list-wrap ul > li:first-child {width:50%;margin: 0px;}
    .video-list-wrap.col4 ul > li:first-child {width:25%;margin: 0px;}
    .video-list-wrap.col4 ul > li:nth-child(2) {width:25%;margin: 0px;}

    .video-list-wrap.main-col4 ul > li:first-child {width:25%;margin: 0px;}
    .video-list-wrap.main-col4 ul > li:nth-child(2) {width:25%;margin: 0px;}

    .video-list-wrap.col6 ul > li:first-child {width:25%;margin: 0px;}
    .video-list-wrap.col6 ul > li:nth-child(2) {width:25%;margin: 0px;}

    .detail-view-wrap{overflow:hidden;}
    .detail-view-con:before{content:"";position:absolute;right:0;top:0;width:10px;height:100%;background:#e8e8e8;}
    .detail-view-con:after{background:none;}
    .detail-tit {position:relative;width:100%;padding-bottom: 0;}
    .detail-view-con {width:65%;min-height: 470px;float:left;padding:40px 2.5%;}
    .detail-view-list {width:35%;float:left;}

    /* 게시판 */
    .table-list.basic table thead{display:table-header-group;}
    .table-list.basic table tr{border-bottom:none;}
    .table-list.basic table td{padding:10px 5px;font-size:15px;}
    .table-list.basic table .num{width:80px;border-bottom:1px solid #dfdfdf;}
    .table-list.basic table .type{float:none;display:table-cell;width:90px;border-bottom:1px solid #dfdfdf;text-align:center;}
    .table-list.basic table .file{display:table-cell;}
    .table-list.basic table .writer{display:table-cell;width:100px;}
    .table-list.basic table .date{display:table-cell;width:120px;border-bottom:1px solid #dfdfdf;text-align:center;}
    .table-list.basic table .count{display:table-cell;width:90px;}
    .table-list.basic table td.tit{float:none;display:table-cell;width:auto;border-bottom:1px solid #dfdfdf;padding:10px 5px;}

    .table-list.basic-file table th{padding:15px 10px;font-size:15px;}
    .table-list.basic-file table td{padding:10px 5px;font-size:15px;}
    .table-list.basic-file table .no{display:table-cell;}
    .table-list.basic-file table td:first-child{display:table-cell;}
    .table-list.basic-file table th:nth-child(3){width:20% !important;}
    .table-list.basic-file table .name{display:table-cell;}
    .table-list.basic-file table .writer{display:table-cell;}
    .table-list.basic-file table .date{display:table-cell;}

    .table-view.sch-year th:nth-child(1){width:100px;}
    .table-view.sch-year th:nth-child(2), .table-view.sch-year th:nth-child(4){width:150px;}
    .table-view.sch-year th:nth-child(2), .table-view.sch-year th:nth-child(4){display:table-cell;}
    .table-view.sch-year td:nth-child(2), .table-view.sch-year td:nth-child(4){display:table-cell;}

    .intro-wrap .rss-box div ul li span{display:inline-block;width:800px;margin:0;}
    .intro-wrap .rss-box div ul li .btn-rsss{display:inline-block;}
}
@media all and (min-width:900px){

}
@media all and (min-width:1024px){
	  .fullscreen-bg_video{
		width: calc(100vw - 227px); 
		height:auto;
	  }
	
	#videowrapper{height:670px;}

    .mobile-header{display:none;}
    .mobile-menu-btn{display:none;}
    .mobile-close{display:none;}
    .header-wrap{display:block !important;right:auto;left:0;width:227px;border-right:1px solid #ececec;}
    .header-wrap.pc-type{display:block !important;}
    .header-wrap.m-type .mobile-close{display:block !important;}
    #header .logo{display:block;}
    #header .search-area{margin:0 16px 20px 16px;border:2px solid #319b26;border-radius:20px;}
    #header .search-area input[type="text"]{height:44px;height:44px;;}
    #header .search-area .btn-search{top:10px;}
    .gnb-wrap{margin:0 23px;}
    #gnb ul li{height:86px;padding:20px 0 0 0;}
    #gnb ul li .depth02{display:none !important;}
    #gnb ul li a{padding:0;}
    #gnb ul li a dl{background-size:auto auto;padding:0 0 0 53px;}
    #gnb ul li a dl dt{float:none;font-size:18px;margin:0 0 2px 0;} 
    #gnb ul li a dl dd{float:none;margin:0;} 
    #gnb .link{margin:0;}
    #gnb .link a{padding:18px 0;}

    .footer-wrap .footer-bottom{padding:30px 20px}

    .container{padding:0 0 0 227px;}
    
    .sub-top-area{height:100px;}
    .sub-top-area h3{font-size:34px;padding:28px 0 0 60px;}
    .sub-top-area ul{float:left;padding:42px 0 0 17px;}
    .sub-top-area ul li{margin:0 0 0 27px;}
    .sub-top-area ul li a{font-size:16px;}
    .sub-top-area .sitemap{display:block;}

    .all-menu-wrap{background:#f5f5f5;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;}
    .all-menu-wrap.active{display:block !important;}
    .all-menu-wrap .all-menu{max-width:1300px;min-height:500px;background:url(/static/caster/img/common/all-menu-bg.png) no-repeat 0 0;margin:65px auto;padding:65px 0 0 0;z-index:100;}
    .all-menu-wrap .all-menu-logo{padding:30px 0 0 30px;height:100px;background:#fff;}
    .all-menu-wrap .all-menu > ul{position:relative;max-width:1080px;margin:0 auto;}
    .all-menu-wrap .all-menu > ul:after{
        content:"";
        position:absolute;top:0;left:0;width:100%;height:70px;
        background: rgb(40,96,159);
        background: -moz-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
        background: linear-gradient(90deg, rgba(40,96,159,1) 30%, rgba(49,154,39,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28609f",endColorstr="#319a27",GradientType=1);
    }
    .all-menu-wrap .all-menu ul{float:none;padding:0;text-align:center;background:rgba(255, 255, 255, 0.5);min-height:270px;}
    .all-menu-wrap .all-menu ul li{margin:0;width:25%;position:relative;z-index:100;}
    .all-menu-wrap .all-menu ul li a{font-size:20px;color:#fff;}
    .all-menu-wrap .all-menu > ul > li > a{line-height:70px;} 
    .all-menu-wrap .all-menu ul li .depth02 li{float:none;margin:0 auto;padding:15px 0;}
    .all-menu-wrap .all-menu ul li .depth02 li a{font-size:18px;color:#000;}
    .all-menu-wrap .all-menu ul li .depth02 li:hover a{font-weight:700;}
    .all-menu-wrap .all-menu-close{display:block;position:absolute;top:36px;right:5%;text-indent:-9999px;}
    .all-menu-wrap .all-menu-close a{display:block;width:28px;height:28px;position:relative;z-index:500;}
    .all-menu-wrap .all-menu-close:after{content:"";position:absolute;top:10px;left:0px;width:28px;height:3px;background:#000;transform: rotate(45deg);}
    .all-menu-wrap .all-menu-close:before{content:"";position:absolute;top:10px;left:0px;width:28px;height:3px;background:#000;transform: rotate(135deg);}
    .all-menu-wrap .all-sns{text-align:right;margin:70px 110px 0 0;}
    .all-menu-wrap .all-sns span{margin:0 0 0 14px;}    
    .main-top-area{height:670px;}
    .main-con-wrap{display:table;padding:0;}
    .main-con-wrap .main-left-area{display:table-cell;position:relative;width:29%;height:100%;vertical-align:middle;padding:0;}
    .main-con-wrap .main-left-area img{max-width:375px;}

    .main-con-wrap .main-right-area {width: 73%;display:table-cell;max-width:295px;}
    .main-con-wrap .main-right-area .main-video-con .main-video-wrap {width:75%;margin-right:2%;float:left;overflow:hidden;}

    .main-con-wrap .main-right-area .main-video-con .main-thumb-list{float:left;width:23%;margin:0;background:none;z-index:300;}
    .main-con-wrap .main-right-area .main-video-con .main-thumb-list ul{padding:10px;}
    /*.main-con-wrap .main-right-area .main-video-con:after{
        content:"";
        position:absolute;right:0;top:0;
        width:23%;height:100%;
        background: rgb(49,153,42, 0.4);
        background: -moz-linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
        background: -webkit-linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
        background: linear-gradient(180deg, rgba(49,153,42,0.4) 0%, rgba(0,0,0,0.4) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31992a",endColorstr="#000000",GradientType=1);
    }*/
    .main-con-wrap .main-right-area .main-video-con .main-thumb-list ul li{float:none;width:100%;padding:0;margin:3% 0;}

    .video-b .video-bg-wrap {padding-bottom:46%;}
    
    .detail-view-con .video-text{padding:19px 30px;}
    .detail-view-con .detail-tit .text-area {padding:20px 3% 10px;font-size:24px;width:80%;}
    .detail-view-con .detail-tit .sns-link{top:16px}
    .reply-area > div .id-confirm input{width:calc(100% - 252px);margin:0 1%;}
    .reply-area > div .id-confirm .button{float:left;width:calc(100px - 1%);margin:0;}

    /* 게시판 */
    .board-search{margin:0 0 15px 0;}
    .board-search label select{width:150px;}
    .board-search select{width:150px;}
    .table-list.basic table td{padding:15px 10px;}
    .table-list.basic table .num{width:90px;}
    .table-list.basic table .type{width:90px;}
    .table-list.basic table .file{width:90px;}
    .table-list.basic table .writer{width:100px;}
    .table-list.basic table .date{width:120px;}
    .table-list.basic table .count{width:90px;}
    .table-list.basic table td.tit{padding:15px 10px;}
    
    .intro-wrap{margin:0 0 100px 0;padding:25px 30px;}
    .intro-wrap .basic-text01{margin:0 0 40px 0;}
    .intro-wrap .basic-text01 br{display:block;}
    .intro-wrap .intro-box dl{display:table;padding:10px 18px;}
    .intro-wrap .intro-box dl dt{width:140px;text-align:center;padding:10px 0 34px 0;}
    .intro-wrap .intro-box dl dd{display:table-cell;}
    .intro-wrap .intro-box dl dd.broad-view{position:absolute;left:52px;bottom:6px;}
    .intro-wrap .intro-box dl dd br{display:block;}
    .search-result-text{font-size:22px;line-height:24px;margin:30px 0.5% 20px;}

}
@media all and (min-width:1200px){
    .footer-wrap .sns-link{padding:45px 0;}
    .footer-wrap .footer-middle{padding:10px 0;}
    .footer-wrap .footer-middle .footer-link{float:left;margin:10px 0 0 0;}
    #footer .relate-site{float:left;}
    .relate-site-wrap{float:right;width:530px;}
    
    .view-contents dl dt{width:180px;min-width:180px;}
    .view-contents dl dt{display:table-cell;}
    .view-contents .title dd{font-size:23px;line-height:28px;}
    .view-contents .etc-info dl dd:before{content:"";padding:0;}
    .view-contents .etc-info dl dd:nth-child(2):before{content:"";padding:0;}
    .view-contents .etc-info dl dd:nth-child(4):before{content:"";padding:0;}
    .view-contents .etc-info dl dd:nth-child(6):before{content:"";padding:0;}
}

@media only screen and (min-width: 1400px) {
    .relate-site-wrap{width:605px;}
    #footer .relate-site{width:200px;margin:0 0 0 1px;}
    .footer-wrap .footer-middle{padding:0 60px;}
    .footer-wrap .footer-middle .footer-link li:nth-child(1){margin:0;padding:0;}
    .footer-wrap .footer-bottom{padding:30px 60px}

    .video-list-wrap ul > li {float:left;width:16.66%;margin:0 0 45px 0;}
    .video-list-wrap ul > li:first-child {width:33.33%;margin: 0px;}

    .video-list-wrap.col4 ul > li{width:25%;}

    .video-list-wrap.main-col4 ul > li:first-child {width:25%;margin: 0 0 45px 0;}
    .video-list-wrap.main-col4 ul > li:nth-child(2) {width:25%;margin: 0 0 45px 0;}
    .video-list-wrap.main-col4 ul > li:nth-child(3) {width:25%;margin: 0 0 45px 0;}
    .video-list-wrap.main-col4 ul > li:nth-child(4) {width:25%;margin: 0 0 45px 0;}

    .video-list-wrap.col6 ul > li:first-child{float:left;width:16.66%;margin:0 0 45px 0;}
    .video-list-wrap.col6 ul > li:nth-child(2){width:16.66%;margin:0 0 45px 0;}
}

@media all and (min-width:1500px){
    
}

/*paging*/
/* line 11, static/ucms/scss/_paging.scss */ .paginationSet { text-align: center; margin-top: 40px; }

/* line 16, static/ucms/scss/_paging.scss */ .paging { text-align: center; margin-top: 30px; }

/* line 17, static/ucms/scss/_paging.scss */ .pagination em { font-style: normal; }

/* line 18, static/ucms/scss/_paging.scss */ .pagination { padding-left: 0; text-align: center; }

/* line 21, static/ucms/scss/_paging.scss */ .pagination > li { display: inline; }

/* line 22, static/ucms/scss/_paging.scss */ .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 0; text-decoration: none; width: 40px; height: 40px; line-height: 40px; font-size: 14px; background-color: transparent; border: none; margin: 0 -1px; color: #666; }

/* line 40, static/ucms/scss/_paging.scss */ .pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * { background-image: url(/static/ucms/img/paging.png); border: 1px solid #dee0e6; width: 40px; }

/* line 54, static/ucms/scss/_paging.scss */ .pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before { content: ''; display: inline-block; }

/* line 56, static/ucms/scss/_paging.scss */ .pagination > li .s span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* line 60, static/ucms/scss/_paging.scss */ .pagination > li.prev > * { background-position: -40px 0; margin-right: 27px; }

/* line 65, static/ucms/scss/_paging.scss */ .pagination > li.next > * { background-position: -508px 0; margin-left: 27px; }

/* line 70, static/ucms/scss/_paging.scss */ .pagination > li.end > * { background-position: right 0; }

/* line 75, static/ucms/scss/_paging.scss */ .pagination > li .t { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* line 76, static/ucms/scss/_paging.scss */ .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; }

/* line 80, static/ucms/scss/_paging.scss */ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; text-decoration: underline; }

/* line 87, static/ucms/scss/_paging.scss */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #5e5e5e; z-index: 3; cursor: default; font-weight: normal; text-decoration: underline; }

/* line 101, static/ucms/scss/_paging.scss */ .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { cursor: not-allowed; opacity: 0.7; border-color: #d8d8d8;}

@media (max-width: 767px) { /* line 108, static/ucms/scss/_paging.scss */ .paginationSet > ul > li.i > a { width: 20px; border: none; }
    /* line 112, static/ucms/scss/_paging.scss */ .paginationSet > ul > li.i > a > span.s { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } }

@media (max-width: 480px) { /* line 119, static/ucms/scss/_paging.scss */ .paginationSet { margin-left: -15px; margin-right: -15px; }
    /* line 122, static/ucms/scss/_paging.scss */ .pagination > li.prev > * { margin-right: 0; }
    /* line 123, static/ucms/scss/_paging.scss */ .pagination > li.next > * { margin-left: 0; } }