/*서브 공통 스타일*/
/* header .h-in h1{opacity: 1; visibility: visible;} */

.submain{ width: 100%; }
.submain .tit{ width: 100%; height: 410px; position: relative; padding-top: 190px; margin-bottom: 0; }
.submain .tit .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.submain .tit .bg .max{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; animation: subBg 1s both; overflow: hidden; z-index: -1; }
.submain .tit h1{ font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: bold; }
.submain .tit .menubar{ width: 90%; max-width: 1280px; background-color: #000; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); z-index: 99; }
.submain .tit .menubar li,
.submain .tit .menubar ul li a{ font-size: 15px; }
.submain .tit .menubar ul li{ box-sizing: border-box; }
.submain .tit .menubar > ul{ display: flex; }
.submain .tit .menubar > ul > li{ display: flex; justify-content: space-between; align-items: center; position: relative; cursor: pointer; box-sizing: border-box; padding: 25px; transition-duration: 0.4s; }
.submain .tit .menubar > ul > li:first-child a{ padding: 25px; }
.submain .tit .menubar > ul > li:first-child{ padding: 0; }
.submain .tit .menubar > ul > li + li{ width: 195px; }
.submain .tit .menubar > ul > li + li::before{ content: ''; width: 1px; height: 16px; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.submain .tit .menubar > ul > li > span{ display: flex; justify-content: center; align-items: center; }
.submain .tit .menubar .menulist{ position: absolute; top: 100%; left: 0; text-align: left; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; display: none; }
.submain .tit .menubar .menulist li{ background-color: #fff; width: 100%; border-bottom: 1px solid #e5e5e5; width: 195px; transition-duration: 0.4s; }
.submain .tit .menubar .menulist li:last-child{ border-bottom: 0; }
.submain .tit .menubar .menulist li a{ width: 100%; color: #999; padding: 20px; display: block; }
.submain .tit .menubar .menulist li.on{ background-color: #000; }
.submain .tit .menubar .menulist li.on a{ color: #fff; }
 
@keyframes subBg {
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

/* 클릭 시 테두리 발생 비활성화 */
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

    /*마우스오버*/
    @media screen and (min-width: 1001px){
        .submain .tit .menubar .menulist li:hover{ background-color: #000; }
        .submain .tit .menubar .menulist li:hover a{ color: #fff; }
    }

    
    /*서브페이지별 배경이미지*/
    .submain._partner .tit .bg .max{ background-image: url('/img/partnerBg.jpg'); }
    .submain._service .tit .bg .max{ background-image: url('/img/serviceBg.jpg'); }


    /*반응형*/
    @media screen and (max-width: 768px){
        .submain .tit{ height: 200px; padding-top: 100px; }
        .submain .tit h1{ font-size: 40px; }
        .submain .tit .menubar > ul > li,
        .submain .tit .menubar .menulist li a,
        .submain .tit .menubar > ul > li:first-child a{ padding: 20px 25px; }
    }

    @media screen and (max-width: 600px){
        .submain .tit .menubar{ bottom: -25px; }
        .submain .tit .menubar > ul > li + li,
        .submain .tit .menubar .menulist li,
        .submain .tit .menubar .menulist{ width: 100%; }
        .submain .tit .menubar > ul > li,
        .submain .tit .menubar .menulist li a,
        .submain .tit .menubar > ul > li:first-child a{ padding: 15px 20px; }
        .submain .tit .menubar li,
        .submain .tit .menubar ul li a{ font-size: 14px; }
        .submain .tit .menubar > ul > li:first-child a{ width: 55px; }

    }

    @media screen and (max-width: 500px){
        .submain .tit .menubar > ul > li:first-child a{ width: 45px; }
        .submain .tit .menubar > ul > li, .submain .tit .menubar .menulist li a, .submain .tit .menubar > ul > li:first-child a{ padding: 15px; }
    }


    /*익스*/
    @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none){
        
    }

    @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 600px) {
        .submain .tit .menubar > ul > li:first-child{ width: 120px; }
    }

    
/*PARTNER - SP SOFT*/
.sp-soft{ padding-bottom: 0px; padding-top: 20px;}
.sp-soft h2{text-align: center; font-size: 35px;}
.sp-soft h2::before{
    content: "";
    display: block;
    width: 3px;
    height: 50px;
    background-color: #c62125;
    margin: 35px auto 20px;
}
    /*section01*/
    .sp-soft .se01{ width: 90%; max-width: 1280px; margin: 0 auto; position: relative; padding-bottom: 100px;}
    .sp-soft .se01 .txt p{ font-size: 18px; color: #333; line-height: 1.8; }
    .sp-soft .se01 .txt strong:nth-child(1){font-size: 26px;margin-bottom: 25px;line-height: 62px;}
    .sp-soft .se01 .txt .txt1{font-size: 22px; font-weight: 600;}
    .sp-soft .se01 .txt .txt2{font-size: 22px; font-weight: 600; margin-bottom: 10px;}
    .sp-soft .se01 .txt strong:nth-child(2){font-size: 22px;}
    .sp-soft .se01 .image-wrap{ width: 100%; margin-top: 50px; margin-bottom: 30px;}
    .sp-soft .se01 .image-wrap img{width: 100%;}
    /*section02*/
    .sp-soft .se02{ width: 100%; display: flex; justify-content: flex-start; padding-bottom: 100px; position: relative; }
    .sp-soft .se02 .slide-wrap{width: 70%;height: 100%;overflow: hidden;position: relative;box-sizing: content-box;cursor: pointer; }
    .sp-soft .se02 .slide-wrap .slide{ width: 100%; }
    .sp-soft .se02 .slide-wrap .slide .img{ width: 397px; height: 309px; position: relative; background-repeat: no-repeat; background-position: bottom; }

    .sp-soft .se02 .slide-wrap .slide .img1{ background-image: url('/img/spsoft_se02_4_.png'); }
    .sp-soft .se02 .slide-wrap .slide .img2{ background-image: url('/img/spsoft_se02_5.png'); }
    .sp-soft .se02 .slide-wrap .slide .img3{ background-image: url('/img/spsoft_se02_4.png'); }
    /* .sp-soft .se02 .slide-wrap .slide .img4{ background-image: url('/img/spsoft_se02_4.png'); } */

    .sp-soft .se02 .slidetxt{ width: 40%; padding-left: 40px; padding-top: 50px; padding-right: 30px; position: relative; left: -5%; }
    .sp-soft .se02 .slidetxt h2{  font-size: 30px; font-weight: 600; line-height: 1.2; }
    .sp-soft .se02 .slidetxt p{ margin-top: 40px; line-height: 1.5; }
    .sp-soft .se02::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 34%; left: 0; background-color: #f7f7f7; z-index: -1; }
    .sp-soft .se02 .slidetxt .slideDot{ margin-top: 50px; }

    /*스와이퍼*/
    .slideDot .swiper-pagination-bullet {width: 13px; height: 13px; border-radius: 7px; margin-right: 5px; transition-duration: 0.4s;}
    .slideDot .swiper-pagination-bullet-active{ width: 50px; background: #c62125; }

    @media screen and (max-width: 1300px){
        .sp-soft .se01 .txt p br{ display: none; }
        .sp-soft .se01 .txt p .br{ display: block; }
    }

    @media screen and (max-width: 1150px){
        .sp-soft .se02 .slidetxt p br{ display: none; }
    }

    @media screen and (max-width: 1000px){
        .sp-soft .se01 .txt h2{ font-size: 30px; }
        .sp-soft .se01 .txt p{ font-size: 16px; line-height: 1.5; }
        .sp-soft .se02 .slidetxt{ padding-top: 50px; padding-right: 0; }
        .sp-soft .se02 .slidetxt h2{ font-size: 25px; }
        .sp-soft .se02 .slidetxt p{ font-size: 16px; }
    }

    @media screen and (max-width: 768px){
        /* .sp-soft{ padding-top: 80px; } */
        .sp-soft .se01{ flex-direction: column-reverse; margin-top: 70px;}
        .sp-soft .se01 .image-wrap{ width: 60%; }
        .sp-soft .se01 .txt{ width: 100%; margin-top: 20px; padding-right: 0; }
        .sp-soft .se01 .txt h2{ font-size: 28px; }
        /* .sp-soft .se01 .txt p{ font-size: 14px; margin-top: 20px; } */
        .sp-soft .se02{ margin-top: 0px; }
        .sp-soft .se02 .slide-wrap{ width: 65%; }
        .sp-soft .se02 .slidetxt h2{ font-size: 20px; }
        .sp-soft .se02 .slidetxt p{ font-size: 14px; }
        .sp-soft .se02 .slidetxt{ padding-top: 60px; }
        .sp-soft .se01 .txt .txt1{font-size: 18px; font-weight: 600;}
        .sp-soft .se01 .txt .txt2{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
        
    }

    @media screen and (max-width: 650px){
        .sp-soft .se02{ flex-direction: column; height: 390px;}
        .sp-soft .se02 .slide-wrap{ left: 0;}
        .sp-soft .se02 .slidetxt{ width: 90%; padding: 0; padding-top: 20px; text-align: center; left: 0; margin: 0 auto; }
        .sp-soft .se02 .slidetxt .slideDot{ margin-top: 20px; }
        .sp-soft .se02 .slidetxt p{ margin-top: 20px; }
        .sp-soft .se02 .slidetxt h2 br{ display: none; }

    }
    
    @media screen and (max-width: 500px){
        .sp-soft .se02 .slide-wrap{ width: 85%; }
        .sp-soft .se02 .slidetxt h2 br{ display: block; }
        .sp-soft .se01 .image-wrap{ width: 70%; }
    }

    @media screen and (max-width: 400px){
        .sp-soft .se02 .slide-wrap{ width: 90%; }
    }

    /*익스*/
    .contents{
        overflow: hidden;
    }
    @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
        .contents{ overflow: hidden; }
        .sp-soft .se01 .image-wrap .img{ max-width: 100%; }
    }


/*Service - 교육센터*/
.edu{ width: 100%; padding-top: 100px; padding-bottom: 50px;}
.edu .con-wrap{position: relative;  width: 90%; max-width: 1280px; margin: 0 auto; }
.edu .edu-wrap {    height: 70vh;}
.edu .con-wrap .edulist{position: absolute; width: 100%; flex-wrap: wrap;}
.edu .con-wrap .edulist ul{width: 100%; display: flex;justify-content: space-between;}
.edu .con-wrap .edulist ul li{cursor: pointer;;width: 320px;  align-items: center;margin-right: 10px; background-color: #f0f0f0;}
.edu .con-wrap .edulist ul li:hover img{transform: scale(0.95); transition: all 0.3s;}
.edu .con-wrap .edulist ul li:last-child{margin-right: 0px;}
.edu .con-wrap .edu-video-pop{height: 600px; position:absolute;}
.edu .con-wrap .edu-video-pop iframe{border: solid 7px #000;}
 .edu .con-wrap .edu-video-pop ul li{display: none;width: 100%;position: absolute; background-color: black;}
 .edu .con-wrap .edu-video-pop .edu-close-be{position: absolute;top: 50%;right: 1%;width: 25px;height: 2px;background-color: #fff;transform: rotate(45deg);}
.edu .con-wrap .edu-video-pop .edu-close-af{position: absolute;top: 50%;right: 1%;width: 25px;height: 2px;background-color: #fff;transform: rotate(-45deg);}
.edu .con-wrap .edu-video-pop .edu-video-close{cursor: pointer;;position: relative;width: 1280px; margin: 0 auto; height: 50px;background-color: #000;}
.edu .con-wrap .edu-video-pop .edu-video-close p{color: #fff;height: 50px;line-height: 50px;margin-left: 20px;font-size: 18px;}
/* 교육센터 반응형 */
@media screen and (max-width:1280px){
    .edu .con-wrap .edu-video-pop iframe{width: 1000px; height: 600px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 1000px;}
    .edu .con-wrap .edulist ul {width: 80%;margin: 0 auto;display: block;}
    .edu .con-wrap .edulist ul li {width: 48%;display: inline-block;margin-bottom: 10px;}
    .edu .con-wrap .edulist ul li img{margin-left: 12%;}
}
@media screen and (max-width:1000px){
    .edu .con-wrap .edu-video-pop iframe{width: 700px; height: 500px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 700px;}  
    .edu .con-wrap .edulist ul li img{margin-left: 0px;}
}
@media screen and (max-width:850px){
    .edu .con-wrap .edulist ul li {width: 46%;}
}
@media screen and (max-width:768px){
    .edu .con-wrap .edu-video-pop iframe{width: 650px; height: 450px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 650px;}  
}
@media screen and (max-width:630px){
    .edu .con-wrap .edu-video-pop iframe{width: 550px; height: 400px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 550px;}  
/*    .edu .con-wrap {height: 40vh;}
*/

}
@media screen and (max-width:500px){
    .edu .con-wrap .edu-video-pop iframe{width: 440px; height: 280px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 440px;}  
}
@media screen and (max-width:420px){
    .edu .con-wrap .edu-video-pop iframe{width: 350px; height: 280px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 350px;}  
    .edu .con-wrap .edulist ul li {width: 45%;}
}
@media screen and (max-width:370px){
    .edu .con-wrap .edu-video-pop iframe{width: 300px; height: 250px; margin: 0 auto;}
    .edu .con-wrap .edu-video-pop .edu-video-close{width: 350px;}  
}

select { /* 박스 기본디자인 없애기 */
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}

.edu .con-wrap .sch-wrap .schbar{ width: 100%;margin-bottom: 4%;max-width: 505px; display: flex; justify-content: space-between;}
.edu .con-wrap .sch-wrap .schbar select{ width: calc(120 / 505 * 100%); padding: 15px; background: url(/img/selectbox_icon.png) center right 15px no-repeat; border: 1px solid #ccc; box-sizing: border-box; color: #888; }
.edu .con-wrap .sch-wrap .schbar input{ width: calc(250 / 505 * 100%); padding: 15px; box-sizing: border-box; border: 1px solid #ccc; }
.edu .con-wrap .sch-wrap .schbar button{ width: calc(120 / 505 * 100%); box-sizing: border-box; background-color: #c62327; color: #fff; border: none; }
.edupage{ margin-top: 35px; }
.edupage .page{ display: flex; justify-content: space-between; }
.edupage .page a{ display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; border: 1px solid #e4e4e4; box-sizing: border-box; color: #5f5f5f; }
.edupage .page a + a{ margin-left: 10px; }
.edupage .page a.on{ background-color: #c62327; color: #fff; border: none; }

    /*마우스오버*/
    @media screen and (min-width: 1000px){
        .edu .con-wrap .edulist .conbox:hover .eduthumb{ transform: scale(1.1); }
    }

    /*반응형*/
    @media screen and (max-width: 1000px){
        .edu .con-wrap .edulist .conbox .edutit{ padding: 20px }
        .edu .con-wrap .edulist .conbox .edutit h2{ font-size: 15px; }
        .edu .con-wrap .edulist .conbox .edutit p{ font-size: 14px; margin-top: 20px; }
        .edu .con-wrap .sch-wrap{ margin-top: 30px; }
        .edu .con-wrap .sch-wrap .schbar select,
        .edu .con-wrap .sch-wrap .schbar input{ padding: 10px; }
        .edu .con-wrap .sch-wrap .edupage{ margin-top: 20px; }
    }

    @media screen and (max-width: 768px){
        /* .edu{ padding-top: 70px; } */
        .eduService{margin-bottom:0px;}
        .edu .con-wrap .edulist .conbox .edutit{ padding: 15px }
        .edu .con-wrap .edulist .conbox .edutit h2{ font-size: 14px; }
        .edu .con-wrap .edulist .conbox .edutit p{ font-size: 12px; margin-top: 10px; }
        .edu .con-wrap .edulist .conbox{ width: 48%; }
        .edu .con-wrap .sch-wrap .edupage .page a + a{ margin-left: 5px; }
        .edu .con-wrap .edulist .conbox,
        .edu .con-wrap .edulist .conbox:nth-of-type(3n){ margin-right: 4%; margin-bottom: 10px; }
        .edu .con-wrap .edulist .conbox:nth-of-type(2n){ margin-right: 0; }
    }

    @media screen and (max-width: 500px){
        /* .edu{ padding-top: 50px; } */
        .edu .con-wrap .edulist .conbox,
        .edu .con-wrap .edulist .conbox:nth-of-type(3n){ width: 100%; margin-right: 0; }
        .edu .con-wrap .sch-wrap .edupage .page a{ width: 24px; height: 24px; }
        .edu .con-wrap .sch-wrap .edupage .page a + a{ margin-left: 3px; }
        .edu .con-wrap .sch-wrap .edupage{ margin-top: 25px; }
        .edu .con-wrap .sch-wrap .schbar{ font-size: 13px; }
        .edu .con-wrap .sch-wrap .schbar select, .edu .con-wrap .sch-wrap .schbar input{ padding: 5px; }
        .edu .con-wrap .sch-wrap .schbar select{ background-position: center right 10px }
    }




/*SERVICE - 교육센터 뷰페이지*/
.edu-view{ padding-top: 100px; padding-bottom: 50px; }
.edu-view .con-wrap{ width: 90%; max-width: 1280px; margin: 0 auto; }
.edu-view .con-wrap .vidview{ width: 100%; }
.edu-view .con-wrap .vidview .video{ width: 100%; position: relative; cursor: pointer; }
.edu-view .con-wrap .vidview .video img:last-child{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.edu-view .con-wrap .vidview .detail{ width: 100%; }
.edu-view .con-wrap .vidview .detail .vidtit{ width: 100%; border-bottom: 1px solid #e4e4e4; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; }
.edu-view .con-wrap .vidview .detail .vidtit h2{ font-size: 18px; line-height: 1.3; }
.edu-view .con-wrap .vidview .detail .vidtit .icon{ width: 2%; position: relative; margin-left: 10px; } 
.edu-view .con-wrap .vidview .detail .vidtit .icon .minus{ width: 25px; height: 2px; background-color: #c62125; position: absolute; transition-duration: 0.4s; }
.edu-view .con-wrap .vidview .detail .vidtit .icon .plus.on{ transform: rotate(90deg); }
.edu-view .con-wrap .vidview .detail .vidtxt{ width: 100%; background-color: #f9f9f9; padding: 20px; }
.edu-view .con-wrap .vidview .detail .vidtxt p{ color: #121212; line-height: 1.5; word-break: keep-all; }

.edu-view .con-wrap .vidlist{ margin-top: 30px; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; padding: 0 10%; z-index: 0; }
.edu-view .con-wrap .vidlist .list-wrap{ display: flex; width: 100%; flex: 1;}
.edu-view .con-wrap .vidlist .list-wrap .list-thumb{ position: relative; box-sizing: border-box; cursor: pointer; width: 100%; overflow: hidden; display: block;}
/* .edu-view .con-wrap .vidlist .list-wrap .thumb::after{ content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 1; } */
.edu-view .con-wrap .vidlist .list-wrap .thumb::before{ content: ''; width: 100%; height: 100%; position: absolute; border: 9px solid #c62125; box-sizing: border-box; display: none; z-index: 4; }
/* .edu-view .con-wrap .vidlist .list-wrap .list-thumb.on .thumb::after{ display: none; } */
.edu-view .con-wrap .vidlist .list-wrap .list-thumb.on .thumb::before{ display: block; }
.edu-view .con-wrap .vidlist .list-wrap .list-thumb.on .playicon{ display: none; }
.edu-view .con-wrap .vidlist .list-wrap .list-thumb .playicon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center;}
.edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb{ width: 100%; position: relative; background-size: cover; background-position: center bottom; }

    /*영상 썸네일 리스트*/
    .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumbBg1{ background-image: url('/img/list-thumb1.png'); }
    .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumbBg2{ background-image: url('/img/list-thumb2.png'); }
    .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumbBg3{ background-image: url('/img/list-thumb3.png'); }

    .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb::after{content: ""; display: block; padding-bottom: calc(160/328 * 100%);}

.edu-view .con-wrap .vidlist .arr_box{ box-sizing: border-box; border: 1px solid #e4e4e4; width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #fff; }
.edu-view .con-wrap .vidlist .arr{ width: 100%;  position: absolute; top: 40%; left: 0; display: flex; justify-content: space-between; align-items: center; z-index: -1; transform: translateY(-50%);}

    /*마우스오버*/
    @media screen and (min-width: 1000px){
        .edu-view .con-wrap .vidlist .list-wrap .list-thumb:hover .thumb{ transform: scale(1.1); transition-duration: 0.4s; }
    }
    
    /*반응형*/
    @media screen and (max-width: 768px){
        .edu-view{ padding-top: 50px; }
        .edu-view .con-wrap .vidview .detail .vidtit h2{ font-size: 16px; }
        .edu-view .con-wrap .vidview .detail .vidtit{ padding: 15px; }
        .edu-view .con-wrap .vidview .detail .vidtit .icon{ width: 4%; }
        .edu-view .con-wrap .vidview .detail .vidtxt p{ font-size: 14px; }
        .edu-view .con-wrap .vidlist .list-wrap{ width: 90%; }
        .edu-view .con-wrap .vidlist .arr_box{ width: 40px; height: 40px; }
        /* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb, */
        /* .edu-view .con-wrap .vidlist .arr{ height: 150px; } */
        .edu-view .con-wrap .vidview .detail .vidtit .icon .minus{ width: 20px; }
        .edu-view .con-wrap .vidlist .list-wrap .list-thumb .playicon img{width: 55%;}
    }

    @media screen and (max-width: 650px){
        .edu-view .con-wrap .vidlist{ width: 100%; margin: 0 auto; margin-top: 20px; }
        .edu-view .con-wrap .vidlist .list-wrap .list-thumb{ display: block; width: 80%; }
        .edu-view .con-wrap .vidlist .arr_box{ width: 30px; height: 30px; }
    }

    @media screen and (max-width: 500px){
        /* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb, */
        /* .edu-view .con-wrap .vidlist .arr{ height: 100px; } */
        .edu-view .con-wrap .vidlist .list-wrap .thumb::before{ border-width: 5px; }
        .edu-view .con-wrap .vidview .detail .vidtit .icon .minus{ width: 15px; }
    }

    @media screen and (max-width: 400px){
        /* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb,
        .edu-view .con-wrap .vidlist .arr{ height: 80px; } */
        .edu-view .con-wrap .vidlist .list-wrap{ flex: 0.9; }
        .edu-view .con-wrap .vidview .detail .vidtit .icon{ width: 6%; }
    }


/* edu 뷰페이지 수정0525 */
.edu-view .con-wrap .vidview .video{text-align: center;}
.edu-view .con-wrap .vidview .video img:nth-of-type(1){max-width: 1280px; width: 81%;}
.edu-view .con-wrap .vidview .detail{width: 81%; margin: 0 auto;}
/* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb{height: 160px;} */

@media screen and (max-width: 768px){
    .edu-view .con-wrap .vidview .video img:nth-of-type(1){width: 100%;}
    .edu-view .con-wrap .vidview .detail{width: 100%;}
    /* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb{height: 150px;} */
}

@media screen and (max-width: 400px){
    /* .edu-view .con-wrap .vidlist .list-wrap .list-thumb .thumb{height: 80px;} */
}