/* 공통 */
.title_box {position:relative;padding:70px 0 0;}
.title_box h3 {padding:0 0 0 50px;font-size:3.4rem;font-weight:700;line-height:40px;color:#000;background-repeat:no-repeat;background-position:left center;}
.title_box .plus_button {position:absolute;right:0;top:70px;}
.swiper-notification {position:absolute;left:-9999em;top:-9999em;font-size:0;text-indent:-9999em;}
.swiper-pagination-bullets {display:none;}
/* //공통 */


.slogan {height:auto;background:none;box-sizing:border-box;}
.slogan .text_box {width:100%;padding:80px 0 0 0px;letter-spacing:-0.025em;box-sizing:border-box;text-align: center;}
.slogan .text_box .title {position:relative;font-family:'GmarketSansBold';font-size:6rem;color:#000;}
.slogan .text_box .title span {font-family:'GmarketSansBold';font-size:6rem;letter-spacing:0.03em;color:#000;}
.slogan .text_box .summary {margin:27px 0 0;font-size:2.2rem;line-height:30px;color:#444;}
.slogan .text_box .summary strong {font-size:2.2rem;font-weight:700;line-height:30px;color:#000;}

/* 강의 */
.lecture{margin: 100px 0 0px;}
.lecture .dspr_filter{width: 100%;display: flex;justify-content: space-between;flex-flow: row nowrap;border-bottom: 2px solid #e32c02;}
.lecture .dspr_filter li{width: 32%;}
.lecture .dspr_filter li a{display: inline-block;width: 100%;height: 70px;line-height: 70px;font-size: 2.4rem;text-align: center;border-radius: 20px 20px 0 0 ;transition: .2s;font-family: "Elice Digital Baeum", sans-serif;background-color: #f5f5f5;color: #666;}
.lecture .dspr_filter li a:hover{color: #333;}
.lecture .dspr_filter li a.on{background-color: #e32c02;color: #fff;border-color: #e32c02;}
.lecture .lecture_box{width: 100%;margin-top: 40px;}
.lecture .lecture_box::after{content:'';clear:both;display:block}
.lecture .lecture_box > div{display:flex;flex-flow:row wrap}
.lecture .lecture_box .card_wrap{display: block;float: left;width: calc(25% - 12px);margin-right: 16px;margin-bottom: 50px;}
.lecture .lecture_box .card_wrap:nth-of-type(4n){margin-right: 0;}
.lecture .lecture_box .card_wrap a{display: block;width: 100%; height: auto;}
.lecture .lecture_box .card_wrap .card_type{display: inline-block;vertical-align: middle;font-size: 2rem;color: #333;font-family: "Elice Digital Baeum", sans-serif;}
.lecture .lecture_box .card_wrap .card_type::before{content: '';display: inline-block;vertical-align: middle;width: 15px;height: 15px;margin-right: 8px;border-radius: 20px;background-color: #e32c02;}
.lecture .lecture_box .card_wrap .card_type.deaf::before{background-color: #2a6bfd;}
.lecture .lecture_box .card_wrap .thumbnail{position: relative;width: 100%;padding-top: calc(170 / 290 * 100%);;border-radius: 20px;overflow: hidden;}
.lecture .lecture_box .card_wrap .thumbnail img{position: absolute;top:50%;left: 50%;transform: translate(-50% , -50%);z-index: 1;min-height: 100%;min-width: 100%;}
.lecture .lecture_box .card_wrap .thumbnail .overlay{opacity: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;background-color: #000;}
.lecture .lecture_box .card_wrap .thumbnail .hover_box{opacity:0;position: absolute;top:50%;left: 0;right: 0;transform: translate(0%, -50%);z-index: 3;text-align: center;}
.lecture .lecture_box .card_wrap .thumbnail .hover_box .hover_btn{display: inline-block;width: 110px;height: 40px;line-height: 38px;font-size: 1.6rem;margin: 4px;border: 1px solid #fff;color: #fff;border-radius: 6px;padding-left: 20px;box-sizing: border-box;background: url(../../images/dsprUser/main/hover_btn_01.png) transparent left 14px top 50% no-repeat;transition: .1s;}
.lecture .lecture_box .card_wrap .thumbnail .hover_box .hover_btn.more{background-image: url(../../images/dsprUser/main/hover_btn_02.png);}
/* .lecture .lecture_box .card_wrap .thumbnail:hover .overlay{display: block;} */
/* .lecture .lecture_box .card_wrap .thumbnail:hover .hover_box{display: block;} */
.lecture .lecture_box .card_wrap .thumbnail .hover_box .hover_btn:hover{background: url(../../images/dsprUser/main/hover_btn_01_on.png) #fff left 14px top 50% no-repeat;color: #333;}
.lecture .lecture_box .card_wrap .thumbnail .hover_box .hover_btn.more:hover{background-image: url(../../images/dsprUser/main/hover_btn_02_on.png);}
.lecture .lecture_box .card_wrap .card_tit {width: 100%;font-size: 2.4rem;margin: 20px 0 14px;padding-right: 4px;font-family: "Elice Digital Baeum", sans-serif;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lecture .lecture_box .card_wrap .summary li {display: inline-block;width: auto;font-size: 1.6rem;color: #666;}
.lecture .lecture_box .card_wrap .summary li::after {content: '';display: inline-block;width: 1px;height: 10px;background-color: #999;margin: 0 12px;}
.lecture .lecture_box .card_wrap .summary li:last-of-type:after {display: none;}
.lecture .lecture_box .card_wrap .card_info{display:block;margin-bottom:10px;height:26px}
.lecture .lecture_box .card_wrap .card_info .file_info{display:inline-block;vertical-align: middle;margin-left:10px;}
.lecture .lecture_box .card_wrap .card_info .file_info span{font-size: 1.5rem;display: inline-block;padding: 0px 15px;background-color: #595857 ; border-radius: 20px;color: #fff; height: 100%;line-height: 24px;margin-right: 3px;font-family: "Elice Digital Baeum", sans-serif;}


.cscenter .title_box h3 {background-image:none;padding-left: 0;display: inline-block; font-family: "Elice Digital Baeum", sans-serif;;}
.cscenter .title_box p {font-size: 1.6rem;display: inline-block;vertical-align: bottom;margin-left: 10px;}
.cscenter .dspr_cs_wrap{display: flex;width: 100%;height: 190px;overflow: hidden;background: url(../../images/dsprUser/main/dspr_cs_wrap_bg.png) 50% 50% no-repeat;border-radius: 20px;margin-top: 20px;box-shadow: 0 0 20px #ddd;}
.cscenter .dspr_cs_wrap .cs_lbox{display: flex;align-items: flex-start;flex-flow: column;justify-content: center;padding: 0 60px 10px;width: 580px;height:190px;box-sizing: border-box;background-color: #fff;border-bottom-right-radius: 120px;}
.cscenter .dspr_cs_wrap .cs_lbox .num{width:100%;font-size: 2.2rem;color: #333;margin-bottom: 10px; font-family: "Elice Digital Baeum", sans-serif;font-weight: 900;}
.cscenter .dspr_cs_wrap .cs_lbox .num i{font-size: 4.4rem;color: #e32c02;display: inline-block;vertical-align: middle;font-weight: bold;font-family: 'GmarketSansBold'}
.cscenter .dspr_cs_wrap .cs_lbox p{display: inline-block;font-size: 1.8rem;margin-right: 5px;}
.cscenter .dspr_cs_wrap .cs_lbox p i{display: inline-block;font-size: 1.8rem;}
.cscenter .dspr_cs_wrap .cs_rbox{padding: 0 40px;width: calc(100% - 580px);box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
.cscenter .dspr_cs_wrap .cs_rbox li{width: auto;height: auto;}
.cscenter .dspr_cs_wrap .cs_rbox li a{display: block;overflow: hidden;padding: 0 60px;height: 60px;line-height: 60px;font-size: 2rem;color: #fff;border: 1px solid #fff;border-radius: 60px;}
.cscenter .dspr_cs_wrap .cs_rbox li a.faq{background: url(../../images/dsprUser/main/btn_faq.png), url(../../images/dsprUser/main/btn_cs_arrow.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;}
.cscenter .dspr_cs_wrap .cs_rbox li a.remote{background: url(../../images/dsprUser/main/btn_remote.png), url(../../images/dsprUser/main/btn_cs_arrow.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;}
.cscenter .dspr_cs_wrap .cs_rbox li a.inquiry{background: url(../../images/dsprUser/main/btn_inquiry.png), url(../../images/dsprUser/main/btn_cs_arrow.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;}
.cscenter .dspr_cs_wrap .cs_rbox li a.video{background: url(../../images/dsprUser/main/btn_video.png), url(../../images/dsprUser/main/btn_cs_arrow.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;}
.cscenter .dspr_cs_wrap .cs_rbox li a.faq:hover{background: url(../../images/dsprUser/main/btn_faq_on.png), url(../../images/dsprUser/main/btn_cs_arrow_on.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;background-color: #fff;color: #e32c02;;}
.cscenter .dspr_cs_wrap .cs_rbox li a.remote:hover{background: url(../../images/dsprUser/main/btn_remote_on.png), url(../../images/dsprUser/main/btn_cs_arrow_on.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;background-color: #fff;color: #e32c02;}
.cscenter .dspr_cs_wrap .cs_rbox li a.inquiry:hover{background: url(../../images/dsprUser/main/btn_inquiry_on.png), url(../../images/dsprUser/main/btn_cs_arrow_on.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;background-color: #fff;color: #e32c02;}
.cscenter .dspr_cs_wrap .cs_rbox li a.video:hover{background: url(../../images/dsprUser/main/btn_video_on.png), url(../../images/dsprUser/main/btn_cs_arrow_on.png);background-repeat:no-repeat ;background-position: top 50% left 20px, top 50% right 20px;background-color: #fff;color: #e32c02;}




/* PC 화면 분기 */
@media screen and (max-width: 1300px) {
  .visual .text_box {width:60%;}

}

/* 테블릿 */
@media screen and (max-width: 1199px) {
  /* 공통 */
  .swiper-button {display:none;}
  .swiper-pagination-bullets {display:block;margin:20px 0 0;text-align:center;}
  .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
  /* //공통 */

  .slogan .text_box {width:100%;padding-top:100px;}
  .slogan .text_box p span {display:block;}
  .slogan .text_box p br {display:none;}

	.lecture{margin: 50px 0 0px;}
  .lecture .lecture_box .card_wrap{display: block;float: left;width: calc(50% - 10px);margin-right: 20px;margin-bottom: 40px;}
  .lecture .lecture_box .card_wrap:nth-of-type(5n){margin-right: 20px;}
  .lecture .lecture_box .card_wrap:nth-of-type(2n){margin-right: 0;}

  .cscenter .dspr_cs_wrap{height: auto;display: block;background-size: cover;background-position: right 0 top 50%;}
  .cscenter .dspr_cs_wrap .cs_lbox{width: 95%;max-width: 700px;height: auto;padding-top: 30px;padding-bottom: 30px;}
  .cscenter .dspr_cs_wrap .cs_rbox{width: 100%;margin: 40px 0;display: flex;flex-flow: row wrap;}
  .cscenter .dspr_cs_wrap .cs_rbox li{margin-bottom: 10px;min-width: 49%;}
  .cscenter .dspr_cs_wrap .cs_rbox li a{height: 70px;line-height: 68px;;}


  .cscenter .cs_wrap:after {width:calc(100% - 50px);height:1px;transform:translate(-50%, -50%);}
  .cscenter .cs_wrap li {float:none;width:100%;}
  .cscenter .cs_wrap li.remote .summary {padding:0 80px 0 0;line-height:24px;}
  .cscenter .dspr_cs_wrap .cs_lbox .num i{display: block;font-size: 6rem;margin-left: 0;margin: 20px 0 10px;}
  
  
  
  /* font-size */
  .lecture .dspr_filter li a{font-size:3.6rem}
  .lecture .lecture_box .card_wrap .card_type{font-size:3.2rem}
  .lecture .lecture_box .card_wrap .card_tit{font-size:3.4rem}
  .lecture .lecture_box .card_wrap .summary li{font-size:2.8rem}
  .lecture .lecture_box .card_wrap .card_info{height:36px;}
  .lecture .lecture_box .card_wrap .card_info .file_info span{font-size: 2.4rem!important;display: inline-block!important;padding: 5px 15px;}
  
  
}


/* 모바일 */
@media screen and (max-width: 767px){
  /* 공통 */
  .title_box {padding-top:40px;}
  .title_box h3 {padding-left:35px;font-size:2rem;line-height:30px;}
  .title_box .plus_button {top:40px;width:29px;height:29px;background-image:url(../../images/dsprUser/main/icon_plusbutton_m.png);background-size:100%;}
  /* //공통 */
  .slogan .text_box {padding-top:45px;padding-left:0;}
  .slogan .text_box .title {font-size:3.1rem;}
  .slogan .text_box .title span {font-size:3.1rem;}
  .slogan .text_box .summary {margin-top:20px;font-size:1.7rem;line-height:23px;}
  .slogan .text_box .summary strong {font-size:1.7rem;line-height:23px;}
  .slogan .text_box .summary:after {height:205px;margin:35px 0 0;background-size:100%;}

  	.lecture{margin: 30px 0 0px;}
  .lecture .lecture_box .card_wrap{width: 100%;margin-right: 0;}

  .cscenter .dspr_cs_wrap .cs_lbox{width: 100%;padding-left: 30px;border-bottom-right-radius: 100px;}
  .cscenter .dspr_cs_wrap .cs_lbox .num i{font-size: 4.4rem;}
  .cscenter .dspr_cs_wrap .cs_rbox li{width: 100%;}
  

  /* font-size */
  .lecture .dspr_filter li a{font-size:2rem;height:50px;line-height:50px}
  .lecture .lecture_box .card_wrap .card_type{font-size:2rem}
  .lecture .lecture_box .card_wrap .card_tit{font-size:2.2rem}
  .lecture .lecture_box .card_wrap .summary li{font-size:1.6rem}
  
  .lecture .lecture_box .card_wrap .card_info{height:24px}
   .lecture .lecture_box .card_wrap .card_info .file_info span{font-size: 1.5rem!important;display: inline-block!important;padding: 0px 10px;}
  
}

/* 모바일 */
@media screen and (max-width: 520px){
 /* font-size */
  .lecture .dspr_filter li a{font-size:1.6rem;}
  
}