@charset "utf-8";
@import url('rnw_popup.css');

/******con_01 */
.con_01{padding: 40px 0 40px;background-color:#f4f8fe;border-bottom-right-radius: 200px;}
.con_01 .inner{display: flex;justify-content: space-between;align-items: center;font-size: 0;}
.con_01 .lbox{width: 100%;}
.con_01 .rbox{width: calc(46% - 90px);}
/* 바로가기메뉴 */ 
.quick_menu_wrap{width: 100%;height: 100%;display: flex;justify-content:space-between;align-items: center;}
.quick_menu_wrap .btn_prev{display: inline-block;width: 30px;padding: 10px 10px 10px 0;margin-top: -20px;}
.quick_menu_wrap .btn_next{display: inline-block;width: 30px;padding: 10px 0 10px 10px;margin-top: -20px;}
.quick_menu_wrap .btn_prev img, .quick_menu_wrap .btn_next img{width: 1.4rem;}
.quick_list{flex: 1;overflow: hidden;padding: 0 20px;}
.swiper_box{display: flex;justify-content: space-evenly;flex: 1 0 ;margin: 0;flex-flow: row nowrap;}
.swiper-slide .quick_menu{position:relative;display: inline-block;text-align: center;font-size: 16px;margin-right: 20px;padding-top: 10px;}
.swiper-slide .quick_menu:last-of-type{margin-right: 0px;}
.swiper-slide .quick_menu .icon{display: block;margin: 0 auto;width: 16.0rem;height: 10.0rem;margin-bottom:5px;background-color: #fff;border: 1px solid #fff;border-radius: 10px;background-repeat: no-repeat;background-position: center 35%;background-size: 3.8rem;transition: .2s;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.swiper-slide .quick_menu p{width:100%;font-size: 1.4rem;font-family: 'GmarketSansMedium';position:absolute;bottom:15px;left:50%;transform:translateX(-50%);}
.swiper-slide .quick_menu p br {display:none;}
.swiper-slide .quick_menu:hover .icon{border-color: #3385ff;}
.swiper-slide .quick_menu .icon.menu_01{background-image: url(../../images/user/rnw_main/quick_menu_01.png);}
.swiper-slide .quick_menu .icon.menu_02{background-image: url(../../images/user/rnw_main/quick_menu_02.png);}
.swiper-slide .quick_menu .icon.menu_03{background-image: url(../../images/user/rnw_main/quick_menu_03.png);}
.swiper-slide .quick_menu .icon.menu_04{background-image: url(../../images/user/rnw_main/quick_menu_04.png);}
.swiper-slide .quick_menu .icon.menu_05{background-image: url(../../images/user/rnw_main/quick_menu_05.png);}
.swiper-slide .quick_menu .icon.menu_06{background-image: url(../../images/user/rnw_main/quick_menu_06.png);}
.swiper-slide .quick_menu .icon.menu_07{background-image: url(../../images/user/rnw_main/quick_menu_07.png);}
.swiper-slide .quick_menu .icon.menu_08{background-image: url(../../images/user/rnw_main/quick_menu_10.png);background-size: 4.3rem;}
.swiper-slide .quick_menu .icon.menu_09{background-image: url(../../images/user/rnw_main/quick_menu_09.png);}
.swiper-slide .quick_menu .icon.menu_10{background-image: url(../../images/user/rnw_main/quick_menu_11.png);}

/* 검색바 */
.search_wrap{width: 100%;padding:0;background-color: transparent;border-radius: 0;border: none}
.search_wrap .search_bar{width: 100%;height: 6.0rem;position: relative;}
.search_wrap .search_bar .input_wrap{position: absolute;top:0;left:0;display: flex;align-items: center;width: calc(100% - 55px);height: 6.0rem;border-radius: 10px;border: 3px solid transparent;background: rgb(3,54,155);background-image: linear-gradient(#fff, #fff),linear-gradient(125deg, rgba(3,54,155,1) 0%, rgba(15,114,205,1) 100%);background-origin: border-box;background-clip: content-box, border-box;}
.search_wrap .search_bar input[type="text"]{width: 90%;height: 100%;margin-left: 20px;font-family: 'GmarketSansMedium';font-size: 1.6rem;border:0;padding:5px 0 0 0}
.search_wrap .search_bar input[type="text"]::placeholder{color: #666;}
.search_wrap .search_bar .btn_search{display: block;position: absolute;top:-5px;right: 0;width: 7.0rem;height: 7.0rem;border-radius: 70px;cursor: pointer;background: rgb(3,54,155);background: url(../../images/user/rnw_main/btn_search.png), linear-gradient(9deg, rgba(3,54,155,1) 0%, rgba(15,114,205,1) 100%);background-repeat: no-repeat;background-position: center center;}
.search_wrap .keyword{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 10px;}
.search_wrap .keyword .tit{height: 25px;margin-right: 15px;padding-left:25px;background: url(../../images/user/rnw_main/icon_word.png) no-repeat left 0 center;background-size: inherit;}
.search_wrap .keyword .tit p{padding: 2px 4px;font-size: 1.8rem;font-family: 'GmarketSansBold';font-weight: 900;word-break:keep-all;line-height: 1.4;}
.search_wrap .keyword .tit i{font-style: normal;color:#00358e;font-size:inherit;font-family: inherit;line-height: 1.4;}
.search_wrap .keyword ul{display: flex;padding-top: 3px;flex-flow: row wrap}
.search_wrap .keyword ul li{margin-right: 5px;}
.search_wrap .keyword ul li:last-of-type{margin-right: 0px;}
.search_wrap .keyword ul li:after{content: '';display:inline-block;width:1px;height:15px;background: #ddd;margin-left: 5px}
.search_wrap .keyword ul li:last-of-type:after{display: none;}
.search_wrap .keyword ul li a{font-family: 'GmarketSansMedium';font-size: 1.6rem;font-weight: 200;color: #666;padding: 2px 4px;white-space: nowrap;line-height: 1.4;}


/******con_02 */
.con_02{margin: 50px 0;}
.con_02 .inner{display: flex;justify-content: space-between;align-items: stretch;}
.con_02 .lbox{width: calc(100% - 470px);}
.con_02 .favorite{width: 420px;}
/* 공통 영역 */
.tit_wrap{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom:20px;}
.tit_wrap .tit{font-size: 2.6rem;font-family: 'GmarketSansMedium';padding-top: 3px;}
.tit_wrap .tit i{font-family: 'GmarketSansBold';font-style: normal;font-size:inherit}
.tit_box{display: flex;flex-flow: row wrap;align-items:center;}
/* .btn_edit_wrap{position: relative;display: flex;justify-content: flex-start;align-items: center;} */
.btn_edit_wrap{position: relative;}
 .btn_edit_wrap .btn_edit{display: inline-block;vertical-align: middle;width: 3.0rem;height: 3.0rem;background-color: #fff;border: 1px solid #e5e5e5; border-radius: 30px;cursor: pointer;margin-left: 10px;background: url(../../images/user/rnw_main/btn_edit.png) no-repeat center center;background-size: 1.4rem;transition: .2s;}
.btn_edit_wrap .tooltip{position: absolute;display: inline-block;white-space: nowrap;margin-left: 1.2rem;font-size: 1.4rem;height: 3.2rem;padding: .8rem 1.8rem .6rem;background-color: #333;color: #fff;border-radius: 4px;animation: _upDown 1.5s ease-in 0s infinite;}
.btn_edit_wrap .tooltip.dspr{position: absolute;display: inline-block;white-space: nowrap;margin-left: 1.2rem;font-size: 1.4rem;height: 2rem;padding: .8rem 1.8rem .6rem;background-color: #333;color: #fff;border-radius: 4px;animation: _upDown 1.5s ease-in 0s infinite;}
.btn_edit_wrap .tooltip i{font-style: normal;font-size:inherit;font-weight:inherit;color:inherit}
.btn_edit_wrap .tooltip::before{position:absolute;left: -1.1rem;top: 1rem;content: '';display: block;width: 0;height: 0;border: 0.6rem solid transparent;border-right-color: #333;}

@keyframes _upDown {
    0% {top: 0px;}
    20% {top:-2px;}
    40% {top:0px;}
    60% {top:-3px;}
    80% {top:0px;}
    100% {top:0px;}
  }

.btn_wrap{width: auto;display: flex;justify-content: flex-end;align-items: center;}
.btn_wrap > *{display: inline-block;width: 3.0rem;height: 3.0rem;background-color: #fff;border: 1px solid #e5e5e5; border-radius: 30px;cursor: pointer;margin-left: 10px;background-repeat: no-repeat;background-size: 0.7rem;transition: .2s;}
.btn_wrap > button:last-of-type{margin-left: 10px;}
.btn_wrap > .prev{background-image: url(../../images/user/rnw_main/content_prev.png);background-position: left .9rem center;}
.btn_wrap > .next{background-image: url(../../images/user/rnw_main/content_next.png);background-position: right .9rem center;}
.btn_wrap > .more{background-image: url(../../images/user/rnw_main/content_more.png);background-position: center center;background-size: 1.3rem}
.btn_wrap > *:hover, .btn_edit:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
/* 추천강의, 맞춤강의 */
.lecture{ position:relative; margin-bottom: 50px;}
.lecture_list , .recommend_list, .favorite_list{ overflow:hidden;}
.swiper-wrapper {overflow:visible;position:relative;}

.swiper-slide .video_wrap .thumdnail{width: 100%; height:10px; padding-bottom: 56.26%;margin-bottom: 10px;position: relative;overflow: hidden;border-radius: 5px; }
.swiper-slide .video_wrap .thumdnail img{width: 100%; position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.swiper-slide .video_wrap span.line_box{display: inline-block;padding: 0.3rem 0.8rem;border: 1px solid #1b55b6;border-radius: 5px;color: #1b55b6;font-size: 1.3rem;line-height: 1;margin-right: 4px;font-weight: 600}
.swiper-slide .video_wrap span.line_box:last-of-type {margin-right: 0px;}
.swiper-slide .video_wrap h5{display: block;margin-top: 10px;font-size: 1.8rem;font-family: 'GmarketSansMedium';overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 자주찾는강의 */
.favorite_list{width: 100%;}
.favorite_list .list_box{margin-bottom: 15px;}
.favorite_list .list_box a{display: block;padding: 20px 30px;border: 1px solid #e5e5e5;border-radius: 10px;transition: .2s;}
.favorite_list .list_box a:hover{border-color: #3385ff;}
.favorite_list .list_box a .type{display: flex;justify-content: flex-start;align-items: center;}
.favorite_list .list_box a .type p{font-size: 1.4rem;}
.favorite_list .list_box a .type img{margin: 0 4px;}
.favorite_list .list_box a .tit{margin: 8px 0 4px;font-size: 1.8rem;font-family: 'GmarketSansMedium';width: 100%;white-space: wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.favorite_list .list_box a > p{display: block;font-size: 1.4rem;color: #666;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.favorite_list .swiper_box {width:100%!important;}
.favorite_list .swiper-wrapper{width:100%!important}
.favorite_list .swiper-slide {display: block; margin-right: 20px; flex-shrink:0;width:100%!important}
/*강의 준비 중*/
.con_02 .inner.coming-soon {align-items:center;justify-content: flex-start;border-radius:10px; background:#f4f8fe;padding:40px 50px;}
.coming-soon_img {width: 80px;margin-right:20px;}
.coming-soon_tit {display:flex;align-items:flex-start;}
.coming-soon_txt {margin-right: 30px; padding-right: 30px; border-right: 3px solid #00358e; }
.coming-soon_txt span {display:block;font-size:3.3rem;font-family: 'GmarketSansBold';color:#00358e;}
.coming-soon_cont span {display:block;font-size: 2rem;}
.coming-soon_info {margin-top:30px;display:flex;flex-wrap:wrap;justify-content: center;}
.coming-soon_info > * {font-size:1.6rem;}
.coming-soon_info > p {position:relative; margin-left:20px;}
.coming-soon_info > p::before {content:'';position:absolute;top:3px;left:-10px;width:1px; height: 15px; background-color: #333;}
.coming-soon_email img {margin-top:2px;}
/****** con_03 */
.con_03{position: relative;}
.notice_bg{display: block;position: absolute;z-index: -1;width: 100%;height: 400px;top:90px;background-color: #f4f8fe;border-top-left-radius: 300px;}
/* 공지사항, 자료실 */
.notice_wrap{position: relative;width: 100%;margin-bottom: 450px;display: flex;align-items: center;justify-content: flex-start;padding-right: 50px;}
.notice_list > .tit{margin-right: 30px; display: flex;align-items: center;position: relative;background-color: transparent;cursor: pointer;}
.notice_list > .tit span{font-size: 2.6rem;font-family: 'GmarketSansBold';display: block;}
.notice_list > .tit span:hover{text-decoration: underline;}
.notice_list.active > .tit span{color: #0f72cd;}
.notice_list.active .notice_item, .notice_list.active .refer_item, .notice_list.active .btn_wrap{display: flex;}
.notice_list .btn_wrap{display: none;position:absolute;top: 0;right: 0;}

.notice_item{display: none;flex-flow: column;padding: 35px 40px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;position: absolute;left: 0;top:50px;width: 100%;}
.notice_item .detail_list{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 30px;margin-bottom: 16px;border-bottom: 1px dashed #e5e5e5;}
.notice_item .detail_list .date{display: flex;flex-direction: column;justify-content: center;width: 10rem;height:10rem;text-align: center;border: 1px solid #0f72cd;border-radius: 10px;}
.notice_item .detail_list .date span{display: block;color: #0f72cd;font-size: 3.4rem;font-family: 'GmarketSansBold';}
.notice_item .detail_list .date p{display: block;font-size: 1.6rem;font-family: 'Noto Sans KR', sans-serif;}
.notice_item .detail_list .con{flex: 1 1;margin-left: 30px;}
.notice_item .detail_list .con .tit{display: block;font-size: 2.0rem;margin-bottom:10px;transition: .2s;font-weight:900}
.notice_item .detail_list .con .tit:hover{color: #00358e;text-decoration: underline;}
.notice_item .detail_list .con p{font-size: 1.6rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4}

.notice_item .list{display: flex;justify-content: space-between;align-items: flex-start;flex-flow:column wrap;padding: 0 10px;height:90px}
.notice_item .list li{width: calc(50% - 20px);display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.notice_item .list li .tit{padding-left: 15px;position: relative;display: block;width: 80%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;transition: .2s;font-size: 1.6rem;line-height: 1.2}
.notice_item .list li .tit ~ p{color: #666;font-size: 1.6rem;}
.notice_item .list li .tit::after{content: '';display: block;width: 5px;height: 5px;background-color: #2768db;border-radius: 1px;position: absolute;top: 7px;left: 0px;}
.notice_item .list li .tit:hover{color: #00358e;text-decoration: underline;}

.notice_wrap{position: relative;width: 100%;margin-bottom: 450px;display: flex;align-items: center;justify-content: flex-start;padding-right: 50px;}
.notice_list > .tit{margin-right: 30px; display: flex;align-items: center;position: relative;background-color: transparent;cursor: pointer;}
.notice_list > .tit span{font-size: 2.6rem;font-family: 'GmarketSansBold';}
.notice_list > .tit span:hover{text-decoration: underline;}
.notice_list.active > .tit{color: #0f72cd;}
.notice_list .btn_wrap{display: none;position:absolute;top: 0;right: 0;}

.notice_item{display: none;flex-flow: column;padding: 35px 40px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;position: absolute;left: 0;top:50px;width: 100%;}
.notice_item .detail_list{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 30px;margin-bottom: 16px;border-bottom: 1px dashed #e5e5e5;}
.notice_item .detail_list .date{display: flex;flex-direction: column;justify-content: center;width: 10rem;height:10rem;text-align: center;border: 1px solid #0f72cd;border-radius: 10px;}
.notice_item .detail_list .date span{display: block;color: #0f72cd;font-size: 3.4rem;font-family: 'GmarketSansBold';}
.notice_item .detail_list .date p{display: block;font-size: 1.6rem;font-family: 'Noto Sans KR', sans-serif;}
.notice_item .detail_list .con{flex: 1 1;margin-left: 30px;}
.notice_item .detail_list .con .tit{display: block;font-size: 2.0rem;margin-bottom:10px;transition: .2s;font-weight:900}
.notice_item .detail_list .con .tit:hover{color: #00358e;text-decoration: underline;}
.notice_item .detail_list .con p{font-size: 1.6rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4}

.refer_item{display: none;flex-flow: column;padding: 35px 40px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;position: absolute;left: 0;top:50px;width: 100%;}
.refer_item .detail_list{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 30px;margin-bottom: 16px;border-bottom: 1px dashed #e5e5e5;}
.refer_item .detail_list .date{display: flex;flex-direction: column;justify-content: center;width: 10rem;height:10rem;text-align: center;border: 1px solid #0f72cd;border-radius: 10px;}
.refer_item .detail_list .date span{display: block;color: #0f72cd;font-size: 3.4rem;font-family: 'GmarketSansBold';}
.refer_item .detail_list .date p{display: block;font-size: 1.6rem;font-family: 'Noto Sans KR', sans-serif;}
.refer_item .detail_list .con{flex: 1 1;margin-left: 30px;}
.refer_item .detail_list .con .tit{display: block;font-size: 2.0rem;margin-bottom:10px;transition: .2s;font-weight:900}
.refer_item .detail_list .con .tit:hover{color: #00358e;text-decoration: underline;}
.refer_item .detail_list .con p{font-size: 1.6rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4}

.refer_item .list{display: flex;justify-content: space-between;align-items: flex-start;flex-flow:column wrap;padding: 0 10px;height:90px}
.refer_item .list li{width: calc(50% - 20px);display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.refer_item .list li .tit{padding-left: 15px;position: relative;display: block;width: 80%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;transition: .2s;font-size: 1.6rem;line-height: 1.2}
.refer_item .list li .tit ~ p{color: #666;font-size: 1.6rem;}
.refer_item .list li .tit::after{content: '';display: block;width: 5px;height: 5px;background-color: #2768db;border-radius: 1px;position: absolute;top: 7px;left: 0px;}
.refer_item .list li .tit:hover{color: #00358e;text-decoration: underline;}

/****** con_04 */
.con_04{padding: 40px 0;background-color: #01246a;width: 100%;}
.cs_wrap{display: flex;justify-content: space-between;align-items: center;}
.cs_wrap .lbox{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 100%;}
.cs_wrap .lbox .cs_tit{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.cs_wrap .lbox .cs_tit .cs_icon{display: block;width:3.0rem;height: 3.0rem;border-radius: 10px;background-color:#fadb42;background-image: url(../../images/user/rnw_main/question_mark.png);background-position: center center; background-repeat: no-repeat;margin-right: 12px;background-size: 2rem;}
.cs_wrap .lbox .cs_tit h3{font-size: 2.4rem;font-family: 'GmarketSansBold';color: #fff;margin-right: 12px;padding-top: 3px;}
.cs_wrap .lbox .cs_tit p{font-size: 1.6rem;color:rgba(255,255,255,.7);font-family: "Noto Sans KR";}
.cs_wrap .lbox .cs_con{display: flex;justify-content: flex-start;padding-left: 70px;background: url(../../images/user/rnw_main/cs_arrow.png) no-repeat left 40px center;}
.cs_wrap .lbox .cs_con .cs_list{display: flex;justify-content: flex-start;align-items: baseline;margin-right: 30px;}
.cs_wrap .lbox .cs_con .cs_list P{position: relative;font-size: 1.8rem;color: #fff;margin-right: 10px;font-weight: 500}
.cs_wrap .lbox .cs_con .cs_list P::before{position: absolute;left: -15px;top: 5px;content: '';display: block;width: 1px;height: 20px;background-color: rgba(255,255,255,.5);}
.cs_wrap .lbox .cs_con .cs_list:first-of-type p:before{display: none;}
.cs_wrap .lbox .cs_con .cs_list a{display: block;font-size: 3.0rem;color: #fadb42;font-family: 'GmarketSansBold';}
.cs_wrap .rbox{display: flex;flex-direction: column;justify-content: center;align-items: stretch;}
.cs_wrap .rbox .btn_cs{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;border-bottom: 1px solid #fff;background: url(../../images/user/rnw_main/cs_arrow.png);background-position: right 10px center;background-repeat: no-repeat;padding:15px 10px;padding-right: 50px;transition: .2s;}
.cs_wrap .rbox .btn_cs img{display: block;margin-right: 6px;}
.cs_wrap .rbox .btn_cs p{display: block;color: #fff;font-family: 'GmarketSansMedium';white-space:nowrap ;font-size:1.6rem}
.cs_wrap .rbox .btn_cs:hover{background-position: right 5px center;}


/* 반응형 웹 */
@media screen and (max-width: 1501px) {
    .con_01{border-bottom-right-radius: 0;margin-bottom: 40px;}
    .cs_wrap .lbox .cs_con{padding-left: 0;background-image: none;}

}

/* 반응형 태블릿 */
@media screen and (max-width: 1280px) {
	.con_01, .con_01 .inner{padding: 0;}
    .con_01 .inner{flex-flow: column-reverse;}
    .con_01 .rbox, .con_01 .lbox{padding:20px;width: 100%;}
    .con_01 .rbox{background-color:#e2edfb;display: none;}
    .search_wrap{display: flex;flex-flow: column-reverse;}
    .search_wrap .keyword{margin-bottom: 8px; display: none;}
    .search_wrap .keyword .tit{display:none }
   
    .con_02 .inner{flex-direction: column;}
    .con_02 .lbox{width: 100%;}
    .btn_edit_wrap .tooltip{animation: none;}

    .con_02 .favorite {width: 100%;margin-top: 50px;}
    .con_02 .favorite .swiper-slide{width: 100%;display: flex;flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
    .favorite_list{display: flex;flex-flow: row wrap;justify-content: space-between;}
    .favorite_list .list_box{width: 49%;}
    .favorite_list .list_box a{height:100%}

    .cs_wrap{flex-flow: column;align-items: flex-start;}
    .cs_wrap .rbox{flex-flow: row nowrap;align-items: center;justify-content: space-between;width: 100%;margin-top: 20px;}
    .cs_wrap .rbox .btn_cs{width: 49%;border: 1px solid #fff;border-radius: 10px;padding: 18px 50px 20px 20px;background-position: right 20px center;}
    .cs_wrap .rbox .btn_cs:hover{background-position: right 20px center;}
    .cs_wrap .rbox .btn_cs img{display: none;}
    
    .cs_wrap .lbox .cs_con{flex-flow: row wrap;}
    .cs_wrap .lbox .cs_con .cs_list{margin-bottom: 20px;margin-right: 10px;width: 100%;justify-content: space-between;align-items: center;}
    .cs_wrap .lbox .cs_con .cs_list P::before{display: none;}
    
    .notice_bg{height: 800px;top:120px;background-color: #f4f8fe;}
    
    .notice_item .list, .refer_item .list{height:300px;}
	/*강의 준비 중*/
	.con_02 .inner.coming-soon {flex-direction:row;}
}

@media screen and (max-width: 1199px) {
    .con_01{margin-bottom: 70px;}
    .recommend{margin-bottom: 70px;}
    .lecture_list{flex-flow: row wrap;}
    .lecture_list .video_wrap{width: 49%;margin-right: 0;}
    .lecture_list .video_wrap .thumdnail{margin-top: 20px;}
    .lecture_list .video_wrap:nth-of-type(1) .thumdnail,.lecture_list .video_wrap:nth-of-type(2) .thumdnail{margin-top: 0;}
    .con_02 .favorite{margin-top: 70px;}
    .favorite_list .list_box{width: 100%;}

    .notice_item .list li{width: 100%;}
    .notice_item .list li:nth-of-type(4),.notice_item .list li:nth-of-type(5),.notice_item .list li:nth-of-type(6) {display: none;}
    
    .refer_item .list li{width: 100%;}
    .refer_item .list li:nth-of-type(4),.refer_item .list li:nth-of-type(5),.refer_item .list li:nth-of-type(6) {display: none;}

    .cs_wrap .lbox .cs_tit{flex-flow: row wrap;}
    .notice_item .list, .refer_item .list{height:auto;}
    
    /*강의 준비 중*/
	.con_02 .inner.coming-soon {flex-direction:column;}
	.coming-soon_tit {margin-bottom:20px;}
	.coming-soon_txt {margin-right:0;padding-right:0;border:none;}
	.coming-soon_cont {text-align:center;}
	
}

/* 서브화면 폰트 사이즈 통일 */
@media screen and (max-width: 1280px) and (min-width: 768px) {

	.slide_box .quick_menu .icon{width:11rem;height:11rem;background-size:5rem}
	.slide_box .quick_menu p{font-size:2.4rem}
	.tit_wrap .tit, .notice_list > .tit span{font-size: 5.2rem}
	.swiper-slide .video_wrap span.line_box{font-size:2.6rem}
	.swiper-slide .video_wrap h5{font-size: 3.6rem}
	.btn_wrap > *{width:5rem;height:5rem;border-radius:50px;background-size:1rem}
	.btn_wrap > .more{background-size:2rem}
	.btn_wrap > .prev, .btn_wrap > .next{background-position:left 50% center}
	
	.notice_wrap {margin-bottom: 800px}
	.notice_item{top:100px}
	.notice_item .detail_list .date{width:14rem;height:14rem}
	.notice_item .detail_list .date p{font-size:2.5rem}
	.notice_item .detail_list .date span{font-size:5rem}
	.favorite_list .list_box a{padding:30px 40px}
	.favorite_list .list_box a .type p, .favorite_list li a > p{font-size: 2.8rem}
	.favorite_list .list_box a .tit{font-size: 3.6rem}
	.notice_item .detail_list .con .tit{font-size: 4rem}
	.notice_item .detail_list .con p{font-size: 3.2rem}
	.notice_item .list li{margin-top:15px;flex-flow:row wrap} 
	.notice_item .list li .tit{font-size: 3.6rem;padding-left: 24px;width:100%} 
	.notice_item .list li .tit ~ p{font-size: 2.6rem;padding-left: 28px;margin-top:5px}
	.notice_item .list li .tit::after{width:8px;height:8px;top:20px}
	
	.refer_item{top:100px}
	.refer_item .detail_list .date{width:14rem;height:14rem}
	.refer_item .detail_list .date p{font-size:2.5rem}
	.refer_item .detail_list .date span{font-size:5rem}
	.refer_item .detail_list .con .tit{font-size: 4rem}
	.refer_item .detail_list .con p{font-size: 3.2rem}
	.refer_item .list li{margin-top:15px;flex-flow:row wrap} 
	.refer_item .list li .tit{font-size: 3.6rem;padding-left: 24px;width:100%} 
	.refer_item .list li .tit ~ p{font-size: 2.6rem;padding-left: 28px;margin-top:5px}
	.refer_item .list li .tit::after{width:8px;height:8px;top:20px}
		
	.cs_wrap .lbox .cs_tit .cs_icon{display:none}
	.cs_wrap .lbox .cs_tit{margin-bottom: 30px}
	.cs_wrap .lbox .cs_tit h3{font-size: 4.4rem}
	.cs_wrap .lbox .cs_tit p{font-size:2.2rem} 
	.cs_wrap .rbox .btn_cs p{font-size:3rem;margin-top:10px} 
	.cs_wrap .lbox .cs_con .cs_list P{font-size:3rem;word-break: auto-phrase;}
	.cs_wrap .lbox .cs_con .cs_list a{font-size: 4rem}
	.cs_wrap .rbox .btn_cs{background-image: none}
	
	}




/* 반응형 모바일 */
@media screen and (max-width: 767px) {
    .con_01, .recommend{margin-bottom: 50px;}
    .con_02 .favorite{margin-top: 50px;}
    .favorite_list .list_box a{padding: 20px;}
    .notice_list.active .notice_item{padding: 20px;}
    .notice_list.active .refer_item{padding: 20px;}
    .notice_wrap{margin-bottom: 360px}
    .notice_bg{height: 400px;top:60px;background-color: #f4f8fe;border-top-left-radius: 150px}
	/*강의 준비 중*/
	.con_02 .inner.coming-soon {padding:7vw 10vw;}
}

/* 반응형 모바일2 */
@media screen and (max-width: 520px) {
    .slide_box_wrap{padding: 0;}

    .slide_box .quick_menu{margin-right: 14px;font-size: 9px;}
    .btn_edit_wrap .tooltip{display: none;}

    .cs_wrap .rbox .btn_cs{padding-bottom: 20px;background-position: bottom 14px right 14px;}
    .cs_wrap .rbox .btn_cs:hover{background-position: bottom 14px right 14px;}
    .cs_wrap .rbox .btn_cs p{white-space: wrap;}
    .cs_wrap .rbox{align-items: stretch;}
    .cs_wrap .lbox .cs_tit p{font-size: 1.4rem;}
    .cs_wrap .lbox .cs_con .cs_list P{font-size: 1.5rem;}
    .cs_wrap .lbox .cs_con .cs_list a{font-size: 2.5rem;}
    .cs_wrap .rbox .btn_cs p{font-size: 1.5rem;}
  
    .refer_item .detail_list, .notice_item .detail_list{flex-flow: column-reverse;align-items: flex-start;}
    .refer_item .detail_list .date, .notice_item .detail_list .date{flex-flow: row-reverse;}
    .refer_item .detail_list .date span:before, .notice_item .detail_list .date span:before{content:'-';display:inline-block;margin:0 1px}
    .refer_item .detail_list .date, .notice_item .detail_list .date{width:auto;height:auto;margin-top: 10px;border:0}
    .refer_item .detail_list .date span, .notice_item .detail_list .date span{font-size: 1.6rem;font-family: 'Noto Sans KR', sans-serif;color:#333}
    .notice_wrap{margin-bottom:420px}
    .notice_item .list li, .refer_item .list li{flex-flow: column;align-items: flex-start;}
	.notice_item .list li .tit, .refer_item .list li .tit{width: 100%;}
    .notice_item .detail_list .con, .refer_item .detail_list .con{margin-left: 0px;}
    .notice_item .list li .tit ~ p, .refer_item .list li .tit ~ p{padding-left:16px;margin-top: 4px}

	/*강의 준비 중*/
	.con_02 .inner.coming-soon {padding:35px 15px;max-width:calc(100% - 40px);}
	.coming-soon_img {width:65px;margin-right:10px;}
	.coming-soon_txt span {font-size:2.8rem;}
	.coming-soon_cont span {font-size: 1.7rem;}
	.coming-soon_info > * {font-size:1.5rem;}
	.coming-soon_info h4 {width:100%;text-align:center;margin-bottom:5px;}
	.coming-soon_info .coming-soon_phone {margin-left:0;}
	.coming-soon_info .coming-soon_phone::before {display:none;}
	.coming-soon_email img {margin-top:3px;width:16px;}
	
	.swiper-slide .quick_menu .icon{width: 15.0rem;}
	.quick_list {padding:0 5px;}
}