@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

.vm{vertical-align: middle}
/* select box */
.select_style01{font-size: 1.4rem;color: #9ea4aa;background: url('/images/front/select_arrow.png') no-repeat right 10px center #f7f8f9; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 7px 30px 7px 10px;border: 1px solid #c9cdd2}
.select_style02{font-size: 1.4rem;color: #9ea4aa;background: url('/images/front/select_arrow02.png') no-repeat right 10px center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 5px 30px 5px 10px;border: 1px solid #9ea4aa;border-radius: 5px}
.select_style03{font-size: 1.4rem;color: #9ea4aa;background: url('/images/front/select_arrow03.png') no-repeat right 10px center #f7f8fa; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 1.5rem 30px 1.5rem 1.5rem;border-radius: 5px;border: 0}
.select_style04{font-size: 1.4rem;color: #9ea4aa;background: url('/images/front/select_arrow04.png') no-repeat right 10px center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 1rem 40px 1rem 1.5rem;border-radius: 0;border: 1px solid #e8ebed}
.select_style05{color: #9ea4aa;background: url('/images/front/select_arrow05.png') no-repeat right 1rem center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 0.7rem 40px 0.7rem 1rem;border-radius: 0;border: 1px solid #9ea4aa;box-sizing: border-box;font-size: 1.4rem}
.select_style05:disabled{background-color: #e8ebed;border:1px solid #e8ebed;color:  #000 !important;opacity: 1}
.select_style06{color: #1b1d1f;background: url('/images/front/select_arrow05.png') no-repeat right 1rem center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 0.7rem 40px 0.7rem 1rem;border-radius: 0;border: 1px solid #9ea4aa;box-sizing: border-box;font-size: 1.6rem;border-radius: 5px}
.select_style07{color: #1b1d1f;background: url('/images/front/select_arrow06.png') no-repeat right 1rem center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 0.5rem 40px 0.5rem 1rem;border-radius: 0;border: 1px solid #c9cdd2;box-sizing: border-box;font-size: 1.4rem;}
.select_style08{color: #1b1d1f;background: url('/images/front/select_arrow07.png') no-repeat right 0.5rem center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 1rem 40px 1rem 1rem;border-radius: 0;box-sizing: border-box;font-size: 1.6rem;;color: #454c53; border: 0;border-bottom: 1px solid #9ea4aa;}
.select_style09{min-width: 140px; background: url('/images/front/select_arrow08.png') no-repeat right 8px center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none; color: #011c49; font-size: 1.4rem; font-family: inherit;padding: 6px 20px 6px 10px;border: 1px solid #e2e2e2; border-radius: 5px; box-sizing: border-box;}


/* radio_style */
.radio {position: relative;}
.radio input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio input[type="radio"] + label {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size: 1.4rem}
.radio input[type="radio"] + label:before {content: '';position: absolute;left: 0;top:3px;width: 14px;height: 14px;text-align: center;background: #fff;border: 1px solid #c9cdd2;border-radius: 100%;}
.radio input[type="radio"]:checked + label:after {content: '';position: absolute;top:7px;left: 4px; width: 8px;height: 8px;background: #1b1d1f;border-radius: 100%;}

.radio02 {position: relative;}
.radio02 input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio02 input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size: 1.6rem}
.radio02 input[type="radio"] + label:before {content: '';position: absolute;left: 0;top:3px;width: 20px;height: 20px;text-align: center;background: #fff;border: 1px solid #1b1d1f;border-radius: 100%;}
.radio02 input[type="radio"]:checked + label:after {content: '';position: absolute;top:3px;left: 0; width: 20px;height: 20px;background: #1b1d1f;border-radius: 100%;border: 1px solid #1b1d1f}



.radio03 {position: relative;}
.radio03 input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio03 input[type="radio"] + label {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size: 1.4rem}
.radio03 input[type="radio"] + label:before {content: '';position: absolute;left: 0;top:3px;width: 14px;height: 14px;text-align: center;background: #fff;border: 1px solid #c9cdd2;border-radius: 100%;}
.radio03 input[type="radio"]:checked + label:after {content: '';position: absolute;top:7px;left: 4px; width: 8px;height: 8px;background: #3a86cd;border-radius: 100%;}

/* input_Style */
.input_style01{font-family: inherit;padding: 0.7rem 1rem;border-radius: 0;border: 1px solid #9ea4aa;box-sizing: border-box;font-size: 1.4rem}
.input_style01::placeholder{color: #9ea4aa;}
.input_style01:disabled{background-color: #e8ebed;border:1px solid #e8ebed;color:  #000;}
.input_style02{border: 1px solid #c9cdd2;padding: 0.5rem 1rem;font-size:1.4rem;box-sizing: border-box}
.input_style03{border: 1px solid #c9cdd2;padding: 0.5rem 1rem;font-size:1.4rem;box-sizing: border-box;border-radius: 5px}
.input_style03::placeholder{color: #9ea4aa}
.input_style04{background: #f7f8fa;border: 0;padding: 1rem;box-sizing: border-box;font-size: 1.4rem}
.input_style04::placeholder{color: #9ea4aa}

.gray_border{border: 1px solid #e8ebed;padding: 2rem;}
.black_line{border: 0;border-bottom: 1px solid #1b1d1f;width: 100%}
.textarea{width: 100%;resize: none;border: 1px solid #c9cdd2;height: 150px;padding: 1rem;font-size: 1.4rem;box-sizing: border-box}
.textarea::placeholder{color: #72787f}
.textarea02{width: 100%;resize: none;border: 1px solid #c9cdd2;height: 150px;padding: 1.5rem;font-size: 1.4rem;box-sizing: border-box}
.textarea02::placeholder{color: #9ea4aa}
.textarea03{width: 100%;resize: none;border: 1px solid #c9cdd2;height: 150px;padding: 1rem;font-size: 1.4rem;box-sizing: border-box;border-radius: 5px;}
.textarea03::placeholder{color: #9ea4aa}
.textarea04{background: #f7f8fa;width: 100%;resize: none;border: 0;height: 170px;padding: 1rem;;box-sizing: border-box;font-size: 1.4rem}
.textarea04::placeholder{color: #9ea4aa}
.gray_bg{background: #f7f8fa;padding: 3rem}
.gray_bg02{background: #f4f4f4;padding: 1.5rem}
.img_wrap{text-align: center;}
.img_wrap img{max-width: 100%}

/* 디폴트 이미지 타이틀 추가  */
.none_tit { display: -webkit-box; width: 100%; padding: 0 0.5rem; position: absolute; top: 50%; transform: translateY(-50%); color: #eee; font-size: 1.6rem; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; } 
.none_tit { -webkit-line-clamp: 3; } 

/* 역량진단 */
.raund{border:1px solid #36ace3 !important;color:#36ace3 !important}
.raund.bg-blue{border:none !impotant;color: #fff !important;background:#36ace3 !important}
.cmptEvlAnalysisCmpt .tab_box .txt-box .raund{padding:3px 20px !important}
.rstevlscore{padding:2px 14px !important;border:0 !important}
.graph_list .g_check_list label,
.graph_list .g_check_list label span{font-size: 1.4rem !important;vertical-align:baseline !important}
.graph_list .g_check_list input[type="checkbox"] {;transform:none !important;-webkit-appearance: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 16px;height: 16px;cursor: pointer;outline: none !important;border: 1px solid #9ea4aa;border-radius: 3px;vertical-align: middle;margin-top: 0px;background: #fff}
.graph_list .g_check_list input[type="checkbox"]:checked {margin-left:0 !important;background:url(/images/front/check.png) no-repeat top 4px left 2px #454c53 !important;border: 1px solid #454c53 !important}
.graph_list .g_check_list input[type="checkbox"]:checked::before {border-radius: 4px !important; transform: scale(1) translate(-50%, -50%) !important}
.graph_list .graph_tab a{display:flex !important;align-items:center !important;justify-content:center !important;}
.graph_list .graph_tab a .icon{margin-top:0 !important}
.graph_list .graph_tab a.on{border:1px solid #36ace3 !important;background:#36ace3 !important}
.k-chart text{font-family:'Noto Sans KR' !important;}
.cmpt-category ul{display:flex;flex-wrap:wrap;}
.cmpt-category li.btn-all{margin-right:5px !important}
.cmpt-category li.btn-all button {min-height:38px;;color:#1b1d1f !important;border:1px solid #1b1d1f !important;padding:5px 20px !important;height:auto !important;font-size:1.5rem !important}
.cmpt-category li:not(.btn-all){margin-right:25px !important;float:none !important;color:#1b1d1f !important;border:1px solid #1b1d1f !important;padding:5px 20px !important;height:auto !important;font-size:1.5rem !important;display:flex;align-items:center;justify-content:center;min-height:38px}
.cmpt-category li:not(.btn-all) button{background:#36ace3 !important;width:33px !important;height:33px !important;border:0 !important;top:50% !important;transform:translateY(-50%);right:-20px !important;font-size:1.2rem !important;}
.k-grid .k-grid-header .k-grid-header-wrap table th{background:#e8ebed !important;}
.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout>tbody>tr:first-child>td:first-child{background:#f9f9f9 !important}
div.k-window{position:fixed !important;z-index:999 !important;top:50% !important;transform:translateY(-50%) !important}
.layer_cont .layer_text .data_table tr > th{vertical-align:middle}
.k-window .k-window-titlebar .k-window-actions{padding-top:0 !important}
.k-window-titlebar .k-window-actions{top:50% !important;transform:translateY(-50%)}
.coments_area .none_data{border-top:0 !important;background:#f9f9f9 !important;border-radius:10px}
.cmpt_pop .popCont{padding:3rem !important;}
.cmpt_pop .top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:1.5rem 2rem 1.5rem 2rem;}
.cmpt_pop .top h3{font-size:1.8rem;font-weight:500}
.popup .top_cont.step-wrap{padding:0 !important;margin-bottom:2rem}
.beforeStep,
.goStep{width:100px}
.ptree_btn.pt_cancel{color:#1b1d1f !important;border:1px solid #1b1d1f !important;background:#fff !important;}
.ptree_btn.pt_cancel span{color:#1b1d1f !important;}
.ptree_btn.pt_red{border:1px solid #f27569 !important;background:#f27569 !important}
.ptree_btn.pt_red span{color:#fff !important;}
.ptree_btn.pt_blue{background:#fff !important;border:1px solid #36ace3 !important;color:#36ace3 !important}
.ptree_btn.pt_blue span{color:#36ace3 !important}
.cmpt_pop .d_step ul{display:flex !important;}
.cmpt_pop .btn-close{absolute;border:0 !important;background: url(/images/front/close_btn.png) no-repeat;width: 20px;height: 20px;text-indent: -9999px;}
.cmpt_pop .table_style05.k-grid .k-grid-content{border-bottom:0 !important}
.cmpt_pop .cmpt-jaga-wrap > ul{height:300px;}
.cmpt_pop .cmpt-jaga-wrap > ul::-webkit-scrollbar{
 width: 5px;
}
.cmpt_pop .cmpt-jaga-wrap > ul::-webkit-scrollbar-thumb {
    background: #555; /* 스크롤바 막대 색상 */
    border-radius: 12px 12px 12px 12px;
}
.cmpt_pop .cmpt-jaga-wrap > ul::-webkit-scrollbar-track{background:#f9f9f9;}
.popCont > .scr::-webkit-scrollbar { width: 5px;  }
.popCont > .scr::-webkit-scrollbar-thumb {
    background: #555; /* 스크롤바 막대 색상 */
    border-radius: 12px 12px 12px 12px;
}
.popCont > .scr::-webkit-scrollbar-track{background:#f9f9f9;}

/* btn_style */
.btn_wrap a {display: inline-block;}
.btn_wrap a + a{margin-left: 5px}
.btn_style01{padding: 1rem 1rem;width: 120px;border-radius: 10px;box-sizing: border-box;font-size: 1.6rem;text-align: center;box-sizing: border-box}
.btn_style02{display: inline-block;font-size: 1.3rem;font-family:inherit;padding: 0 1.3rem;border-radius: 5px;box-sizing: border-box;height: 25px;line-height: 25px;}
.btn_style03{font-size: 1.4rem;font-weight: 500;padding: 5px 15px;border-radius: 5px;display: inline-block;box-sizing: border-box;text-align: center}
.btn_style04{font-size: 1.4rem;padding: 5px 20px;border-radius: 5px;display: inline-block}
.btn_style05{padding: 1rem 3rem;border-radius: 10px}
.btn_style06{padding: 0.7rem 2rem;border-radius: 5px;min-width: 90px;box-sizing: border-box;;font-size: 1.4rem}
.btn_style07{padding: 0.3rem 2rem;border-radius: 10px}
.btn_style08{display: inline-block;min-width:120px;text-align: center;padding: 1rem;border-radius: 10px;box-sizing: border-box}
.btn_style09{padding: 0.3rem 1rem;border-radius: 5px;display: inline-block;font-size: 1.4rem}
.btnStyle01{max-width: 160px; width: 100%; padding: 1rem;border-radius: 10px}
.btn_gray01{color: #9ea4aa;border: 1px solid #9ea4aa;background: #fff}
.btn_gray01.hover:hover,
.btn_gray01.hover:active,
.btn_gray01.hover:focus{background: #9ea4aa;color: #1b1d1f}
.btn_gray02{color: #72787f;border: 1px solid #72787f;}
.btn_gray03{background: #9ea4aa;color: #fff}
.btn_gray04{background: #454c53;color: #fff}
.btn_gray05{background: #72787f;color: #fff}
.btn_gray06{background: #e8ebed;color: #454c53}
.btn_gray07{background: #c9cdd2;color: #454c53}
.btn_gray08{border: 1px solid #c9cdd2;color: #9ea4aa;background: #fff}
.btn_gray09{background: #c9cdd2;color: #fff;}
.btn_orange{background: #f36f20;color: #fff}
.btn_white{border: 1px solid #ddd;color: #333;background: #fff}
.btn_blue{color: #36ace3;border: 1px solid #36ace3}
.btn_blue02{background: #3a86cd;color: #fff}
.btn_blue.hover:hover,
.btn_blue.hover:active,
.btn_blue.hover:focus{background: #36ace3;color: #fff}
.btn_black01{background: #fff;border: 1px solid #1b1d1f;color: #1b1d1f}
.btn_black02{background: #1b1d1f;color: #fff}

.flexBox{display:flex; justify-content: center; align-items: center;}

/* title */
.tit01{font-size: 2rem;font-weight: 500;margin-bottom: 2.5rem}
.tit01.border_gray{border-bottom: 1px solid #e8ebed;padding-bottom: 2rem}
.tit02{font-size: 1.8rem;font-weight: 500;margin-bottom: 2rem}

/* popup */
.not_scroll{width: 100%;height: 100vh;overflow: hidden;position: absolute;}
.shadow{position: fixed;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.2);left: 0;top: 0;display: none;z-index: 5}
.popUp{z-index: 5;background: #fff;position: fixed;max-width: 500px;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none}
.popTop{padding: 2rem 3rem;border-bottom: 1px solid #1b1d1f;display: flex;justify-content: space-between;align-items: center;}
.popTop h3{font-weight: 500;font-size: 2.6rem}
.popTop .close{background: url(/images/front/close_btn.png) no-repeat;width: 20px;height: 20px;text-indent: -9999px;}
.popCont{padding: 3rem 0;max-height: calc(100vh - 150px);}
.popCont > .scr.mh_scr {max-height: calc(100vh - 220px);overflow-y:auto}
.popCont .pc_pd{padding: 0 3rem}
.popCont > .scr{max-height: calc(100vh - 320px);overflow-y: auto;padding-right: 20px !important}
.board_search_wrap .board_search{max-width: calc(100% - 150px)}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{height: auto!important}
.btn_wrap{margin-top: 6rem}

/* 나의 강의실 팝업 */
.popUp .pop_wrap{display: flex;justify-content: space-between}
.popUp .pop_wrap .pop_side{width: 190px;}
.popUp .pop_wrap .pop_side .tit{font-size: 2rem;font-weight: 500;padding-bottom: 1.5rem;border-bottom: 2.5px solid #1b1d1f;}
.popUp .pop_wrap .pop_side .snb > li > a{padding: 1.5rem;border-bottom: 1px solid #9ea4aa;}
.popUp .pop_wrap .pop_side .snb > li:last-child{border-bottom: 0}
.popUp .pop_wrap .pop_side .snb > li.active > a{color: #1b1d1f;font-weight: 500;border-bottom: 1px solid #1b1d1f;}
.popUp .pop_wrap .pop_side .snb > li.active ul{display: block;border-bottom: 1px solid #1b1d1f}
.popUp .pop_wrap .pop_side .snb > li a{display: block;font-size: 1.6rem;color: #454c53}
.popUp .pop_wrap .pop_side .snb > li > ul{padding: 1.5rem;border-bottom: 1px solid #9ea4aa;display: none}
.popUp .pop_wrap .pop_side .snb > li > ul li a{color: #454c53;margin-bottom: 1rem}
.popUp .pop_wrap .pop_side .snb > li > ul li.active a{color: #1b1d1f;font-weight: 500}
.popUp .pop_wrap .pop_side .snb > li > ul li:last-child a{margin-bottom: 0}
.popUp .pop_wrap .pop_contents{width: calc(100% - 230px)}

.winPop{position: static;width: 100%;transform: none;}

/* 메인 */
.main_banner{position: relative;height: 340px;position: relative}
.main_banner .txt{padding: 0 70px;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;color: #fff;box-sizing: border-box}
.main_banner .txt h3{font-size: 3.2rem;font-weight: bold;margin-bottom: 1.5rem}
.main_banner .txt p{font-weight: 500;}
.main_banner .swiper-slide.item01{background: url(/images/front/main_banner01.png) no-repeat #6fb7ff bottom right 70px}
.main_banner .swiper-slide.item02{background: url(/images/front/main_banner02.png) no-repeat #ffa358 bottom right 90px}
.main_banner .swiper-button-prev,
.main_banner .swiper-button-next{width: 6px;height: 10px;top: 50%; transform: translateY(-50%); margin-top: 0;}
.main_banner img{display: block;width: 100%}
.main_banner .main_control { width: 100px; height: 20px; position: absolute; left: 68px; bottom: 32px; z-index: 10; } 
.main_banner .swiper-button-prev{background: url(/images/front/mb_prev.png) no-repeat center; left: 0;}
.main_banner .swiper-button-next{background: url(/images/front/mb_next.png) no-repeat;left: 70px;}
.main_banner .swiper-pagination{position: absolute;left: 14px !important;top: 50%; transform: translateY(-50%); bottom: initial; z-index: 5;font-size: 1.3rem;color: #72787f;text-align: left;display: flex;}
.main_banner .swiper-pagination .swiper-pagination-current{font-weight: 500;color: #1b1d1f}
.main_banner .swiper-pagination span + span{margin-left: 10px;padding-left: 10px;position: relative;}
.main_banner .swiper-pagination span + span:before{content: '';display: block;width: 1px;height: 10px;background: #72787f;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.main_banner .swiper-button-play{background: url(/images/front/mb_start.png) no-repeat center;display: block;width: 8px;height: 10px;text-indent: -9999px;position: absolute;left: 90px; top: 50%; transform: translateY(-50%); z-index: 5;display: none}
.main_banner .swiper-button-pause{background: url(/images/front/mb_stop.png) no-repeat;display: block;text-indent: -9999px;position: absolute;left: 90px; top: 50%; transform: translateY(-50%);z-index: 55;width: 6px;height: 10px;}
/* .main_banner .swiper-button-prev{background: url(../images/mb_prev.png) no-repeat center;left: 70px;}
.main_banner .swiper-button-next{background: url(../images/mb_next.png) no-repeat;left: 145px;}
.main_banner .swiper-pagination{position: absolute;bottom: 36px;left: 86px !important;z-index: 5;font-size: 1.3rem;color: #72787f;text-align: left;display: flex;}
.main_banner .swiper-pagination .swiper-pagination-current{font-weight: 500;color: #1b1d1f}
.main_banner .swiper-pagination span + span{margin-left: 10px;padding-left: 10px;position: relative;}
.main_banner .swiper-pagination span + span:before{content: '';display: block;width: 1px;height: 10px;background: #72787f;position: absolute;left: 0;top: 55%;transform: translateY(-50%);}
.main_banner .swiper-button-play{background: url(../images/mb_start.png) no-repeat center;display: block;width: 8px;height: 10px;text-indent: -9999px;position: absolute;bottom: 40px;left: 164px;z-index: 5;display: none}
.main_banner .swiper-button-pausebackground: url(../images/mb_stop.png) no-repeat;display: block;text-indent: -9999px;position: absolute;bottom: 40px;left: 164px;z-index: 55;width: 6px;height: 10px;}
 */
.main_banner .swiper-slide-prev,
.main_banner .swiper-slide-next{position: relative;}
.main_banner .swiper-slide-prev:after,
.main_banner .swiper-slide-next:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;}
.main_notice{display: flex;margin: 7rem 0;justify-content: space-between}
.main_notice .notice {width: calc(55% - 40px);position: relative;}
.main_notice .notice h3{font-size: 2.6rem;font-weight: 500;margin-bottom: 2rem;}
.main_notice .notice .notice_list {width: 100%}
.main_notice .notice .notice_list li{padding-bottom: 1rem;margin-bottom: 1rem;display: flex;border-bottom: 1px solid #c9cdd2;align-items: center;}
.main_notice .notice .notice_list li:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0}
.main_notice .notice .notice_list li .date{font-size: 14px;color: #72787f;margin-left: auto}
.main_notice .notice .notice_list li a{white-space: nowrap;max-width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;padding-right:15px}
.main_notice .notice .notice_list li.file a{position: relative;}
.main_notice .notice .notice_list li.file a:after{content: '';display: block;background: url(/images/front/file.png) no-repeat;width: 12px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.main_notice .notice .more{position: absolute;right: 0;top: 10px;font-size: 1.4rem;font-weight: 500;background: url(/images/front/more_arrow02.png) no-repeat right center;padding-right: 15px}
.main_notice .center{width: calc(45%);background: url(/images/front/center_bg.png) no-repeat bottom right 25px  #fffac4;border-radius: 10px;padding: 4.7rem 4rem;box-sizing: border-box} 
.main_notice .center .txt01{font-weight: 500;font-size: 2.4rem;line-height: 1;margin-bottom: .5rem}
.main_notice .center .txt02{font-weight: 500;font-size: 3.2rem;color: #3249c3;line-height: 1}
.main_notice .center .txt03{font-size: 1.8rem;font-weight: 500;margin-top: 1.6rem}
.main_notice .center .txt04{font-size: 1.8rem;}
.hot_cont,
.new_cont{margin: 7rem 0}
.cont_slide .con_list{overflow: hidden}
.cont_slide{position: relative}
.cont_slide h3{text-align: center;font-size: 2.6rem;font-weight: 500;margin-bottom: 4rem;}
.cont_slide h3 p{font-size: 1.8rem}
.cont_slide .more{position: absolute;right: 0;top: 10px;font-size: 1.4rem;font-weight: 500;background: url(/images/front/more_arrow02.png) no-repeat right center;padding-right: 15px;display: block;}
.cont_slide .more.top40{top: 40px !important}
.cont_slide .slide_wrap{position: relative;}
.cont_slide .slide_wrap .swiper-button-next, 
.cont_slide .slide_wrap .swiper-button-prev{z-index: 55;width: 40px;height: 40px;margin-top: 0;transform: translateY(-50%)}
.cont_slide .slide_wrap .swiper-button-prev{left: -60px;background: url(/images/front/slide_prev.png) no-repeat;}
.cont_slide .slide_wrap .swiper-button-next{right: -60px;background: url(/images/front/slide_next.png) no-repeat;}
.cont_slide .con_list.col .img{height: 180px}
.field_cont{padding: 7rem 0;background: #f7f8f9}
.field_cont .tabs{display: flex;justify-content: center;margin-bottom: 4rem;}
.field_cont .tabs li{border-radius: 30px;background: #fff;border: 1px solid #9ea4aa;color: #9ea4aa;width: 100px;text-align: center;box-sizing: border-box;padding: 0.5rem;margin-right: 1rem}
.field_cont .tabs li:last-child{margin-right: 0}
.field_cont .tabs li a{display: block;width: 100%;height: 100%;}
.field_cont .tabs li.active{background: #1b1d1f;color: #fff;border-color: #1b1d1f}
.micro_cont{margin: 7rem 0}
.card-wrap{background: #e1f0ff;padding: 7rem 0 ;margin: 7rem 0}
.card-wrap .inner{display: flex;justify-content: space-between}
.card-wrap .txt_cont{width: 275px;background: url(/images/front/card_img.png) no-repeat bottom left}
.card-wrap .txt_cont h3{font-size: 2.6rem;font-weight: 500;margin-bottom: 1rem;}
.card-wrap .txt_cont .txt{font-size: 1.8rem;}
.card-wrap .con_list {width: calc(100% - 315px);overflow: hidden;padding-bottom: 50px;position: relative;}
.card-wrap .con_list .swiper-pagination-progressbar{background: #ffffff;position: absolute;bottom: 3px !important;top: auto;width: calc(100% - 60px);height: 2px;border-radius: 0;}
.card-wrap .con_list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #72787f}
.card-wrap .con_list .swiper-button-prev,
.card-wrap .con_list .swiper-button-next{width: 16px;height: 10px;top: auto;bottom: 0;}
.card-wrap .con_list .img{height: 180px !important}
.card-wrap .con_list .swiper-button-prev{background: url(/images/front/card_prev.png) no-repeat;right: 31px;left: auto;}
.card-wrap .con_list .swiper-button-next{background: url(/images/front/card_next.png) no-repeat;right: 0;}
.today_cont h3{text-align: center;font-size: 2.6rem;font-weight: 500;margin-bottom: 4rem;}
.today_cont .con_list{display: flex;justify-content: space-between}
.today_cont .con_list > .item{width: calc(33.333% - 13.333px)}
.today_cont .con_list > .item .tit{font-size: 1.8rem;margin-bottom: 0.5rem;}
.today_cont .con_list > .item .desc{font-size: 1.4rem;}
.today_cont .con_list > .item .img{height: 240px}

/*학습공동체>학습자추가 팝업*/
.popUp .selected_learner{background:#26282b; padding: 2rem 6rem;display: flex;align-items: flex-start}
.popUp .selected_learner .tit{color: #fff;font-weight: 500;margin-right: 2rem}
.popUp .selected_learner .reset{background: #fff;border: 0;color: #72787f;font-size: 1.3rem;font-family:inherit;padding: 5px 10px;border-radius: 3px;margin-right: 7px}
.popUp .selected_learner .name_wrap{display: flex;flex-wrap: wrap;width: calc(100% - 179px)}
.popUp .selected_learner .name_wrap .name{background: #f7f8fa;display: flex;justify-content: space-between;width: calc(50% - 3.5px);margin-right: 7px;padding: 2px 10px;box-sizing: border-box;font-size: 1.4rem;align-items: center;margin-top: 10px}
.popUp .selected_learner .name_wrap .name:nth-child(-n + 2){margin-top: 0}
.popUp .selected_learner .name_wrap .name:nth-child(2n){margin-right: 0}
.popUp .selected_learner .name_wrap .del{background: url(/images/front/close_btn02.png) no-repeat center;width: 11px;height: 10px;text-indent: -9999px;}
.popUp .sl_list{border-top: 1px solid #1b1d1f;margin:4rem 0 0 0 }
.popUp .sl_list .item{display: flex;align-items: center;justify-content: space-between;padding: 15px 30px;border-bottom: 1px solid #e8ebed}
.popUp .sl_list .item .info{display: flex;}
.popUp .sl_list .item .info li{position: relative}
.popUp .sl_list .item .info li + li {margin-left: 10px;padding-left: 10px;}
.popUp .sl_list .item .info li + li:before{content: '';display: block;width: 1px;height: 15px;background: #1b1d1f;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}

/* 인기상승 팝업 */
.interest_list {display: flex;flex-wrap: wrap;justify-content: center}
.interest_list li{max-width: 120px;width: 100%;}
.interest_list li .checklabel{width: 100%}
/* list style */
.list_style01 li{position: relative;padding-left: 15px;margin-bottom: .5rem}
.list_style01 li:before{content: '·';display: block;position: absolute;left: 0;top: 0;}
.list_style01 li:last-child{margin-bottom: 0}
.list_style02 li{position: relative;padding-left: 15px;margin-bottom: 2rem;word-break: keep-all}
.list_style02 li:before{content: '';display: block;width:3px;height: 3px;background:  #1b1d1f;position: absolute;left: 0;top: 12px}
.list_style02 li:last-child{margin-bottom: 0}
.list_style03 li{position: relative;padding-left: 15px;margin-bottom: 2rem;word-break: keep-all}
.list_style03 li:before{content: '-';display: block;position: absolute;left: 0;top: 0}
.list_style03 li:last-child{margin-bottom: 0}
.list_style04 li{position: relative;padding-left: 15px;margin-bottom: 2px;word-break: keep-all}
.list_style04 li:before{content: '-';display: block;position: absolute;left: 0;top: 0}
.list_style04 li:last-child{margin-bottom: 0}
.list_style05 li{position: relative;padding-left: 20px;margin-bottom: 2px;word-break: keep-all}
.list_style05 li:before{display: block;position: absolute;left: 0;top: 0}
.list_style05 li:nth-child(1):before{content: '①';}
.list_style05 li:nth-child(2):before{content: '②';}
.list_style05 li:nth-child(3):before{content: '③';}
.list_style05 li:last-child{margin-bottom: 0}
.num_list > li{position: relative;margin-bottom: 0.5rem;padding-left: 15px}
.num_list > li:nth-child(1):before{content: '1.';display: block;position: absolute;left: 0;top: 0;}
.num_list > li:nth-child(2):before{content: '2.';display: block;position: absolute;left: 0;top: 0;}
.num_list > li:nth-child(3):before{content: '3.';display: block;position: absolute;left: 0;top: 0;}
.num_list > li:nth-child(4):before{content: '4.';display: block;position: absolute;left: 0;top: 0;}
.num_list > li:nth-child(5):before{content: '5.';display: block;position: absolute;left: 0;top: 0;}
.num_list > li:nth-child(6):before{content: '6.';display: block;position: absolute;left: 0;top: 0;}

.normal{font-weight: normal}

/* input */
.check label{font-size: 1.6rem}
.check input[type="checkbox"] {-webkit-appearance: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 16px;height: 16px;cursor: pointer;outline: none !important;border: 1px solid #9ea4aa;border-radius: 3px;vertical-align: middle;margin-top: 0px;background: #fff}
.check input[type="checkbox"]:checked {background:url(/images/front/check.png) no-repeat top 4px left 2px #454c53;border: 1px solid #454c53}
.check input[type="checkbox"]:checked::before {border-radius: 4px; transform: scale(1) translate(-50%, -50%)}

.check02 label{font-size: 1.6rem}
.check02 input[type="checkbox"] {-webkit-appearance: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 20px;height: 20px;cursor: pointer;outline: none !important;background: url(/images/front/check02.png) no-repeat;margin: -4px 1rem -4px 0}
.check02 input[type="checkbox"]:checked {background:url(/images/front/check02_active.png) no-repeat no-repeat;}
.formrow {overflow:hidden;position:relative;margin:auto;padding:10px;background:#fff;}
.checklabel {display:inline-block;border:1px solid #c9cdd2;background:#fff;border-radius:2px;text-align:center;padding:0.5rem 1em;font-size:1.3rem;border-radius: 20px;box-sizing: border-box}
.checkbox {position:absolute;right:10px;
	top:15px;
	width: 2.2em;
	height: 2.2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border:none;
	padding:0;
	border-radius:0;
	outline:0;
}

.checkbox:checked + label {background:#36ace3;color: #fff;border:1px solid #36ace3 }


.content-page{padding: 2rem 0 6rem 0;min-height: calc(100vh - 453px);box-sizing: border-box}
.gray_line{border: 0;border-bottom: 1px solid #9ea4aa}
.gray_line02{border: 0;border-bottom: 1px solid #e8ebed;margin: 5rem 0}

/* bread_crumb */
.bread_crumb{display: flex;justify-content: flex-end;margin-bottom: 2rem}
.bread_crumb li{font-size: 1.4rem;color: #72787f;}
.bread_crumb li:after{content: '>';display: inline-block;margin: 0 0.5rem}
.bread_crumb li:last-child{color: #1b1d1f}
.bread_crumb li:last-child:after{display: none}

/* title */
.page_tit{font-size: 2.6rem;font-weight: 500;text-align: center;padding-bottom: 2rem;margin-bottom: 3rem;border-bottom: 1px solid #1b1d1f;}

/* tab */
.tab_style01{display: flex;position: relative;}
.tab_style01:after{content: ''; display: block;width: 100%;height: 0.5px;background: #1b1d1f;position: absolute;bottom: 0;left: 0;}
.tab_style01.full li{flex: 1 1}
.tab_style01 li a{display: flex;align-items: center;justify-content: center;color: #9ea4aa;text-align: center;border: 1px solid #9ea4aa;padding:  8px 10px;box-sizing: border-box;border-radius: 10px 10px 0 0;background: #fff;border-bottom: 0;background: #fff;height: 100%} 
.tab_style01 li + li a{border-left:0} 
.tab_style01 li:first-child a{margin-left: 0;}
.tab_style01 li.active a{border: 1px solid #1b1d1f;color: #1b1d1f;font-weight: 500;border-bottom: 0;position: relative;z-index: 2;}
.tab_style01 li.w180 a{width: 180px;}
.tab_style01 li.w160 a{width: 160px;}
.tab_style01 li.w120 a{width: 120px;}
.tab_style02{display: flex;margin-bottom: 3rem}
.tab_style02 li{flex: 1 1;text-align: center;margin-left: -1px}
.tab_style02 li:first-child{margin-left: 0}
.tab_style02 li a{display: flex; height: 100%; justify-content: center; align-items: center;  box-sizing: border-box; padding: 10px;border: 1px solid #c9cdd2;color: #9ea4aa;font-family: 'SCoreDream','Noto Sans KR',sans-serif}
.tab_style02 li.active a{position: relative;z-index: 2}
.tab_style02 li:nth-child(1).active a{border: 1px solid #36ace3;color: #36ace3;font-weight: 500}
.tab_style02 li:nth-child(2).active a{border: 1px solid #f09338;color: #f09338;font-weight: 500}
.tab_style02 li:nth-child(3).active a{border: 1px solid #5dcd4a;color: #5dcd4a;font-weight: 500}
.tab_style02 li:nth-child(4).active a{border: 1px solid #DC4844;color: #DC4844;font-weight: 500}
.tab_style03{display: flex;}
.tab_style03 li{flex: 1 1;text-align: center;margin-left: -1px}
.tab_style03 li:first-child{margin-left: 0}
.tab_style03 li a{display: block;padding: 10px;border: 1px solid #c9cdd2;color: #9ea4aa;font-family: 'SCoreDream','Noto Sans KR',sans-serif}
.tab_style03 li.active a{color: #26282b;border: 1px solid #26282b;position: relative;z-index: 2;font-weight: 500}
.tab_style04{display: flex;}
.tab_style04 li{flex: 1 1;}
.tab_style04 li:first-child a{margin-left: 0}
.tab_style04 li + li a {border-left:0}
.tab_style04 li a{text-align: center;display: flex;justify-content: center;align-items: center;font-size: 1.8rem;border: 1px solid #1b1d1f;padding: 1rem;font-weight: 500;height: 100%;box-sizing: border-box;margin-left: -1px;word-break: keep-all}
.tab_style04 li.active a{background: #1b1d1f;color: #fff}
.tab_style04.tab_blue li a {color: #666670; border-color: #ccc; border-bottom-color: #21277d; }
.tab_style04.tab_blue li.active a {background: #21277d; color: #fff;}

/* layout */
#side2{float: left;width: 190px;}
#side2 .tit{font-size: 2rem;font-weight: 500;padding-bottom: 1.5rem;border-bottom: 2.5px solid #1b1d1f;}

#side{float: left;width: 190px;}
#side .tit{font-size: 2rem;font-weight: 500;padding-bottom: 1.5rem;border-bottom: 2.5px solid #1b1d1f;}
#side .snb > li > a{padding: 1.5rem;border-bottom: 1px solid #9ea4aa;}
#side .snb > li:last-child{border-bottom: 0}
#side .snb > li.active > a{color: #36ace3;font-weight: bold;}
#side .snb > li.active ul{display: block;}
#side .snb > li a{display: block;font-size: 1.6rem;color: #454c53}
#side .snb > li > ul{padding: 1.5rem;border-bottom: 1px solid #9ea4aa;display: none}
#side .snb > li > ul li a{color: #454c53;margin-bottom: 1rem}
#side .snb > li > ul li.active a{color: #1b1d1f;font-weight: 500}
#side .snb > li > ul li:last-child a{margin-bottom: 0}

#side.myclass_list {width: auto; float: initial;}

#side .snb02 {margin-top: 1rem}
#side .snb02 > li > a{background: #26282b;color: #fff;font-weight: 500;padding: 1.5rem 1rem}
#side .snb02 > li.active > a{color: #fff}
#side .snb02 > li > ul {display: block;padding: 0;border-bottom: 0}
#side .snb02 > li > ul li a{border-bottom: 1px solid #9ea4aa;padding: 1.5rem 1rem;margin-bottom: 0}
#side .snb02 > li > ul li:last-child a{border-bottom: 0;margin-bottom: 1rem}
#side .snb02 > li > ul .active a{font-weight: 500}

#contents {float: left;width: calc(100% - 240px);margin-left: 50px;}
#contents.full{float: none;width: 100%;margin-left: 0}

.quick_menu{display: none;}
/* .quick_menu{position: fixed;right: 0;top: 400px;background: #fff;z-index: 5;border: 1px solid #9ea4aa;border-right: 0;border-radius: 15px 0 0 15px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08)}
.quick_menu > ul > li > a{border-bottom: 1px solid #9ea4aa;}
.quick_menu > ul > li > a:last-child{border-bottom: 0}
.quick_menu > ul > li ul {display: none;padding: 1rem 2rem;border-bottom: 1px solid #9ea4aa;}
.quick_menu > ul > li ul li{margin-bottom: 1rem;position: relative;}
.quick_menu > ul > li ul li:last-child{margin-bottom: 0}
.quick_menu > ul > li ul li a{font-size: 1.3rem;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.quick_menu ul > li > a > p{font-size: 1.3rem;color: #454c53;font-weight: 500;display: none}
.quick_menu > ul > li > a{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.quick_menu ul > li.quick span{background: url(/images/front/quick_ico01.png) no-repeat center;width: 21px;height: 17px;display: block;}
.quick_menu ul > li.quick ul li{padding-left: 25px}
.quick_menu ul > li.quick ul li:nth-child(1){background: url(/images/front/quick_ico02.png) no-repeat left center}
.quick_menu ul > li.quick ul li:nth-child(2){background: url(/images/front/quick_ico03.png) no-repeat left center}
.quick_menu ul > li.quick ul li:nth-child(3){background: url(/images/front/quick_ico04.png) no-repeat left center}
.quick_menu ul > li.recent{position: relative;}
.quick_menu ul > li.recent .recent_more{position: absolute;background: #fff;border: 1px solid #c9cdd2;border-radius: 15px;padding:1rem ;right: 110px;top:20px;width: 180px;z-index: 9;display: none}
.quick_menu ul > li.recent .recent_more:after{content: '';display: block;background: url(/images/front/bb_bg.png) no-repeat;width: 10px;height: 14px;position: absolute;right: -10px;top: 40px;}
.quick_menu ul > li.recent span{background: url(/images/front/quick_ico05.png) no-repeat center;width: 26px;height: 12px;display: block;}
.quick_menu ul > li.recent ul li{position: relative;padding-left: 15px}
.quick_menu ul > li.recent ul li:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #9ea4aa;position: absolute;left: 0;top:6px;}
.quick_menu ul > li.recent .recent_more .item{margin-bottom: 1rem}
.quick_menu ul > li.recent .recent_more .item a{display: flex;}
.quick_menu ul > li.recent .recent_more .item a:hover .tit,
.quick_menu ul > li.recent .recent_more .item a:active .tit,
.quick_menu ul > li.recent .recent_more .item a:focus .tit{text-decoration: underline}
.quick_menu ul > li.recent .recent_more .item:last-child{margin-bottom: 0}
.quick_menu ul > li.recent .recent_more .item .img{width: 35px;height: 35px;border-radius: 5px}
.quick_menu ul > li.recent .recent_more .item .txt{width: calc(100% - 45px);margin-left: 10px;}
.quick_menu ul > li.recent .recent_more .item .txt p{font-size: 1.3rem}
.quick_menu ul > li.recent .recent_more .item .txt .tit{font-weight: 500}
.quick_menu ul > li.top span{background: url(/images/front/quick_ico06.png) no-repeat center;width: 13px;height: 18px;display: block;}
.quick_menu.hover{width: 150px;}
.quick_menu.hover > ul > li > a{width: auto;justify-content: flex-start;padding: 0 15px;box-sizing: border-box;position: relative;}
.quick_menu.hover > ul > li > a:after{content: '';display: block;background: url(/images/front/quick_arrow.png) no-repeat;width: 12px;height: 7px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
.quick_menu.hover > ul > li > a:only-child:after{display: none}
.quick_menu.hover ul > li > a span{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);width: 26px}
.quick_menu.hover ul > li > a p{display: block;padding-left: 35px}
.quick_menu .active ul {display: block;} */


/* 통합검색 */
.result-txt{padding: 2rem 0 4rem 0;text-align: center;font-size: 1.8rem;font-weight: 500}
.com_search {margin-top: 2rem;padding-left: 1rem}
.com_search li{color: #454c53;margin-bottom: 1.5rem;}
.com_search li:last-child{margin-bottom: 0}
.result_item{margin-bottom: 6rem}
.result_item:last-child{margin-bottom: 0}
.result_item_tit{display: flex;justify-content:space-between;align-items: center;border-bottom: 1px solid #1b1d1f;padding-bottom: 1.5rem;margin-bottom: 3rem}
.result_item_tit h3{font-size: 2rem;font-weight: 500}
.result_item_tit .more{font-size: 1.4rem;}
.no_data {text-align: center;font-size: 1.8rem;font-weight: 500;padding: 8rem 0;}
.no_data p:before{content: '';display: block;background: url(/images/front/no_data.png) no-repeat;width: 72px;height: 72px;margin: 0 auto 4rem auto}

/*con_list*/
.con_list .item:hover .tit,
.con_list .item:active .tit,
.con_list .item:focus .tit{text-decoration: underline}
.con_list .img{border-radius: 10px;position: relative;overflow: hidden;}
/* .con_list .img:after{content: '';display: block;width: 100%;height: 100%;background: url(/images/front/item_sdw.png) no-repeat bottom;position: absolute;left: 0;z-index: 1;background-size: cover} */
.con_list .img .category{width: 50px;height: 20px;line-height: 20px; text-align: center;font-size: 1.3rem;border-radius: 3px;position: absolute;left: 10px;bottom: 10px;z-index: 999;font-family:inherit;z-index: 3}
.con_list .img .category.bg_blue{background: #36ace3;color: #fff;}
.con_list .img .category.bg_orange{background: #f09338;color: #fff;}
.con_list .img .category.bg_green{background: #5dcd4a;color: #fff;}
.con_list .img .time{color: #fff;font-size: 1.3rem;font-family:inherit;position: absolute;right: 10px;bottom: 10px;z-index: 3;line-height: 1}
.rate{position: relative;padding-left: 20px;font-size: 1.4rem;color: #454c53;font-weight: 500;margin-left: 2.5rem}
.rate:before{content: '';display: block;background: url(/images/front/star.png) no-repeat;width: 14px;height: 14px;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.con_list .txt{}
.con_list .txt .top{display: flex;align-items: center;margin-bottom: 0.5rem}
.con_list .txt .top .division{font-family:inherit;font-size: 1.3rem;color: #72787f;border: 1px solid #72787f;padding: 0 10px;border-radius: 3px;line-height: 25px;line-height: 25px;background: #fff}
.con_list .txt .tit{font-size: 1.6rem;font-weight: 500;}
.con_list .txt .media_info ul {display: flex;margin-top: 0.5rem }
.con_list .txt .media_info ul li {font-size: 1.4rem;color: #9ea4aa;margin-right: 2rem;padding-right: 2rem;position: relative;}
.con_list .txt .media_info ul li:last-child{margin-right: 0;padding-right: 0;}
.con_list .txt .media_info ul li:after{content: '';display: block;width: 1px;height: 16px;background: #9ea4aa;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.con_list .txt .media_info ul li:last-child:after{display: none}
.con_list.col .img{width: 100%;height: 140px;margin-bottom: 1rem}
.con_list.col.four_item{display: flex;flex-wrap: wrap}
.con_list.col.four_item > .item{width: calc(25% - 11.25px);margin-right: 15px;margin-top: 4rem}
.con_list.col.four_item > .item:nth-child(-n + 4){margin-top: 0}
.con_list.col.four_item > .item:nth-child(4n){margin-right: 0}
.con_list.two_item{display: flex;flex-wrap: wrap;}
.con_list.two_item > .item{margin-right: 15px;width: calc(50% - 7.5px);}
.con_list.two_item > .item .txt{padding-top: 1rem}
.con_list.two_item > .item:nth-child(2n){margin-right: 0}
.con_list.two_item.row > .item .desc{margin-top: 1rem}
.con_list.row.two_item .item:nth-child(-n + 2){margin-top: 0}
.con_list.row.two_item .item{margin-top: 4rem}
.con_list.row.two_item .item > a{margin-bottom: 0;}
.con_list.col .txt .top{justify-content: space-between}
.con_list.col a{display: flex;flex-direction: column;}
.con_list.row .item > a{display: flex; gap: 2rem; margin-bottom: 3rem}
.con_list.row .item:last-child{margin-bottom: 0}
.con_list.row .item .img{flex-shrink: 0; width: 230px; height: 140px}
.con_list.row .item .img img{display: block;width: 100%; height: 100%;}
.con_list.row .item .txt{width: calc(100% - 250px);}
.con_list.row .item .desc{font-size: 1.5rem;color: #454c53;margin-top: 1.8rem}
.con_list.row .item .txt_cut p {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.con_list.row .item .txt_cut p:not(:first-child) {display: none;}

.infiniteScroll.con_list .item{display: none}

.cont_tit{display: flex;justify-content: space-between;margin-bottom: 2rem;align-items: center;}
.cont_tit h3{font-size: 2rem;font-weight: 500}
.cont_tit .inter{font-size: 1.4rem;color: #9ea4aa;border: 1px solid #9ea4aa;padding: 7px 15px;border-radius: 30px;line-height: 1}
.cont_tit .more{font-size: 1.4rem;font-weight: 500;position: relative;padding-right: 15px}
.cont_tit .more:after{content: '';display: block;background: url(/images/front/more_arrow.png) no-repeat;width: 7px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}

/* 필수콘텐츠 상세 */
.cont_view{}
.cont_view .video {margin-bottom: 4rem}
.cont_view .video video{width: 100%;}
.cont_view > .tit{font-size: 2rem;font-weight: 500;padding-bottom: 1.5rem;border-bottom: 1px solid #c9cdd2;margin-bottom: 2rem}
.cont_view .view_info{display: flex;}
.cont_view .view_info li{display: flex;margin-right: 7rem;align-items: center}
.cont_view .view_info li:last-child{margin-right: 0}
.cont_view .view_info li strong{font-weight: bold;margin-right: 2rem}
.cont_view .view_info li:nth-child(1):before{content: '';display: inline-block;background: url(/images/front/view_info_ico01.png) no-repeat;width: 16px;height: 16px;margin-right: 1rem;}
.cont_view .view_info li:nth-child(2):before{content: '';display: inline-block;background: url(/images/front/view_info_ico02.png) no-repeat;width: 16px;height: 16px;margin-right: 1rem;}
.cont_view .view_info li:nth-child(3):before{content: '';display: inline-block;background: url(/images/front/view_info_ico03.png) no-repeat;width: 16px;height: 16px;margin-right: 1rem;}
.cont_view .view_info li:nth-child(4):before{content: '';display: inline-block;background: url(/images/front/view_info_ico04.png) no-repeat;width: 17px;height: 12px;margin-right: 1rem;}
.cont_view .view_area{display: flex;}
.cont_view .view_area .side_cont{width: 230px;}
.cont_view .view_area .side_cont > .top{background: #c9cdd2;text-align: center;padding: 10px;border-radius: 10px 10px 0 0;font-family: 'SCoreDream','Noto Sans KR',sans-serif;font-weight: 500}
.cont_view .view_area .side_cont .cont{background: #f7f8f9;padding: 2rem 3rem 2rem 1.5rem;max-height: 688px;border-radius: 0 0 10px 10px;overflow: auto}
.cont_view .view_area .side_cont .cont .item{margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid #c9cdd2}
.cont_view .view_area .side_cont .cont .item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0}
.cont_view .view_area .side_cont .cont .item .img{height: 113px}
.cont_view .view_area  .view_area_cont > .con_list > .item{margin-top: 3rem}
.cont_view .view_area .con_list h4{font-weight: bold;position: relative;margin-bottom: 2rem}
.cont_view .view_area .con_list h4:after{content: '';display: block;width: calc(100% - 90px);height: 1px;background: #c9cdd2;position: absolute;right: 0;top: 50%;margin-top: 0.5px}
.cont_view .view_area .con_list dl{display: flex;margin-bottom: 3rem}
.cont_view .view_area .con_list dl:last-child{margin-bottom: 0}
.cont_view .view_area .con_list dl dt{font-weight: 500;width: 100px;}
.cont_view .view_area .con_list dl dd{width: calc(100% - 100px);font-size: 1.4rem}
.review_dashboard{border: 1px solid #c9cdd2;border-radius: 10px;display: flex;justify-content: space-between;padding: 1.5rem;align-items: center;margin-bottom: 2.5rem}
.review_dashboard .dashboard-star{display: flex;align-items: center;}
.review_dashboard .dashboard-star .review_tit{font-weight: 500;margin-right: 3rem;}
.review_dashboard .dashboard-star .star{display: flex;align-items: center;}
.review_dashboard .dashboard-star .star .star_txt{font-weight: 500;margin-left: .5rem;margin-top: -2px}
.review_dashboard .review-filter{display: flex;}
.review_dashboard .review-filter li {font-size: 1.4rem;margin-right: 1rem;padding-right: 1rem;position: relative;}
.review_dashboard .review-filter li.active{font-weight: 500;}
.review_dashboard .review-filter li:last-child{margin-right: 0;padding-right: 0}
.review_dashboard .review-filter li:after {content: '';display: block;width: 1px;height: 15px;background: #c9cdd2;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.review_dashboard .review-filter li:last-child:after{display: none}
.review-list .item{margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #c9cdd2;margin-top: 1.5rem}
.review-list .item:last-child{margin-bottom: 0;}
.review-list .item .rv_header{display: flex;align-items: center;margin-bottom: 1.5rem}
.review-list .item .rv_header .date{color: #9ea4aa;margin-left: 1.5rem;font-size: 1.4rem}
.review-list .item .rv_header .star{margin-left: auto}
.review-list .item .rv_body p{color: #454c53;font-size: 1.4rem}

/* 페이징 */
.paging{display: flex;justify-content: center;margin-top: 4rem;align-items: center;}
.paging li {margin: 0 .5rem}
.paging li a{display: block}
.paging li.num a{font-size: 1.4rem;color: #454c53;width: 25px;height: 25px;text-align: center;line-height: 25px;}
.paging li.num.active a{color: #1b1d1f;background: #c9cdd2;border-radius: 3px;}
.paging li.num:hover a,
.paging li.num:active a,
.paging li.num:focus a{color: #1b1d1f;background: #c9cdd2;border-radius: 3px;}
.paging li.arrow a{text-indent: -9999px;width: 15px;height: 15px;border-radius: 3px;}
.paging li.arrow a:hover,
.paging li.arrow a:active,
.paging li.arrow a:focus{background-color: #e8ebed !important}
.paging li.arrow.prev a{background: url(/images/front/paging_prev.png) no-repeat center}
.paging li.arrow.next a{background: url(/images/front/paging_next.png) no-repeat center}
.paging02{display: flex;justify-content: center;margin-top: 4rem;align-items: center;}
.paging02 li {margin: 0 1.5rem}
.paging02 li.num a{color: #9ea4aa}
.paging02 li.num.active a{color: #1b1d1f;}
.paging02 li.arrow{width: 40px;height: 40px;text-indent: -9999px;}
.paging02 li a{display: block;width: 100%;height: 100%}
.paging02 li.arrow.prev{background: url(/images/front/paging_prev02.png) no-repeat;}
.paging02 li.arrow.next{background: url(/images/front/paging_next02.png) no-repeat;}
.paging02 li.arrow.prev:hover,
.paging02 li.arrow.prev:active,
.paging02 li.arrow.prev:focus{background: url(/images/front/paging_prev02_active.png) no-repeat}
.paging02 li.arrow.next:hover,
.paging02 li.arrow.next:active,
.paging02 li.arrow.next:focus{background: url(/images/front/paging_next02_active.png) no-repeat}

/* 별점 */
.star{}
.star .star_bg{position: relative;background: url(/images/front/star_bg.png) no-repeat;width: 100px;height: 16px;margin: auto;}
.star .star_bg span{display: block;position: absolute;background: url(/images/front/star02.png) no-repeat;width: auto;height: 16px;left: 0;top: 0;z-index: 5}

/* 스크롤바 */
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{height: 135px}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity: 1 !important;right: 5px !important}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #72787f !important;width: 7px}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background: #c9cdd2 !important;width: 7px}

/* 검색창 */
.board_search_wrap{margin-bottom: 4rem;align-items: center}
.board_search_wrap.center{display: flex;justify-content: center;}
.board_search_wrap.right{display: flex;justify-content: flex-end;}
.board_search_wrap.in_btn{position: relative;}
.board_search_wrap.in_btn a{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.board_search_wrap.in_btn select{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 240px }
.board_search_wrap.in_btn .board_search{margin: auto}

.board_search_wrap.in_btn02{display: flex;justify-content: space-between; gap: 10px;}
.board_search_wrap.in_btn02 a{margin-right: 10rem}
.board_search_wrap.in_btn02 .board_search{margin-left: 13rem}
.board_search_wrap.in_btn03{display: flex;justify-content: space-between}
.pd07{padding: 0.7rem 1rem}
.board_search_wrap.in_btn03 a + a{margin-left: 5px}
.board_search_wrap.in_btn03 .select_style03{padding: 1.3rem 40px 1.3rem 1.5rem;border-radius: 0}
.board_search_wrap.right .board_search{max-width: 350px}
.board_search_wrap .board_search{background: #f7f7f7;max-width: 430px;width:100%;padding: 10px 15px 10px 20px;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box}
.board_search_wrap .board_search input{background: none;border: 0;color: #9ea4aa;font-size: 1.4rem;outline: none;width: calc(100% - 50px)}
.board_search_wrap .board_search input::placeholder{color: #9ea4aa}
.board_search_wrap .board_search button{background: url(/images/front/seach_ico.png) no-repeat center;width: 22px;height: 21px;text-indent: -9999px;border: 0}
.board_search_wrap.in_select03{display: flex;justify-content: center;}
.board_search_wrap.in_select03 select{padding: 10px 30px 10px 10px;width: 120px;margin-right: 10px;border-radius: 0}

/* 지식캐스트 */
.cast_list{display: flex;flex-wrap: wrap;}
.cast_list .item{border: 1px solid #e8ebed;border-radius: 15px;overflow: hidden;width: calc(50% - 30px);margin-right: 15px;margin-top: 3rem}
.cast_list .item:nth-child(-n + 2){margin-top: 0}
.cast_list .item:nth-child(2n){margin-right: 0}
.cast_list .item a{display: flex;justify-content: space-between}
.cast_list .item .txt{padding: 2.5rem;box-sizing: border-box;width: calc(100% - 170px)}
.cast_list .item .txt .tit{font-weight: 500;margin-bottom: 1rem;word-break: keep-all}
.cast_list .item .txt .info li{display: flex;margin-bottom: 0.5rem;font-size: 1.4rem}
.cast_list .item .txt .info li:last-child{margin-bottom: 0}
.cast_list .item .txt .info li strong{margin-right: 8px}
.cast_list .item .txt .info li span{color: #9ea4aa;}
.cast_list .item .txt .info li span + span{margin-left: 1rem;padding-left: 1rem;position: relative;}
.cast_list .item .txt .info li span + span:before{content: '';display: block;width: 1px;height: 15px;background: #9ea4aa;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.cast_list .item .txt .info li span + span:before{content: '';display: block;width: 1px;height: 15px;background: #9ea4aa}
.cast_list .item .thumb{width: 160px;border-radius: 15px 0 0 15px} 

/* 지식캐스트 상세 */
.board_view{margin-top: 5rem;border-bottom: 1px solid #1b1d1f}
.board_view .tit h3{font-size: 2rem;font-weight: 500;padding: 0 6rem 0 6rem}
.board_view .tit .info{border-top: 1px solid #1b1d1f;display: flex;background: #f7f8fa;padding: 1.5rem 6rem;margin-top: 2.5rem;flex-wrap: wrap}
.board_view .tit .info .category{width: 100%;margin-right: 0;margin-bottom: 0.5em}
.board_view .tit .info .category strong{margin-right: .5rem;font-weight: 500}
.board_view .tit .info li{font-size: 1.4rem;margin-right: 2rem}
.board_view .tit .info li:last-child{margin-right: 0}
.board_view .tit .info li.name{margin-right: 1rem;padding-right: 1rem;position: relative;}
.board_view .tit .info li.name:after{content: '';display: block;width: 1px;height: 17px;background: #1b1d1f;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.board_view .board_view_cont{padding: 2.5rem 6rem 10rem 6rem;color: #72787f}
.board_view .board_file{border-top: 1px solid #e8ebed;padding: 1.5rem 6rem 1.5rem 6rem;display: flex;}
.board_view .board_file .txt{margin-right: 3rem;font-size: 1.4rem}
.board_view .board_file .cont{width: calc(100% - 82px)}
.board_view .board_file ul li{font-size: 1.3rem;margin-bottom: 0.5rem}
.board_view .board_file ul li:last-child{margin-bottom: 0}
.board_view .board_file ul li span{color: #72787f}
.board_view .board_file ul li a:hover,
.board_view .board_file ul li a:active,
.board_view .board_file ul li a:focus{text-decoration: underline}

.board_view02{border-bottom: 1px solid #1b1d1f;}
.board_view02 .board_view_cont{padding: 3rem;font-size: 1.4rem;padding-bottom: 5rem}

/* table_Style */
/* .table_style01{border-top: 1px solid #1b1d1f} */
.table_style01 tr{border-bottom: 1px solid #e8ebed;}
.table_style01 th{background: #f7f8fa;font-weight: 500}
.table_style01 th,
.table_style01 td{padding: 1.5rem 2rem;font-size: 1.4rem}
.table_style01.tb450 {overflow: auto;}
.table_style01.tb450 table {min-width: 450px;}
.table_style02.border-top{border-top: 2.5px solid #1b1d1f}
.table_style02{border-top: 1px solid #c9cdd2;}
.table_style02.border table{border-top:2.5px solid #1b1d1f}
.table_style02 tr{border-bottom: 1px solid #c9cdd2 !important;}
.table_style02 th,
.table_style02 td{padding: 1.5rem 2rem ;vertical-align: middle !important;;font-size: 1.4rem !important;;word-break:break-all}
.table_style02 th
.table_style02 .table-header-cell{background: #e8ebed !important;;font-weight: 500 !important;}
.table_style03{border-top: 1px solid #1b1d1f;}
.table_style03 th,
.table_style03 td{padding: 1rem 2rem;vertical-align: middle;}
.table_style03 tr{border-bottom: 1px solid #9ea4aa;}
.table_style03 th{background: #c9cdd2;font-weight: 500}
.table_style04 th{background: #f7f8f9;padding: 0.5rem 2rem}
.table_style04 th,
.table_style04 td{font-size: 1.4rem;}
.table_style04 td{padding: 2rem}
.table_style04 tr{border-top: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2}
.table_style04 tr:last-child{border-bottom: 0}
.table_style05 table{border-bottom: 1px solid #e8ebed}
.table_style05 th,
.table_style05 td{padding: 1.3rem 1rem;border: 1px solid #e8ebed;text-align: center;font-size: 1.4rem;}
.table_style05 th{border-bottom: 0;background: #f7f8fa;font-weight: 500}
.q_th{position: relative;padding-left: 4rem !important;}
.q_th:before{content: 'Q.';display: block;position: absolute;left: 2rem;top: 0.5rem;}
.table_style06 th,
.table_style06 td{padding: 1rem 2rem;vertical-align: middle;}
.table_style06 tr{border-bottom: 1px solid #9ea4aa;}
.table_style06 th{background: #c9cdd2;font-weight: 500}
.table_style06 th{background: #f1f3f4;padding: 0.5rem 1rem}
.table_style06 th,
.table_style06 td{font-size: 16px;}
.table_style06 td{padding: 0.5rem 1rem}
.table_style06 tr{border-top: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2}

.comment_list{margin-top: 6rem;border-top: 1px solid #1b1d1f;}
.comment_list .comment_top{padding: 2rem 6rem;}
.comment_list .comment_top .comment_txt{font-size: 1.4rem;font-weight: 500;margin-bottom: 1.5rem}
.comment_list .comment_top .comment_txt span{font-weight: normal}
.comment_list .comment_top .comment_write{display: flex;align-items: center;justify-content: space-between}
.comment_list .comment_top .comment_write textarea{resize: none;border: 0;background: #f7f8fa;border-radius: 10px;padding: 2rem 2.5rem;width: calc(100% - 145px);height: 65px;box-sizing: border-box;font-family: 'Noto Sans KR';font-size: 1.4rem}
.comment_list .comment_top .comment_write textarea::placeholder{color: #72787f}
.comment_list .comment_item{border-top: 1px solid #e8ebed;padding: 2rem 6rem;}
.comment_list .comment_item .top{display: flex;align-items: center;margin-bottom: 1.5rem}
.comment_list .comment_item .top .name{font-size: 1.4rem;font-weight: 500;margin-right: 1rem}
.comment_list .comment_item .top .name span{color: #72787f}
.comment_list .comment_item .top .date{margin-left: auto;font-size: 1.4rem;color: #72787f}
.comment_list .comment_item .comment_cont p{font-size: 1.4rem;font-weight: 500}

/* 공지사항 */
.board_list > table{border-top: 2.5px solid #1b1d1f;}
.board_list > table thead{border-bottom: 1px solid #1b1d1f}
.board_list > table th,
.board_list > table td{padding: 1.5rem 1rem;text-align: center;vertical-align: middle}
.board_list > table th{font-weight: 500;font-size: 1.8rem}
.board_list > table > tbody > tr{border-bottom: 1px solid #e8ebed;}
.import_wrap{position: relative;padding-left: 60px !important;}
.import{font-size: 1.3rem;font-family:inherit;background: #36ace3;color: #fff;padding: 0 11px;border-radius: 3px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 20px;line-height: 20px;display: inline-block}
.answer_tit{position: relative;padding-left: 70px !important;}
.answer_tit span{font-size: 1.3rem;font-family:inherit;color: #fff;padding: 2px 5px;border-radius: 3px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 20px;line-height: 20px;display: inline-block}
.answer_tit .answer_complete{background: #36ace3}
.answer_tit .answer_wait{background: #c9cdd2}
.board_list table .import_wrap a{width: calc(100% - 50px)}
.board_list table .tit a:hover,
.board_list table .tit a:active,
.board_list table .tit a:focus{text-decoration: underline}
.hover_table tbody tr:hover,
.hover_table tbody tr:active,
.hover_table tbody tr:focus{background: #f7f8f9}

/* 공지사항 상세 */
.board_view .import_wrap h3{padding: 0 6rem 0 0}
#wrap{height:auto !important}

.k-grid .k-pager-wrap{padding:0 !important;margin-top:4rem;display:flex;justify-content:center;align-items:center;}
.k-grid .k-pager-wrap a.k-pager-nav{background:none !important;margin:0 .5rem}
.k-grid .k-pager-wrap a.k-pager-nav:first-child{background:url(/images/front/paging_first.png) no-repeat center !important}
.k-grid .k-pager-wrap a.k-pager-nav:first-child:not(.k-state-disabled):hover,
.k-grid .k-pager-wrap a.k-pager-nav:first-child:not(.k-state-disabled):active,
.k-grid .k-pager-wrap a.k-pager-nav:first-child:not(.k-state-disabled):focus{background:url(/images/front/paging_first_active.png) no-repeat center !important}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2){background:url(/images/front/paging_prev02.png) no-repeat center !important;margin-right:0}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2):not(.k-state-disabled):hover,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2):not(.k-state-disabled):active,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2):not(.k-state-disabled):focus{background:url(/images/front/paging_prev02_active.png) no-repeat center !important}
.k-pager-last a{background:url(../images/paging_last.png) no-repeat center !important}
.k-grid .k-pager-wrap a.k-pager-nav{width:40px !important;height:40px !important;}
.k-pager-number{}
.k-grid .k-pager-wrap ul.k-pager-numbers li{width:auto !important;height:auto !important;margin:0 1.5rem}
.k-pager-number li span{color:#9ea4aa !important}
.k-grid .k-pager-wrap ul.k-pager-numbers li span.k-state-selected{line-height:inherit;color:#1b1d1f !important;background:none !important;border:none !important;}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4){background:url(/images/front/paging_next02.png) no-repeat center !important;margin-left:0}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4):not(.k-state-disabled):hover,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4):not(.k-state-disabled):active,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4):not(.k-state-disabled):focus{background:url(/images/front/paging_next02_active.png) no-repeat center !important}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5){background:url(/images/front/paging_last.png) no-repeat center !important}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5):not(.k-state-disabled):hover,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5):not(.k-state-disabled):active,
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5):not(.k-state-disabled):focus{background:url(/images/front/paging_last_active.png) no-repeat center !important}
/* 학습공동체 */
.info_btn{display: flex;justify-content: center;margin-bottom: 1rem}
.info_btn li + li{position: relative;margin-left:10px;padding-left: 10px;}
.bor_none{border:0}
.info_btn li + li:before{content: '';display: block;width: 1px;height: 15px;background: #72787f;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.info_btn li a{font-size: 1.4rem;font-weight: 500}
.learn_list{display: flex;flex-wrap: wrap;}
.learn_list .item{border: 1px solid #e8ebed;border-radius: 15px;overflow: hidden;width: calc(50% - 7.5px);margin-right: 15px;margin-top: 2rem;box-sizing: border-box}
.learn_list .item a{display: block;}
.learn_list .item:nth-child(-n + 2){margin-top: 0}
.learn_list .item:nth-child(2n){margin-right: 0}
.learn_list .item .tit{background: #f7f8fa;font-weight: 500;padding:  2rem 3rem;box-sizing: border-box;}
.learn_list .item .cont{padding: 3rem;position: relative}
.learn_list .item.secret .cont:after{content: '';display: block;background: url(/images/front/secret_ico.png) no-repeat center;width: 33px;height: 33px;border: 2.5px solid #c9cdd2;border-radius: 50%;position: absolute;right: 3rem;top: 50%;transform: translateY(-50%)}
.learn_list .item .cont .txt_info{display: flex;}
.learn_list .item .cont .txt_info li {font-size: 1.4rem}
.learn_list .item .cont .txt_info li + li {margin-left: 10px;padding-left: 10px;position: relative}
.learn_list .item .cont .txt_info li + li:before{content: '';display: block;width: 1px;height: 15px;background: #1b1d1f;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.learn_list .item .cont .txt_info.gray{padding-top: 1.5rem;border-top: 1px solid #e8ebed}
.learn_list .item .cont .txt_info.gray li{color: #72787f}
.learn_list .item .cont .txt_info.gray li + li:before{background: #72787f}
.learn_list .item .cont .txt{margin-bottom: 2rem}
.room_tit{text-align: center;font-size: 1.8rem;font-weight: 500;margin: 6rem 0 6rem 0}

/* 학습공동체 등록 */
.board_write{margin-bottom: 10rem}
.board_write .item{display: flex;;margin-bottom: 1.5rem;}
.board_write .item .tit{width: 100px;font-weight: 500;margin-top: 10px}
.board_write .item input[type="text"],
.board_write .item textarea{background: #f7f8fa;border: 0;padding: 1.5rem;font-size: 1.4rem;border-radius: 5px;box-sizing: border-box}
.board_write .item textarea{resize: none;height: 220px}
.board_write .item input[type="text"]::placeholder{color: #72787f}
.board_write .item .cont{width: calc(100% - 100px)}
.board_write02{border-bottom: 1px solid #1b1d1f;}
.board_write02 .item{padding: 0 6rem}
.board_write .file_item{border-top: 1px solid #e8ebed;padding: 2rem 6rem}
.learn_write #tit{width: calc(100% - 160px);box-sizing: border-box}
.learn_write .add_area{display: flex;align-items: center;}
.learn_write .add_area a{margin: 0 1rem}

/* 파일업로드 */
.board_write .item.file_item .tit{margin-top: 0}
.board_write .file_item{margin-bottom: 0}
.file_wrap{position: relative;max-width: 300px;width: 100%}
.file_wrap input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.file_wrap label{font-size: 1.3rem;color: #72787f;font-family:inherit;border: 1px solid #72787f;padding: 6px 7px;border-radius: 3px;display: inline-block;line-height: 1}
.file_wrap label.active{position: absolute;right: 0;bottom: 0;}
#upload_prev .file { background: #f7f8fa;display: flex;padding: 0 5px;font-size:1.2rem;width: 200px;padding: 5px 15px;box-sizing: border-box;justify-content: space-between;align-items: center;margin-bottom: 1rem}
#upload_prev .file:last-child{margin-bottom: 0}

.upload_prev .file { background: #f7f8fa;display: flex;padding: 0 5px;font-size:1.2rem;width: 200px;padding: 5px 15px;box-sizing: border-box;justify-content: space-between;align-items: center;margin-bottom: 1rem}

.file_wrap .file_close{background: url(/images/front/close_btn02.png) no-repeat;width: 11px;height: 10px;text-indent: -9999px;}
.file_wrap .filenameupload{display: flex;width: calc(100% - 20px)}
.file_wrap .name{white-space: nowrap;max-width: calc(100% - 55px);overflow: hidden;text-overflow: ellipsis;}

.file_wrap .size{color: #72787f;margin-left: 3px;white-space:nowrap;}

/* 자주하는 질문*/
.q_a{border-top: 2.5px solid #1b1d1f;}
.q_a .item{border-bottom: 1px solid #c9cdd2;}
.q_a .item .q{padding: 2rem 5rem 2rem 9rem;display: block;position: relative;font-weight: 500}
.q_a .item .q:after{content: '';display: block;background: url(/images/front/q_a_arrow.png) no-repeat;width: 24px;height: 24px;position: absolute;right: 5rem;top: 50%;transform: translateY(-50%)}
.q_a .item .q:before{content: 'Q';display: block;font-size: 2.4rem;font-weight: 800;color: #36ace3;position: absolute;left: 5rem;top:1rem}
.q_a .item .q span{display: inline-block;max-width: calc(100% - 50px);word-break: keep-all}
.q_a .item .a{background: #f7f8fa;padding: 2rem 8rem 2rem 14rem;position: relative;display: none}
.q_a .item.active{border-bottom: 0}
.q_a .item.active .q:after{transform: rotate(180deg) translateY(50%)}
.q_a .item .a p{font-size: 1.4rem}
.q_a .item .a:before{content: 'A';font-size: 2.2rem;font-weight: 800;color: #fff;background: #36ace3;width: 35px;height: 35px;display: flex;justify-content: center;border-radius: 50%;position: absolute;left: 9rem;top: 2rem}

/* 묻고답하기 */
.reply_area{border-top: 1px solid #1b1d1f;padding: 2rem 6rem;display: flex;}
.reply_area .txt{width: 70px;font-size: 1.4rem;font-weight: 500;margin-top: 1rem}
.reply_area .cont{width: calc(100% - 70px)}
.reply_area .cont_txt{background: #f7f8fa;padding: 1rem 2rem;min-height: 65px;box-sizing: border-box}
.reply_area .cont_txt p{font-size: 1.4rem;color: #72787f}
.reply_area .date{color: #72787f;font-size: 1.4rem;margin-top: 1rem}

/* 원격지원 */
.step{display: flex;justify-content: space-between}
.step .item{position: relative;margin-right: 10px;padding-right: 10px;width: calc(25% - 41.25px);}
.step .item:after{content: '';display: block;background: url(/images/front/step_arrow.png) no-repeat;width: 40px;height: 40px;position: absolute;right: -40px;top: 50%;transform: translateY(-50%)}
.step .item:last-child{margin-right: 0;padding-right: 0}
.step .item:last-child:after{display: none}
.step .item .num{font-size: 2rem;text-align: center;font-weight: bold;padding: 1.5rem;border-top: 2.5px solid #1b1d1f;border-bottom: 1px solid #1b1d1f;}
.step .item .cont{background: #f7f8fa;padding: 2rem 1rem;}
.step .item .cont .tit{text-align: center;font-weight: 500;margin-bottom: 2rem}
.step .item .cont .desc{font-size: 1.3rem;word-break: keep-all}

/* 학습방법안내 */
.bt_arrow{background: url(/images/front/arrow.png) no-repeat #fff center;width: 50px;height: 50px;border-radius: 50%;border: 2.5px solid #1b1d1f;text-indent: -9999px;margin: auto;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15)}

.prd_wrap{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.prd_wrap > *{margin-top: 4rem}
.prd_wrap .item{display: flex;align-items: center;justify-content: center;align-items: center;text-align: center;background: #fff;padding: 2.5rem;font-weight: 500;border: 1px solid #1b1d1f;height: 80px;box-sizing: border-box;border-radius: 30px;width: calc(33.333% - 53.333px);word-break: keep-all}
.prd_wrap .arrow{background: url(/images/front/arrow02.png) no-repeat center;width: 21px;height: 80px;text-indent: -9999px;margin: 4rem 15px 0 15px} 

/* 로그인 */
.login_wrap{max-width: 350px;width: 100%;margin:10rem auto}
.login_wrap .box{margin-bottom: 1.5rem}
.login_wrap .box input{background: #f7f8fa;border: 0;font-size: 1.4rem;padding: 1rem 3rem;width: 100%;box-sizing: border-box}
.login_wrap .box input::placeholder{color: #9ea4aa}
.login_wrap .btn{border: 0;width: 100%;display: block;font-weight: 500;font-size: 1.6rem;padding:1rem 1.5rem;border-radius: 10px;text-align: center;box-sizing: border-box}
.login_wrap .set_login{display: flex;justify-content: space-between;margin-top: 2rem;align-items: center}
.login_wrap .set_login label,
.login_wrap .set_login li{font-family:inherit;font-size: 1.3rem;color: #72787f}
.login_wrap .set_login ul{display: flex;}
.login_wrap .set_login ul li + li:before{content: '/';display: inline;font-family:inherit;}
.login_wrap .set_login li a:hover,
.login_wrap .set_login li a:active,
.login_wrap .set_login li a:focus{text-decoration: underline}

.login_wrap .login_btn_set{margin-top: 6rem}
.login_wrap .login_btn_set > a{margin-bottom: 1rem}
.login_wrap .login_btn_set > a:last-child{margin-bottom: 0}
.login_wrap .login_btn{background: #1b1d1f;color: #fff;}
.login_wrap .naver{background: #23ba09;color: #fff;}
.login_wrap .kakao{background: #ffd800;color: #fff;}
.login_wrap .join{border: 1px solid #1b1d1f;}

/* otp */
.otp_wrap{margin-top: 10rem}
.otp_wrap .tct{font-weight: 500;word-break: keep-all}
.otp_wrap .otp_area{max-width: 350px;width: 100%;margin: 4rem auto 0 auto}
.otp_wrap .otp_area .input_wrap{background: #f7f8fa;padding: 1rem 1.5rem 1rem 3rem;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center}
.otp_wrap .otp_area .input_wrap input{border: 0;background: none;font-size: 1.4rem;}
.otp_wrap .otp_area .input_wrap input::placeholder{color: #9ea4aa}
.otp_wrap .otp_area .input_wrap .time{font-size: 1.4rem;}
.otp_wrap .otp_area .btn{font-weight: 500;padding: 0.8rem 1rem;border-radius: 10px;display: block ;text-align: center;box-sizing: border-box}
.otp_wrap .otp_area .btn_black01{margin: 1.5rem 0 3rem 0 }
.otp_wrap .otp_area .btn_wrap::after{content: '';display: block;clear: both}
.otp_wrap .otp_area .btn_wrap .btn{width: calc(50% - 5px);float: left;}
.otp_wrap .otp_area .btn_wrap .btn + .btn{margin-left: 10px}

/* 경력 개발 계획 */
.career_plan{display: flex;}
.career_plan .arrow{text-indent: -9999px;background: url(/images/front/arrow03.png) no-repeat center;width: 12px;margin: 0 25px}
.career_plan .item{border: 1px solid #9ea4aa;padding: 2.5rem 3rem;box-sizing: border-box;border-radius:100px;flex: 1 1}
.career_plan .item .tit{font-size: 2rem;font-weight: 500;margin-bottom: 1rem}
.career_plan .item .desc{font-size: 1.4rem;color: #72787f;word-break: keep-all}
.no_filter .dropdown-filter-dropdown{display: none}
.dropdown-filter-dropdown .dropdown-filter-icon{background: url(/images/front/filter_ico.png) no-repeat;width: 16px;height: 16px;display: inline-block;border: 0;}
.table_style02 .dropdown-filter-dropdown{margin-top: 1px;vertical-align:middle}
.dropdown-filter-icon i{display: none}
.dropdown-filter-content div.dropdown-filter-sort{display: none}
.dropdown-filter-content div.dropdown-filter-search input{border: 1px solid #c9cdd2;font-size: 1.4rem;padding: 0.7rem 1.5rem}
.dropdown-filter-content div{text-align: left;font-size: 1.4rem;}

/* 경력 개발 계획 */
.plan_text{display: flex;justify-content: space-between}
.plan_text .item{width: calc(50% - 20px)}
.plan_text .item textarea{width: 100%;height: 160px;resize: none;border: 1px solid #9ea4aa;padding: 2rem;box-sizing: border-box;color: #454c53;font-size: 1.6rem}
.spb{justify-content: space-between}
.plan_table .flex{display: flex;}
.plan_table .flex > * + *{margin-left: 10px}
.plan_table .flex a{display: flex;justify-content: center;align-items: center;}
.circle_btn{width: 38px;height: 38px;text-indent: -9999px;border-radius: 50%;border: 1px solid #9ea4aa;box-sizing: border-box}
.reset_btn{background: url(/images/front/reset_ico.png) no-repeat center}
.del_btn{background: url(/images/front/del_ico02.png) no-repeat center}
.flex_table{display: flex;justify-content: space-between}
.flex_table > div{width: calc(50% - 20px)}
.ft_top{display: flex;justify-content: space-between;align-items: center;}
.ft_top .tit01{margin-bottom: 0}
.flex_table .in_input input{width: 90px}

.div_table{border-top: 1px solid #c9cdd2}
.div_table .th{text-align: center;background: #e8ebed;padding: 1rem;border-bottom: 1px solid #c9cdd2}
.div_table .td{border-bottom: 1px solid #c9cdd2;}
.div_table .scr{max-height: 226px !important;overflow-y: auto}
.div_table .scr .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, 
.div_table .scr .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.scr_table .scr .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, 
.scr_table .scr .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical
{margin: 0;right: 0 !important;background: #fff;border-left: 1px solid #c9cdd2;border-right: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2}
.div_table .scr .mCSB_scrollTools .mCSB_draggerContainer,
.scr_table .scr .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 10px) !important;top: 50% !important;transform: translateY(-50%)}
.div_table .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, 
.div_table .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, 
.div_table .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.scr_table .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, 
.scr_table .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, 
.scr_table .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail
{background: none !important;width: 8px !important}
.div_table .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.scr_table .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px !important;background: #c9cdd2 !important}
.table_radio input[type=radio]{display: none;}
.table_radio input[type=radio]+label{display: inline-block;cursor: pointer;width: 100%;text-align: left;padding: 1rem 2rem;color:#9ea4aa }
.table_radio input[type=radio]:checked+label{ background-color: #f7f8f9;color: #1b1d1f;}
.scr_table,
.scr_table thead,
.scr_table tbody,
.scr_table tr,
.scr_table th,
.scr_table td{display: block;}
.scr_table tr{display: flex;}
.scr_table tbody tr{align-items: center}
.scr_table th,
.scr_table td {flex: 1 1 ;text-align: center;padding: 1.5rem 0.5rem;box-sizing: border-box}
.scr_table td{text-align: center}
.scr_table .scr{max-height: 192px !important;overflow-y: auto}
.scr_table .scr.mh250{max-height: 260px !important}
.scr_table .scr.mh156{max-height: 156px !important;border-bottom: 1px solid #c9cdd2}
.scr_table .scr.mh156  .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, 
.scr_table .scr.mh156 .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{border-bottom: 0}
.acq_wrap{display: flex;align-items: center;}
.acq_wrap > div{display: flex;justify-content: space-between;margin-left: 1rem;padding: 0.7rem 1rem;border: 1px solid #9ea4aa;box-sizing: border-box;border-radius: 5px;}
.acq_wrap > div p + p{margin-left: 2rem}
.w15{width: 15%;flex: auto !important}
.w10{width: 10%;flex: auto  !important}
.w30{width: 30%;flex: auto !important}

/* 나의 강의실 */
.my_lr{display: flex;border: 1px solid #c9cdd2; background: #fff;}
.my_lr > div{width: 50%}
.my_lr .info{display: flex;border-right: 1px solid #c9cdd2;padding: 2rem;}
.my_lr .info .img{background: url(/images/front/person_ico.png) no-repeat;width: 50px;height: 50px;}
.my_lr .info  .txt{width: calc(100% - 65px);margin-left: 15px}
.my_lr .info .top{display: flex; align-items: center;margin-bottom: .7rem}
.my_lr .info .top .name{font-weight: 500;margin-right: 2rem}
.my_lr .info ul{display: flex;flex-wrap: wrap;}
.my_lr .info ul li{position: relative;margin-right: 7px;padding-right: 7px;}
.my_lr .info ul li:before{content: '';display: block;width: 1px;height: 18px;background: #9ea4aa;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.my_lr .info ul li:last-child{margin-right: 0;padding-right: 0}
.my_lr .info ul li:last-child:before{display: none}
.my_lr .cont{display: flex;flex-wrap: wrap;}
.my_lr .cont .item{width: 50%;border-top: 1px solid #c9cdd2;border-right:1px solid #c9cdd2;box-sizing: border-box; padding: 1rem 2rem;display: flex;align-items: center;}
.my_lr .cont .item:nth-child(-n + 2){border-top: 0}
.my_lr .cont .item:nth-child(2n){border-right: 0}
.my_lr .cont .item:nth-child(1) p.left:before{content: '';display: block;background: url(/images/front/lr_ico01.png) no-repeat center;width: 16px;height: 16px;position: absolute;top: 50%;transform: translateY(-50%);left: 0}
.my_lr .cont .item:nth-child(2) p.left:before{content: '';display: block;background: url(/images/front/lr_ico02.png) no-repeat center;width: 16px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);left: 0}
.my_lr .cont .item:nth-child(3) p.left:before{content: '';display: block;background: url(/images/front/lr_ico03.png) no-repeat center;width: 16px;height: 16px;position: absolute;top: 50%;transform: translateY(-50%);left: 0}
.my_lr .cont .item:nth-child(4) p.left:before{content: '';display: block;background: url(/images/front/lr_ico04.png) no-repeat center;width: 16px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);left: 0}
.my_lr .cont .left{margin-left: 0.5rem;padding-left: 20px;position: relative;}
.my_lr .cont .right{margin-left: auto}
.complete_area{display: flex;justify-content: space-between;}
.complete_area .item{width: calc(25% - 11.25px);border: 1px solid #c9cdd2; background: #fff;}
.complete_area .item .tit{background: #f7f8f9;text-align: center;font-weight: 500;padding: 1.5rem ;border-bottom: 1px solid #c9cdd2}
.complete_area .item .cont{padding: 1.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100% - 55px);box-sizing: border-box}
.complete_area .item .cont p + p {border-top: 1px solid #c9cdd2;padding-top: .5rem;margin-top: 0.5rem}
.complete_area .item .cont p span{margin-right: 1.5rem}
.complete_area .item .cont p strong{font-weight: 500}
.con_list .no_link .txt{position: relative;}
.con_list .no_link a:hover,
.con_list .no_link a:active,
.con_list .no_link a:focus{text-decoration: underline !important}
.con_list .inbtn .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 150px)}
.con_list .inbtn a.btn_style05{position: absolute;right: 0;top: 24px;}
.con_list.row .item.inbtn02 .txt{width: calc(100% - 370px) }
.con_list.row .item.inbtn02 .btn_area{margin-left: auto;}
.con_list.row .item.inbtn02 .btn_area a{display: block;width: 100px;box-sizing: border-box;text-align: center;padding: 0.5rem 0rem;font-size: 1.4rem;border-radius: 5px;margin-top: 10px}
.con_list .info{margin-top: 1rem}
.con_list .info{display: flex;flex-wrap: wrap;}
.con_list .info li{display: flex;font-size: 1.4rem;margin-right: 1.5rem}
.con_list .info li:last-child {margin-right: 0}
.con_list .info li.w100{margin-left: 0}
.con_list .info li strong{font-weight: 500;margin-right: 1rem; flex-shrink: 0;}
.con_list .info li span { color: #9ea4aa; display: -webkit-box;  word-break: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .con_list .info.flex li{width: calc(50% - .75rem);margin-left: 0;margin-top: .1rem}
.con_list .info.flex li:nth-child(2n){margin-right: 0}
.con_list .info.flex li:nth-child(-n + 2){margin-top: 0}
.con_list .info.flex li:nth-child(even) strong{width: 78px}
.con_list .progress{width: 100%;height: 7px; margin-top: 10px; border-radius: 10px;background: #c9cdd2;position: relative; overflow: hidden}
.con_list .progress span{background: #454c53;height: 100%;display: block;border-radius: 0 10px 10px 0;position: absolute;left: 0;top: 0;}
.con_list .no_link{display: flex;margin-bottom: 1.5rem; padding: 2rem; background: #fff; border-radius: 20px;}
.con_list .no_link:last-child{margin-bottom: 0}
.con_list .no_link:hover .tit,
.con_list .no_link:active .tit,
.con_list .no_link:focus .tit{text-decoration: none;}

/* 수강신청현황 */
.div_table02 .thead{border-top: 2.5px solid #26282b;border-bottom: 1px solid #26282b;display: flex;margin-bottom: 4rem}
.div_table02 .thead .th{padding: 1rem;font-weight: 500;font-size: 1.8rem;text-align: center;}
.div_table02 .thead .th:nth-child(1){width: 60%}
.div_table02 .thead .th:nth-child(2),
.div_table02 .thead .th:nth-child(3){width: 20%}
.div_table02 .td{margin-bottom: 3rem}
.div_table02 .td:last-child{margin-bottom: 0}
.div_table03 .thead{border-top: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2;}
.div_table03 .tbody{max-height: 226px;}
.div_table03 .tr{display: flex;}
.div_table03 .th {display: flex;justify-content: center;align-items: center;}
.div_table03 .th,
.div_table03 .td{padding: 1rem;text-align: center}
.div_table03 .th{background: #e8ebed;font-weight: 500;}
.div_table03 .tbody .tr{border-bottom: 1px solid #c9cdd2}
.div_table03 .th:nth-child(1),
.div_table03 .td:nth-child(1){width: 5%}
.div_table03 .th:nth-child(2),
.div_table03 .td:nth-child(2){width: 35%}
.div_table03 .th:nth-child(3),
.div_table03 .td:nth-child(3){width: 5%}
.div_table03 .th:nth-child(4),
.div_table03 .td:nth-child(4){width: 7%}
.div_table03 .th:nth-child(5),
.div_table03 .td:nth-child(5){width: 7%}
.div_table03 .th:nth-child(6),
.div_table03 .td:nth-child(6){width: 7%}
.div_table03 .th:nth-child(7),
.div_table03 .td:nth-child(7){width: 9%}
.div_table03 .th:nth-child(8),
.div_table03 .td:nth-child(8){width: 9%}
.div_table03 .th:nth-child(9),
.div_table03 .td:nth-child(9){width: 8%}
.div_table03 .view{background: #f7f8f9;display: none}
.div_table03 .view .tr{border-bottom: 1px solid #e8ebed}
.div_table03 .view .tr .td:nth-child(2){width: 95%;text-align: left}
.div_table03 .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .div_table03 .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{margin: 0;right: 0 !important;border:1px solid #c9cdd2;border-top: 0;background: #fff}
.div_table03 .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, 
.div_table03 .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, 
.div_table03 .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background: none !important;width: 8px}
.div_table03 .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 10px);top: 50%;transform: translateY(-50%)}
.div_table03 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #c9cdd2 !important;width: 8px;}
.div_table04{display: flex;}
.div_table04 .item{flex: 1 1 auto;text-align: center;border-top: 2.5px solid #1b1d1f;border-bottom: 1px solid #1b1d1f;}
.div_table04 .item .th{padding:  1.5rem 1rem;font-weight: 500;border-bottom: 1px solid #1b1d1f}
.div_table04 .item .td{padding:  1.5rem 0;font-size: 1.4rem;}
.div_table05 {display: flex;}
.div_table05 .th{background: #e8ebed;text-align: center;padding: 1rem;text-align: center;border-top: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2;}
.div_table05 .td{padding: 1rem;text-align: center}
.div_table05  {border-bottom: 1px solid #c9cdd2}
.div_table06 {display: flex;}
.div_table06 .item{border: 1px solid #e8ebed;}
.div_table06 .item + .item{border-left: 0;}
.div_table06 .th{background: #f7f8fa;text-align: center;font-size: 1.4rem;font-weight: 500;padding: 1.5rem;border-bottom: 1px solid #e8ebed;box-sizing: border-box}
.div_table06 .td{display: flex;justify-content: center;align-items: center;height: calc(100% - 52px);padding: 2rem;box-sizing: border-box;font-size: 1.4rem;box-sizing: border-box}
.div_table06 .td.fs{justify-content: flex-start;}

/* 필드 삭제로 임시 주석처리 onlinePayment.jsp 에서 사용
.div_table06 .item:nth-child(1){width: 46%}
.div_table06 .item:nth-child(2){width: 18%}
.div_table06 .item:nth-child(3){width: 18%}
.div_table06 .item:nth-child(4){width: 18%}
*/
.div_table06 .item:nth-child(1){width: 90%}
.div_table06 .item:nth-child(2){width: 10%}

.div_table06 .program_wrap{display: flex;}
.div_table06 .program_wrap .img{width: 130px;height: 96px;}
.div_table06 .program_wrap .img img {width: 100%; height: 100%; object-fit: cover;}
.div_table06 .program_wrap .txt{width: calc(100% - 170px);margin-left: 40px;padding-top: 20px}
.div_table06 .program_wrap .txt .tit{font-weight: 500;margin-bottom: 1rem;font-size: 1.6rem}
.div_table06 .program_wrap .txt .date{font-size: 1.4rem}
.file_table {flex-wrap: wrap;}
.file_table .item {height: 100%;display: flex;flex-direction: column}
.file_table .item.w50{width: 50%}
.file_table .item.w25{width: 25%}
.file_table.active{border-bottom: 0}
.file_table.active > .item:nth-child(1) .th,
.file_table.active > .item:nth-child(2) .th,
.file_table.active >.item:nth-child(3) .th{display: none}
.file_table.active .file_list:nth-child(1) .th{display: block}
.file_table .file_list .th{display: none}
.file_table .file_list > .item .td{display: flex;align-items: center;height: 100%}
.file_table .td{display: none}
.file_table .no_file{padding: 1rem;text-align: center;display: block;width: 100%;}
.file_table .file_list{width: 100%;display: flex;border-bottom: 1px solid #c9cdd2}
.file_table .file_list .td{display: block}
.con_list_table .txt{display: flex;align-items: center;padding-bottom: 20px}
.con_list_table .txt > div:nth-child(1){width: calc(60% - 115px)}
.con_list_table .txt > div:nth-child(2){width: calc(20% + 40px);text-align: center;}
.con_list_table .txt > div:nth-child(3){width: calc(20% + 75px);text-align: center;}
.con_list_table .txt > .cont {position: relative;padding-right: 2rem;margin-right: 2rem;box-sizing: border-box;}
.con_list_table .txt > .cont:after{content: '';display: block;width: 1px;height: 100px; background: #e8ebed;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.con_list_table .txt > .cont:nth-child(3){padding-right: 0;margin-right: 0}
.con_list_table .txt > .cont:nth-child(3):after{display: none}
.con_list_table .txt .tit:hover,
.con_list_table .txt .tit:active,
.con_list_table .txt .tit:focus{text-decoration: underline}

/* 학습후기 */
.board_search_wrap.in_select02{display: flex;justify-content: center}
.board_search_wrap.in_select02 select{position: static;transform: none;padding: 11px  40px 11px 15px;margin-right: 10px;width: 110px;}
.board_search_wrap.in_select02 .board_search{margin: 0}
.board_write .item .cont.in_select{display: flex;}
.board_write .item .cont.in_select .select_style03{margin-right: 10px;width: 130px}
.rate_wrap{background: #f7f8fa;border-radius: 5px;padding:1.3rem  1.5rem}
.rate_wrap02{background: none;padding: 0;border-radius: 0}
.rating { display: inline-block;border: 0;height: 20px}
.rating > input {display: none;}
.rating > label {float: right;color: #c9cdd2}
.rating > label:before {display: inline-block;font-size: 1.5rem;padding: .3rem .2rem;margin: 0;cursor: pointer;font-family: FontAwesome;content: "\f005 ";}
.rating .half:before {content: "\f089 "; position: absolute;padding-right: 0;}
.rating input:checked ~ label, 
.rating label:hover,.rate label:hover ~ label { color: #ffd400 !important;  } 
.rating input:checked + .rate label:hover,
.rating input input:checked ~ label:hover,
.rating input:checked ~ .rate label:hover ~ label,  
.rating label:hover ~ input:checked ~ label { color: #ffd400 !important;  } 

/* 쪽지함 */
.to_top{display: flex;background: #e8ebed;padding: 1rem 2rem;font-size: 1.4rem;border-top: 1px solid #c9cdd2;border-bottom: 1px solid #c9cdd2;align-items: flex-start;margin-bottom: 3rem}
.to_top .txt{font-weight: 500;width: 70px;padding: 0.3rem 0}
.to_top  ul {display: flex;flex-wrap: wrap;width: calc(100% - 180px)}
.to_top  ul li{background: #fff;padding: 0.3rem 1rem;border-radius: 5px;border: 1px solid #c9cdd2;display: flex;align-items: center;margin-right: 5px;width: calc(33.333% - 3.333px);box-sizing: border-box;justify-content: space-between;margin-top: 5px}
.to_top  ul li:nth-child(-n + 3){margin-top: 0}
.to_top  ul li:nth-child(3n){margin-right: 0}
.to_top  ul li .del{background: url(/images/front/del_ico03.png) no-repeat center;width: 8px;height: 8px;text-indent: -9999px;}
.to_top  .reset{background: url(/images/front/reset_ico02.png) right 10px center no-repeat #fff;padding: 0.3rem 3rem 0.3rem 1rem;border-radius: 5px;border: 1px solid #c9cdd2;color: #9ea4aa;margin-left: auto}
.to_list{border-bottom: 1px solid #c9cdd2;max-height: 150px;overflow-y: auto;padding-right: 19px}
.to_list  .item{border-top: 1px solid #c9cdd2;padding: 1rem 2rem;display: flex;align-items: center;}
.to_list  .item ul {display: flex;max-width: calc(100% - 80px);flex-wrap: wrap}
.to_list  .item ul li{font-size: 1.4rem;color: #9ea4aa;padding-right: 10px;margin-right: 10px;position: relative;}
.to_list  .item ul li:after{content: '';display: block;width: 1px;height: 15px;background: #9ea4aa;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.to_list  .item ul li:last-child{margin-right: 0;padding-right: 0}
.to_list  .item ul li:last-child:after{display: none}
.to_list  .item .btn_gray08{padding: 3px 15px;margin-left: auto}
.to_list  .item:hover,
.to_list  .item:active,
.to_list  .item:focus{background: #f7f8f9; }
.to_list  .item:hover ul li,
.to_list  .item:active ul li,
.to_list  .item:focus ul li{color: #1b1d1f;font-weight: 500}
.to_list  .item:hover ul li:after,
.to_list  .item:active ul li:after,
.to_list  .item:focus ul li:after{background: #1b1d1f}
.to_list .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .to_list .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{border: 1px solid #c9cdd2;margin: 0;border-bottom: 0;right: 0 !important}
.to_list .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 10px);top: 50%;transform: translateY(-50%)}
.to_list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #c9cdd2 !important;width: 8px ;}
.to_list .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, 
.to_list .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, 
.to_list .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background: none !important;}

/* 학습이력현황 진도/성적*/
.learn_info{display: flex;flex-wrap: wrap;margin-top: 1rem}
.learn_info li{display: flex;margin-right: 30px;align-items: center;}
.learn_info:first-child{margin-top: 0}
.learn_info li:nth-child(2n){margin-right: 0}
.learn_info li strong{font-weight: 500;margin-right: 3px}
.learn_info li.w50 {width: calc(50% - 15px)}
.progress_wrap{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 92px);margin-left: 10px}
.progress02{background: #c9cdd2;height: 15px;border-radius: 30px;overflow: hidden;width: calc(100% - 50px);position: relative;}
.progress02 span{display: block;height: 100%;background: #72787f;border-radius: 0 30px 30px 0}

.m_show{display: none}
.m_show02{display: none}

/* 캘린더 */
.datep_wrap{border: 1px solid #c9cdd2;font-size: 1.4rem;padding: 0.5rem 1rem;display: flex;justify-content: space-between}
.ui-datepicker-trigger{background: none;border: 0}
.datep_wrap input{border: 0;width: calc(100% - 30px);color: #72787f}
.date_wrap{display: flex;align-items: center;}
.date_wrap p {margin: 0 1rem}
.ui-widget{font-family: 'Noto Sans KR' !important;box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);}
.ui-widget-header{background: none !important;border: 0 !important}
.ui-datepicker th{color: #9ea4aa;font-weight: 500 !important}
.ui-widget-content{border: 1px solid #c9cdd2 !important;}
.ui-datepicker .ui-datepicker-buttonpane{border: none !important}
.ui-datepicker .ui-datepicker-prev span{background: url(/images/front/c_arrow.svg) no-repeat center;transform: rotate(180deg)}
.ui-datepicker .ui-datepicker-next span{background: url(/images/front/c_arrow.svg) no-repeat center;}
.ui-datepicker-title select{color: #1b1d1f;background: url('/images/front/select_arrow06.png') no-repeat right 1rem center #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;font-family: inherit;padding: 0.3rem 40px 0.3rem 1rem;border-radius: 0;border: 1px solid #c9cdd2;box-sizing: border-box;font-size: 1.5rem !important;font-family: 'Noto Sans KR' !important}
.ui-datepicker-title select + select{margin-left: 5px !important}
.ui-state-default,.ui-widget-header .ui-state-default{border: 0 !important;background: none !important;text-align: center !important}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: 'Noto Sans KR' !important;font-size: 1.5rem !important}
.ui-datepicker-close{background: #1b1d1f !important;color: #fff !important}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #f7f8fa !important;border-radius: 5px !important;font-weight: 500 !important}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;}
.ui-spinner.ui-widget{box-shadow: none;border-radius: 0;padding: 0.35rem 1rem;box-sizing: border-box;}
.ui-spinner-input{margin: 0 !important;margin-left: 0 !important;vertical-align:top!important}
.ui-spinner-button.ui-widget{box-shadow: none}
.ui-spinner-up .ui-icon{background: url(/images/front/nb_up.png) no-repeat center !important;}
.ui-spinner-down .ui-icon{background: url(/images/front/nb_down.png) no-repeat center !important;}
.ui-spinner .ui-spinner-input{width: calc(100% - 20px)}
.time_input{display: flex;}
.time_input > div{display: flex;align-items: center;}
.time_input .ui-spinner{width: 100px}
.time_input > div p{margin-left: 5px;font-size: 1.4rem}
.time_input > div + div{margin-left: 1rem}
.score_input{display: flex;align-items: center}
.score_input p {margin-left: 5px}

.file_wrap02{display: flex}
.file_wrap02 .upload-name{padding: 0.5rem 1rem;vertical-align: middle;border: 1px solid #c9cdd2;max-width: 200px;width: calc(100% - 120px);color: #999999;background: #f7f8f9;box-sizing: border-box}
.file_wrap02 label {padding: 0.5rem 20px;color: #9ea4aa;vertical-align: middle;border: 1px solid #c9cdd2;cursor: pointer;margin-left: 10px;border-radius: 5px}
.file_wrap02 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/* 학습레벨 */
.level_area01{display: flex;justify-content: space-between;margin-top: 3rem}
.level_area01 .item{background: #f7f8f9;width: 170px;height: 170px;border-radius: 50%;padding: 3rem 0;box-sizing: border-box;display: flex;justify-content: center;}
.level_area01 .item p{margin-top: auto;font-weight: 500}
.level_area01 .item:nth-child(1) p:before{content: '';display: block;background: url(/images/front/lv_ico01.png) no-repeat center;width: 100%;height: 64px;margin: 0 auto 1.5rem}
.level_area01 .item:nth-child(2) p:before{content: '';display: block;background: url(/images/front/lv_ico02.png) no-repeat center;width: 100%;height: 64px;margin: 0 auto 1.5rem}
.level_area01 .item:nth-child(3) p:before{content: '';display: block;background: url(/images/front/lv_ico03.png) no-repeat center;width: 100%;height: 64px;margin: 0 auto 1.5rem}
.level_area01 .item:nth-child(4) p:before{content: '';display: block;background: url(/images/front/lv_ico04.png) no-repeat center;width: 100%;height: 64px;margin: 0 auto 1.5rem}
.level_area01 .item:nth-child(5) p:before{content: '';display: block;background: url(/images/front/lv_ico05.png) no-repeat center;width: 100%;height: 64px;margin: 0 auto 1.5rem}

.level_area02{display: flex;justify-content: space-between;text-align: center;}
.level_area02 > .item{border: 1px solid #e8ebed;border-radius: 10px;overflow: hidden;width: calc(33.333% - 16.666px)}
.level_area02 > .item .tit{background: #f7f8f9;font-weight: 500;padding: 1rem 1rem 1rem 32px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #e8ebed}
.level_area02 > .item:nth-child(1) .tit:after{content: '';background: url(/images/front/lvg01.png) no-repeat;width: 22px;height: 24px;margin-left: 10px}
.level_area02 > .item:nth-child(2) .tit:after{content: '';background: url(/images/front/lvg02.png) no-repeat;width: 22px;height: 24px;margin-left: 10px}
.level_area02 > .item:nth-child(3) .tit:after{content: '';background: url(/images/front/lvg03.png) no-repeat;width: 22px;height: 24px;margin-left: 10px}
.level_area02 .cont{padding: 2rem 1.5rem;}
.level_area02 .cont .f16{border-top: 1px solid #e8ebed;margin-top: 2rem;padding-top: 2rem}

/* 마일리지이용/적립 */
.mileage_wrap{background: #f7f8f9;display: flex;padding: 2rem 3rem;justify-content: center}
.mileage_wrap li{display: flex;;font-size: 1.8rem;font-weight: 500}
.mileage_wrap li + li{margin-left: 10rem}
.mileage_wrap li strong{margin-right: 1.8rem}

.mileage_input{display: flex;align-items: center}
.mileage_input > div{display: flex;align-items: center;}
.mileage_input > div input{width: 120px;padding: 1rem 1.5rem}
.mileage_input > div .txt{font-size: 1.4rem;margin-left: 1rem}
.mileage_input a{margin: 0 2rem}

.mileage_ho{background: #f7f8f9;display: flex;padding: 2rem;justify-content: center;align-items: center;}
.mileage_ho > div{display: flex;align-items: center}
.mileage_ho input{width: 100px}
.mileage_ho .txt{margin: 0 1.2rem}
.mileage_ho div:last-child .txt{margin-right: 0}

/* 개인정보수정 */
.privacy_area{display: flex;justify-content: center;padding: 0 4rem}
.privacy_area > .item{background: #fff; border: 1px solid #c9cdd2;text-align: center;padding: 4rem 2rem;border-radius: 10px;flex: 1 1 auto}
.privacy_area > .item + .item{margin-left: 8rem}
.privacy_area > .item .tit{font-size: 1.8rem;font-weight: 500;}
.privacy_area > .item:nth-child(1) .tit:before{content: '';display: block;background: url(/images/front/privacy_ico01.png) no-repeat center;width: 100%;height: 80px;margin-bottom: 1.5rem}
.privacy_area > .item:nth-child(2) .tit:before{content: '';display: block;background: url(/images/front/privacy_ico02.png) no-repeat center;width: 100%;height: 80px;margin-bottom: 1.5rem}
.privacy_area > .item .desc{margin: 1rem 0 2.5rem 0 }
.privacy_area > .item a{display: inline-block;background: #f7f8f9;border: 1px solid #c9cdd2;padding: 0.8rem 2rem;border-radius: 5px}

.pass_box{background: #fff; border: 1px solid #c9cdd2;padding: 4rem;border-radius: 10px;margin-bottom: 4rem}
.pass_box p{text-align: center;}
.pass_box p:before{content: '';display: block;background: url(/images/front/pass_ico.png) no-repeat center;width: 100%;height: 80px;margin-bottom: 2rem}

.pass_input{display: flex;justify-content: space-between;}
.pass_input .item {background: #f7f8f9;padding: 1rem 4rem;border-radius: 10px;border: 1px solid #c9cdd2;width: calc(50% - 12.5px);box-sizing: border-box;display: flex;align-items: center;}
.pass_input .item label{width: 90px;}
.pass_input .item  input{background: #fff;border: 1px solid #c9cdd2;padding: 0.7rem 1.5rem;font-size: 1.6rem;border-radius: 5px;width: calc(100% - 90px)}
.pass_input .item  input::placeholder{color: #c9cdd2}
.pass_input .item  input:disabled{background: #e8ebed;border-color: #e8ebed;text-align: center;color: #72787f}

/* 비밀번호변경 */
.pass_change{border: 1px solid #c9cdd2;background: #f7f8f9;padding: 4rem;border-radius: 10px;box-sizing: border-box;}
.pass_change .bold02{margin-bottom: 2rem}
.pass_change .item{display: flex;align-items: center;margin-bottom: .8rem}
.pass_change .item:last-child{margin-bottom: 0}
.pass_change .item label{width: 140px;}
.pass_change .item input{width: calc(100% - 140px)}

#upload{font-size: 1.4rem;color: #72787f;padding: 0.7rem 3rem;background: #fff;border: 1px solid #72787f;border-radius: 5px;}
.file_img {display: flex;align-items: flex-start}
.file_img .img_area{display: none;margin-left: 4rem}
.file_img .img_area.view{display: flex}
.file_img img{max-width: 100px}
.file_img .img_area .del{display: block;background: url(/images/front/del_ico04.png) no-repeat;width: 8px;height: 8px;text-indent: -9999px;margin-left: .5rem}
.file_img input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.code_wrap{display: flex}
.code_wrap input{margin-right: 10px;max-width: 220px;width: calc(100% - 123px)}
.add_wrap{display: flex;}
.add_wrap * + *{margin-left: 10px}
.tel_wrap{display: flex;}
.tel_wrap input{margin-right: 10px;width: calc(100% - 110px);max-width: 280px}
.tel_wrap02{display: flex;align-items: center;}
.tel_wrap02 .input_wrap{display: flex;align-items: center;padding: 0.5rem 1rem;border: 1px solid #c9cdd2;justify-content: space-between;width: 280px;box-sizing: border-box}
.tel_wrap02 a:nth-child(2) {margin:0 10px}
.tel_wrap02 .input_wrap input{border: 0;width: calc(100% - 50px)}
.tel_wrap02 .input_wrap input::placeholder{color: #9ea4aa}
.tel_wrap02 .input_wrap .time{color: #ff0000;font-size: 1.4rem}

.radio_list{display: flex;}
.radio_list div + div{margin-left: 3rem}
.simple_login{display: flex;align-items: center;}
.simple_login .txt{width: 80px}
.simple_login .gray{color: #9ea4aa;margin-left: 1rem}
.jcenter{justify-content: center}

/* 수강중인 과정 > 학습홈 */
.home_top{display: flex;align-items: center;justify-content: space-between}
.home_top h3{font-size: 1.8rem;font-weight: 500}
.term_list{border-top: 2.5px solid #1b1d1f;background: #f7f8f9;display: flex;border-bottom: 1px solid #9ea4aa;padding: 2rem;margin-top: 2rem;margin-bottom: 4rem}
.term_list > .item{display: flex;margin-right: 6rem}
.term_list > .item:last-child{margin-right: 0}
.term_list > .item .tit{font-weight: 500;margin-right: 1.5rem;font-size: 1.4rem}
.term_list > .item .desc{color: #72787f;font-size: 1.4rem}

.home_progress{display: flex;justify-content: space-between;margin-top: -20px}
.home_progress > div{display: flex;width: calc(50% - 12.5px);align-items: center}
.home_progress > div strong{font-weight: 500;width: 50px;margin-right: 10px}
.home_progress > div .txt{font-weight: 500;margin-left: 3rem;text-align: center}
.home_progress > div .txt span{display: block;color: #9ea4aa;font-size: 1.4rem}
.home_progress > div .progress02{width: calc(100% - 90px)}
.home_progress > div:nth-child(2) .txt{margin-top: 20px}
.accordion_table > table > tbody > tr .tlt{cursor: pointer}
.accordion_table .fold{display: none}
.accordion_table .fold > td{padding: 0;background: #f7f8f9;}
.accordion_table .fold > td tr{border-bottom: 1px solid #e8ebed;}
.accordion_table .fold > td tr:last-child{border-bottom: 0}

.tab_select .tabs_dropdown{display: none}

/* 플레이어 */
.player_wrap.full .left{width: calc(100% - 60px)}
.player_wrap.full .side_wrap{display: none !important}
.player_wrap.full .right{width: 60px}
.player_wrap .left{width: calc(100% - 320px);border: 1px solid #9ea4aa;border-top: 0;border-bottom: 0}
.player_wrap .video_area *{width: 100%;margin-bottom: 0;padding-bottom: 0;height: 100%;}
.player_wrap .bt{}
.player_wrap .pageNavi{display: flex;justify-content: center;background: #e8ebed;padding: 1rem;border-bottom: 1px solid #9ea4aa;}
.player_wrap .pageNavi p {margin: 0 3rem;font-size: 1.4rem;}
.player_wrap .pageNavi a{color: #72787f;font-size: 1.4rem;position: relative;}
.player_wrap .pageNavi a:nth-child(1){padding-left: 15px}
.player_wrap .pageNavi a:nth-child(1):before{content: '';display: block;background: url(/images/front/prev_btn.png) no-repeat;width: 6px;height: 10px;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.player_wrap .pageNavi a:nth-child(3){padding-right: 15px}
.player_wrap .pageNavi a:nth-child(3):after{content: '';display: block;background: url(/images/front/next_btn.png) no-repeat;width: 6px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.player_wrap .sub_title{padding: 2rem;}
.player_wrap .sub_title p{font-size: 1.4rem;}
.player_wrap .right{width: 320px;display: flex;}
.player_wrap .right .side_wrap{width: calc(100% - 60px);padding: 2rem;box-sizing: border-box;max-height: 640px;overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.player_wrap .right .side_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.rightPl {display: flex;}
.rightPl .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 3rem}
.rightPl .tit01{margin-bottom: 0}
.rightPl .side_close{background: url(/images/front/close_btn03.png) no-repeat;text-indent: -9999px;width: 14px;height: 14px;display: block}
.rightPl .side_wrap{width: calc(100% - 60px);padding: 2rem;box-sizing: border-box;max-height: 100vh;overflow-y: auto;}
.rightPl .side_tab{background: #f7f8f9;width: 60px;margin-left: auto}
.rightPl  .side_tab li.active a{background: #c9cdd2}
.rightPl  .side_tab li a{display: flex;align-items: center;justify-content: center;height: 70px;border-bottom: 1px solid #e8ebed}
.rightPl  .index_top{border-bottom: 1px solid #1b1d1f;padding-bottom: 1rem;margin-bottom: 2rem}
.rightPl  .index_top .tit{font-weight: 500;margin-bottom: 1rem}
.rightPl  .index_top .pr_late{font-size: 1.4rem;color: #72787f}
.rightPl .index_list li,
.down_list li {font-size: 1.4rem;}
.rightPl .index_list > li,
.down_list > li {margin-bottom: 2rem;}
.rightPl .index_list > li:last-child,
.down_list > li:last-child{margin-bottom: 0}
.rightPl  .index_list li ul,
.down_list > li ul{padding-left: 1rem;margin-top: 1rem}
.rightPl  .index_list li ul li,
.down_list li ul li{margin-bottom: 0.5rem}
.ask_area .item{margin-bottom: 2rem;}
.ask_area .item label{display: block;font-size: 1.4rem;margin-bottom: 1rem}
.ask_area .item input,
.ask_area .item textarea{border-radius: 5px}
.ask_area .item textarea{height: 270px}
.side_cont .btn_area {display: flex;justify-content: space-between}
.side_cont .btn_area a{width: calc(50% - 10px);box-sizing: border-box;min-width: inherit}
.down_list li ul li{display: flex;justify-content: space-between}
.down_list li ul li .down_ico{background: url(/images/front/down_ico.png) no-repeat;width: 12px;height: 12px;text-indent: -9999px;margin-top: 5px}
.down_list li ul li p {width: calc(100% - 20px)}

/* 토론 */
.debate_top{display: flex;justify-content: space-between;margin-bottom: 2rem;}
.debate_top h3{font-weight: 500}
.debate_top  a{margin-left: auto}
.save{display: flex;align-items: center;}
.save p {background: #c9cdd2;width: 80px;text-align: center;padding: 0.5rem;border-radius: 30px;margin-right: 1rem}
.save p.bg_blue{background: #36ace3 !important;color: #fff;padding: 0.2rem;width: 55px} 
.debate_view{margin-top: 0}
.debate_view > .tit > h3{padding-left: 0;padding-right: 0}
.debate_view.board_view .tit .info{padding: 1.5rem 2rem}
.debate_view.board_view .tit .info .tit{width: 100%;display: flex;align-items: flex-start;margin-bottom: 2rem}
.debate_view.board_view .tit .info .tit p {background: #36ace3;color: #fff;font-weight: 500;padding: 0.3rem 1.5rem;border-radius: 30px;margin-right: 1rem}
.debate_view.board_view .tit .info .tit h4{font-weight: 500;margin-top: 0.3rem;}
.debate_view.board_view .board_view_cont{padding: 2.5rem 2rem 10rem 2rem}
.debate_view.board_view .board_view_cont p{font-size: 1.4rem}
.debate_view.board_view .board_file{padding: 1rem 2rem}
.debate_tit{font-size: 1.8rem;font-weight: 500;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid #1b1d1f}
.debate_reply_area.reply_area{padding: 2rem}

.test_table .item{flex: none;border-bottom: 1px solid #c9cdd2}
.test_table:last-child{border-bottom: 1px solid #1b1d1f}
.test_table .item:nth-child(5n) .td{height: 50px;box-sizing: border-box;padding: 1rem;display: flex;justify-content: center;align-items: center}
.test_table  .item:nth-child(1){width: 15%}
.test_table  .item:nth-child(2){width: calc(55% - 120px)}
.test_table  .item:nth-child(3){width: 15%}
.test_table  .item:nth-child(4){width: 15%}
.test_table  .item:nth-child(5){width: 120px}
.test_table  .td:nth-child(2){border-top: 0}
.test_table + .test_table .th{display: none;}
.test_table + .test_table .item{border-top: 0;}
.result_table td{padding: 1rem;}
.result_table tr:last-child{border-bottom:  1px solid #c9cdd2}

.copy{display: flex;flex-wrap: wrap;}
.copy .item{background: #f7f8f9;border-radius: 5px;text-align: center;display: flex;justify-content: center;align-items: center;height: 70px;position: relative;margin-right: 45px;width: calc(33.333% - 30px);margin-top: 2rem;padding: 1rem;box-sizing: border-box;word-break: keep-all}
.copy .item:nth-child(-n + 3){margin-top: 0}
.copy .item:nth-child(3n){margin-right: 0}
.copy .item:nth-child(3n):after{display: none}
.copy .item:after{content: '';display: block;background: url(/images/front/arrow04.png) no-repeat center;width: 14px;height: 14px;position: absolute;right: -30px}
.btn_li{display: flex;align-items: center}

.homework_tit{font-size: 1.8rem;font-weight: 500;text-align: center;border-bottom: 2.5px solid #1b1d1f;padding-bottom: 2rem;}
.homework_wrap > .item{margin: 3rem 0;}
.homework_wrap > .item:last-child{margin-bottom: 0}
.homework_wrap > .item + .item{border-top: 1px solid #1b1d1f;padding-top: 3rem}

/* 과제제출 */
.hw_term{display: flex;justify-content: space-between;align-items: center;}
.hw_term input[type="file"]{position: absolute;left: -9999px;width: 0;height: 0;overflow: hidden}

.table_w .item:nth-child(1){width: 50%}
.table_w .item:nth-child(2){width: 30%}
.table_w .item:nth-child(3){width: 20%}
.table_w .item:nth-child(3) .td:last-child{height: 50px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}

.new{display: flex;align-items: center}
.new:after{content: 'N';font-size: 12px;font-weight: 500;display: inline-block;margin-left: 0.5rem;color: #f09338}

/* 의견나누기 */
.opinion_wrap .opinion_write{display: flex;justify-content: space-between;margin-bottom: 4rem}
.opinion_wrap .opinion_write textarea{border: 1px solid #c9cdd2;border-radius: 5px;resize: none;padding: 1rem;height: 70px;width: calc(100% - 110px);box-sizing: border-box;font-size: 1.4rem;}
.opinion_wrap .opinion_write textarea::placeholder{color: #9ea4aa}
.opinion_wrap .opinion_write button{background: #9ea4aa;color: #fff;border: 0;font-size: 1.6rem;border-radius: 5px;width: 90px;box-sizing: border-box}
.opinion_wrap .opinion_list .item{margin-bottom: 2rem;border: 1px solid #c9cdd2;border-radius: 5px;padding: 2rem;box-sizing: border-box} 
.opinion_wrap .opinion_list .item:last-child{margin-bottom: 0}
.opinion_wrap .opinion_list .item .top ul{display: flex;}
.opinion_wrap .opinion_list .item .top ul li{font-size: 1.4rem;margin-right: 15px;padding-right: 15px;position: relative}
.opinion_wrap .opinion_list .item .top ul li:after{content: '';display: block;width: 1px;height: 15px;background: #1b1d1f;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.opinion_wrap .opinion_list .item .top ul li:last-child{margin-right: 0;padding-right: 0}
.opinion_wrap .opinion_list .item .top ul li:last-child:after{display: none}
.opinion_wrap .opinion_list .item .cont{padding: 2rem 0}
.opinion_wrap .opinion_list .item .bt{display: flex;justify-content: space-between;align-items: center;}
.opinion_wrap .opinion_list .item .bt .recomm_set{display: flex;}
.opinion_wrap .opinion_list .item .bt .recomm_set a{color: #9ea4aa;font-size: 1.4rem;position: relative;margin-right: 5rem;}
.opinion_wrap .opinion_list .item .bt .recomm_set .up:before{content: '';display: inline-block;background: url(/images/front/up_ico.png) no-repeat center;width: 16px;height: 16px;margin-right: 0.5rem;}
.opinion_wrap .opinion_list .item .bt .recomm_set .down:before{content: '';display: inline-block;background: url(/images/front/down_ico01.png) no-repeat center;width: 16px;height: 16px;margin-right: 0.5rem}
.opinion_wrap .opinion_list .item .bt .btn_set{display: flex;}
.opinion_wrap .opinion_list .item .bt .btn_set a + a{margin-left: 1rem;}
.opinion_wrap .opinion_list .item .bt .btn_set a{font-size: 1.4rem;padding: 0.4rem 1.5rem;border-radius: 5px}
.opinion_wrap .opinion_list .item textarea{width: 100%;resize: none;text-align: left;padding: 1rem;font-size: 1.4rem;box-sizing: border-box;border-radius: 5px;border: 1px solid #9ea4aa}

.popUp .board_search_wrap.in_btn{display: flex}
.popUp .board_search_wrap.in_btn .board_search{width: 450px; border: 1px solid #9ea4aa; background-color: #fff;}
.popUp .board_search_wrap.in_btn .btn_style01{padding: 0.5rem 1rem;border-radius: 5px;width: 100px}

/* 비밀번호 변경 */
.pass_change02{border-top: 1px solid #1b1d1f;max-width: 480px;width: 100%;margin: 10rem auto 0 auto;}
.pass_change02 .item{padding: 2rem 0;display: flex;border-bottom: 1px solid #e8ebed;}
.pass_change02 .item label{font-weight: 500;width: 135px;margin-top: 1rem}
.pass_change02 .item > div{width: calc(100% - 135px)}
.pass_change02 .item input{border: none;background: #f7f8fa;padding: 1.5rem;font-size: 1.4rem;width: calc(100% - 60px);box-sizing: border-box}
.pass_change02 .item input::placeholder{color: #9ea4aa;}
.pass_change02 .item p{word-break: keep-all}
.pass_change02 .btn_wrap{display: flex;justify-content: center;margin-top: 8rem;}
.pass_change02 .btn_wrap a{width: 170px;text-align: center;padding: 1rem;border-radius: 10px;}
.pass_change02 .btn_wrap a + a {margin-left: 10px}

/* 회원가입 */
.join_wrap{margin: 5rem auto 0 auto;max-width: 600px;width: 100%;}
.join_tab{padding: 0 10rem;}
.cert_wrap{display: flex;justify-content: center;border-top: 1px solid #1b1d1f;border-bottom: 1px solid #1b1d1f;padding: 4rem 0;}
.cert_wrap a + a{margin-left: 12rem}
.cert_wrap p{font-weight: 500;margin-top: 2rem;color: #9ea4aa;text-align: center}
.cert_wrap span{display: block;width: 79px;height: 76px}
.cert_wrap .phone span{background: url(/images/front/cert_ico01.png) no-repeat center;}
.cert_wrap .ipin span{background:  url(/images/front/cert_ico02.png) no-repeat center;}
.cert_wrap a:hover p,
.cert_wrap a:active p,
.cert_wrap a:focus p{color: #1b1d1f}
.cert_wrap .phone:hover span,
.cert_wrap .phone:active span,
.cert_wrap .phone:focus span{background: url(/images/front/cert_ico01_active.png) no-repeat center}
.cert_wrap .ipin:hover span,
.cert_wrap .ipin:active span,
.cert_wrap .ipin:focus span{background: url(/images/front/cert_ico02_active.png) no-repeat center}
.join_txt ul {max-width: 600px; margin: 20px auto 0;}
.join_txt li {position: relative; padding-left: 12px; color: #777777; font-size: 12px; letter-spacing: -0.5px;}
.join_txt li::before {content: '\203B'; position: absolute; top: 0; left: 0;}

.agree_list{padding: 4rem 0;border-top: 1px solid #1b1d1f;border-bottom: 1px solid #1b1d1f;margin-top: 2rem}
.agree_list li{display: flex;justify-content: space-between;margin-bottom: 2.5rem;align-items: center;}
.agree_list li:last-child{margin-bottom: 0}
.agree_list li a{background: url(/images/front/arrow05.png) no-repeat center;width: 12px;height: 12px;text-indent: -9999px;}
.agree_list li .check02{max-width: calc(100% - 20px)}
.join_content{padding: 0 10rem}
.join_content .btn_style02{border-radius: 3px;min-width: 90px;text-align: center;}
.join_content .item:nth-child(2){border-top: 1px solid #1b1d1f}
.join_content .item{padding: 2rem 0;display: flex;border-bottom: 1px solid #e8ebed}
.join_content .tit{width: 150px;margin-top: 1.3rem;}
.join_content .tit span{margin-left: 0.5rem}
.join_content .tit label{font-weight: 500;}
.join_content .cont{width: calc(100% - 150px)}
.join_content .cont input[type="text"],
.join_content .cont input[type="password"]{border: 0;background: #f7f8fa;font-size: 1.4rem;padding: 1.5rem;box-sizing: border-box}
.join_content .cont input[type="text"]::placeholder,
.join_content .cont input[type="password"]::placeholder{color: #9ea4aa;}
.join_content .cont p{font-size: 1.4rem;color: #9ea4aa;margin: 2rem 0 0 2rem}
.join_content .id_wrap{display: flex;align-items: center;}
.join_content .id_wrap p {margin: 0 2rem}
.join_content .id_wrap input{width: 223px}
.join_content .id_wrap a{margin-left: 1.5rem}
.phone_wrap02{display: flex;align-items: center;}
.phone_wrap02{margin-top: 1rem}
.phone_wrap02 > div{background: #f7f8fa;display: flex;width: 500px;justify-content: space-between;align-items: center;padding: 1.5rem;box-sizing: border-box}
.phone_wrap02 > div input[type="text"]{background: none;padding: 0 !important;max-width: calc(100% - 40px);border: 0}
.phone_wrap02 > div p{margin: 0 !important;color: #1b1d1f !important;}
.harf_wrap{display: flex;max-width: 500px;width: 100%}
.harf_wrap > *{width: calc(50% - 7.5px)}
.harf_wrap > * + *{margin-left: 15px}


.join_complete{text-align: center;border-bottom: 1px solid #1b1d1f;padding-bottom: 5rem;}
.join_complete p{font-weight: 500;}
.join_complete p + p{margin-top: 2rem}
.join_complete p:first-child:before{content: '';display: block;background: url(/images/front/join_complete.png) no-repeat;width: 72px;height: 72px;margin: 0 auto 3rem auto}


/* 수강신청 */
.content-page .inner .clear{position: relative;}
.search{display: flex;border-bottom: 1px solid #9ea4aa;padding: 1rem 0.5rem 1rem 1rem;justify-content: space-between}
.search input{border: 0;font-size: 1.6rem;padding: 0;width: calc(100% - 30px)}
.search input::placeholder{color: #454c53;}
.search button{background: url(/images/front/seach_ico.png) no-repeat center;width: 22px;height: 21px;text-indent: -9999px;border: 0}
.m_flex{position: absolute;left: 0;width: 190px;}
.plan{display: flex;justify-content: space-between;align-items: center;background: #f7f8fa;padding: 1rem 2rem;margin-bottom: 3.5rem;}
.plan p{font-weight: 500;}

.score{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 2rem}
.score > div{border: 1px solid #e8ebed;display: flex;padding: 1rem;width: 240px;justify-content: center;margin-left: 1rem;box-sizing: border-box}
.score > div p{font-size: 1.4rem;}
.score > div p + p{margin-left: 1.5rem}

/* 수강신청 */
.state{padding: .3rem 2rem;border-radius: 50px;font-size: 1.4rem;}
.border_gray{border: 1px solid #555;color: #555;}
.border_pink{border: 1px solid #ff0060;color: #ff0060;}
.class_reg{display: flex;flex-wrap: wrap;}
.class_reg .tit{width: 100%;font-size: 2.4rem;font-weight: bold;padding-bottom: 1.5rem;margin-bottom: 2.5rem;border-bottom: 1px solid #666666}
.class_reg .star{display: flex;align-items: center;}
.class_reg .star .star_bg{margin: 0 1rem 0 0}
.class_reg .left{width: 380px;overflow: hidden}
.class_reg .left .img{height: 230px;width: 100%;margin-bottom: 1rem;border-radius: 8px;}
.class_reg .right{width: calc(100% - 400px);margin-left: 20px;}
.class_reg .right ul{width: 60%;}
.class_reg .right ul li{box-sizing: border-box;display: flex;padding-bottom: 0.5rem;margin-bottom: 0.5rem;font-size: 1.8rem;}
.class_reg .right ul li:last-child{border-bottom: 0;width: 100%;padding-bottom: 0;margin-bottom: 0}
.class_reg .right ul li strong{font-weight: bold;width: 130px;}
.class_reg .right ul li p{width: calc(100% - 100px);}
.class_reg .border_box{border: 1px solid #ddd;padding: 3rem 4rem;border-radius: 8px;position: relative;}
.class_reg .price{width: 40%;max-width: 230px;padding-left: 2rem;}
.class_reg .price > p{display: flex;justify-content: space-between;font-size: 1.8rem;}
.class_reg .price strong{font-size: 1.8rem;}
.class_reg .price span{text-align: right;font-size: 1.8rem;}
.class_reg .price .orange{color: #f36f20 !important}
.class_reg .top_st{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 1.5rem;}
.class_reg .top_st div + div{margin-left: 1.5rem;}
.class_reg .flex{display: flex;align-items:flex-end}

.con_list02{margin-top: 4rem}
.con_list02 h4{font-size: 2rem;font-weight: 500;margin-bottom: 2rem}
.con_list02 dl{display: flex;align-items: flex-start;margin-bottom: 20px;}
.con_list02 dl:last-child{margin-bottom: 0}
.con_list02 dt{background: #f7f8fa;padding: 2rem 1rem;width: 100px;font-weight: 500;box-sizing: border-box;text-align: center}
.con_list02 dd{width: calc(100% - 120px );margin-left: 20px}
.con_list02 dd.adm_txt * {font-size:1.6rem !important}
.con_list02 dd li:first-child:last-child{margin-top: 20px}
.class_reg .btn_area {display: flex;justify-content: space-between;margin-top: 2rem;}
.class_reg .btn_area.two_btn a:nth-child(1){width: 35%;}
.class_reg .btn_area.two_btn a:nth-child(2){width: 65%;}
.class_reg .btn_area a{padding: 1.5rem;font-size: 1.8rem;border-radius: 5px;box-sizing: border-box;text-align: center;}
.class_reg .btn_area a:nth-child(1){width: 22.5%;}
.class_reg .btn_area a:nth-child(2){width: 27.5%;margin-left: 1rem;margin-right: 1rem}
.class_reg .btn_area a:nth-child(3){width: 50%}
.review_dashboard02{display: flex;justify-content: space-between;background: #f7f8fa;padding: 2rem 4rem;align-items: center;margin-bottom: 4rem}
.review_dashboard02 .dashboard-star{display: flex;align-items: center;}
.review_dashboard02 .dashboard-star .star{display: flex;align-items: center;}
.review_dashboard02 .dashboard-star .star_txt{font-size: 1.4rem;font-weight: 500;color: #454c53;margin-left: 1.5rem}
.review_dashboard02 .dashboard-star .review_tit{font-weight: 500;margin-right: 4rem}
.review_dashboard02 .review-filter{display: flex;font-size: 1.4rem;font-weight: 500}
.review_dashboard02 .review-filter li{margin-right: 10px;padding-right: 10px;position: relative;}
.review_dashboard02 .review-filter li:last-child{margin-right: 0;padding-right: 0;}
.review_dashboard02 .review-filter li:last-child:after{display: none}
.review_dashboard02 .review-filter li:after{content: '';display: block;width: 1px;height: 15px;background: #1b1d1f;position: absolute;right: 0;top:50%;transform: translateY(-50%)}
.review_dashboard02 .review-filter li.active{font-weight: bold}

.review-list02 .item{display: flex;padding: 3rem 1rem;border-bottom: 1px solid #e8ebed;}
.review-list02 .item:first-child{padding-top: 0}
.review-list02 .item .left{width: 100px;text-align: center;}
.review-list02 .item .img{margin-bottom: 1.5rem}
.review-list02 .item .img img{max-width: 100%;}
.review-list02 .item  .right{width: calc(100% - 130px);margin-left: 30px;}
.review-list02 .item  .right ul{display: flex;align-items: center;margin-bottom: 1.5rem}
.review-list02 .item  .right ul li + li{margin-left: 1rem;}
.review-list02 .item  .right ul li{font-size: 1.4rem;}
.review-list02 .item  .right ul li:nth-child(1){font-weight: 500;}
.review-list02 .item  .right ul li:nth-child(2){color: #72787f;}
.review-list02 .item  .right ul li .id{color: #72787f}
.review-list02 .item  .right p{font-weight: 500;font-size: 1.4rem;}
.side_cont02.side_cont .top{background: none !important;font-family: 'Noto Sans KR' !important;font-size: 1.8rem !important} 
.side_cont02.side_cont .con_list{background: #f7f8fa !important;padding: 0 0.5rem;border-radius: 0}
.cont_view .view_area .side_cont.side_cont02 .cont{max-height: inherit !important;overflow: visible}
.cont_view .view_area .side_cont.side_cont02 .cont .item{border-bottom: 0;padding-bottom: 0}

.w155_btn a{width: 158px;text-align: center;box-sizing: border-box;}
.flex_sb{display: flex;justify-content: space-between;}
.id_n_wrap{display: flex;align-items: center;}
.id_n_wrap p {margin: 0 1rem}
.id_n_wrap a{margin-left: 1rem}
.id_n_wrap input{width: 160px}
.tel_wrap03{display: flex;align-items: center;}
.tel_wrap03 input{width: 160px;}
.tel_wrap03  p{margin-left: 1rem}
.terms_box{border: 1px solid #e8ebed;height: 165px;overflow-y: auto;font-size: 1.4rem;padding: 1.5rem;box-sizing: border-box}
.mileage_wrap02{display: flex;align-items: center;}
.mileage_wrap02 .score_txt{margin: 0 2rem 0 1rem;font-size: 1.4rem}
.mileage_wrap02 a{margin-right: 1rem}

/* 아이디 비밀번호 찾기 */
.id_find_tab{max-width: 480px;margin: auto;}
.id_find_wrap{max-width: 380px;width: 100%;margin: 7rem auto 0 auto;}
.id_find_wrap .item{margin-bottom: 1.5rem}
.id_find_wrap input{padding: 1.5rem 2rem}
.id_find_wrap .phone_wrap{justify-content: space-between;display: flex;align-items: center;}
.id_find_wrap .phone_wrap input{width: calc(100% - 128px)}
.id_find_wrap .phone_wrap02{justify-content: space-between}
.id_find_wrap .phone_wrap02 > div{width: calc(100% - 128px)}
.id_find_wrap .phone_wrap02 a{width: 50px;text-align: center;padding: 0}
.id_find_wrap .phone_wrap02 input{font-size: 1.4rem;}
.id_find_wrap .phone_wrap02 input::placeholder{color: #9ea4aa}

.id_find_result{text-align: center;padding: 7rem 0;width: 100%;max-width: 500px;box-sizing: border-box;margin: auto;border-bottom: 1px solid #1b1d1f;}

.diag_step{display: flex;justify-content: center;align-items: center}
.diag_step .arrow{background: url(/images/front/diag_arrow.png) no-repeat center;width: 23px;height: 100%;margin: 0 7rem;text-indent: -9999px}
.diag_step > div{text-align: center;}
.diag_step > div p{color: #72787f;font-size: 1.4re,;font-weight: 500;margin-top: 1.5rem}
.diag_step > div.active:before{opacity: 1 !important}
.diag_step > div.active p{color: #1c1e20}
.diag_step > div:nth-child(1):before{content: '';display: block;background: url(/images/front/diag_ico01.png) no-repeat center;width: 100%;height:  41px;opacity: 0.5}
.diag_step > div:nth-child(3):before{content: '';display: block;background: url(/images/front/diag_ico02.png) no-repeat center;width: 100%;height: 41px;opacity: 0.5}
.diag_step > div:nth-child(5):before{content: '';display: block;background: url(/images/front/diag_ico03.png) no-repeat center;width: 100%;height: 41px;opacity: 0.5}

.diag_tit{background: #f7f8fa;padding: 2.5rem 2rem;display: flex;justify-content: space-between;align-items: center}
.diag_tit p{font-size: 1.8rem;font-weight: 500}
.diag_tit ul{display: flex;}
.diag_tit ul li{font-size: 1.4rem;padding-right: 10px;margin-right: 10px;position: relative}
.diag_tit ul li:last-child{margin-right: 0;padding-right: 0}
.diag_tit ul li:after{content: '';display: block;width: 1px;height: 15px;background: #1b1d1f;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.diag_tit ul li:last-child:after{display: none}

.diag_area .diag_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem}
.diag_area .diag_top p{background: #1b1d1f;color: #fff;width: 75px;text-align: center;padding: 0.5rem;box-sizing: border-box;border-radius: 20px;font-size: 1.8rem;font-weight: 500}
.diag_area .diag_top ul{display: flex;}
.diag_area .diag_top ul li{font-size: 1.4rem;color: #72787f;}
.diag_area .diag_top ul li:first-child{font-weight: bold;color: #1b1d1f;}
.diag_area .diag_top ul li:first-child:after{content: '/';display: inline;margin: 0 0.5rem}
.diag_area  .diag_cont{border: 1px solid #e8ebed;padding: 2rem;}
.diag_area  .diag_cont .top{display: flex;justify-content: flex-end;align-items: center;font-size: 1.3rem;color: #72787f;margin-bottom: 2.5rem}
.diag_area  .diag_cont .top ul{display: flex;margin-left: 0.3rem}
.diag_area  .diag_cont .top ul li{padding-right: 10px;margin-right: 10px;position: relative;}
.diag_area  .diag_cont .top ul li:last-child{padding-right: 0;margin-right: 0;}
.diag_area  .diag_cont .top ul li:after{content: '';display: block;background: #72787f;width: 1px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.diag_area  .diag_cont .top ul li:last-child:after{display: none}
.diag_area  .diag_cont .q{position: relative;margin: 0 2rem;font-weight: 500;padding-left: 20px;margin-bottom: 2rem}
.diag_area  .diag_cont .q:before{content: 'Q.';display: block;position: absolute;left: 0;}
.diag_area  .diag_cont .diag ul{padding: 0 4rem;margin-top: 2rem}
.diag_area  .diag_cont .diag ul li{margin-bottom: 5px;color: #7f848b;}
.diag_area  .diag_cont .diag ul li:last-child{margin-bottom: 0}

.date_search{display: flex;align-items: center;}
.date_search label{font-weight: 500;margin-right: 2rem}
.datep_wrap02{display: flex;justify-content: space-between;align-items: center;}
.datep_wrap02 > div{background: #f7f8fa;padding: 1rem 1.5rem;display: flex;justify-content: space-between;align-items: center;width: 130px;box-sizing: border-box;}
.datep_wrap02  p {margin: 0 1rem}
.datep_wrap02  input{background: none;border: 0;padding: 0;font-size: 1.4rem;color: #9ea4aa;width: calc(100% - 20px);outline: none}
.datep_wrap02 button{margin: 0;padding: 0;}
.date_search a{margin-left: 2rem;padding: 0.7rem 1rem}

.table_style05 .dropdown-filter-dropdown .dropdown-filter-icon{background: url(/images/front/arrow_bt.png) no-repeat center;width: 21px;height: 21px;}

.w_over table{width: calc(100% + 80px);table-layout: auto}
.w_over .table_style05{border-bottom: 0}
.w_over table th,
.w_over table td{font-size: 1.3rem;vertical-align: middle;padding: 1.3rem 0.2rem}

.m_btn03 .select_style03{padding: 1rem 30px 1rem 1.5rem !important}
.dropdown-filter-dropdown{vertical-align: middle}

.s_wrap {align-items: flex-end}
.s_wrap .date_search{flex-wrap: wrap;}
.select_wrap{width: 100%;display: flex;margin-top: 1rem;align-items: center}
.select_wrap a{padding: 1rem}
.select_wrap > div:nth-child(1) select{width: 126px;margin-right: 1rem}
.select_wrap > div:nth-child(2) select{width: 113px;margin-right: 1rem}

.j_result{display: flex;flex-wrap: wrap;border-bottom: 1px solid #e8ebed;border-top: 2.5px solid #1b1d1f}
.j_result li{display: flex;width: calc(50% - 5px);margin-right: 10px;border: 1px solid #e8ebed;box-sizing: border-box;padding: 1rem;border-bottom: 0}
.j_result li:nth-child(1){border-top: 0}
.j_result li:nth-child(even){margin-right: 0;border-right: 0}
.j_result li strong{margin-right: 6px;font-weight: 500}

.flex_wrap{display: flex;}
.flex_wrap > div{width: calc(50% - 10px);margin-right: 20px}
.flex_wrap > div:nth-child(2n){margin-right: 0}

.bg_gray td{background: #f7f8fa}

.g_cont li{display: flex;border-bottom: 1px solid #e8ebed;padding: 1rem 0}
.g_cont li:first-child{border-top: 1px solid #e8ebed}
.g_cont li strong{font-weight: 500;margin-right: 30px;width: 53px;}
.g_cont li p{font-size: 1.4rem;width: calc(100% - 83px)}

.fs{justify-content: flex-start}
.fs.cert_wrap a {margin-left: 3rem}
.fs.cert_wrap a + a{margin-left: 10rem}

/* 로딩 */
/* 로딩 */
.loading{position: fixed;left: 0;top: 0; background: rgba(247, 248, 249, 0.5);width: 100%;height: 100%;z-index: 99999}
.loading > div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.loading img{animation-name:spinCircle;animation-duration:2s;animation-iteration-count:infinite;display: block;margin: 0 auto 2rem auto;position:static !important;}
.loading p {text-align: center;font-size: 1.6rem;font-weight: 500;margin-top: 3rem}
.loading .loading_pro{width: 240px;height: 10px;border-radius: 30px;background: #fff;border: 1px solid #dddddd;margin: 10px auto 0 auto;position: relative;overflow: hidden}
.loading .loading_pro span{height: 100%;width: 0;display: block;position: absolute;left: 0;top: 0;background: #1b1d1f ;animation: bar1 3s ease-out infinite;}

@keyframes spinCircle {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes bar1 {
  from {width: 0px;}
  to {width: 100%;}
}


.sub_top{background: url(/images/front/sub_top.png) no-repeat;background-size: cover;height: 320px;}
.sub_top .inner{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;height: 100%;position: relative;}
.sub_top h3{color: #fff;font-size: 3.6rem;font-weight: 500;}
.sub_top p{color: #fff;margin-top: 15px;font-size: 2rem;word-break: keep-all;font-weight: 300}
.sub_top p strong{font-weight: 500;}
.sub_top .st_tab{display: flex;width: 100%;position: absolute;bottom: -35px}
.sub_top .st_tab li{flex: 1 1}
.sub_top .st_tab li a{display: block;font-size: 2rem;color: #888888;font-weight: 500;background: #f5f5f5;padding: 2rem;border-right: 1px solid #fff;}
.sub_top .st_tab li:last-child a{border-right: 0}
.sub_top .st_tab li.active a{background: #000000;color: #fff;font-weight: bold;border-right: 0}
.sub_cont{margin: 10rem 0}

.lh_cont{display: flex;justify-content: center;align-items: center;}
.lh_cont .txt{margin-left: 8rem;}
.lh_cont .txt .tit{font-size: 2.4rem;font-weight: 600}
.lh_cont .txt .tit span{display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin-right: 8px;}
.lh_cont .txt .desc{font-size: 1.8rem;color: #888888;margin-top: 0.5rem;margin-left: 22px}
.lh_cont .txt .item + .item{margin-top: 2rem}
.lh_cont .txt .item:nth-child(1) .tit{color: #f09e4b}
.lh_cont .txt .item:nth-child(1) .tit span{background: #f09e4b}
.lh_cont .txt .item:nth-child(2) .tit{color: #a0c44c}
.lh_cont .txt .item:nth-child(2) .tit span{background: #a0c44c}
.lh_cont .txt .item:nth-child(3) .tit{color: #ffd83b}
.lh_cont .txt .item:nth-child(3) .tit span{background: #ffd83b}
.lh_cont .txt .item:nth-child(4) .tit{color: #898989}
.lh_cont .txt .item:nth-child(4) .tit span{background: #898989}
.hd_btn{display: flex;margin: 8rem 0;background: #f09e4b;justify-content: center;color: #fff;font-size: 3.3rem;padding: 1.5rem;border-radius: 50px;box-shadow: 0 5px 0 #c87827}
.hd_btn strong{margin-left: 10px}
.hd_btn i{background: url(/images/front/hand.png) no-repeat;width: 59px;height: 56px;margin-left: 15px}
.partner{max-width: 1000px;margin: auto}
.partner > .item + .item{margin-top: 3rem;}
.partner .tit{text-align: center;background: #f5f5f5;font-weight: bold;font-size: 2.4rem;padding: 1rem;border-radius: 30px;margin-bottom: 20px}

.apply_pop .item + .item{margin-top: 1.5rem}
.apply_pop .item > label,
.apply_pop .item > p{display: block;font-size: 1.4rem;font-weight: 500;margin-bottom: 0.5rem}
.apply_pop .agree{max-height: 200px;overflow-y: auto;border: 1px solid #c9cdd2;border-radius: 5px;box-sizing: border-box;padding: 1rem;font-size: 1.4rem}
.apply_pop .check{margin-top: 1rem}
.apply_pop .check label{font-size: 1.4rem;}

.phone_wrap02{display: flex;align-items: center;}
.phone_wrap02 p {margin: 0 5px}
.phone_wrap02 input{max-width: 120px;}
#cont{height: 100px}
.otit{text-align: center;font-weight: bold;font-size: 3rem;color: #ef7032;margin-bottom: 5rem}

.mission_wrap .item{display: flex;justify-content: space-between;align-items: center;}
.mission_wrap .item:nth-child(2){flex-direction: row-reverse;margin-top: 7rem}
.mission_wrap .item:nth-child(2) .txt{text-align: right}
.mission_wrap .item:nth-child(2) .txt .tit:after{background: #a0c44c;margin: 0 0 2rem auto}
.mission_wrap .item .img {width: 550px;}
.mission_wrap .item .img img{max-width: 100%;}
.mission_wrap .item .txt{width: calc(100% - 600px)}
.mission_wrap .item .tit{font-size: 3rem;font-weight: bold}
.mission_wrap .item .tit:after{content: '';display: block;width: 45px;height: 5px;background: #ef7032;margin: 0 0 2rem 0}
.mission_wrap .item .desc{font-size: 2.4rem;word-break: keep-all}
.kv_tit{text-align: center;font-size: 3rem;font-weight: bold;}
.kv_tit:after{content: '';display: block;width: 45px;height: 5px;background: #ffd83b;margin: 0.5rem auto 5rem auto}
.kv_wrap{display: flex;justify-content: space-between;}
.kv_wrap .item{width: calc(25% - 15px);padding: 3rem 2rem;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;transition: all 0.3s;min-height: 396px}
.kv_wrap .item:nth-child(odd){background: #ffece2}
.kv_wrap .item:nth-child(even){background: #edf4dd}
.kv_wrap .item:nth-child(1) .tit:before{content: '';display: block;width: 100%;background: url(/images/front/kv_img01.png) no-repeat center;height: 77px;margin-bottom: 2rem}
.kv_wrap .item:nth-child(2) .tit:before{content: '';display: block;width: 100%;background: url(/images/front/kv_img02.png) no-repeat center;height: 77px;margin-bottom: 2rem}
.kv_wrap .item:nth-child(3) .tit:before{content: '';display: block;width: 100%;background: url(/images/front/kv_img03.png) no-repeat center;height: 77px;margin-bottom: 2rem}
.kv_wrap .item:nth-child(4) .tit:before{content: '';display: block;width: 100%;background: url(/images/front/kv_img04.png) no-repeat center;height: 77px;margin-bottom: 2rem}
.kv_wrap .tit{font-size: 2.4rem;text-align: center;font-weight: bold;margin-bottom: 1.5rem}
.kv_wrap .desc{font-size: 1.6rem;text-align: center;font-weight: 500;}
.kv_wrap .item:hover ul{max-height: 1000px;}
.kv_wrap .item:hover .tit:before,
.kv_wrap .item:hover .desc{display: none;}
.kv_wrap .item:hover{justify-content: flex-start}
.kv_wrap ul{ max-height: 0;overflow: hidden;}
.kv_wrap ul li{position: relative;padding-left: 10px;word-break: keep-all}
.kv_wrap ul li:before{content: '·';position: absolute;left: 0;top: 0;}
.kv_wrap ul li + li{margin-top: 1.5rem;}
.busi_wrap{display: flex;flex-wrap: wrap;}
.busi_wrap > .item{width: calc(25% - 15px);margin-right: 20px;box-sizing: border-box;padding: 4rem 3rem;border-radius: 5px;}
.busi_wrap > .item:nth-child(4n){margin-right: 0}
.busi_wrap > .item:nth-child(-n + 4){margin-bottom: 20px}
.busi_wrap .tit{font-size: 3rem;font-weight: 600}
.busi_wrap .tit:after{content: '';display: block;width: 45px;height: 4px;background: #ddd;margin: 0.5rem 0 2rem 0}
.busi_wrap li{font-size: 2rem;padding-left: 20px;position: relative;word-break: keep-all}
.busi_wrap li:before{content: '·';display: block;position: absolute;left: 0;top: 0;}
.busi_wrap li span{font-size: 1.6rem}
.busi_wrap li + li{margin-top: 10px}
.busi_wrap .item_orange{border: 1px solid #ef7032}
.busi_wrap .item_orange .tit{color: #ef7032}
.busi_wrap .item_orange .tit:after{background: #ef7032}
.busi_wrap .item_green {border: 1px solid #a0c44c}
.busi_wrap .item_green .tit{color: #a0c44c}
.busi_wrap .item_green .tit:after{background: #a0c44c}

.pri_tit {text-align: center;border-bottom: 1px solid #000;padding-bottom: 20px;}
.pri_tit h3{font-weight: bold;font-size: 3rem;margin-bottom: 1rem}
.pri_tit p{font-size: 1.8rem;color: #888}
.con_privatebox_c h2{font-size: 2.4rem;font-weight: 600;margin-bottom: 3rem}
.con_privatebox h3{font-size: 2rem;font-weight: 600;margin-bottom: 1.5rem;margin-top: 3rem}
.bg_none{padding-left:10px}
.con_privatebox li + li{margin-top: 0.5rem}
.pl20{padding-left: 20px}
.top_btn{display: block;width: 60px;height: 60px;background: #efefef;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-weight: bold;position: fixed;right: 250px;top: 420px}
.top_btn:before{content: '';background: url(/images/front/top_btn.png) no-repeat;width: 16px;height: 10px;}

.con_privatebox_c{padding: 2rem 0}
.privacy_list{padding: 2rem;box-sizing: border-box;border: 1px solid #dddddd;margin-bottom: 2rem}
.privacy_list li{font-weight: 500}
.privacy_list li + li{margin-top: 1rem;}
.privacy_list li a{display: block}
.con_privatebox_c h3 { margin: 3rem 0 1rem 0;font-size: 2rem;font-weight: bold;}

.con_list5 table{border-top: 1px solid #888888;margin-top: 2rem}
.con_list5 table th,
.con_list5 table td{border-right: 1px solid #ddd;padding: 1rem;vertical-align: middle;word-break: break-all}
.con_list5 table th:last-child,
.con_list5 table td:last-child{border-right: 0}
.con_list5 table td{text-align: center;border-bottom: 1px solid #ddd;}
.con_list5 table th{background: #f5f5f5;font-weight: 500}

/* 개인정보 제3자 제공동의 추가 */
.con_list3 table{border-top: 1px solid #888888;margin-top: 2rem}
.con_list3 table th,
.con_list3 table td{border-right: 1px solid #ddd;padding: 1rem;vertical-align: middle;word-break: break-all}
.con_list3 table th:last-child,
.con_list3 table td:last-child{border-right: 0}
.con_list3 table td{text-align: center;border-bottom: 1px solid #ddd;}
.con_list3 table th{background: #f5f5f5;font-weight: 500}

.map_info{margin-top: 5rem;display: flex;flex-wrap: wrap;}
.map_info .item {width: calc(50% - 15px);margin-right: 30px;display: flex;align-items: flex-start}
.map_info .item:nth-child(2n){margin-right: 0}
.map_info .item:nth-child(-n + 2){margin-bottom: 4rem;}
.map_info .ico span{width: 80px;height: 80px;display: block;border-radius: 50%;margin: auto}
.map_info .ico p{text-align: center;font-size: 1.4rem;margin-top: 1rem;color: #333}
.map_info .item .txt{width: calc(100% - 110px);margin-left: 30px}
.map_info .item:nth-child(1) .ico span{background: url(/images/front/map_ico01.png) no-repeat center #888888}
.map_info .item:nth-child(2) .ico span{background: url(/images/front/map_ico02.png) no-repeat center #888888}
.map_info .item:nth-child(3) .ico span{background: url(/images/front/map_ico03.png) no-repeat center #888888}
.map_info .item:nth-child(4) .ico span{background: url(/images/front/map_ico04.png) no-repeat center #888888}
.map_info .item dl + dl{margin-top: 2rem}
.map_info .item dl dt{font-size: 1.8rem;margin-bottom: .5rem;font-weight: bold;}

.pc{display: block}
.m{display: none}


/* 팝업 추가 */
.popUp02 .popTop{background: #545454;color: #fff;}
.popUp02 .popTop h3{font-size: 20px}

.opt_wrap{display: flex;justify-content: space-between;}
.opt_wrap ul{display: flex;align-items: center;}
.opt_wrap ul li + li{margin-left: 3rem}
.opt_wrap ul li label{font-size: 14px;}
.opt_wrap ul .input_style02{width: 120px;margin-left: 5px}
.opt_wrap ul .input_style02::placeholder{color: #bbbbbb}
.reo input{width: 120px}
.f10{font-size: 10px;}
.pin_btn{display: flex;align-items: center;}
.pin_btn p{margin-right: 10px}

.inCircle{display: flex;align-items: center;}
.inCircle span{margin-right: 5px}

.border{border: 1px solid #ddd}
.info_tit{border-top: 2px solid #333333;padding: 1rem;font-weight: 500}

.btn_in{display: flex;align-items: center;justify-content: space-between}
.btn_in p{max-width: calc(100% - 120px)}
.pin_btn02 input[type="radio"]{position: absolute;left: -9999px;}
.pin_btn02 {display: flex;align-items: center;}
.pin_btn02 ul{display: flex;align-items: center;}
.pin_btn02 ul li{margin-right: 15px}
.pin_btn02 input[type="radio"]:checked + label{font-weight: bold;}
.refunds_pop{max-height:calc(100vh - 220px) !important}

.guide_tabs {display: flex;}
.tabs.f14 li a{padding:8px 5px}
.guide_tabs li.active a{color: #000;border-bottom: 0;background: #f4f4f4;font-weight: 500;border-bottom: 1px solid #f4f4f4;}
.guide_tabs li a{border: 1px solid #dddddd;display: block;width: 140px;text-align: center;padding: 1rem;box-sizing: border-box;color: #888888;border-bottom: 0;position: relative}
.guide_tabs li + li a{border-left: 0}
.guide_content .bgGray{background: #f4f4f4;border: 1px solid #ddd;margin-top: -1px;padding: 2rem;}
.guide_pop{padding: 2rem}
.guide_pop{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);z-index: 555555}
.gp_inner .cont{padding: 2rem;border: 1px solid #dddddd;text-align: center}
.gp_inner .cont img{max-width: 100%}


@media all and (max-width:1270px){
    
    .w_over{width: 100%;overflow-y: auto}   
    .top_btn{display: none}
}

@media all and (max-width:1200px){
        /* 메인 */
    .m_full{width: 100%;}
    .main_banner {height: auto;}
    .main_banner .swiper-wrapper {height: auto;}
    .main_banner .main_control {left: 50%; bottom: -30px; transform: translateX(-50%);}
    .main_notice .center{background-size: 180px;background-position:  right 10px bottom}
    .board_search_wrap.in_btn02 .board_search{margin-left: 10rem}
    .board_search_wrap.in_btn02 a{margin-right: 8rem}
    
    /* 경력목표수립*/
    .plan_table .mw250{max-width: 200px }
    .plan_table col:nth-child(odd){width: 110px !important}
    .table_style03 th, .table_style03 td{padding: 1rem}
    
     .m_bs{display: block !important;}
    .m_bs .btn_area{margin-top: 1rem;text-align: right}
}

@media all and (max-width:1024px){
     /* 메인 */
    .main_notice{display: block;}
    .main_notice .notice{width: 100%;margin-bottom: 3rem}
    .main_notice .center{width: 100%}
    .main_banner .swiper-slide.item01{background-size: 300px}
    .main_banner .swiper-slide.item02{background-size: 400px;background-position: right 70pxx bottom}
    /* 통합검색 */
    #side .tit,
    #side .com_search,
    #side .snb{display: none}

	#side2 .tit,
	#side2 .com_search,
	#side2 .snb{display: none}

    #contents{float: none;width: 100%;margin-left: 0}
    .con_list.two_item{display: block;}
    .con_list.two_item > .item{width: 100%;}
    .con_list.row.two_item .item:nth-child(2){margin-top: 4rem}
    
    /* quick_menu */
    .quick_menu{display: none}
    
    /* 지식캐스트 */
    .cast_list .item{width: 100%;margin-right: 0;margin-top: 2rem}
    .cast_list .item:nth-child(2){margin-top: 2rem}
    
    /* 지식캐스트 상세 */
    .board_view .tit h3{padding: 0 2rem 0 2rem}
    .board_view .tit .info{padding: 1.5rem 2rem}
    .board_view .board_view_cont{padding: 2.5rem 2rem 5rem 2rem}
    .board_view .board_file{padding: 1.5rem 2rem}
    .comment_list .comment_top{padding: 2rem}
    .comment_list .comment_item{padding: 2rem}
    
    /* 공지사항 상세 */
    .board_view .tit .import_wrap h3{padding-left: 0}
    
    /* 학습공동체 방만들기 등록 */
    .learn_write #tit{width: 100%}
    
    /* 학습공동체 게시글 등록 수정 */
    .board_write02 .item{padding: 0 2rem}
    .board_write .file_item{padding: 2rem }
    
    /* tab */
    .tab_wrap {width: 100%;overflow-x: auto}
    
    /* 자주하는 질문 */
    .q_a .item .q:before{left: 2rem}
    .q_a .item .q{padding: 2rem 5rem}
    .q_a .item .q:after{right: 2rem}
    .q_a .item .a:before{left: 4rem}
    .q_a .item .a{padding: 2rem 5rem 2rem 9rem}
    
    /* 묻고답하기 */
    .reply_area{padding: 2rem}
    
    /* 원격지원 */
    .step .item .cont {height: auto}
    
    /* 이벤트 */
    .board_search_wrap.in_select .board_search{max-width: calc(100% - 380px);width: 100%;}
    .board_search_wrap.in_btn select{width: 180px}
    
    /* 경력개발계획 */
    .career_plan .item{border-radius: 50px;}
    .career_plan .item br{display: none}
    .table_wrap{width: 100%;overflow-x: auto}
    .table_wrap table{white-space: nowrap;table-layout: inherit}
     .flex_table{display: block;}
    .flex_table > div{width: 100%;}
    .flex_table > div + div{margin-top: 5rem}
    .plan_table .mw250{max-width: 120px}
    .plan_table .btn_style06{padding: 0.7rem 1rem}
    
    /* 수강신청 현황 */
    .div_table02 .m_hide{display: none}
    .div_table02 .thead .th:nth-child(1){width: 80%}
    .con_list_table .txt > div:nth-child(1){width: calc(80% - 65px)}
    
    /* 학습후기 */
    .board_search_wrap.in_select02{justify-content: flex-start}
    .board_search_wrap.in_select02.in_btn .board_search{max-width: calc(100% - 320px)}
    
    /* 쪽지함 */
    .board_search_wrap.in_btn03 .board_search{max-width: calc(100% - 400px);width: 430px}
    
    /* 학습레벨 */
    .level_area01 .item{width: 140px;height: 140px;padding: 2rem 0}
    .level_area01 .item p{font-size: 1.5rem}
    
    /* 마일리지 이용 적립 */
    .mileage_wrap li + li{margin-left:2rem}
    .mileage_wrap li strong{margin-right: 1rem}
    
    /* 수강중인과정 > 학습홈 */
    .home_top{flex-direction: column;align-items: flex-start}
    .home_top h3{margin-bottom: 2rem}
    
    /* 회원가입 */
    .join_tab,.join_content{padding: 0}
    .tab_style04 a{flex-direction: column}
    .phone_wrap input{max-width: calc(100% - 94px - 1.5rem)}
    .address_wrap01 input{max-width: calc(100% - 105px - 1.5rem)}
    
   /* 수강신청 */
    .m_flex{position: static;top: 0 !important;width: 100%;margin: 3rem 0 }
    .m_flex{display: flex;}
    .m_flex .select_style08 {width: 100px !important;margin-top: 0 !important}
    .m_flex .search {margin-top: 0 !important;width: calc(100% - 100px)}
    
    .class_reg{display: block;}
    .class_reg .left{width: 100%}
    .class_reg .left .img{height: 400px}
    .class_reg .right{margin-left: 0;margin-top: 2rem;width: 100%;}
    
    .div_table06{display: block;}
    .div_table06 .item:nth-child(1){border: 0;margin-bottom: 2rem}
    .div_table06 .item{width: 100% !important}
    .div_table06 .item:nth-child(1) .th{display: none;}
    .div_table06 .item:nth-child(1) .td{padding: 0;border: 0}
    .div_table06 .program_wrap .img{display: none;}
    .div_table06 .program_wrap .txt{width: 100%;margin-left: 0;padding-top: 0}
    .div_table06 .item{display: table;border-bottom: 0}
    .div_table06 .item .th,
    .div_table06 .item .td{display: table-cell;vertical-align: middle}
    .div_table06 .item .th{width: 160px;}
    .div_table06 .item:last-child .td{border-bottom: 1px solid #e8ebed}
    
    .lh_cont{display: block;text-align: center}
    .lh_cont img{max-width: 100%;margin-bottom: 5rem}
    .lh_cont .txt{margin-left: 0}
    .mission_wrap .item .img{width: 350px}
    .mission_wrap .item .txt{width: calc(100% - 400px)}
    .busi_wrap > .item{width: calc(50% - 10px);}
    .busi_wrap > .item:nth-child(2n){margin-right: 0}
    .busi_wrap > .item:nth-child(5),
    .busi_wrap > .item:nth-child(6){margin-bottom: 20px}
    .busi_wrap .item:nth-child(3),
    .busi_wrap .item:nth-child(6){border-color: #a0c44c}
    .busi_wrap .item:nth-child(3) .tit,
    .busi_wrap .item:nth-child(6) .tit{color: #a0c44c}
    .busi_wrap .item:nth-child(3) .tit:after,
    .busi_wrap .item:nth-child(6) .tit:after{background: #a0c44c}
    .busi_wrap .item:nth-child(4),
    .busi_wrap .item:nth-child(5){border-color: #ef7032}
    .busi_wrap .item:nth-child(4) .tit,
    .busi_wrap .item:nth-child(5) .tit{color: #ef7032}
    .busi_wrap .item:nth-child(4) .tit:after,
    .busi_wrap .item:nth-child(5) .tit:after{background: #ef7032}
    
    .refunds_pop .table_style06 table,
    .refunds_pop .table_style06 tbody,
    .refunds_pop .table_style06 tr,
    .refunds_pop .table_style06 th,
    .refunds_pop .table_style06 td{display: block;}
    .refunds_pop .table_style06 th{border-bottom:1px solid  #c9cdd2;text-align: center}
    .refunds_pop .table_style06 td{border-bottom: 1px solid #c9cdd2;text-align: center}
    .refunds_pop .table_style06 tr{border: 0}
    .pin_btn02 ul{justify-content: center}
}


@media all and (max-width:768px){
    .pc{display: none}
    .m{display: block}

    /* 메인 */
    .field_cont .tabs{overflow-x: auto;white-space: nowrap;justify-content: flex-start}
    .field_cont .tabs li{padding: 0.5rem 2rem}
    .card-wrap .con_list .swiper-slide{width: 300px !important}
    .today_cont .img{height: 160px !important}
    .main_banner .txt{transform: none;top: 40px}
    .main_banner .swiper-slide.item01{background-size: 200px;background-position: right 30px bottom}
    .main_banner .swiper-slide.item02{background-size: 200px;background-position: right 30px bottom}
    
    .popUp .popCont{padding: 2rem 1rem}
    .popUp .popCont > .scr{max-height: calc(100vh  - 180px)}
    .m_tlt{text-align: left !important}
    .page_tit{font-size: 2rem;padding-bottom: 1.5rem;margin-bottom: 2rem}
    .no_data{padding: 6rem 0}
    .no_data p:before{background-size: 60px;width: 60px;height: 60px;margin-bottom: 2rem}
    
    .con_list.col.four_item > .item{width: calc(50% - 7.5px);margin-top: 3rem}
    .con_list.col.four_item > .item:nth-child(2n){margin-right: 0}
    .con_list.col.four_item > .item:nth-child(4n){margin-right: auto}
    .con_list.col .img{height: 213px}
    .con_list.col.four_item > .item:nth-child(-n + 2){margin-top: 0}
    .con_list.col.four_item > .item:nth-child(n+3):nth-child(-n+4){margin-top: 3rem}
    .con_list.row.two_item .item{margin-top: 3rem}
    .con_list.row.two_item .item:nth-child(2){margin-top: 3rem}
    
    /* 필수콘텐츠 상세 */
    .cont_view .video{margin-bottom: 3rem}
    .cont_view .view_info{flex-wrap: wrap;}
    .cont_view .view_info li{margin-right: 20px;width: calc(50% - 10px);margin-top: 10px}
    .cont_view .view_info li strong{width: 53px}
    .cont_view .view_info li:nth-child(-n + 2){margin-top: 0}
    .cont_view .view_info li:nth-child(2n){margin-right: 0}
    .cont_view .view_area .side_cont{display: none}
    .cont_view .view_area_cont{width: 100%;margin-right: 0}
    
    .board_search_wrap.in_btn02 .board_search{margin-left: 0}
    .board_search_wrap.in_btn02 a{margin-right: 0}
    
    /* 공지사항 */
    .board_view{margin-top: 3rem}
    .board_list:not(.m_board_list, .filter_table) table thead{display: none}
    .board_list:not(.m_board_list, .filter_table) table,
    .board_list:not(.m_board_list, .filter_table) table tr,
    .board_list:not(.m_board_list, .filter_table) table td,
    .board_list:not(.m_board_list, .filter_table) table tbody{display: block;}
    .board_list:not(.m_board_list, .filter_table) table .num{display: none}
    .board_list:not(.m_board_list, .filter_table) table .import{position: static;transform: none;}
    .board_list:not(.m_board_list, .filter_table) table .import_wrap{padding-left: 0 !important}
    .board_list:not(.m_board_list, .filter_table) table .import_wrap a{width: 100%;margin-top: 1rem;}
    .board_list:not(.m_board_list, .filter_table) table td{padding: 0;margin: 1rem 0}
    .board_list:not(.m_board_list, .filter_table) table .name{text-align: left}
    .board_list:not(.m_board_list, .filter_table) table .date{text-align: left;color: #9ea4aa}
    .board_list .part{text-align: left}
    
    
    .m_hide{display: none !important}
    
    
     /* 학습공동체 */
    .learn_list{display: block;}
    .learn_list .item{width: 100%;margin-right: 0}
    .learn_list .item:nth-child(2){margin-top: 2rem}
    .board_search_wrap.in_btn .board_search{margin: 0;max-width: calc(100% - 200px)}
    .learn_list .item .tit{padding: 2rem}
    .learn_list .item .cont{padding: 2rem}
    .learn_list .item.secret .cont:after{right: 2rem;width: 25px;height: 25px;background-size: 13px}
    
     /* 학습공동체 방만들기 등록 */
    .learn_write .add_area{flex-wrap: wrap;}
    .learn_write .add_area input[type="text"]{width: calc(100% - 129px)}
    .learn_write .add_area a{margin-right: 0}
    .learn_write .add_area .check{margin-top: 10px}
    .board_write .item input[type="text"], 
    .board_write .item textarea,
    .board_write .item .select_style03{padding: 1rem 1.5rem}
    .board_write .item .select_style03{padding-right: 40px}
    
    /* popup */
    .popUp{height: 100vh;max-width: 100%}
    .popUp .popCont{min-height: calc(100vh - 160px);display: flex;flex-direction: column}
    .popUp .popCont > .scr.mh_scr{max-height: calc(100vh - 120px)}
    .popUp.courseList .popCont > .scr.mh_scr{max-height: calc(100vh - 150px)}
    .popUp .btn_wrap{margin-top: auto}
    .popUp .pc_pd .btn_wrap{margin-top: 3rem}
    
    /* 학습공통체 게시글리스트 */
    .room_tit{margin: 4rem 0}
    
    .board_write{margin-bottom: 5rem}
    
    /* 원격지원 */
    .step{display: block;}
    .step .item{width: 100%;}
    .step .item:after{position: relative;top: 0;transform: rotate(90deg);margin: 1rem auto;right: 0}
    .step .item .cont .desc{text-align: center}
    
    /* 이벤트*/
    .end_ev_list tr{position: relative;}
    .end_ev_list .btn{border-left: 1px solid #e8ebed;height: calc(100% + 8px);position: absolute;right: 0;top: -2rem;padding-left: 10px !important;width: 100px}
    .end_ev_list .btn > a,
    .end_ev_list .btn > .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70px;box-sizing: border-box;padding: 1rem}
    .end_ev_list .btn > .txt{width: 100%}
    .end_ev_list td:not(.btn){width: calc(100% - 120px)}
    
    .tab_m{flex-wrap: wrap;}
    .tab_m li{flex: none;width: 33.333%;margin-top: -1px}
    .tab_m li:nth-child(-n + 3){margin-top: 0}
    .tab_style04.tab_blue li:nth-child(4) a {margin-left:0; border-left: 1px solid #ccc;}
    
    .prd_wrap .item{width: calc(33.333% - 20px)}
    .prd_wrap .arrow{background-size: 10px;width: 10px;margin: 3rem 10px 0 10px}
    .login_wrap,
    .otp_wrap{margin: 5rem auto 0 auto}
    
    /* 경력개발개획 */
    .career_plan .item{height: auto;padding: 2rem 1rem;border-radius: 20px}
    .career_plan .item .tit{font-size: 1.5rem}
    .career_plan .item .desc{display: none}
    .career_plan .item span{display: block;}
    .career_plan .arrow{margin: 0 10px;background-size: 8px;width: 8px;}
    .plan_text{display: block;}
    .plan_text .item{width: 100%;}
    .plan_text .item + .item{margin-top: 2rem}
    .plan_table table,
    .plan_table table tbody,
    .plan_table table th,
    .plan_table table td,
    .plan_table table tr{display: block}
    .plan_table table tr::after{content: '';display: block;clear: both}
    .plan_table table tr{border-bottom: 0;display: flex;flex-wrap: wrap;}
    .plan_table table th{width: 100px;box-sizing: border-box;-bottom: 1px solid #9ea4aa;display: flex;justify-content: center;align-items: center}
    .plan_table table td{width: calc(100% - 100px);box-sizing: border-box;border-bottom: 1px solid #9ea4aa;}
    .plan_table table td.pr0{padding-right: 1rem !important}
   
    .circle_btn{width: 33px;height: 33px}
    
    /*교육계획추가*/
    .scr_table .scr{max-height: 141px !important}
    .scr_table .scr.mh156{max-height: 140px !important;border-bottom: 0}
    .scr_table .scr.mh156 .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .scr_table .scr.mh156 .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{border-bottom: 1px solid #c9cdd2}
    .table_wrap .scr_table{width: 730px}
    .scr_table .scr.mh250{max-height: 235px !important;}
    
    /* 나의 강의실 */
    .my_lr{display: block;}
    .my_lr .info{border-bottom: 1px solid #c9cdd2;border-right: 0;box-sizing: border-box}
    .my_lr > div{width: 100%}
    .complete_area{flex-wrap: wrap;}
    .complete_area .item{margin-right: 15px;width: calc(50% - 7.5px);box-sizing: border-box;}
    .complete_area .item:nth-child(2n){margin-right: 0;}
    .complete_area .item:nth-child(-n + 2){margin-bottom: 15px}
    .con_list .no_link{position: relative;}
    .con_list .no_link:not(.no_hide) .img{width: 50px !important;height: 27px !important;position: absolute;background: none !important;top: 0;border-radius: 0}
    .con_list .no_link:not(.no_hide) .img .category{bottom: auto;left: 0;height: 27px !important;line-height: 30px !important}
    .con_list .no_link:not(.no_hide) .time{display: none}
    /* .con_list .no_link .top{padding-left: 60px} */
    .con_list .no_link .img:after{display: none}
    .con_list .no_link .img img{display: none !important;}
    .div_table02 .thead .th:nth-child(1){width: calc(100% - 120px)}
    .div_table02 .thead .th:nth-child(3){width: 100px}
    .con_list_table .txt > div:nth-child(1){width: calc(100% - 120px)}
    .con_list_table .txt > div:nth-child(3){width: 100px}    
    .popUp .con_list .no_link .top{padding-left: 0}
    .popUp .con_list.row .item .txt{margin-left: 20px !important}
    
    .hover_table tbody tr:hover,
    .hover_table tbody tr:active,
    .hover_table tbody tr:focus{background: #fff}
    
    /* 쪽지함 */
    .post_table table,
    .post_table tr,
    .post_table thead,
    .post_table tbody,
    .post_table th,
    .post_table td{display: block;box-sizing: border-box}
    .post_table tbody tr{position: relative;height: 90px}
    .post_table tr{display: flex;width: 100%;align-items: center}
    .post_table th:nth-child(1){width: 10%}
    .post_table td:nth-child(1){width: 10%}
    .post_table th:nth-child(2){width: 15%}
    .post_table td:nth-child(2){width: 15%}
    .post_table th:nth-child(3){width: 20%}
    .post_table td:nth-child(3){width: 20%}
    .post_table th:nth-child(4){width: 60%}
    .post_table td:nth-child(4){width: 60%}
    .post_table .tit{width: 100%;display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;white-space: normal;line-height: 1.8rem;height: 5rem;overflow: hidden;box-sizing: border-box;margin-top: -40px}
    .post_table .date{position: absolute;bottom: 1rem;left: 44.5%;padding: 0;}
    
    /* 쪽지함 */
    .board_search_wrap.in_btn03 .board_search{max-width: calc(100% - 330px)}
    .board_search_wrap.in_btn03 .btn_style08{min-width: 100px;padding: 1rem 0.5rem}
    .to_list{max-height: 135px}
    
    /* 진도/성적팝업 */
    .pc_show{display: none}
    .m_show{display: table}
    .learn_info li.w50{width: 100%;margin-right: 0;margin-bottom: 1rem}
    .learn_info li.w50:last-child{margin-bottom: 0}
    .div_table03 .thead{display: none}
    .div_table03 .tr{display: block;padding: 1rem 0 }
    .div_table03 .tbody{max-height: 255px}
    .div_table03 a:first-child  > .tr{border-top: 1px solid #c9cdd2}
    .div_table03 .tr .td{padding: 0.5rem;text-align: left;display: inline;}
    .div_table03 .tr .td:nth-child(1),
    .div_table03 .tr .td:nth-child(2){width: 100%;text-align: left;font-weight: 500}
    .div_table03 .tr .td:nth-child(3),
    .div_table03 .tr .td:nth-child(4),
    .div_table03 .tr .td:nth-child(5){width: auto}
    .div_table03 .tr .td:nth-child(1):after,
    .div_table03 .tr .td:nth-child(2):after,
    .div_table03 .tr .td:nth-child(5):after,
    .div_table03 .tr .td:nth-child(7):after{content:"\A"; white-space:pre; }
    .div_table03 .tr .td:nth-child(3):before{content: '진도율  ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(4):before{content: '학습횟수   ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(5):before{content: '강의시간   ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(5):before{content: '학습시간     ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(6):before{content: '학습시간       ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(7):before{content: '최초학습일       ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(8):before{content: '최종학습일     ';font-weight: 500;}
    .div_table03 .tr .td:nth-child(9):before{content: '학습여부     ';font-weight: 500;}

    .m_show02{display: block}
    .div_table03 .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .div_table03 .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{border-top: 1px solid #c9cdd2}
    
    /* 학습레벨 */
    .level_area01{flex-wrap: wrap;}
    .level_area01 .item{width: calc(50% - 7.5px);border-radius: 0;margin-top: 15px;}
    .level_area01 .item:nth-child(-n + 2){margin-top: 0}
    .level_area02{display: block;}
    .level_area02 > .item{width: 100%;margin-bottom: 15px}
    .level_area02 > .item:last-child{margin-bottom: 0}
    
    /* 마일리지 */
    .mileage_wrap{flex-wrap: wrap;justify-content: flex-start}
    .mileage_wrap li{width: calc(50% - 1rem);margin-right: 2rem}
    .mileage_wrap li + li{margin-left: 0}
    .mileage_wrap li:nth-child(2){margin-right: 0}
    .mileage_table td:not(.btn){text-align: left}
    .mileage_table td:nth-child(3):before{content: '상세내역';display: inline-block;font-weight: 500;margin-right: 5px}
    .mileage_table td:nth-child(4):before{content: '취소';display: inline-block;font-weight: 500;margin-right: 5px}
    
    /* 개인정보수정 */
    .privacy_area{display: block;padding: 0;}
    .privacy_area > .item{max-width:300px;width: 100%;margin: 0 auto 15px auto;box-sizing: border-box;word-break: keep-all;padding: 2rem;}
    .privacy_area > .item + .item{margin-left: auto;margin-bottom: 0}
    .privacy_area > .item:nth-child(1) .tit:before{background-size: 40px;height: 38px}
    .privacy_area > .item:nth-child(2) .tit:before{background-size: 40px;height: 40px}
    .pass_box p:before{background-size: 40px;height: 52px}
    .pass_input{display: block;}
    .pass_input .item{width: 100%;padding: 1rem 2rem}
    .pass_input .item:nth-child(1){margin-bottom: 15px}
    .pass_input .item label{width: 70px}
    .pass_input .item input{width: calc(100% - 70px)}
    
    /* 수강중인 과정 > 학습홈  */
    .term_list{display: block;}
    .term_list > .item{margin-right: 0;margin-bottom: 1rem}
    .term_list > .item:last-child{margin-bottom: 0}
    .home_progress{display: block;margin-top: 0}
    .home_progress > div{width: 100%;margin-bottom: 2rem}
    .home_progress > div:last-child{margin-bottom: 0}
    .div_table04{flex-wrap: wrap;}
    .div_table04 .item{flex: auto;width: 50%;margin-bottom: 2rem}
    .div_table04 .item:last-child{margin-bottom: 0}
    
    .tab_select {overflow: visible;position: relative;}
    .tab_select .tabs_dropdown{flex-direction: column;;border: 1px solid #9ea4aa;display: block;padding: 1rem;position: relative;}
    .tab_select .tabs_dropdown:after{content: '';display: block;background: url(/images/front/select_arrow.png) no-repeat;width: 12px;height: 7px;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);z-index: 2}
    .tab_select .tab_style01{display: none;border: 1px solid #9ea4aa;border-top: 0;position: absolute;width: 100%;z-index: 5;background: #fff;}
    .tab_select .tab_style01 li{max-width: 100% !important;}
    .tab_select .tab_style01 li a{border: 0;margin-left: 0;justify-content: flex-start}
    .tab_select .tab_style01 li.active{display: block;position: relative;order: 0}
    .tab_select .tab_style01 li{margin-left: 0}
    .tab_select .tab_style01 li.active.w120 a{margin-left: 0}
    
    .tab_select .tab_style01 li.w120 a{width: 100%;margin-left: 0}
    .tab_select .tab_style01:after{display: none}
    .accordion_table td:not(.btn){text-align: left !important}
    .accordion_table td:nth-child(3):before{content: '진도율';display: inline-block;font-weight: 500;margin-right: 3px}
    .accordion_table .fold > td{margin: 0 !important;padding: 1rem !important;width: 100%;}
    .board_list.accordion_table .fold{display: none;}
    .board_list.accordion_table .fold.open{display: block !important}
    
    .m_table,
    .m_table tbody,
    .m_table tr,
    .m_table th,
    .m_table td{display: block;}
    .m_table th{background: none;text-align: left}
    .m_table th,.m_table td{padding: 0.5rem 1rem}
    
    /* 플레이어 */
    .player_wrap .left{width: calc(100% - 60px)}
    .player_wrap .right{width: 60px}
    .player_wrap{position: relative;height: calc(100vh - 55px)}
    .side_wrap.active{position: absolute;background: #fff;left: 0;height: calc(100vh - 55px)}
    
    /* 토론 */
    .debate_top{flex-direction: column;align-items: flex-start}
    .debate_top h3{margin-bottom: 1rem}
    .m_ml0{margin-left: 0 !important}
    .debate_table thead{display: none}
    .debate_table,
    .debate_table tr,
    .debate_table td,
    .debate_table tbody{display: block}
    .debate_table tr{padding: 0.5rem 0}
    .debate_table td{text-align: left !important;padding: 0.5rem}
    .debate_table td:nth-child(1){display: none}
    .debate_table td.noneData {display: block; text-align: center !important;}
    .debate_table td:nth-child(3){padding-bottom: 0}
    
    .test_table .item{display: table-row;width: 100%;margin-bottom: 0;border-top: 0;position: relative;width: 100% !important;}
    .test_table{border-top: 2.5px solid #1b1d1f;border-bottom: 1px solid #1b1d1f}
    .test_table.div_table04{display: table;width: 100%;}
    .test_table.div_table04 .item .th{border-bottom: 0;width: 90px;display: table-cell;justify-content: center;align-items: center;border-right: 1px solid #c9cdd2;box-sizing: border-box;border-bottom: 1px solid #c9cdd2}
    .test_table + .test_table {margin-top: 2rem}
    .test_table + .test_table .th{display: block;}
    .test_table.div_table04 .item .td{text-align: left;padding:1rem;width: calc(100% - 90px);display: table-cell;border-bottom: 1px solid #c9cdd2}
    
    .copy .item{height: auto}
    .btn_li{display: block}
    .btn_li a{margin-left: 0;margin-top: 5px}
    
    /* 과제제출 */
    .hw_term{display: block;}
    .hw_term label{margin-top: 10px}
    .div_table05{flex-direction: column;}
    .div_table05  .item{display: flex;width: 100% !important}
    .div_table05 .th{width: 90px;border-bottom: 0}
    .div_table05 .td{width: calc(100% - 90px);text-align: left;border-top: 1px solid #c9cdd2}
    .file_table .file_list{display: block}
    .file_table .file_list + .file_list{margin-top: 15px}
    .file_table.active .file_list .th{display: block}
    .file_table .file_list .item{flex-direction:row; }
    .no_file_table{position: relative;}
    .no_file_table .no_file{width: calc(100%  - 100px);position: absolute;right: 0;padding: 1rem;box-sizing: border-box;height: 100%;border-top: 1px solid #c9cdd2;}
    .no_file_table .no_file p{display: flex;justify-content: center;align-items: center;height: 100%;}
    
    .table_w .item:nth-child(3) .td{justify-content: flex-start !important}
    
    /* 학습후기 */
    .review_table,
    .review_table thead,
    .review_table tr,
    .review_table th,
    .review_table td,
    .review_table tbody{display: block;}
    .review_table tr{display: flex;align-items: center}
    .review_table th:nth-child(2),
    .review_table td:nth-child(2){width: calc(85% - 130px);}
    .review_table th:nth-child(3),
    .review_table td:nth-child(3){width: 130px}
    .review_table th:nth-child(5),
    .review_table td:nth-child(5){width: 15%}
    .review_table tbody tr{position: relative;}
    .review_table tbody td:nth-child(2){padding-bottom: 50px}
    .review_table tbody td:nth-child(2) .txtCut1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2rem;height: 4rem;;white-space: normal}
    .review_table tbody td:nth-child(4){position: absolute;left: 0;bottom: 0px}
    
    /* 회원가입 */
    .join_content .tit{width: 130px;}
    .join_content .cont{width: calc(100% - 130px)}
    .join_content .id_wrap input{width: calc(50% - 40px)}
    .join_complete p:first-child:before{width: 50px;height: 50px;background-size: 50px}
    
    /* 수강신청 */
    .class_reg .right ul li{width: 100%;padding-right: 0;}
    .class_reg .right ul li strong{width: 80px !important}
    .btn_two{text-align: center !important;margin-top: 3rem}
    .btn_two a{}
    .review_dashboard02{padding: 2rem}
    .review_dashboard02 .dashboard-star .review_tit{margin-right: 2rem}
    .review-list02 .item .left{width: 80px;}
    .review-list02 .item .right{margin-left: 20px;width: calc(100% - 100px)}
    
    .id_n_wrap{flex-wrap: wrap}
    .id_n_wrap input{width: calc(50% - 12px);box-sizing: border-box}
    .id_n_wrap a{margin-left: 0;margin-top: 1rem}
    .tel_wrap03{display: block;}
    .tel_wrap03 p{margin-left: 0;margin-top: 1rem}
    .tel_wrap03 input{max-width: 160px;width: 100%}
    .div_table06 .item .th{width: 100px;word-break: keep-all}
    .mw100{width: 100px !important}
    .mileage_wrap02{flex-wrap: wrap}
    .mileage_wrap02 p:last-child{margin-top: 1rem;width: 100%;}
    .mileage_wrap02 input{width: 138px}
    .mileage_wrap02 .score_txt{margin: 0 1rem 0 0.5rem}
    .mileage_wrap02 a{margin-right: 0;padding: 0 1rem}
    
    .diag_table,
    .diag_table tr,
    .diag_table tbody,
    .diag_table th,
    .diag_table td{display: block;}
    .diag_table thead{display: none}
    .diag_table tr{position: relative;}
    .diag_table tr:after{content: '';display: block;clear: both;}
    .diag_table td:not(.name){float: left}
    .diag_table .dv,
    .diag_table .btn{position: absolute;height: 100%;top: 0;float: none !important;display: flex;justify-content: center;align-items: center;}
    .diag_table .dv p,
    .diag_table .btn a{}
    .diag_table .dv{right: 100px;width: 100px;box-sizing: border-box;border-left: 1px solid #e8ebed !important;border-right: 1px solid #e8ebed !important}
    .diag_table .btn{right: 0;width: 100px;box-sizing: border-box;}
    .diag_table .name{width:calc(100% - 200px);text-align: left;box-sizing: border-box;padding-bottom: 0}
    .diag_table td{border: 0 !important;}
    .diag_table tr{border:1px solid #e8ebed;border-bottom: 0}
    
    .diag_step .arrow{margin: 0 2rem}
    .diag_tit{display: block;}
    .diag_tit ul{margin-top: 1rem}
    .diag_area .diag_cont .q{margin: 0}
    .diag_area .diag_cont .diag ul{padding: 0}
    
    .s_wrap{display: block !important}
    .s_wrap .btn_area {text-align: right;margin-top: 1rem}
    
    .popUp .pop_wrap{display: block;}
    
    .popUp .pop_wrap .pop_side{width: 100%}
    .popUp .pop_wrap .pop_contents{width: 100%}
    
/* 부모 <li> 스타일 */

    .snb_select{border: 1px solid #ccc;margin-bottom: 20px;position: relative;}
    
    .activeText{position: relative;background: #f5f5f5;padding: 10px;box-sizing: border-box;font-size: 14px;}
    .activeText:after{content: '';display: block;background: url(/images/front/select_arrow.png) no-repeat;width: 12px;height: 7px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
    

/* 자식 <ul> 스타일 (드롭다운 메뉴) */
.pop_wrap .snb {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    z-index: 555;border-bottom: 0
}
    
    .pop_wrap .snb > li > a{position: relative}
    .pop_wrap .snb > li > a:after{content: '';display: block; background: url(/images/front/select_arrow02.png) no-repeat;width: 8px;height: 5px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
    .popUp .pop_wrap .pop_side .snb a{font-size: 13px !important}
    .popUp .pop_wrap .pop_side .snb > li > a{padding: 7px 10px}
    .pop_wrap .snb > li a:only-child:after{background: none;}
    
    .pop_wrap .snb_select.selected .activeText:after{transform: rotate(180deg) translateY(50%);}
    .pop_wrap .snb > li .selected:after{transform: rotate(180deg) translateY(50%);}
    .popUp .pop_wrap .pop_side .snb > li > ul li a{margin-bottom: 5px}
    .popUp .pop_wrap .pop_side .snb > li > ul{padding: 7px 15px}
    
    .hd_btn{font-size: 2rem;}
    .hd_btn i{width: 30px;background-size: 30px;height: 30px;}
    
    .otit{margin-bottom: 3rem}
    .mission_wrap .item{flex-direction: column;display: block;}
    .mission_wrap .item:nth-child(2){margin-top: 4rem}
    .mission_wrap .item .img{width: 100%;margin-bottom: 2rem}
    .mission_wrap .item .img img{width: 100%}
    .mission_wrap .item .txt{width: 100%;}
    .mission_wrap .item .tit{font-size: 2rem}
    .mission_wrap .item .tit:after{height: 3px;width: 30px}
    .mission_wrap .item .desc{font-size: 1.6rem}
    .kv_wrap{flex-wrap: wrap;}
    .kv_wrap .item{width: calc(50% - 10px);margin-right: 20px;}
    .kv_wrap .item:nth-child(2n){margin-right: 0}
    .kv_wrap .item:nth-child(-n + 2){margin-bottom: 20px}
    .con_list5 {width: 100%;overflow-y: auto}
    .con_list5 table{width: 640px}
    
    .map iframe{height: 300px;}
    .map_info{display: block;}
    .map_info .item{width: 100%}
    .map_info .item + .item{margin-top: 2rem}
    
    .pin_btn02,
    .pin_btn{display: block;}
    .pin_btn a{margin:5px 0}
    .pin_btn02 ul{margin-bottom: 10px}
    .btn_in{display: block;text-align: center;}
    .btn_in p{max-width: 100%;margin-bottom: 10px;}
    .refunds_pop *{font-size: 13px !important}
    
    .refunds_pop{max-height: calc(100vh - 180px) !important}
    
    .guide_pop{width: 90%;height: auto;}
    .guide_pop .gp_inner{margin: 20px}
    .guide_pop .btn_area {margin: 20px}
}
    
 
@media all and (max-width:640px){
    /* 메인 */
    .cont_slide .con_list .swiper-slide{width: 260px !important}
    .card-wrap .inner{display: block;}
    .card-wrap .txt_cont{width: 100%;margin-bottom: 4rem;background-position: right bottom;padding-bottom: 80px}
    .card-wrap .con_list{width: 100%}
    .today_cont .con_list{display: block;}
    .today_cont .con_list > .item{width: 100%;margin-bottom: 3rem;}
    .today_cont .con_list > .item:last-child{margin-bottom: 0}
    
    .btn_style01{width: 100px}
    /* tab */
    .tab_style01 li{flex: 1 1;margin-left: -1px;word-break: keep-all}
    .tab_style01 li:first-child{margin-left: 0}
    .tab_style01 li.w160 a,
    .tab_style01 li.w180 a{width:100%;}
    
    /* 통합검색 */
    .con_list.row .item > a{display: block;}
    .con_list.row .item .txt{width: 100%;}
    .con_list.row .item .img{width: 100%;height: 140px;margin-bottom: 2rem}
    .con_list .txt .top{justify-content: space-between}
    
    .con_list.row .item .desc{display: none}
    .con_list .txt .media_info ul{display: block;}
    .con_list .txt .media_info ul li{margin-right: 0;padding-right: 0;margin-bottom: .5rem}
    .con_list .txt .media_info ul li:last-child{margin-bottom: 0}
    .con_list .txt .media_info ul li:after{display: none}
    
    .con_list.col .img{height: 130px}
    
    /* paging */
    .paging02 li{margin: 0 0.5rem}
    .paging02 li.arrow{width: 25px;height: 25px}
    .paging02 li.arrow.prev,
    .paging02 li.arrow.next,
    .paging02 li.arrow.prev:hover,
    .paging02 li.arrow.prev:active,
    .paging02 li.arrow.prev:focus,
    .paging02 li.arrow.next:hover,
    .paging02 li.arrow.next:active,
    .paging02 li.arrow.next:focus{background-size: 25px}
    .board_search_wrap.in_btn .board_search{max-width: calc(100% - 120px)}
    .board_search_wrap.in_btn02{display: block;overflow: hidden}
    .board_search_wrap.in_btn02 .board_search{max-width: 100%;margin-bottom: 1rem}
    .board_search_wrap.in_btn02 a{display: block; margin: 0 auto; float: none;}
    
    /* 이벤트 */
    .board_search_wrap.in_btn select{width: 150px}
    .board_search_wrap.in_select .board_search{width: calc(100% - 170px)}
    
    .gray_bg{padding: 2rem}
    
     .prd_wrap .item{padding: 1rem}
    
    /* 경력목표수립 */
    .plan_table .mw250{max-width: 150px}
    .m_block{display: block;}
    .m_block a{margin-top: 1rem;display: inline-block}
    
    /* 나의강의실 */
    .complete_area .item{width: 100%;margin-right: 0;}
    .complete_area .item:nth-child(3){margin-bottom: 15px}
    .popUp .con_list.row .item {display: block;}
    .popUp .con_list.row .item .txt{margin-left: 0 !important;margin-top: 1rem;}
    .popUp .con_list.row .item .img{width: 100%;height: 350px}
    .popUp .con_list .txt .top{justify-content: space-between}
    .con_list .info.flex{display: block;}
    .con_list .info.flex li{width: 100%;}
    .con_list .info.flex li strong{width: 78px}
    
    /* 학습후기 */
    .board_search_wrap.in_select02{flex-wrap: wrap;}
    .board_search_wrap.in_select02 select{width: 90px}
    .board_search_wrap.in_select02.in_btn .board_search{width: calc(100% -  100px) !important;max-width: calc(100% -  100px) !important}
    .board_search_wrap.in_select02.in_btn a{position: static;transform: none;margin-left: auto;margin-top: 1rem}
    
    .mw20{width: 22% !important}
    
     /* 쪽지함 */
    .board_search_wrap.in_btn03 .board_search{max-width: calc(100% - 270px)}
    .board_search_wrap.in_btn03 .btn_style08{min-width: 85px;padding: 1rem 0.2rem;letter-spacing: -0.5px}
    
    /* 개인정보 수정 */
    .add_wrap{display: block;}
    .add_wrap *{max-width: 100%}
    .add_wrap * + *{margin-left: 0;margin-top: 10px}
    .tel_wrap02{display: block;}
    .tel_wrap02 .input_wrap{width: 100%;margin-bottom: 10px}
    .tel_wrap02 a:nth-child(2){margin-left: 0}
    .simple_login{flex-wrap: wrap;}
    .simple_login a{margin: 1rem 0}
    .simple_login .gray{margin-left: 0;width: 100%}
    
    /* 회원가입 */
    .join_wrap{margin: 5rem auto 0 auto}
    .cert_wrap a + a{margin-left: 10px;}
    .cert_wrap a{width: calc(50% - 10px)}
    .cert_wrap a span{margin: auto}
    .cert_wrap .phone span,
    .cert_wrap .phone:hover span, 
    .cert_wrap .phone:active span, 
    .cert_wrap .phone:focus span{background-size: 40px;width: 40px;height: 65px}
    
    .cert_wrap .ipin span,
    .cert_wrap .ipin:hover span, 
    .cert_wrap .ipin:active span, 
    .cert_wrap .ipin:focus span{background-size: 55px;width: 55px;height: 65px}
    
    .join_content .id_wrap{flex-wrap: wrap}
    .join_content .id_wrap input{width: 60%;}
    .join_content .id_wrap p{width: calc(40% - 15px);text-align: left;margin-left: 15px;margin-right: 0;margin-bottom: 1rem}
    .join_content .id_wrap input:nth-child(1){margin-bottom: 1rem}
    .phone_wrap02 .btn_style02{min-width: 60px;padding: 0 0.5rem}
    .phone_wrap02 > div{width: calc(100% - 140px)}
    
    .class_reg .left .img{height: 250px}
    
    .m_btn03{display: block !important;}
    .m_btn03 .btn_area{text-align: right;margin-top: 15px}
    .date_search{flex-wrap: wrap}
    .date_search label{margin-right: 0;width: 100%;margin-bottom: 10px}
    .date_search .datep_wrap02 > div ,
    .date_search select{width: 103px}
    
    .select_wrap{align-items: flex-end}
     .select_wrap label{width: 100%;display: block}
    
    .sub_top .st_tab li a{font-size: 1.6rem;padding: 1.5rem;}
    .sub_top .st_tab{bottom: -24px}
    .sub_cont{margin: 5rem 0}
    
    .sub_top h3{font-size: 2.6rem}
    .sub_top p{font-size: 1.6rem}
    
    .lh_cont .txt .tit{font-size: 2rem}
    .lh_cont .txt .desc{font-size: 1.6rem}
    .kv_wrap{display: block}
    .kv_wrap .item{width: 100%;margin-right: 0;margin-bottom: 20px;min-height: auto;}
    .kv_wrap .item:last-child{margin-bottom: 0}
    .kv_wrap .item .tit:before{height: 55px !important;margin-bottom: 1rem !important}
    .kv_wrap .item:nth-child(1) .tit:before{background-size: 50px}
    .kv_wrap .item:nth-child(2) .tit:before{background-size: 50px}
    .kv_wrap .item:nth-child(3) .tit:before{background-size: 50px}
    .kv_wrap .item:nth-child(4) .tit:before{background-size: 50px}
    .kv_tit{font-size: 2.6rem}
    .kv_tit:after{margin-bottom: 3rem}
    .busi_wrap > .item{padding: 2rem;}
    .busi_wrap .tit{font-size: 1.9rem}
    .busi_wrap .tit:after{width: 30px;height: 2px}
    .busi_wrap li{font-size: 1.5rem;padding-left: 15px}
    .busi_wrap li span{display: block}
    .busi_wrap li br{display: none}
    .busi_wrap li span{font-size: 1.3rem}
    
    .map_info .ico span{width: 50px;height: 50px}
    .map_info .item .txt{width: calc(100% - 70px);margin-left: 20px}
    .map_info .ico span{background-size: 20px !important}
    
    /* 팝업추가 */
    .opt_wrap{display: block;}
    .opt_wrap ul{display: block;}
    .opt_wrap ul li + li{margin-left: 0;margin-top: 10px;}
    .opt_wrap .btn_blue02{margin-top: 20px}
    .reo input{width: 100px}
    
    /* 회원탈퇴 */
    .myclass_wrap .itemList {padding: 20px 15px;}
    .myclass_wrap .itemList .item.certBox ul { gap: 0 10px; }
    .myclass_wrap .itemList .radio input[type="radio"] + label:before {top: 2px;}
    .myclass_wrap .itemList .radio input[type="radio"]:checked + label:after {top: 6px;}
    
    .opinion_wrap .opinion_list .item .bt .recomm_set a {margin-right: 2rem;}
}

@media all and (max-width:480px){
    /* 메인 */
    .cont_slide h3{text-align: left}
    .field_cont h3{text-align: center !important}
    .main_banner .txt h3{font-size: 2.6rem}
    .main_banner .txt p br{display: none}
    .main_banner .txt p{word-break: keep-all}
    
    /* tab */
    .tab_style01 li a .num{display: block}
    .table_style01 th, .table_style01 td{padding: 1rem 0.5rem;}
    
    /* btn style */
    .three_btn a{max-width: calc(33.333% - 20px) !important;min-width: calc(33.333% - 20px)}
    .four_btn a{max-width: calc(25.333% - 10px)}
    
    /* 통합검색 */
    /* .con_list.row .item .img{width: 170px;height: 104px}
    .con_list.row .item .txt{width: calc(100% - 180px);margin-left: 10px} */
    .con_list .txt .media_info ul li{font-size: 1.3rem}
    .con_list.row .top .division{margin-right: 1rem}
    .con_list .txt .top .division{height: 20px;line-height: 20px;padding: 0 5px}
    
    /* 필수콘텐츠 상세 */
    .cont_view .view_area .con_list dl dt{width: 70px}
    .cont_view .view_area .con_list dl dd{width: calc(100% - 70px)}
    .review_dashboard .dashboard-star .review_tit{margin-right: 1rem}
    .star .star_bg{width: 70px;height: 11px;background-size: 70px}
    .star .star_bg span{background-size: 70px;height: 11px}
    
    /* paging*/
    .paging li{margin: 0 0.2rem}
    .paging li.num a{width: 20px;height: 20px;line-height: 20px}
    
    /* 지식캐스트 */
    .cast_list .item .thumb{width: 140px}
    .cast_list .item .txt{width: calc(100% - 140px);padding: 1.5rem}
    
    /* 지식캐스트 상세 */
    .comment_list .comment_top .comment_write button{width: 80px;padding: 0.7rem}
    .comment_list .comment_top .comment_write textarea{width: calc(100% - 90px);padding: 1.5rem}
    .board_view .tit h3{font-size: 1.8rem}
    
    /* popup */
    .popUp .popTop h3{font-size: 2rem;}
    .popUp .popTop{padding: 1.5rem}
    .popUp .popTop .close{background-size: 15px;height: 15px;width: 15px}
    .popUp .popCont .pc_pd{padding: 0 1.5rem}
    
    /* 학습공동체 학습자추가 팝업*/
    .popUp .selected_learner{padding: 2rem}
    .popUp .selected_learner .name_wrap .name{width: 100%;margin-right: 0}
    .popUp .selected_learner .name_wrap .name:nth-child(2){margin-top: 10px}
    .popUp .sl_list .item{padding: 15px}
    .popUp .board_search_wrap .board_search{max-width: calc(100% - 30px)}
    .popUp .sl_list .item .info{flex-wrap: wrap}
    .popUp .sl_list .item .info li:nth-child(1){width: 100%}
    .popUp .sl_list .item .info li:nth-child(2){margin-left: 0;padding-left: 0;}
    .popUp .sl_list .item .info li:nth-child(2):before{display: none}
    
     /* 학습공동체 게시글 등록 수정 */
    .file_wrap label.active{position: relative;margin-top: 1rem}
    #upload_prev .file{max-width: 200px;width: 100%}
    
    /* 자주하는 질문 */
    .q_a .item .q:before{position: relative;left: 0;top: 0;margin-bottom: 1rem}
    .q_a .item .q{padding: 2rem}
    .q_a .item .q span{max-width: calc(100% - 30px)}
    .q_a .item .a:before{position: relative;left: 0;top: 0;margin-bottom: 1rem}
    .q_a .item .a{padding: 2rem;}
    
    .m_100{width: 100px !important}
    .m_60{width: 60px !important}
    
    .tab_style04 li a{font-size: 1.4rem}
    
    .prd_wrap .item{font-size: 1.3rem;width: calc(33.333% - 12px)}
    .prd_wrap .arrow{margin: 3rem 5px 0 5px;background-size: 7px;width: 7px;}
    
    /* 경력목표수립 */
    .plan_table table th{width: 80px;padding: 1rem;}
    .plan_table table td{width: calc(100% - 80px);padding: 1rem;height: auto;}
    .plan_table .flex{flex-wrap: wrap}
    .plan_table .mw250{max-width: 100%;}
    .plan_table .flex > *:nth-child(1){margin-bottom: 1rem}
    .plan_table .flex > * + *:nth-child(2){margin-left: 0}
    
    .tab_style03 li a{font-size: 1.5rem;padding: 1rem 0.5rem}
    
    /* 나의강의실 */
    .con_list .inbtn .tit{width: calc(100% - 110px)}
    .con_list .info{display: block;}
    .con_list .info li + li{margin-left: 0;margin-top: 5px}
    .con_list .inbtn a.btn_style05{padding: 0.5rem 2rem;font-size: 1.5rem;bottom: auto;top: 20px}
    .popUp .con_list.row .item .img{height: 250px}
    
    .mw20{width: 25% !important}
    
    .post_table .date{left: 47%;padding: 0;}
    
    /* 쪽지함 */
    .board_search_wrap.in_btn03 {display: block;}
    .board_search_wrap.in_btn03 .board_search{max-width: 100%;width: 100%;}
    .board_search_wrap.in_btn03 .btn_area{text-align: right;margin-top: 1rem}
    .to_top ul{width: calc(100%  - 150px )}
    .to_top ul li{width: calc(50% - 2.5px)}
    .to_top ul li:nth-child(2n){margin-right: 0}
    .to_top ul li:nth-child(3){margin-top: 5px}
    .to_top ul li:nth-child(3n){margin-right: 5px}
    .to_list .item ul li:nth-child(1){width: 100%;margin-right: 0;padding-right: 0}
    .to_list .item ul li:nth-child(1):after{display: none}
    .to_list{max-height: 168px}
    
    /* 시외교육 */
    .time_input{display: block}
    .time_input > div + div{margin-top: 10px;margin-left: 0}
    
    /* 마일리지양도 */
    .mileage_input{flex-wrap: wrap;}
    .mileage_ho{display: block;}
    .mileage_ho > div:first-child{margin-bottom: 10px}
    
    /* 비밀번호 변경 */
    .pass_change{padding: 2rem}
    
    .popUp .board_search_wrap.in_btn .board_search{max-width:calc(100% - 120px)}
    
    /* 회원가입 */
    .join_content .item{display: block;}
    .join_content .tit{width: 100%;margin-bottom: 1rem}
    .join_content .cont{width: 100%}
    .join_content .id_wrap input{width: calc(100% - 105px)}
    .join_content .id_wrap p{width: 90px}
    
    /* 수강신청 */
    .plan{padding: 1rem }
    
    .j_result{display: block;}
    .j_result li{width: 100%;margin-right: 0;}
    .j_result li:nth-child(even){border-right: 1px solid #e8ebed}
    
    .pop_contents .three_btn{width: 100%}
    #contents .three_btn{width: 100%}
    
   .hd_btn{font-size: 1.6rem;padding: 1rem}
   .hd_btn i{background-size: 25px;width: 25px;height: 26px;margin-left: 1rem}
    
    .f30{font-size: 2.4rem !important}
    .partner .tit{font-size: 1.8rem}
    
    .sub_top{height: 180px}
    .sub_top .st_tab li a{font-size: 1.4rem;padding: 1.5rem 1rem;}
    .sub_top h3{font-size: 2.4rem}
    .sub_top p{font-size: 1.4rem}
    .sub_top p{margin-top: 1rem}
    .map iframe{height: 200px}
    
    
    .refunds_pop{max-height: calc(100vh - 180px)}
}

@media all and (max-width:370px){
    
    /* btn style */
    .btn_style01{width: 100px}
    
     /* 통합검색 */    
    
    .con_list.col.four_item{display: block;}
    .con_list.col.four_item > .item{width: 100%;margin-right: 0;}
    .con_list.col.four_item > .item:nth-child(2){margin-top: 3rem}
    
    /* 필수콘텐츠 상세 */
    .cont_view .view_info{display: block;}
    .cont_view .view_info li{width: 100%;}
    .cont_view .view_info li:nth-child(2){margin-top: 10px}
    .board_view .tit .info{flex-wrap: wrap;}
    .review_dashboard .dashboard-star{display: block}
    .comment_list .comment_item .top{flex-wrap: wrap}
    .comment_list .comment_item .top .date{width: 100%;margin-top: 5px}
    
    /* 지식캐스트 */
    .cast_list .item a{flex-direction: column-reverse;}
    .cast_list .item .thumb{width: 100%;height: 180px;margin-bottom:1rem;border-radius: 0 0 15px 15px}
    .cast_list .item .txt{width: 100%;}
    
    
    
    /* 학습공동체 */
    .learn_list .item .cont .txt_info{display: block;}
    .learn_list .item .cont .txt_info li + li{margin-top: 5px;margin-left: 0;padding-left: 0}
    .learn_list .item .cont .txt_info li + li:before{display: none}
    
    /*학습공동체 방만들기*/
    .board_write .item{display: block;}
    .board_write .item .tit{width: 100%;margin-bottom: 10px;}
    .board_write .item .cont{width: 100%}
    
    /* popup */
    .popUp .btn_wrap a{max-width: calc(50% - 15px)}
    
    /* 학습공동체 학습자추가 팝업*/
    .popUp .selected_learner{flex-direction: column;}
    .popUp .selected_learner .tit{margin-right: 0;margin-bottom: 10px;}
    .popUp .selected_learner .name_wrap{width: 100%;margin-top: 10px}
    .popUp .selected_learner .name_wrap .name{width: calc(50% - 2.5px);margin-right: 5px}
    .popUp .selected_learner .name_wrap .name:nth-child(2){margin-top: 0}
    .popUp .sl_list .item .info{display: block;}
    .popUp .sl_list .item .info li{margin-bottom: 2px}
    .popUp .sl_list .item .info li:last-child{margin-bottom: 0}
    .popUp .sl_list .item .info li:nth-child(3){margin-left: 0;padding-left: 0}
    .popUp .sl_list .item .info li:nth-child(3):before{display: none}
    
    /* 묻고 답하기 */
    .reply_area{display: block;}
    .reply_area .txt{margin-top: 0;margin-bottom: 1rem;}
    .reply_area .cont{width: 100%;}
    
    .prd_wrap{display: block;}
    .prd_wrap > *{margin-top: 0}
    .prd_wrap .item{width: 100%;}
    .prd_wrap .item:nth-child(5){margin-bottom: 2rem}
    .prd_wrap .arrow{display: block;text-indent: -9999px;height: 10px;margin: 1rem auto;transform: rotate(90deg)}
    
    /* 나의강의실 메인*/
    .my_lr .info{display: block;}
    .my_lr .info .txt{margin-left: 0;margin-top: 1rem;width: 100%}
    .my_lr .cont .item{width: 100%;}
    .my_lr .cont .item:nth-child(2){border-top: 1px solid #c9cdd2}
    .con_list_table .txt > .cont{margin-right: 1rem;padding-right: 1rem;}
    .con_list_table .txt .btn_style07{width: 50px;display: inline-block;padding: 0.3rem;font-size: 1.4rem}
    .con_list_table .txt > div:nth-child(3),
    .div_table02 .thead .th:nth-child(3){width: 50px}
    .con_list_table .txt > div:nth-child(1),
    .div_table02 .thead .th:nth-child(1){width: calc(100% - 70px)}
    .popUp .con_list.row .item .img{height: 200px}
    
    .board_list table th, .board_list table td{word-break: break-all}
    
    /* 쪽지함 */
    .post_table .date{letter-spacing: -0.5px}
    .to_top ul li{width: 100%;margin-right: 0}
    .to_top ul li:nth-child(2){margin-top: 5px}
    .to_top ul li:nth-child(3n){margin-right: 0}
    .to_list .item ul{display: block;}
    .to_list .item ul li{margin-right: 0;padding-right: 0}
    .to_list .item ul li:after{display: none}
    .to_list{max-height: 150px}
    .date_wrap{display: block}
    .date_wrap p{text-align: center}
    
    /* 비밀번호 변경 */
    .pass_change .item{display: block;}
    .pass_change .item label{display: block;width: 100%;margin-bottom: 5px}
    .pass_change .item input{width: 100%;}
    
    /* 비밀번호 변경02 */
    .pass_change02{margin-top: 5rem auto 0 auto}
    .pass_change02 .item{display: block;}
    .pass_change02 .item label{display: block;width: 100%;margin-bottom: 1rem;}
    .pass_change02 .item > div{width: 100%}
    .pass_change02 .item input{width: 100%;}
    .pass_change02 .btn_wrap{margin-top: 4rem}
    
    .plan{flex-direction: column;}
    .plan p{margin-bottom: 1rem}
    .score{display: block}
    .score select{width: 100%;margin-bottom: 1rem}
    .score > div{width: 100%;margin-left: 0;box-sizing: border-box}
    
    .review_dashboard02 .dashboard-star{display: block;}
    
.sub_top .st_tab li a{font-size: 1.3rem;padding: 1.5rem 0rem;letter-spacing: -1px}
    .sub_top h3{font-size: 2rem}

}

/*신규 추가*/

.pd_style01 { padding: 80px 0 120px; } 
.pd_style02 { padding: 80px 0 80px; } 
.pd_style03 { padding: 40px 0 40px; } 
.ml10 { margin-left: 10px; } 
.sel_style01 { width: 238px; padding: 0.5rem 30px 0.5rem 1rem; background: url(/images/front/00003/ico_arrow_up.png) no-repeat right 1rem center #373737; color: #666666; font-family: inherit; font-size: 1.4rem; border-radius: 0; border: 1px solid #c9cdd2; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.sel_style02 { width: 200px; padding: 0.5rem 30px 0.5rem 1rem; background: url(/images/front/00003/ico_arrow02_bottom.png) no-repeat right 1rem center #fff; color: #666666; font-family: inherit; font-size: 1.4rem; border-radius: 0; border: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.sel_style03 { width: 120px; padding: 0.5rem 30px 0.5rem 2rem; background: url(/images/front/00003/ico_arrow02_bottom.png) no-repeat right 1rem center #f9f9f9; color: #666666; font-family: inherit; font-size: 1.4rem; border-radius: 5px; border: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

/* btn_style */
.btn_wrap a { display: inline-block; } 
.btn_wrap a + a { margin-left: 5px } 
.btn_style01 { padding: 1rem 1rem; width: 120px; border-radius: 10px; box-sizing: border-box; font-size: 1.6rem; text-align: center; box-sizing: border-box } 
.btn_style02 { display: inline-block; font-size: 1.3rem; font-family:inherit; padding: 0 1.3rem; border-radius: 5px; box-sizing: border-box; height: 25px; line-height: 25px; } 
.btn_style03 { font-size: 1.4rem; font-weight: 500; padding: 5px 15px; border-radius: 5px; display: inline-block; box-sizing: border-box; text-align: center } 
.btn_style04 { font-size: 1.4rem; padding: 5px 20px; border-radius: 5px; display: inline-block } 
.btn_style05 { padding: 1rem 3rem; border-radius: 10px } 
.btn_style06 { padding: 0.7rem 2rem; border-radius: 5px; min-width: 90px; box-sizing: border-box;; font-size: 1.4rem } 
.btn_style07 { padding: 0.3rem 2rem; border-radius: 10px } 
.btn_style08 { display: inline-block; min-width:120px; text-align: center; padding: 1rem; border-radius: 10px; box-sizing: border-box } 
.btn_style09 { padding: 0.3rem 1rem; border-radius: 5px; display: inline-block; font-size: 1.4rem } 
.btn_gray01 { color: #9ea4aa; border: 1px solid #9ea4aa; background: #fff } 
.btn_gray01.hover:hover,
.btn_gray01.hover:active,
.btn_gray01.hover:focus { background: #9ea4aa; color: #1b1d1f } 
.btn_gray02 { color: #72787f; border: 1px solid #72787f; } 
.btn_gray03 { background: #9ea4aa; color: #fff } 
.btn_gray04 { background: #454c53; color: #fff } 
.btn_gray05 { background: #72787f; color: #fff } 
.btn_gray06 { background: #e8ebed; color: #454c53 } 
.btn_gray07 { background: #c9cdd2; color: #454c53 } 
.btn_gray08 { border: 1px solid #c9cdd2; color: #9ea4aa; background: #fff } 
.btn_gray09 { background: #c9cdd2; color: #fff; } 
.btn_orange { background: #f36f20; color: #fff } 
.btn_white { border: 1px solid #ddd; color: #333; background: #fff } 
.btn_blue { color: #36ace3; border: 1px solid #36ace3 } 
.btn_blue02 { background: #3a86cd; color: #fff } 
.btn_blue.hover:hover,
.btn_blue.hover:active,
.btn_blue.hover:focus { background: #36ace3; color: #fff } 
.btn_black01 { background: #fff; border: 1px solid #1b1d1f; color: #1b1d1f } 
.btn_black02 { background: #1b1d1f; color: #fff } 
.t_bg_gray { background: #f1f1f1; } 
.btn_style10 { display: inline-block; padding: 0.5rem 5em; background: url(/images/front/00003/ico_arrow_bottom.png) center right 2rem #373737 no-repeat; color: #fff; font-size: 1.6rem; border-radius: 20px; } 
.btn_style11 { display: inline-block; padding: 1rem 3em; background: #ff7000; color: #fff; font-size: 1.6rem; font-weight: bold; border-radius: 30px; } 
.btn_black03 { background: #1b1d1f; color: #fff; border: 1px solid #1b1d1f; } 
button { background: inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; } 

/* input */
.check label { font-size: 1.6rem } 
.check input[type="checkbox"] { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 16px; height: 16px; cursor: pointer; outline: none !important; border: 1px solid #9ea4aa; border-radius: 3px; vertical-align: middle; margin-top: 0px; background: #fff } 
.check input[type="checkbox"]:checked { background:url(/images/front/check.png) no-repeat top 4px left 2px #454c53; border: 1px solid #454c53 } 
.check input[type="checkbox"]:checked::before { border-radius: 4px; transform: scale(1) translate(-50%, -50%) } 

.check02 label { font-size: 1.6rem } 
.check02 input[type="checkbox"] { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 20px; height: 20px; cursor: pointer; outline: none !important; background: url(/images/front/check02.png) no-repeat; margin: -4px 1rem -4px 0 } 
.check02 input[type="checkbox"]:checked { background:url(/images/front/check02_active.png) no-repeat no-repeat; } 
.formrow { overflow:hidden; position:relative; margin:auto; padding:10px; background:#fff; } 
.checklabel { display:inline-block; border:1px solid #c9cdd2; background:#fff; border-radius:2px; text-align:center; padding:0.5rem 1em; font-size:1.3rem; border-radius: 20px; box-sizing: border-box } 
.checkbox { position:absolute; right:10px;top:15px;width: 2.2em;height: 2.2em;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;border:none;padding:0;border-radius:0;outline:0; } 
.checkbox:checked + label { background:#36ace3; color: #fff; border:1px solid #36ace3 } 


/* bread_crumb */
.bread_crumb { display: flex; justify-content: flex-end; margin-bottom: 2rem } 
.bread_crumb li { font-size: 1.4rem; color: #72787f; } 
.bread_crumb li:after { content: '>'; display: inline-block; margin: 0 0.5rem } 
.bread_crumb li:last-child { color: #1b1d1f } 
.bread_crumb li:last-child:after { display: none } 

/* popup */
.not_scroll { width: 100%; height: 100vh; overflow: hidden; position: absolute; } 
.shadow { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; display: none; z-index: 30; } 
.popUp { z-index: 50; background: #fff; position: fixed; max-width: 500px; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none } 
.popTop { padding: 2rem 3rem; border-bottom: 1px solid #1b1d1f; display: flex; justify-content: space-between; align-items: center; } 
.popTop h3 { font-weight: 500; font-size: 2.6rem } 
.popTop .close { background: url(/images/front/00003/ico_close.png) no-repeat; width: 20px; height: 20px; text-indent: -9999px; z-index: 100; } 
.popCont { padding: 3rem 0; max-height: calc(100vh - 150px); } 
.popCont > .scr.mh_scr { max-height: calc(100vh - 220px); overflow-y:auto } 
.popCont .pc_pd { padding: 0 3rem } 
.popCont > .scr { max-height: calc(100vh - 320px); overflow-y: auto; padding-right: 20px !important } 
.board_search_wrap .board_search { max-width: calc(100% - 150px) } 
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { height: auto!important } 
.btn_wrap { margin-top: 6rem } 

.main_wrap .main_visual .swiper-slide { text-align: center; font-size: 0; } 
.main_wrap .main_visual .swiper-slide img { max-width: 1200px; width: 100%; height: 100%; } 
.swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } 
.main_wrap .main_visual .swiper-control { display: flex; width: 130px; height: 36px; position: absolute; left: calc(50% - 600px); bottom: 30px; background: rgba(49, 49, 49, 0.7); border-radius: 50px; z-index: 2; } 
.main_wrap .main_visual .swiper-pagination { width: auto; top: 50%; left: 42px; right: initial; bottom: initial; transform: translateY(-50%); font-weight: 500; font-size: 13px; color: #fff; } 
.main_wrap .main_visual .swiper-button-next, .main_wrap .main_visual .swiper-button-prev { width: 6px; height: 12px; margin-top: 0; transform: translateY(-50%); background-color: transparent; background-size: contain; z-index: 10; border: 0; cursor: pointer; } 
.main_wrap .main_visual .swiper-button-next { background-image: url(/images/front/00003/ico_next_btn.png); left: 80px; } 
.main_wrap .main_visual .swiper-button-prev { background-image: url(/images/front/00003/ico_prev_btn.png); left: 15px; } 
.main_wrap .main_visual .swiper-button-pause, 
.main_wrap .main_visual .swiper-button-resume { display: block; width: 10px; height: 12px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); background-color: transparent; background-size: contain; background-repeat: no-repeat; border: 0; } 
.main_wrap .main_visual .swiper-button-pause { background-image: url(/images/front/00003/ico_stop.png); } 
.main_wrap .main_visual .swiper-button-resume { background-image: url(/images/front/00003/ico_start.png); } 
.main_wrap .main_visual .swiper:not(.swiper-paused) .swiper-button-resume, .main_wrap .main_visual .swiper-paused .swiper-button-pause { display: none; } 
.main_wrap .clist_slide .slide_wrap { display: flex; justify-content: space-between; } 
.main_wrap .clist_slide .cont_wrap { width: 180px; flex-shrink: 0; } 
.main_wrap .clist_slide .cont_wrap .c_tit { color: #373737; font-size: 2rem; } 
.main_wrap .clist_slide .cont_wrap .c_tit span { font-size: 2.8rem; font-weight: bold; } 
.main_wrap .clist_slide .cont_wrap .c_txt { margin-top: 16px; color: #666666; font-size: 13px; } 
.main_wrap .clist_slide .cont_wrap button { width: 100%; max-width: 170px; margin-top: 16px; padding: 4px 0; background: #fff; color: #373737; font-weight: 500; font-size: 15px; border: 1px solid #373737; border-radius: 30px; } 
.main_wrap .clist_slide .cont_wrap .slide_btn { margin-top: 70px; position: relative; } 
.main_wrap .curation_cont.clist_slide .cont_wrap .slide_btn { margin-top: 100px; } 
.main_wrap .clist_slide .cont_wrap .swiper-button-prev,
.main_wrap .clist_slide .cont_wrap .swiper-button-next { width: 50px; height: 50px; margin-top: 0; background-size: contain; } 
.main_wrap .clist_slide .cont_wrap .swiper-button-prev { background-image: url(/images/front/00003/ico_prev_btn_01.png); left: 0; } 
.main_wrap .clist_slide .cont_wrap .swiper-button-next { background-image: url(/images/front/00003/ico_next_btn_01.png); left: 70px; } 
.main_wrap .curation_cont.clist_slide .cont_wrap .swiper-button-prev { background-image: url(/images/front/00003/ico_prev_btn_02.png); } 
.main_wrap .curation_cont.clist_slide .cont_wrap .swiper-button-next { background-image: url(/images/front/00003/ico_next_btn_02.png); } 
.main_wrap .clist_slide .con_list { width: calc(100% - 300px); overflow: hidden; } 
.clist_slide .item a:hover::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(22, 22, 22, 0.92); border-radius: 10px; z-index: 5; } 
.clist_slide .item a { display: block; position: relative; } 
.clist_slide .item .img_wrap {max-width: 280px; width: 100%; height: 240px; border: 1px solid #dadada; border-radius: 10px; font-size: 0; box-sizing: border-box; overflow: hidden; } 
.clist_slide .item .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.clist_slide .item .txt .t_date { margin-top: 15px; color: #666666; font-size: 13px; } 
.clist_slide .txt .t_tit { display: -webkit-box; height: 46px; margin: 8px 0 12px; color: #212121; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.t_state .t_tag { display: inline-block; padding: 4px 10px; background: #f2f2f2; font-size: 1.2rem; color: #666666; border-radius: 5px; } 
.t_state .t_tag { background: #e5e5e5; color: #898989; } 
.clist_slide .item .h_wrap { display: none; width: 100%; height: 100%; padding: 50px 18px 16px; position: absolute; top: 0; bottom: 0; color: #fff; box-sizing: border-box; z-index: 8; } 
.clist_slide .item a:hover .h_wrap { display: flex; flex-direction: column; } 
.clist_slide .item .h_wrap .h_tit { display: -webkit-box; height: 46px; margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.clist_slide .item .h_wrap li { padding-left: 16px; position: relative; font-size: 1.3rem; } 
.clist_slide .item .h_wrap li::before { content: ''; width: 12px; height: 12px; position: absolute; left: 0; top: 2px; background: url(/images/front/00003/h_list_icon.png) no-repeat; } 
.clist_slide .item .h_wrap .h_btn { margin-top: auto; padding: 10px 0; background: #ff7000; color: #fff; font-size: 1.7rem; font-weight: bold; text-align: center; border-radius: 10px; } 
.hot_trend .cont_tabs { display: flex; margin-bottom: 60px; justify-content: center; flex-wrap: wrap; gap: 10px; } 
.hot_trend .cont_tabs li.active a { background: #373737; color: #fff; } 
.hot_trend .cont_tabs li a { display: flex; width: 100%; height: 100%; padding: 0.8rem 2.2rem; background: #fff; color: #666666; font-size: 1.5rem; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border: 1px solid #373737; border-radius: 30px; } 
.hot_trend .tit_wrap { margin-bottom: 5rem; text-align: center; } 
.hot_trend .tit_wrap .p_tit { margin-bottom: 2rem; color: #373737; font-size: 2.8rem; font-weight: bold; } 
.hot_trend .tit_wrap p { color: #373737; font-size: 1.6rem; word-break: keep-all; } 
.hot_trend .tab_content { display: none; } 
.hot_trend .tab_content.active { display: block; } 
.main_wrap .hot_trend .slide_wrap { position: relative; } 
.main_wrap .hot_trend.clist_slide .con_list { width: 100%; } 

.main_wrap .hot_trend.clist_slide .swiper-button-prev,
.main_wrap .hot_trend.clist_slide .swiper-button-next { width: 82px; height: 82px; margin-top: 0; transform: translateY(-50%); background-size: contain; } 
.main_wrap .hot_trend.clist_slide .swiper-button-next { right: -90px; background-image: url(/images/front/00003/ico_next_btn_03.png); } 
.main_wrap .hot_trend.clist_slide .swiper-button-prev { left: -90px; background-image: url(/images/front/00003/ico_prev_btn_03.png); } 
.main_wrap .hot_trend.clist_slide .item a:hover::before { content: none; } 

.main_wrap .popular_cont { background: url(/images/front/00003/popular_cont_bg.png) top center no-repeat; } 
.main_wrap .popular_cont .tit_wrap { margin-bottom: 5rem; text-align: center; } 
.main_wrap .popular_cont .tit_wrap .p_tit { margin-bottom: 2rem; color: #373737; font-size: 2.8rem; font-weight: bold; } 
.main_wrap .popular_cont .tit_wrap .p_tit span { color: #ff7000; } 
.main_wrap .popular_cont .tit_wrap p { color: #373737; font-size: 1.6rem; } 

.main_wrap .popular_cont.clist_slide .item a:hover::before { content: none; } 
.main_wrap .popular_cont.clist_slide .con_list { width: 100%; position: relative; } 
.main_wrap .popular_cont.clist_slide .con_list .item { width: 280px; transform: scale(0.5); transition: all 0.3s; opacity: 0.5; font-size: 0; } 
.main_wrap .popular_cont.clist_slide .con_list .item a { display: block; } 
.main_wrap .popular_cont.clist_slide .con_list .item .img_wrap { display: block; width: auto; height: auto; padding-bottom: 248px; position: relative; border-radius: 10px; overflow: hidden; } 
.main_wrap .popular_cont.clist_slide .con_list .item img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } 
.main_wrap .popular_cont.clist_slide .item.swiper-slide-active,
.main_wrap .popular_cont.clist_slidet .item.swiper-slide-duplicate-active { transform: scale(1); opacity: 1; } 
.main_wrap .popular_cont.clist_slide .item.swiper-slide-prev { margin-right: 2%; margin-left: -2%; } 
.main_wrap .popular_cont.clist_slide .item.swiper-slide-next { margin-right: -2%; margin-left: 2%; } 
.main_wrap .popular_cont.clist_slide .item.first { margin-right: -4%; margin-left: 4%; } 
.main_wrap .popular_cont.clist_slide .item.last { margin-right: 4%; margin-left:-4%; } 
.main_wrap .popular_cont.clist_slide .swiper-button-prev,
.main_wrap .popular_cont.clist_slide .swiper-button-next { width: 82px; height: 82px; margin-top: 0; transform: translateY(-50%); background-size: contain; z-index: 10; } 
.main_wrap .popular_cont.clist_slide .swiper-button-prev { left: 50%; margin-left: -180px; background-image: url(/images/front/00003/ico_prev_btn_03.png); } 
.main_wrap .popular_cont.clist_slide .swiper-button-next { right: 50%; margin-right: -180px; background-image: url(/images/front/00003/ico_next_btn_03.png); } 
.main_wrap .micro_cont { margin: 0; } 
.main_wrap .micro_cont.clist_slide .item a:hover::before { content: none; } 
.main_wrap .micro_cont.clist_slide .item a { display: block; height: 143px; border-radius: 10px; font-size: 0; overflow: hidden; } 
.main_wrap .micro_cont.clist_slide .item { margin-top: 0 !important; margin-bottom: 16px !important; } 
.main_wrap .micro_cont.clist_slide .item img { width: 100%; height: 100%; } 
.main_wrap .banner_wrap .con_list { position: relative; overflow: hidden; } 
.main_wrap .banner_wrap .item a { display: block; font-size: 0; border-radius: 30px; overflow: hidden; } 
.main_wrap .banner_wrap .swiper-button-prev,
.main_wrap .banner_wrap .swiper-button-next { width: 9px; height: 16px; margin-top: 0; transform: translateY(-50%); } 
.main_wrap .banner_wrap .swiper-button-prev { left: 30px; background: url(/images/front/00003/ico_prev_btn.png) no-repeat; } 
.main_wrap .banner_wrap .swiper-button-next { right: 30px; background: url(/images/front/00003/ico_next_btn.png) no-repeat; } 
.main_wrap .qmenu_area { padding: 4.6rem 0; background: #f9f9f9; border-radius: 20px; } 
.main_wrap .qmenu_area h3 { margin-bottom: 3rem; color: #373737; font-size: 3rem; font-weight: bold; text-align: center; } 
.main_wrap .qmenu_area ul { display: flex; max-width: 1100px; margin: 0 auto; justify-content: space-between; } 
.main_wrap .qmenu_area ul li:hover { background: #fff; box-shadow: 0px 0px 35px 0px rgba(88, 88, 88, 0.14); } 
.main_wrap .qmenu_area ul li { display: flex; width: 180px; height: 180px; border-radius: 50%; align-items: center; justify-content: center; } 
.main_wrap .qmenu_area ul li a::before { content: ''; display: block; width: 80px; height: 72px; margin: 0 auto 0.5rem; background-repeat: no-repeat; background-position: center; } 
.main_wrap .qmenu_area ul li:nth-child(1) a::before { background-image: url(/images/front/00003/icon_qmenu01.png); } 
.main_wrap .qmenu_area ul li:nth-child(2) a::before { background-image: url(/images/front/00003/icon_qmenu02.png); } 
.main_wrap .qmenu_area ul li:nth-child(3) a::before { background-image: url(/images/front/00003/icon_qmenu03.png); } 
.main_wrap .qmenu_area ul li:nth-child(4) a::before { background-image: url(/images/front/00003/icon_qmenu04.png); } 
.main_wrap .qmenu_area ul li:nth-child(5) a::before { background-image: url(/images/front/00003/icon_qmenu05.png); } 
.main_wrap .qmenu_area ul li a { display: block; width: 100%; height: 100%; padding-top: 3rem; border-radius: 50%; align-items: center; justify-content: center; box-sizing: border-box; } 
.main_wrap .qmenu_area ul li a p { display: flex; min-height: 56px; color: #373737; font-size: 1.8rem; font-weight: 500; text-align: center; align-items: center; justify-content: center; line-height: 1.2; } 
.main_wrap .service_wrap { padding: 3.6rem 0; background: url(/images/front/00003/service_cont_bg.png) center no-repeat; background-size: cover; } 
.main_wrap .service_wrap .service_area { display: flex; justify-content: space-between; } 
.main_wrap .service_wrap .service_right { width: 600px; padding: 50px 0 70px; position: relative; background: #fff; } 
.main_wrap .service_wrap .service_right .tit { display: inline-block; padding: 0.5rem 2.5rem; position: absolute; top: 20px; left: -20px; background: #373737; color: #fff; font-size: 1.8rem; font-weight: 500; } 
.main_wrap .service_wrap .graph_area { display: flex; max-width: 380px; width: 100%; height: 200px; margin: 0 auto; box-sizing: border-box; } 
.main_wrap .service_wrap .graph_area li { flex: 1; position: relative; } 
.main_wrap .service_wrap .graph_area li .graph { display: flex; width: 40px; height: 100%; margin: 0 auto; flex-direction: column-reverse; background: transparent; border-radius: 20px; } 
.main_wrap .service_wrap .graph_area li .graph .bar { position: relative; border-radius: 20px; } 
.main_wrap .service_wrap .graph_area li .graph .bar .g_txt { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.6rem; font-weight: bold; } 
.main_wrap .service_wrap .graph_area li .graph .bar.data1 { background: #6dbae1; } 
.main_wrap .service_wrap .graph_area li .graph .bar.data2 { background: #3b3f57; } 
.main_wrap .service_wrap .graph_area li .graph .bar.data3 { background: #8adac4; } 
.main_wrap .service_wrap .graph_area li .graph .bar.data4 { background: #969cb0; } 
.main_wrap .service_wrap .graph_area li .txt { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap; } 
.main_wrap .service_wrap .graph_area li .txt p { color: #373737; font-size: 1.4rem; font-weight: 500; } 
.main_wrap .service_wrap .graph_area li .txt span { display: block; color: #878787; font-size: 1.2rem; font-weight: 400; } 
.main_wrap .service_wrap .service_left h3 { margin: 6.4rem 0 2.5rem; color: #fff; font-size: 3.4rem; font-weight: bold; } 
.main_wrap .service_wrap .service_left p { color: #fff; font-size: 1.6rem; line-height: 2; } 
.main_wrap .notice_wrap .notice_area { display: flex; justify-content: space-between; } 
.main_wrap .notice_wrap .notice_tit { display: flex; padding: 0 1rem 2rem 0; border-bottom: 1px solid #373737; justify-content: space-between; align-items: flex-end; } 
.main_wrap .notice_wrap .notice_tit h3 { color: #212121; font-size: 2.5rem; font-weight: 500; } 
.main_wrap .notice_wrap .notice_tit .more_btn::before { content: '\002B'; display: inline-block; margin-right: 4px; color: #000; } 
.main_wrap .notice_wrap .notice { width: calc(100% - 310px); position: relative; } 
.main_wrap .notice_wrap .notice .notice_list li:nth-child(n+4){display: none;}
.main_wrap .notice_wrap .notice .notice_list li { display: flex; padding: 1.8rem 1rem; align-items: center; border-bottom: 1px solid #ededed; } 
.main_wrap .notice_wrap .notice .notice_list li a { max-width: calc(100% - 80px); padding-left: 1rem; position: relative; color: #666666; font-size: 1.4rem; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main_wrap .notice_wrap .notice .notice_list li a::before { content: ''; width: 2px; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #000; border-radius: 50%; } 
.main_wrap .notice_wrap .notice .notice_list li .state_area { display: inline-block; } 
.main_wrap .notice_wrap .notice .notice_list li .state_area span { margin-left: 1rem; } 
.main_wrap .notice_wrap .notice .notice_list li.alarm .alarm_tag { display: inline-block; } 
.main_wrap .notice_wrap .notice .notice_list li.file .file_tag { display: inline-block; } 
.main_wrap .notice_wrap .notice .notice_list li .alarm_tag { display: none; padding: 0.2rem 2rem; background: #ff8200; color: #fff; border-radius: 20px; vertical-align: middle; } 
.main_wrap .notice_wrap .notice .notice_list li .file_tag { display: none; width: 18px; height: 20px; background: url(/images/front/00003/ico_file.png) no-repeat; vertical-align: middle; } 
.main_wrap .notice_wrap .notice .notice_list li .date { margin-left: auto; color: #666666; font-size: 1.4rem; font-weight: 300; white-space: nowrap; } 
.main_wrap .notice_wrap .notice_banner { max-width: 280px; width: 100%; padding: 3rem 2.8rem; background: #f2f2f2; border-radius: 30px; box-sizing: border-box; } 
.main_wrap .notice_wrap .notice_banner .b_tit { color: #373737; font-size: 2rem; font-weight: bold; } 
.main_wrap .notice_wrap .notice_banner .b_tel { color: #373737; font-size: 3.2rem; font-weight: 900; } 
.main_wrap .notice_wrap .notice_banner .txt_area { margin-top: 2rem; position: relative; text-align: right; } 
.main_wrap .notice_wrap .notice_banner .txt_area::before { content: ''; width: 72px; height: 71px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/images/front/00003/ico_notice_tel.png) no-repeat; } 
.main_wrap .notice_wrap .notice_banner .txt_area p { color: #666666; font-size: 1.5rem; font-weight: 400; } 
.main_wrap .notice_wrap .notice_banner .txt_area p + p { margin-top: 4px; } 


/* 과정상세 페이지 */
.content_wrap h2.list_tit { color: #373737; font-size: 3rem; font-weight: bold; text-align: center; } 
.content_wrap .detail_wrap .course_view { display: flex; padding: 4rem 0; border-bottom: 1px solid #dadada; justify-content: space-between; } 
.content_wrap .detail_wrap .course_view .img_wrap {width: 300px; height: 257px; flex-shrink: 0; border: 1px solid #dadada; border-radius: 10px; box-sizing: border-box; font-size: 0; overflow: hidden;} 
.content_wrap .detail_wrap .course_view .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.content_wrap .detail_wrap .course_view .rate_area { display: flex; margin-top: 1rem; align-items: center; } 
.content_wrap .detail_wrap .course_view .rate_area p { margin-left: 1rem; position: relative; color: #666666; font-size: 1.4rem; } 
.content_wrap .detail_wrap .course_view .rate_area .view_count { padding-left: 1rem; } 
.content_wrap .detail_wrap .course_view .rate_area .view_count::before { content: ''; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #666666; } 
.content_wrap .detail_wrap .course_view .info_cont { width: calc(100% - 350px); } 
.content_wrap .detail_wrap .course_view .info_cont .tit { margin-bottom: 1.5rem; color: #373737; font-size: 2.4rem; font-weight: bold; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.content_wrap .detail_wrap .course_view .info_cont .bread_crumb { justify-content: initial; } 
.content_wrap .detail_wrap .course_view .info_cont .bread_crumb ul { display: flex; margin-right: 1rem; align-items: center; } 
.content_wrap .detail_wrap .course_view .info_cont .course_list { display: flex; flex-wrap: wrap; } 
.content_wrap .detail_wrap .course_view .info_cont .course_list li { display: flex; width: 50%; margin-bottom: 1rem; } 
.content_wrap .detail_wrap .course_view .info_cont .course_list li strong { max-width: 100px; width: 100%; margin-right: 2rem; color: #373737; font-size: 1.5rem; font-weight: bold; } 
.content_wrap .detail_wrap .course_view .info_cont .course_list li .txt { color: #666666; font-size: 1.5rem; font-weight: 400; } 
.content_wrap .detail_wrap .course_view .info_cont .course_list li:last-child { margin-bottom: 0; } 
.content_wrap .ld_tit { display: flex; padding-bottom: 16px; border-bottom: 1px solid #373737; justify-content: space-between; } 
.content_wrap .ld_tit .tit { color: #373737; font-size: 2rem; font-weight: 500; } 
.content_wrap .ld_tit .tit span { font-size: 1.6rem; font-weight: 300; } 
.content_wrap .detail_wrap .course_info { display: flex; flex-wrap: wrap; } 
.content_wrap .detail_wrap .course_info li { display: flex; width: 50%; padding: 1.8rem 3rem; border-bottom: 1px solid #dadada; box-sizing: border-box; } 
.content_wrap .detail_wrap .course_info li strong { width: 170px; color: #373737; font-size: 1.5rem; flex-shrink: 0; } 
.content_wrap .detail_wrap .course_info li .txt { color: #666666; font-size: 1.5rem; font-weight: 500; } 
.content_wrap .detail_wrap .txt_box { padding: 2rem 2.5rem; word-break: keep-all; } 
.content_wrap .detail_wrap .txt_box pre {white-space: break-spaces;}
.content_wrap .detail_wrap .txt_box .txt { margin-bottom: 2rem; color: #373737; font-size: 1.5rem; } 
.content_wrap .detail_wrap .txt_box ul li strong { color: #373737; font-size: 1.5rem; font-weight: 500; } 
.content_wrap .detail_wrap .txt_box ul li p { color: #666666; font-size: 1.4rem; } 
.content_wrap .ld_tit .rate_area { display: flex; align-items: center; } 
.content_wrap .ld_tit .rate_area .txt { margin-right: 1.6rem; color: #666666; font-size: 1.4rem; } 
.content_wrap .rate_area .rv_rate { width: 86px; height: 14px; position: relative; background: url(/images/front/00003/ico_star_bg.png) no-repeat; z-index: 1; } 
.content_wrap .ld_tit .rate_area .rv_score { margin-left: 1rem; color: #666666; font-size: 1.4rem; } 
.content_wrap .detail_wrap .rate_area .rv_rate span { width: auto; height: 14px; position: absolute; background: url(/images/front/00003/ico_star_on.png) no-repeat; z-index: 2; } 
.content_wrap .detail_wrap .review .item { display: none; padding: 3.6rem 3rem; border-bottom: 1px solid #dadada; } 
.content_wrap .detail_wrap .review .score_wrap { max-width: 86px; margin-right: 5rem; } 
.content_wrap .detail_wrap .review .rv_score { margin-bottom: 10px; color: #000; font-size: 4rem; font-weight: 900; text-align: center; } 
.content_wrap .detail_wrap .review .rv_info { display: flex; width: 100%; flex-direction: column; } 
.content_wrap .detail_wrap .review .rv_info .desc { min-height: 62px; color: #666666; font-size: 1.4rem; font-weight: 300; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.content_wrap .detail_wrap .review .rv_info ul { display: flex; margin-left: auto; } 
.content_wrap .detail_wrap .review .rv_info li .rv_user { margin-right: 16px; color: #666666; font-size: 1.4rem; } 
.content_wrap .detail_wrap .review .rv_info li .rv_date { color: #666666; font-size: 1.4rem; } 
.content_wrap .detail_wrap .etc_cont .slide_wrap { position: relative; } 
.content_wrap .detail_wrap .etc_cont .con_list { width: 100%; overflow: hidden; } 
.content_wrap .detail_wrap .etc_cont.clist_slide .swiper-pagination { bottom: -40px; left: 50%; transform: translateX(-50%); } 
.content_wrap .detail_wrap .etc_cont.clist_slide .swiper-pagination span { width: 14px; height: 14px; } 
.content_wrap .detail_wrap .etc_cont.clist_slide .swiper-pagination span + span { margin-left: 6px; } 
.content_wrap .detail_wrap .etc_cont.clist_slide .swiper-pagination-bullet-active { background-color: #f36f20; } 
.content_wrap .detail_wrap .graph_wrap { display: flex; margin-top: 3rem; justify-content: space-between; } 
.content_wrap .detail_wrap .graph_wrap .left_box { padding: 30px 0; margin-right: 2rem; max-width: 580px; width: 100%; background: #f1f1f1; border-radius: 20px; } 
.content_wrap .detail_wrap .graph_wrap .right_box { width: 580px; } 

.content_wrap .detail_wrap .graph_wrap .graph_list li { padding: 1rem 1rem 1rem 7rem; color: #666666; font-size: 1.4rem; } 
.content_wrap .detail_wrap .graph_wrap .graph_list li:nth-child(1) { background: #f1f1f1; color: #373737; font-size: 2rem; font-weight: bold; border-radius: 30px; } 
.content_wrap .detail_wrap .graph_wrap .graph_list li:nth-child(2) { color: #373737; font-size: 1.8rem; font-weight: 500; } 
.content_wrap .detail_wrap .graph_wrap .graph_list li:nth-child(3) { color: #373737; font-size: 1.5rem; font-weight: 500; } 
.content_wrap .detail_wrap .graph_wrap .graph_area { display: flex; width: 100%; height: 180px; margin: 0 auto; box-sizing: border-box; justify-content: center; } 
.content_wrap .detail_wrap .graph_wrap .graph_area li { flex: 1; position: relative; max-width: 60px; } 
.content_wrap .detail_wrap .graph_wrap .graph_area li .graph { display: flex; width: 20px; height: 100%; margin: 0 auto; flex-direction: column-reverse; background: transparent; border-radius: 20px; } 
.content_wrap .detail_wrap .graph_wrap .graph_area li .graph .bar { position: relative; background: #f36f20; border-radius: 20px; } 
.content_wrap .detail_wrap .graph_wrap .graph_area li .graph .bar .g_txt { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); color: #666666; font-size: 1.2rem; } 
.content_wrap .detail_wrap .graph_wrap .graph_area li .txt { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: #666666; font-size: 1.2rem; text-align: center; white-space: nowrap; } 

.table_list.t_style02 table { border: 1px solid #dadada; } 
.table_list.t_style02 > table th, .table_list.t_style02 > table td { padding: 1rem 0; border: 1px solid #dadada; border-top: 0; } 
.table_list.t_style02 > table th { color: #373737; font-size: 1.5rem; font-weight: 500; } 
.table_list.t_style02 > table td { color: #666666; font-size: 1.4rem; } 
.table_list table tbody > tr { border-bottom: 1px solid #dadada; } 
.table_list > table th, .table_list > table td { padding: 2rem 0; } 
.table_list.t_style01 table tbody > tr:last-child { border-bottom: 1px solid #373737; } 

/* ai역량 추천 */
.content_wrap .course_wrap .ld_tit { display: flex; margin-bottom: 2rem; justify-content: space-between; } 
.content_wrap .course_wrap .ld_tit .tit { color: #373737; font-size: 1.8rem; font-weight: 500; } 
.content_wrap .course_wrap .ld_tit .tit span { font-size: 1.8rem; font-weight: 500; } 
.content_wrap .course_wrap .course_list { display: flex; flex-wrap: wrap; gap: 26px; } 
.content_wrap .course_wrap .course_list .item { width: calc(100% / 4 - 20px); } 
.content_wrap .course_wrap .course_list .item a { display: block; position: relative; } 
.content_wrap .course_wrap .course_list .item a:hover .h_box { display: flex; } 
.content_wrap .course_wrap .course_list .item a .h_box { display: none; padding: 40px 48px; position: absolute; width: 586px; height: 100%; background: #373737; border-radius: 10px; box-sizing: border-box; flex-direction: column; z-index: 2; } 
.content_wrap .course_wrap .course_list .item:last-child a .h_box { right: 0; } 
.content_wrap .course_wrap .course_list .item a .h_box .txt01 { margin-bottom: 2rem; color: #fff; font-size: 1.8rem; } 
.content_wrap .course_wrap .course_list .item a .h_box .txt02 { color: #fff; font-size: 2.5rem; font-weight: 500; } 
.content_wrap .course_wrap .course_list .item a .h_box .txt02 span { color: #ff7000; text-decoration: underline; text-underline-offset: 10px; } 
.content_wrap .course_wrap .course_list .item a .h_box .txt03 { margin-top: auto; color: #fff; font-size: 1.6rem; } 
.content_wrap .course_wrap .course_list .item a .h_box .txt03::after { content: ''; display: inline-block; width: 20px; height: 14px; margin-left: 1rem; background: url(/images/front/00003/ico_arrow_right.png) no-repeat; } 
.content_wrap .course_wrap .course_list .item .img_wrap {max-width: 280px; width: 100%; height: 240px; position: relative; border: 1px solid #dadada; border-radius: 10px; font-size: 0; overflow: hidden; } 
.content_wrap .course_wrap .course_list .item .img_wrap .img_tag::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; } 
.content_wrap .course_wrap .course_list .item .img_wrap .img_tag { padding: 0.5rem 0; position: absolute; top: 0; left: 0; right: 0; color: #fff; font-size: 1.3rem; text-align: center; z-index: 1; } 
.content_wrap .course_wrap .course_list .item .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.content_wrap .course_wrap .course_list .item .txt .t_date { margin-top: 15px; color: #666666; font-size: 13px; } 
.content_wrap .course_wrap .course_list .item .txt .t_tit { display: -webkit-box; height: 46px; margin: 8px 0 12px; color: #212121; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.view_list_wrap .ld_tit { display: flex; margin-bottom: 2rem; justify-content: space-between; } 
.view_list_wrap .ld_tit .tit { color: #373737; font-size: 1.6rem; font-weight: 500; } 
.view_list_wrap .ld_tit .tit span { font-size: 1.6rem; font-weight: 500; } 
.view_list_wrap .view_list { display: flex; flex-wrap: wrap; gap: 26px } 
.view_list_wrap .view_list .item { display: none; width: calc(100% / 4 - 20px); } 
.view_list_wrap .view_list .item a { display: block; position: relative; } 
.view_list_wrap .view_list .item a:hover::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(22, 22, 22, 0.92); border-radius: 10px; z-index: 5; } 
.view_list_wrap .view_list .item a:hover .h_wrap { display: flex; flex-direction: column; } 
.view_list_wrap .view_list .item .img_wrap {max-width: 280px; width: 100%; height: 240px; border: 1px solid #dadada; border-radius: 10px; font-size: 0; box-sizing: border-box; overflow: hidden; } 
.view_list_wrap .view_list .item .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.view_list_wrap .view_list .item .txt .t_date { margin-top: 15px; color: #666666; font-size: 13px; } 
.view_list_wrap .view_list .item .txt .t_tit { display: -webkit-box; height: 46px; margin: 8px 0 12px; color: #212121; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.view_list_wrap .view_list .item .h_wrap { display: none; width: 100%; height: 100%; padding: 50px 18px 16px; position: absolute; top: 0; bottom: 0; color: #fff; box-sizing: border-box; z-index: 8; } 
.view_list_wrap .view_list .item .h_wrap .h_tit { display: -webkit-box; height: 46px; margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.view_list_wrap .view_list .item .h_wrap li { padding-left: 16px; position: relative; font-size: 1.3rem; } 
.view_list_wrap .view_list .item .h_wrap li::before { content: ''; width: 12px; height: 12px; position: absolute; left: 0; top: 2px; background: url(/images/front/00003/h_list_icon.png) no-repeat; } 
.view_list_wrap .view_list .item .h_wrap .h_btn { margin-top: auto; padding: 10px 0; background: #ff7000; color: #fff; font-size: 1.7rem; font-weight: bold; text-align: center; border-radius: 10px; }
/* 전체페이지 리스트 추가 */
.view_list_wrap .ld_tit .sort_wrap { display: flex; margin-left: 10px; background: #fff; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn { display: block; width: 40px; height: 40px; background-image: url(/images/front/00003/sort_icon.png); background-repeat: no-repeat; box-sizing: border-box; border: 1px solid #ccc; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn.btn_gallary { border-right: 0; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn.btn_list { background-position-x: -40px; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn.active { background-color: #ff7000; background-position-y: -40px; border-color: #ff7000; } 
.view_list_wrap .view_list .item a .h_wrap .h_sum { display: none; } 
.view_list_wrap .view_list .list_group { display: none; } 
.view_list_wrap .view_list .rate_area { display: none; } 
.view_list_wrap .view_list.sort_list { flex-direction: column; gap: 10px; } 
.view_list_wrap .view_list.sort_list .item { width: 100%; padding: 15px; background: #fff; border-radius: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-sizing: border-box; } 
.view_list_wrap .view_list.sort_list .item a { display: flex; align-items: center; } 
.view_list_wrap .view_list.sort_list .item .img_wrap { max-width: 200px; height: 172px; margin-right: 20px; flex-shrink: 0; } 
.view_list_wrap .view_list.sort_list .item .img_wrap .none_tit {display: none;}
.view_list_wrap .view_list.sort_list .list_group { display: block; } 
.view_list_wrap .view_list.sort_list .list_group { display: flex; order: 1; } 
.view_list_wrap .view_list .item .txt .t_tit { order: 2; } 
.view_list_wrap .view_list.sort_list .item .txt .t_date { margin-top: 0; margin-bottom: 4px; order: 3; } 
.view_list_wrap .view_list.sort_list .item .txt .tag_wrap { display: flex; gap: 20px; order: 4; } 
.view_list_wrap .view_list.sort_list .list_group ul { display: flex; margin-right: 1rem; align-items: center; flex-wrap: wrap; } 
.view_list_wrap .view_list.sort_list .list_group .t_state { white-space: nowrap; } 
.view_list_wrap .view_list.sort_list .list_group li { font-size: 1.4rem; color: #72787f; font-weight: 500; } 
.view_list_wrap .view_list.sort_list .list_group li:after { content: '>'; display: inline-block; margin: 0 0.5rem } 
.view_list_wrap .view_list.sort_list .list_group li:last-child { color: #1b1d1f } 
.view_list_wrap .view_list.sort_list .list_group li:last-child:after { display: none } 
.view_list_wrap .view_list.sort_list .item .txt { display: flex; width: 100%; flex-direction: column; } 
.view_list_wrap .view_list.sort_list .rate_area { display: flex; margin-bottom: 4px; align-items: center; } 
.view_list_wrap .view_list.sort_list .rate_area .rv_rate span { width: auto; height: 14px; position: absolute; background: url(/images/front/00003/ico_star_on.png) no-repeat; z-index: 2; } 
.view_list_wrap .view_list.sort_list .rate_area p { margin-left: 1rem; position: relative; color: #666666; font-size: 1.4rem; } 
.view_list_wrap .view_list.sort_list .rate_area .view_count { padding-left: 1rem; } 
.view_list_wrap .view_list.sort_list .rate_area p { margin-left: 1rem; position: relative; color: #666666; font-size: 1.4rem; } 
.view_list_wrap .view_list.sort_list .rate_area .view_count::before { content: ''; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #666666; } 
.view_list_wrap .view_list.sort_list .item .h_wrap { display: block; max-width: 200px; padding: 0; position: static; } 
.view_list_wrap .view_list.sort_list .item .h_wrap .h_sum { display: block; margin-bottom: 10px; color: #000; text-align: center; font-weight: bold; font-size: 2rem; } 
.view_list_wrap .view_list.sort_list .item .h_wrap .h_btn { width: 100%; margin-top: initial; } 
.view_list_wrap .view_list.sort_list .item .h_wrap .h_tit,
.view_list_wrap .view_list.sort_list .item .h_wrap ul { display: none; } 
.view_list_wrap .view_list.sort_list .item a:hover::before { content: none; } 
.view_list_wrap .view_list.sort_list .item a:hover .h_wrap { display: initial; } 
.view_list_wrap .view_list.sort_list .item a:hover .txt .t_tit { text-decoration: underline; } 
 
.content_wrap .course_wrap .tab_course_menu { display: flex; border: 1px solid #dadada; border-radius: 10px; overflow: hidden; } 
.content_wrap .course_wrap .tab_course_menu li { flex: 1; } 
.content_wrap .course_wrap .tab_course_menu li:not(:first-child) a { border-left: 1px solid #dadada; } 
.content_wrap .course_wrap .tab_course_menu li.active a { background: #373737; color: #fff; font-weight: bold; } 
.content_wrap .course_wrap .tab_course_menu li a { display: block; padding: 1rem 0; color: #373737; font-size: 1.8rem; text-align: center; border-left: 0; } 
.content_wrap .course_wrap .tab_course_cont.active { display: block; } 
.content_wrap .course_wrap .tab_course_cont { display: none; } 
.content_wrap .course_wrap .tab_course_cont .tab_cont_area { display: flex; margin: 3rem 0; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px 0; } 
.content_wrap .course_wrap .tab_course_cont .txt { color: #373737; font-size: 1.8rem; font-weight: 500; } 
.content_wrap .course_wrap .select_area { display: flex; gap: 0 20px; } 
.content_wrap .course_wrap .select_area li { width: 100%; } 
.content_wrap .course_wrap .select_area li .sel_style03 { width: 100%; padding: 1rem 30px 1rem 1rem; text-align: center; } 
.content_wrap .course_wrap .seach_area { width: 100%; margin-top: 3rem; } 
.content_wrap .course_wrap .seach_area .input_wrap { display: flex; width: 100%; padding: 10px 10px; margin-left: 0; border: 1px solid #373737; border-radius: 30px; justify-content: space-between; box-sizing: border-box; overflow: hidden; } 
.content_wrap .course_wrap .seach_area .input_wrap input { width: calc(100% - 30px); border: 0; font-size: 1.4rem; text-align: center; } 
.content_wrap .course_wrap .seach_area .input_wrap button { width: 20px; height: 19px; background: url(/images/front/00003/ico_seach.png) center / contain no-repeat; border: 0; text-indent: -99999px; } 
.content_wrap .course_wrap .seach_area .input_wrap input:focus { border: none; outline: none; } 

/* 전체과정 페이지 */
.content_wrap .all_search_wrap .search_area .ld_tit { border-bottom: 0; } 
.content_wrap .all_search_wrap .check_list { display: flex; position: relative;} 
.content_wrap .all_search_wrap .check_list dl { flex: 1; } 
.content_wrap .all_search_wrap .check_list dl .tit { display: flex; height: 52px; background: #f2f2f2; color: #373737; font-size: 1.5rem; text-align: center; border: 1px solid #ddd; border-right: 0; align-items: center; justify-content: center; box-sizing: border-box; } 
.content_wrap .all_search_wrap .check_list.open dd { display: block; } 
.content_wrap .all_search_wrap .check_list.open::before { content: ''; width: 100%; height: calc(100% - 52px); top: 52px; position: absolute; border: 1px solid #444; border-bottom: 0; box-sizing: border-box; z-index: -1; } 
.content_wrap .all_search_wrap .check_list.open .btnWrap { border-color: #444; border-bottom: 0; } 
.content_wrap .all_search_wrap .check_list.open .moreBtn { transform: rotate(0); } 
.content_wrap .all_search_wrap .check_list.open + .check_result {border-color: #444;}
.content_wrap .all_search_wrap .check_list dd { display: none; } 
.content_wrap .all_search_wrap .check_list .btnWrap { display: flex; width: 80px; height: 52px; align-items: center; justify-content: center; border: 1px solid #ddd; box-sizing: border-box; } 
.content_wrap .all_search_wrap .check_list .moreBtn { width: 14px; height: 14px; background: url(/images/front/00003/ico_close.png) center no-repeat; background-size: contain; transform: rotate(-45deg); transition: all 0.35s; } 
.content_wrap .all_search_wrap .check_list .inp_chk { display: none; } 
.content_wrap .all_search_wrap .check_list .lb_tag { display: inline-block; padding: 2px 16px; background: #fff; color: #666666; font-size: 1.3rem; border: 1px solid transparent; border-radius: 20px; box-sizing: border-box; } 
.content_wrap .all_search_wrap .check_list .inp_chk:checked + label { width: 100%; border-color: #373737; } 
.content_wrap .all_search_wrap .check_list ul { padding: 1.5rem 1rem; } 
.content_wrap .all_search_wrap .check_list ul li {text-align: center;}
.content_wrap .all_search_wrap .check_list .item + .item { margin-top: 4px; }
.content_wrap .all_search_wrap .check_result { display: flex; padding: 2.5rem 2rem 2.5rem 4rem; background: #f2f2f2; border: 1px solid #ddd; border-top: 0; justify-content: space-between; align-items: center; } 
.content_wrap .all_search_wrap .check_result .search_btn { padding: 2.5rem 2.5rem; color: #fff; font-size: 1.6rem; font-weight: bold; background: #ff7000; border-radius: 10px; } 
.content_wrap .all_search_wrap .keywords_wrap { width: calc(100% - 240px); } 
.content_wrap .all_search_wrap .keywords_wrap .selected_keyword { display: inline-block; margin-right: 1rem; color: #666666; font-size: 1.3rem; } 
.content_wrap .all_search_wrap .keywords_wrap .selected_keyword:last-child { margin-right: 0; } 
.content_wrap .all_search_wrap .keywords_wrap .selected_keyword .btn_del { margin-left: 0.5rem; color: #666666; font-size: 1.3rem; border: 0; } 
.content_wrap .all_search_wrap .btn_area { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 2rem; } 
.content_wrap .all_search_wrap .btn_area .txt { color: #666666; font-size: 1.3rem; } 
.view_list_wrap .ld_tit .right_box { display: flex; align-items: center; } 
.view_list_wrap .ld_tit .sort_list { margin-left: 2rem; } 
.view_list_wrap .ld_tit .sort_list .radio_btn { padding-right: 1rem; margin-right: 0.5rem; position: relative; display: inline-block; } 
.view_list_wrap .ld_tit .sort_list .radio_btn:last-child::after { content: none; } 
.view_list_wrap .ld_tit .sort_list .radio_btn:last-child { padding-right: 0; margin-right: 0; } 
.view_list_wrap .ld_tit .sort_list .radio_btn::after { content: ''; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #373737; } 
.view_list_wrap .ld_tit .sort_list .radio_btn input[type=radio] { display: none; } 
.view_list_wrap .ld_tit .sort_list .radio_btn label { display: block; color: #373737; font-size: 1.4rem; cursor: pointer; } 
.view_list_wrap .ld_tit .sort_list .radio_btn input[type=radio]:checked + label { font-weight: bold; }

/* 역량검사  */
.search_list { border: 1px solid #ddd; border-radius: 10px 10px 0 0; overflow: hidden; } 
.search_list .search_item { display: flex; align-items: center; background-color: #434343; border-bottom: 1px solid #eee; } 
.search_list .search_item:last-child { border-bottom: 0; } 
.search_list .search_item .tit { flex-shrink: 0; padding: 0 20px; color: #fff; font-size: 1.6rem; font-weight: bold; } 
.search_list .search_item .cont { display: flex; width: 100%; background-color: #fff; } 
.search_list .check_area { display: flex; flex-wrap: wrap; gap: 10px; padding: 20px; } 
.search_list .check_area.col_check { flex-direction: column; } 
.search_list .form_check { position: relative; } 
.search_list input[type=radio], .search_list input[type=checkbox] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } 
.search_list .form_check input[type=radio] ~ label, .search_list .form_check input[type=checkbox] ~ label { display: inline-block; position: relative; padding: 0 12px; background-color: #fff; border: 1px solid transparent; border-radius: 20px; color: #1e2124; font-size: 1.6rem; transition: all 0.35s; white-space: nowrap; } 
.search_list .form_check input[type=radio]:checked ~ label, .search_list .form_check input[type=checkbox]:checked ~ label { border-color: #ff7000; color: #ff7000; } 
.search_list .cont_txt { color: #1e2124; font-size: 1.6rem; } 
.search_list .search_item .cont .cont_item { flex: 1; } 

.search_list .search_item .cont_item:not(:first-child) { border-left: 1px solid #eee; } 
.search_list .search_item .scrollbar-outer { height: 150px; overflow-y: scroll; } 
.search_list .search_item .scrollbar-outer .check_area { padding: 10px 20px; gap: 4px 10px; } 
.search_list .search_item .scrollbar-outer .form_check input[type=radio] ~ label, .search_list .search_item .scrollbar-outer .form_check input[type=checkbox] ~ label { display: -webkit-inline-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; } 
.search_list .search_item .scrollbar-outer > .scroll-content.scroll-scrolly_visible { margin: 0; left: 0; } 
.search_list .search_item .scrollbar-outer > .scroll-element .scroll-element_track { background: #f2f2f2; } 
.search_list .search_item .scrollbar-outer > .scroll-element .scroll-bar { background: #aeaeae; border-radius: 0; } 
.search_list .search_item .scrollbar-outer > .scroll-element.scroll-y { width: 10px; } 
.search_list .search_item .scrollbar-outer > .scroll-element .scroll-element_outer, .studyLeft .scrollbar-outer > .scroll-element .scroll-element_track, .search_list .search_item .cont_item .scrollbar-outer > .scroll-element .scroll-bar { border-radius: 0; } 

/* 팝업 */
.popUp.setUp { max-width: 1200px; background: #f9f9f9; z-index: 99999; } 
.popUp.setUp .popTop { border-bottom: 0; justify-content: initial; } 
.check03 label { font-size: 1.3rem } 
.check03 input[type="checkbox"] { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 15px; height: 15px; cursor: pointer; outline: none !important; border-radius: 3px; vertical-align: middle; background: #f9f9f9 } 
.check03 input[type="checkbox"]:checked { background:url(/images/front/00003/ico_check.png) no-repeat top 4px left 2px #f9f9f9; } 
.check03 input[type="checkbox"]:checked::before { border-radius: 4px; transform: scale(1) translate(-50%, -50%) } 

/* 메인 관심설정 직무설정 팝업 */
.popUp.setUp .ckItem .tit { margin-bottom: 15px; color: #373737; font-size: 1.8rem; text-align: center; } 
.popUp.setUp .com_area { max-height: 132px; margin-right: 8px; box-sizing: border-box; } 
.popUp.setUp .com_area li { margin-bottom: 4px; } 
.popUp.setUp .pc_pd { display: flex; max-height: 200px; max-width: 1060px; margin: 0 auto; gap: 10px; flex-wrap: wrap; box-sizing: border-box; } 
.popUp.setUp .pc_pd .ckItem { height: 200px; padding: 10px 18px 0 26px; background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; flex: 1; box-sizing: border-box; } 
.popUp.setUp .popCont { padding: 0; } 
.popUp.setUp .popCont .btn_wrap { margin: 2rem 0 !important; } 
.popUp.setUp .popBottom { padding: 2rem 0; position: relative; background: #373737; } 
.popUp.setUp .popBottom .txt { color: #fff; font-size: 2rem; font-weight: bold; text-align: center; } 
.popUp.setUp .popBottom .txt span { color: #a0c44c; } 
.popUp.setUp .popBottom a { display: flex; max-width: 235px; width: 100%; height: 40px; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); background: url(/images/front/00003/ico_btn_arrow.png) center right 20px #000000 no-repeat; color: #fff; font-size: 1.6rem; align-items: center; justify-content: center; border-radius: 10px; } 
.popUp.setUp .pc_pd .ckItem .check03 input[type="checkbox"] { display: none; } 
.popUp.setUp .pc_pd .ckItem .check03 input[type="checkbox"]:checked + label { color: #ff7000; border-color: #ff7000; font-weight: 500; } 
.popUp.setUp .com_area .check03 label { display: block; border: 1px solid #e9e9e9; line-height: 28px; text-align: center; } 
.popUp.setUp.setUpCrsCl .pc_pd .ckItem { width: calc(100% / 4 - 8px); flex: none; } 
.popUp.setUp .ckItem .scrollbar-outer > .scroll-content.scroll-scrolly_visible { margin: 0; left: initial; right: -4px; } 
.popUp.setUp .ckItem .scrollbar-outer > .scroll-element .scroll-element_track { background: transparent; } 
.popUp.setUp .ckItem .scrollbar-outer > .scroll-element .scroll-bar { background: #c9c9c9; } 
.popUp.setUp .ckItem .scrollbar-outer > .scroll-element.scroll-y { width: 3px; background: transparent; } 
.popUp.setUp .ckItem .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { width: 3px; left: 0px; top: 0px; } 
.popUp.setUp.setUpJob .pc_pd { display: block; } 
.popUp.setUp.setUpJob .com_area { display: flex; flex-wrap: wrap; gap: 0 36px; } 
.popUp.setUp.setUpJob .pc_pd .ckItem + .ckItem { margin-top: 10px; } 
.popUp.setUp.setUpJob .com_area li { width: calc(100% / 4 - 27px); }
/* .popUp.setUp .ckItem .tit { margin-bottom: 2rem; color: #373737; font-size: 1.8rem; text-align: center; } 
.popUp.setUp .com_area { display: flex; height: 170px; padding: 2rem; background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; flex-direction: column; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; } 
.popUp.setUp .pc_pd { display: flex; max-width: 1060px; margin: 0 auto; gap: 0 10px; } 
.popUp.setUp .pc_pd .ckItem { flex: 1; } 
.popUp.setUp .popCont { padding: 0; } 
.popUp.setUp .popCont .btn_wrap { margin: 2rem 0 !important; } 
.popUp.setUp .popBottom { padding: 2rem 0; position: relative; background: #373737; } 
.popUp.setUp .popBottom .txt { color: #fff; font-size: 2rem; font-weight: bold; text-align: center; } 
.popUp.setUp .popBottom .txt span { color: #a0c44c; } 
.popUp.setUp .popBottom a { display: flex; max-width: 235px; width: 100%; height: 40px; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); background: url(/images/front/00003/ico_btn_arrow.png) center right 20px #000000 no-repeat; color: #fff; font-size: 1.6rem; align-items: center; justify-content: center; border-radius: 10px; } 
.popUp.setUp .com_area .check03 {margin-top: 0.5rem; position: relative; line-height: 1;}
.popUp.setUp .com_area .check03 input[type="checkbox"] {position: absolute; top: 2px; left: 0; margin: 0;}
.popUp.setUp .com_area .check03 label {display: inline-block; padding-left: 20px;} */
/* ai맞춤학습 팝업 */
/* .popUp.setUp.setUpCrsCl .pc_pd {max-height: 200px; flex-wrap: wrap; gap: 10px;}
.popUp.setUp.setUpCrsCl .pc_pd .ckItem {width: calc(100% / 4 - 8px); flex: none;}
.popUp.setUp.setUpCrsCl .com_area {min-height: 140px; height: auto;} */

.popUp.courseList .popTop { padding: 2rem 3rem 0; background: #f9f9f9; border-bottom: 0; } 
.popUp.courseList .popCont { background: #f9f9f9; } 
.popUp.courseList .p_check_wrap {max-height: 300px; overflow-y: scroll;}
.popUp.courseList .popTop h3 { font-size: 1.8rem; text-align: center } 
.popUp .p_check_list { display: flex; padding: 0 4px; flex-wrap: wrap; justify-content: center; gap: 10px; } 
.popUp.courseList .p_check_list li {max-width: initial; width: auto;}
.popUp .p_check_list li { max-width: 85px; width: 100%; } 
.popUp .p_check_list li .checklabel { width: 100%; color: #adadad; } 
.popUp .p_check_list li .checkbox:checked + label { background: #fff; color: #666666; border-color: #373737; } 
.popUp .p_check_list li input[type="checkbox"]:checked + label { background: #fff; color: #666666; border-color: #373737; } 
.popUp.courseList .btn_wrap { margin-top: 3rem; } 

.popUp .p_check_wrap { display: flex; margin: 0 3rem; padding: 2rem; background: #fff; border: 1px solid #dadada; flex-wrap: wrap; justify-content: center; border-radius: 5px; box-sizing: border-box; } 
.popUp .p_check_wrap dl { flex: 1; overflow: hidden; } 
.popUp .p_check_wrap dl dt { margin-bottom: 2rem; color: #373737; font-size: 1.6rem; font-weight: 500; text-align: center; } 
.popUp .p_check_wrap dl dd { height: 100%; position: relative; } 
.popUp .p_check_wrap dl:not(:first-child) dd { border-left: 1px solid #e1e1e1; } 
.popUp .p_check_wrap dl.flex_two { flex: 2; } 
.popUp .item .checkbox { display: none; } 


.popUp.messagePop { border-radius: 20px; overflow: hidden; z-index: 99999;} 
.popUp.messagePop .popTop { padding: 1.5rem 2.5rem; background: #f36f20; border-bottom: 0; } 
.popUp.messagePop .popTop h3 { font-size: 1.8rem; color: #fff; font-weight: bold; } 
.popUp.messagePop .popTop .close { background: url(/images/front/00003/ico_close02.png) no-repeat; background-size: contain; } 
.popUp.messagePop .popCont { padding: 2rem 3rem; } 
.popUp.messagePop .popCont .contTop { display: flex; align-items: center; } 
.popUp.messagePop .popCont .contTop .txt { color: #666666; font-size: 1.4rem; flex-shrink: 0; } 
.popUp.messagePop .popCont .contTop .search_wrap { width: 100%; margin: 0 1rem; } 
.popUp.messagePop .popCont .contTop .search_wrap input { width: 100%; font-family: inherit; padding: 0.5rem 1.5rem; background: #f9f9f9; font-size: 1.4rem; border-radius: 5px; box-sizing: border-box; } 
.popUp.messagePop .popCont .contTop button { margin-left: auto; } 
.popUp.messagePop .popCont textarea { width: 100%; height: 110px; margin-top: 2rem; padding: 1.5rem; font-size: 1.4rem; border: 1px solid #f5f5f5; box-sizing: border-box; resize: none; } 
.popUp .popCont input::placeholder { color: #b6b6b6; font-size: 1.4rem; } 
.popUp .popCont textarea::placeholder { color: #b6b6b6; font-size: 1.4rem; } 
.popUp.messagePop .popCont .btn_wrap { margin-top: 2rem; } 
.popUp.messagePop .popCont .contTop .txt_wrap { width: 100%; } 
.popUp.messagePop .popCont .contTop .txt_wrap input { width: 100%; font-family: inherit; padding: 0.5rem 1.5rem; background: #fff; font-size: 1.4rem; border: 1px solid #f5f5f5; border-radius: 5px; box-sizing: border-box; } 
.popUp.messagePop .popCont .contTop .txt_wrap input:focus {outline: auto; }
.popUp .popCont textarea:focus-visible {outline-color: #000;}
.winPopup .winPopTop { display: flex; padding: 1.5rem 2.5rem; background: #f36f20; border-bottom: 0; justify-content: space-between; align-items: center; } 
.winPopup .winPopTop h3 { font-size: 1.8rem; color: #fff; font-weight: bold; } 
.winPopup .winPopTop .close { display: inline-block; width: 20px; height: 20px; background: url(/images/front/00003/ico_close02.png) no-repeat; background-size: contain; text-indent: -9999px; z-index: 100; } 
.winPopup .winPopCont { background: #fff; padding: 2rem 3rem; } 
.winPopup .winPopCont .txt_wrap { width: 100%; } 
.winPopup .winPopCont .txt_wrap input { width: 100%; font-family: inherit; padding: 0.5rem 1.5rem; background: #fff; font-size: 1.4rem; border: 1px solid #f5f5f5; border-radius: 5px; box-sizing: border-box; } 
.winPopup .winPopCont textarea { width: 100%; height: 110px; margin-top: 2rem; padding: 1.5rem; font-size: 1.4rem; border: 1px solid #f5f5f5; box-sizing: border-box; resize: none; }

/* 학습방 팝업 */
.popUp.studyPop { max-width: 100%; margin: 0 auto; position: static; transform: none; } 
.popUp.studyPop .popCont { max-height: initial; padding: 0; background: #f5f5f5; } 
.popUp.studyPop .popArea { display: flex; } 
.popUp.studyPop .popLeft { width: 200px; padding-top: 120px; background: #373737; } 
.popUp.studyPop .popLeft .studyList li { height: 65px; position: relative; } 
.popUp.studyPop .popLeft .studyList li.active, .popUp.studyPop .popLeft .studyList li:hover { background: #3f3f3f; } 
.popUp.studyPop .popLeft .studyList li.active::after, .popUp.studyPop .popLeft .studyList li:hover::after { content: ''; width: 4px; height: 100%; position: absolute; top: 0; right: 0; background: #f36f20; } 
.popUp.studyPop .popLeft .studyList li.active a, .popUp.studyPop .popLeft .studyList li:hover a { color: #f36f20; font-weight: bold; } 
.popUp.studyPop .popLeft .studyList li a { display: flex; width: 100%; height: 100%; padding-left: 30px; color: #fff; font-size: 1.6rem; font-weight: 400; align-items: center; box-sizing: border-box; } 
.popUp.studyPop .popLeft .studyList .icon { padding-left: 30px; background-position: left center; background-repeat: no-repeat; } 
.popUp.studyPop .popLeft .studyList .icon01 { background-image: url(/images/front/00003/study_icon_01.png); } 
.popUp.studyPop .popLeft .studyList .icon02 { background-image: url(/images/front/00003/study_icon_02.png); } 
.popUp.studyPop .popLeft .studyList .icon03 { background-image: url(/images/front/00003/study_icon_03.png); } 
.popUp.studyPop .popLeft .studyList .icon04 { background-image: url(/images/front/00003/study_icon_04.png); } 
.popUp.studyPop .popLeft .studyList .icon05 { background-image: url(/images/front/00003/study_icon_05.png); } 
.popUp.studyPop .popLeft .studyList .icon06 { background-image: url(/images/front/00003/study_icon_06.png); } 
.popUp.studyPop .popLeft .studyList .icon07 { background-image: url(/images/front/00003/study_icon_07.png); }
.popUp.studyPop .popLeft .studyList li.active .icon01, .popUp.studyPop .popLeft .studyList li:hover .icon01 { background-image: url(/images/front/00003/study_icon_on_01.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon02, .popUp.studyPop .popLeft .studyList li:hover .icon02 { background-image: url(/images/front/00003/study_icon_on_02.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon03, .popUp.studyPop .popLeft .studyList li:hover .icon03 { background-image: url(/images/front/00003/study_icon_on_03.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon04, .popUp.studyPop .popLeft .studyList li:hover .icon04 { background-image: url(/images/front/00003/study_icon_on_04.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon05, .popUp.studyPop .popLeft .studyList li:hover .icon05 { background-image: url(/images/front/00003/study_icon_on_05.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon06, .popUp.studyPop .popLeft .studyList li:hover .icon06 { background-image: url(/images/front/00003/study_icon_on_06.png); } 
.popUp.studyPop .popLeft .studyList li.active .icon07, .popUp.studyPop .popLeft .studyList li:hover .icon07 { background-image: url(/images/front/00003/study_icon_on_07.png); } 
.popUp.studyPop .popContents { width: calc(100% - 200px); min-height: 100vh; padding: 4rem; background: #f5f5f5; box-sizing: border-box; } 
.popUp.studyPop .popContents .popTit { margin-bottom: 3rem; } 
.popUp.studyPop .popContents .popTit p { color: #373737; font-size: 3rem; font-weight: bold; } 
.popUp.studyPop .popContents .popTit p span { font-size: 2rem; font-weight: 400; } 
.popUp.studyPop .studyInfo { margin-bottom: 4rem; padding: 3.4rem 3rem; background: #fff; border-radius: 20px; } 
.popUp.studyPop .studyInfo .infoTit { display: flex; margin-bottom: 2.5rem; align-items: center; } 
.popUp.studyPop .studyInfo .infoTit .pTag { display: inline-block; width: 65px; margin-right: 2rem; color: #898989; font-size: 1.2rem; border: 1px solid #d8d8d8; text-align: center; flex-shrink: 0; } 
.popUp.studyPop .studyInfo .infoTit p { color: #373737; font-size: 2rem; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; } 
.popUp.studyPop .studyInfo .infoBox { display: flex; align-items: center; justify-content: space-between; } 
.popUp.studyPop .studyInfo .infoList ul { margin-bottom: 1.5rem; } 
.popUp.studyPop .studyInfo .infoList li { display: flex; align-items: center; } 
.popUp.studyPop .studyInfo .infoList li + li { margin-top: 0.5rem; } 
.popUp.studyPop .studyInfo .infoList {flex-shrink: 0;}
.popUp.studyPop .studyInfo .infoList strong { display: inline-block; width: 80px; margin-right: 1rem; color: #373737; font-size: 1.4rem; font-weight: 500; flex-shrink: 0; } 
.popUp.studyPop .studyInfo .infoList p { color: #666666; font-size: 1.4rem; font-weight: 400; } 
.popUp.studyPop .studyInfo .prgsWrap { max-width: 1000px; width: 100%; margin: 0 30px; padding: 2rem 2.4rem 3.6rem; background: #f5f5f5; border-radius: 15px; box-sizing: border-box; } 
.popUp.studyPop .studyInfo .prgsWrap .btnWrap { margin-bottom: 2.5rem; text-align: right; } 
.popUp.studyPop .studyInfo .prgsArea .prgsTit { width: 40px; margin-right: 4px; color: #666666; font-size: 1.3rem; font-weight: 400; flex-shrink: 0; } 
.popUp.studyPop .studyInfo .prgsArea .txt { width: 40px; margin-left: 4px; color: #666666; font-size: 1.3rem; font-weight: 400; flex-shrink: 0; text-align: right; } 
.popUp.studyPop .studyInfo .prgsArea { display: flex; align-items: center; } 
.popUp.studyPop .studyInfo .prgsArea + .prgsArea { margin-top: 1rem; } 
.popUp.studyPop .studyInfo .prgsArea .prgsBar { max-width: 830px; width: 100%; height: 15px; background: #d7d7d7; border-radius: 10px; overflow: hidden; } 
.popUp.studyPop .studyInfo .prgsArea .prgsBar span { display: block; background: #f36f20; height: 100%; border-radius: 10px; } 
.popUp.studyPop .studyInfo .infoBtn button span::before { content: ''; display: block; width: 39px; height: 49px; margin: 0 10px 0 auto; background: url(/images/front/00003/icon_play.png) center no-repeat; } 
.popUp.studyPop .studyInfo .infoBtn button { display: inline-flex; width: 130px; height: 130px; background: #f36f20; color: #ffffff; font-size: 1.8rem; font-weight: bold; align-items: center; justify-content: center; border-radius: 15px; } 
.popUp.studyPop .circleWrap { display: flex; margin: 0 auto 7rem; justify-content: center; gap: 2rem; flex-wrap: wrap;} 
.popUp.studyPop .circleArea .txt { margin-top: 1rem; color: #373737; font-size: 1.6rem; font-weight: 500; text-align: center; } 
.popUp.studyPop .circleBar { position: relative; width: 140px; height: 140px; } 
.popUp.studyPop .circleBar svg { width: 100%; height: 100%; } 
.popUp.studyPop .circleBar .circleBg { fill: none; stroke: #d7d7d7; stroke-width: 2; } 
.popUp.studyPop .circleBar .circle { fill: none; stroke: #f36f20; stroke-width: 2; stroke-linecap: round; transition: stroke-dasharray 0.6s ease, stroke-dashoffset 0.6s ease; } 
.popUp.studyPop .circleBar span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f36f20; font-size: 2rem; font-weight: bold; } 
.popUp.studyPop .testInfo .testList { display: flex; gap: 20px; } 
.popUp.studyPop .testInfo .testList li { position: relative; width: 100%; background: #fff; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.08); border-radius: 15px; overflow: hidden; }
.popUp.studyPop .testInfo .testList li .none-txt { display: none; } 
.popUp.studyPop .testInfo .testList li.none .none-txt { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2rem; font-weight: bold; z-index: 2; } 
.popUp.studyPop .testInfo .testList li.none::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 2rem; font-weight: bold; z-index: 1; } 
.popUp.studyPop .testInfo .testList li.none .btnLink { min-height: 4.4rem; } 
.popUp.studyPop .testInfo .testList li.none .btnLink p { display: none; }  
.popUp.studyPop .testInfo .testList li a { display: flex; height: 100%; padding-top: 22px; flex-direction: column; box-sizing: border-box; } 
.popUp.studyPop .testInfo .testList li .imgWrap { position: relative; height: 114px; } 
.popUp.studyPop .testInfo .testList li .imgWrap::after { content: ''; top: 40px; transform: translateX(-50%); background-size: contain; } 
.popUp.studyPop .testInfo .testList li:nth-child(1) .imgWrap::after { width: 71px; height: 77px; position: absolute; left: calc(50% - -12px); background: url(/images/front/00003/study_item01.png) no-repeat; } 
.popUp.studyPop .testInfo .testList li:nth-child(2) .imgWrap::after { width: 71px; height: 77px; position: absolute; left: calc(50% - -12px); background: url(/images/front/00003/study_item02.png) no-repeat; } 
.popUp.studyPop .testInfo .testList li:nth-child(3) .imgWrap::after { width: 58px; height: 68px; position: absolute; left: calc(50% - -12px); background: url(/images/front/00003/study_item03.png) no-repeat; } 
.popUp.studyPop .testInfo .testList li:nth-child(4) .imgWrap::after { width: 62px; height: 77px; position: absolute; left: calc(50% - -4px); background: url(/images/front/00003/study_item04.png) no-repeat; } 
.popUp.studyPop .testInfo .testList li .tit { color: #373737; font-size: 1.6rem; font-weight: 500; text-align: center; } 
.popUp.studyPop .testInfo .testList li .btnLink { margin-top: auto; background: #373737; text-align: center; } 
.popUp.studyPop .testInfo .testList li .btnLink p { padding: 1rem 0; color: #fff; font-size: 1.6rem; font-weight: bold; } 
.popUp.studyPop .popTabList { display: flex; margin-bottom: 3.4rem; position: relative; overflow-y: auto; border-bottom: 1px solid #e0e0e0; } 
.popUp.studyPop .popTabList li { white-space: nowrap; } 
.popUp.studyPop .popTabList li.active { border-bottom: 2px solid #f36f20; z-index: 2; } 
.popUp.studyPop .popTabList a { display: block; width: 100%; height: 100%; padding: 1.6rem 4rem; color: #666666; font-size: 1.7rem; font-weight: 400; box-sizing: border-box; } 
.popUp.studyPop .popTabList li.active a { color: #373737; font-weight: bold; } 
.popUp.studyPop .contBox { padding: 3.4rem 3.6rem; background: #fff; border-radius: 20px; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05); } 
.popUp.studyPop .table_type01 table .t_tit { display: none; } 
.popUp.studyPop .popContents.bcWhite {background: #fff;}
.popUp.studyPop .btnWrap {text-align: right;}
.popUp.studyPop .btnWrap .moreBtn {padding: 4px 12px;background: #fff;border: 1px solid #000;color: #000;font-size: 1.6rem;text-align: center;} 
.popUp.studyPop .home_progress {margin-top: 0;padding: 30px;background: #fff;border-radius: 20px;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05);}
.popUp.studyPop .p_hide {display: none;}

.popUp.studyPop .home_progress .progress_wrap .txt.fcRed { color: #c00000;}
.popUp.studyPop .home_progress .progress02 {background: #d9d9d9;}
.popUp.studyPop .home_progress .progress02.bgBlue span {background: #2e75b6;}
.popUp.studyPop .home_progress .progress02.bgGreen span {background: #385724;}
 
.popUp.studyPop .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.popUp.studyPop .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { margin: 20px 0; right: 4px !important; } 
.popUp.studyPop .contBox .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.popUp.studyPop .contBox .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.popUp.studyPop .contBox .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background: none !important; width: 8px } 
.popUp.studyPop .contBox .mCSB_scrollTools .mCSB_draggerContainer { height: calc(100% - 10px); top: 50%; transform: translateY(-50%) } 
.popUp.studyPop .contBox .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c9cdd2 !important; width: 6px; } 
.popUp.studyPop .contBox.scr { max-height: 720px; } 
.popUp.studyPop .fdTable .fold tbody tr:last-child { border-bottom: 0; } 
.popUp.studyPop .fdTable .fold { display: none; } 
.popUp.studyPop .fdTable .fold > td {padding: 0;}
.popUp.studyPop .fdTable .fold.open { display: contents; } 
.popUp.studyPop .fdTable .foldBox { max-height: 200px; border: 1px solid #c0ddff;} 
.popUp.studyPop .fdTable .fold td { background: #e2f1ff; } 
.popUp.studyPop .fdTable .fdTit { cursor: pointer; } 
.popUp.studyPop .fdTable .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.popUp.studyPop .fdTable .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { margin: 0; right: 0 !important; } 
.popUp.studyPop .fdTable .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c9cdd2 !important; width: 4px; } 

.popUp.studyPop .tab_style01 li a {min-width: 120px;}

.modalPop{z-index: 9999;background: #fff;position: fixed;max-width: 500px;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none}
.modalTop{padding: 2rem 3rem;border-bottom: 1px solid #1b1d1f;display: flex;justify-content: space-between;align-items: center;}
.modalTop h3{font-weight: 500;font-size: 2.2rem}
.modalTop .close{background: url(/images/front/00003/ico_close.png) no-repeat;width: 20px;height: 20px;text-indent: -9999px;}
.modalCont{padding: 3rem 0;max-height: calc(100vh - 150px)}
.modalCont > .scr.mh_scr {max-height: calc(100vh - 220px)}
.modalCont .pc_pd{padding: 0 3rem}
.modalCont > .scr{max-height: calc(100vh - 320px);overflow-y: auto;padding-right: 20px !important}

#content-study-exam-q {background: #fff;}
#content-study-exam-q .studyInfo .infoTit p {flex-shrink: 0;}
#content-study-exam-q .studyInfo .infoTit p + div {flex-shrink: 0; margin-right: 4px;}

/* 학습창 팝업 */
.popUp.learnPop { max-width: 100%; margin: 0 auto; position: static; transform: none; } 
.popUp.learnPop .popArea { display: flex; } 
.popUp.learnPop .popLeft {display: none; width: 270px; padding: 0 10px; background: #f36f20; box-sizing: border-box; } 
.popUp.learnPop .popLeft.on { display: none; } 
.popUp.learnPop .popLeft.on ~ .popContents { width: 100%; height: 100vh; } 
.popUp.learnPop .popContents { width: 100%; padding: 3rem; background: #fff; box-sizing: border-box; } 
.popUp.learnPop .popCont { max-height: initial; padding: 0; background: #f5f5f5; } 
.popUp.learnPop .playerWrap .videoArea { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } 
.popUp.learnPop .playerWrap .videoArea .player { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.popUp.learnPop .popLeft .prgs_bar { width: 100%; height: 12px; margin-bottom: 10px; position: relative; background: #cd6425; border-radius: 10px; overflow: hidden; } 
.popUp.learnPop .popLeft .prgs_bar span { display: block; background: #373737; height: 100%; border-radius: 10px; } 
.popUp.learnPop .popLeft .prgs_bar p { position: absolute; top: -2px; left: 20px; color: #fff; font-size: 10px; font-weight: 500; } 
.popUp.learnPop .infoTit { padding: 0 1.5rem; margin-bottom: 15px; } 
.popUp.learnPop .infoTit .infoTop { display: flex; margin: 30px 0 20px; justify-content: space-between; align-items: center; } 
.popUp.learnPop .infoTit .infoTop p { min-width: 65px; padding: 2px 10px; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #fff; border-radius: 20px; text-align: center; box-sizing: border-box; } 
.popUp.learnPop .infoTit .infoTop .infoClose { margin-left: auto; padding: 2px 10px; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #fff; border-radius: 20px; box-sizing: border-box; } 
.popUp.learnPop .prgsArea .prgsTit { margin-bottom: 20px; color: #fff; font-size: 1.8rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.popUp.learnPop .prgsArea .prgsTxt { color: #fff; font-size: 1.5rem; font-weight: 500; text-align: center; } 
.popUp.learnPop .infoList { width: 100%; background: #fff; border-radius: 20px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31); box-sizing: border-box; } 
.popUp.learnPop .infoList .listTit { padding: 0 2.5rem; margin-bottom: 6px; color: #373737; font-size: 1.5rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.popUp.learnPop .infoList .item + .item { margin-top: 30px; } 
.popUp.learnPop .infoList li { display: flex; padding: 0.3rem 2.5rem; justify-content: space-between; align-items: center; } 
.popUp.learnPop .infoList li.active { background: #fdeade; } 
.popUp.learnPop .infoList li .tagWrap { display: flex; margin-left: 10px; flex-shrink: 0; } 
.popUp.learnPop .infoList li .tagTit { color: #666666; font-size: 13px; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.popUp.learnPop .infoList li .tagWrap .time { color: #666666; font-size: 13px; font-weight: 300; } 
.popUp.learnPop .infoList li .tagWrap .tag { padding: 0 8px; margin-left: 12px; font-size: 12px; font-weight: 400; border-radius: 5px; } 
.popUp.learnPop .infoList li .tagWrap .tag.bcGray { background: #f2f2f2; color: #898989; } 
.popUp.learnPop .infoList li .tagWrap .tag.bcOrange { background: #f36f20; color: #fff; } 
.popUp.learnPop .popLeft.on ~ .popContents .btnTop { visibility: visible; } 
.popUp.learnPop .popContents .btnTop { display: none; visibility: hidden; } 
.popContents .btnTop .infoOpen::before {content: ''; display: inline-block; width: 14px; height: 11px; margin-right: 4px; background: url(/images/front/00003/menu_icon.png) no-repeat; background-size: contain;}
.popUp.learnPop .popContents .btnTop .infoOpen { padding: 2px 16px; margin-bottom: 16px; background:#f36f20 ; background-size: 14px auto; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #f36f20; border-radius: 20px; box-sizing: border-box; } 
.popUp.learnPop .popContents .popTit { display: flex; margin-bottom: 40px; justify-content: space-between; align-items: center; } 
.popUp.learnPop .popContents .popTit p { color: #373737; font-size: 2.2rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.popUp.learnPop .popContents .popTit > div {display: flex;}
.popUp.learnPop .popContents .popTit button { padding: 0.4rem 2rem; background: #373737; color: #fff; font-size: 1.3rem; font-weight: 500; border-radius: 30px; flex-shrink: 0; } 
.popUp.learnPop .popContents .popTit button + button {margin-left: 4px;}
.popUp.learnPop .infoList .item:first-child {padding-top: 3rem;}
.popUp.learnPop .infoList .item:last-child {padding-bottom: 3rem;}
.popUp.learnPop .infoList.scrollbar-outer {height: 500px; overflow-y: scroll;}
.popUp.learnPop .scrollbar-outer > .scroll-content.scroll-scrolly_visible { margin: 0; left: 0; } 
.popUp.learnPop .scrollbar-outer > .scroll-element .scroll-element_track { background: transparent; } 
.popUp.learnPop .scrollbar-outer > .scroll-element .scroll-bar { background: #d8d8d8; border-radius: 0;} 
.popUp.learnPop .scrollbar-outer > .scroll-element.scroll-y { width: 10px; } 
.popUp.learnPop .scrollbar-outer > .scroll-element .scroll-element_outer, .popUp.learnPop .scrollbar-outer > .scroll-element .scroll-element_track, .popUp.learnPop .scrollbar-outer > .scroll-element .scroll-bar { border-radius: 0; } 
.popUp.learnPop .pageNavi { display: flex; justify-content: center; align-items: center; background: #e8ebed; padding: 1rem; border-bottom: 1px solid #9ea4aa; } 
.popUp.learnPop .pageNavi a { color: #72787f; font-size: 1.4rem; position: relative; } 
.popUp.learnPop .pageNavi .prev { padding-left: 15px } 
.popUp.learnPop .pageNavi .prev:before { content: ''; display: block; background: url(./images/learninghub/prev_btn.png) no-repeat; width: 6px; height: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) } 
.popUp.learnPop .pageNavi .next { padding-right: 15px } 
.popUp.learnPop .pageNavi .next:after { content: ''; display: block; background: url(./images/learninghub/next_btn.png) no-repeat; width: 6px; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } 
.popUp.learnPop .pageNavi .listBtn { width: 64px; margin: 0 20px; padding: 6px 0 6px 30px; background: url(./images/learninghub/play_menu.png) #3f94d0 left 10px center no-repeat; text-align: left; color: #fff; font-size: 12px; border-radius: 5px; } 
.popUp.learnPop .tableWrap { margin: 30px auto 0; max-width: 650px; } 

/* 마이크로러닝 팝업  */
.popUp.learnPop.micro .popContents {width: 100%; background: #fff;}
.popUp.learnPop.micro .popContents .popTit {margin-bottom: 20px;}

/* 나의 강의실 */
.content_area { display: flex; align-items: flex-start; justify-content: space-between; } 
.content_area .sub_menu { width: 260px; padding: 26px 0 80px; background: #fff; border-radius: 20px; } 
.content_area .sub_menu .sub_tit { color: #373737; font-size: 2rem; font-weight: bold; text-align: center; } 
.content_area .sub_menu .member_info { margin: 1rem 0 3rem; text-align: center; } 
.content_area .sub_menu .member_info p { color: #666666; font-size: 1.4rem; font-weight: 300; } 
.content_area .sub_menu .member_info .sub_btn { display: inline-block; margin-top: 1.5rem; padding: 0.5rem 1.6rem; background: #f2f2f2; color: #898989; font-size: 1.2rem; border-radius: 3px; } 
.content_area .sub_menu .myclass_list li { height: 55px; background: #fff; } 
.content_area .sub_menu .myclass_list li.active,
.content_area .sub_menu .myclass_list li:hover { background: #f36f20; } 
.content_area .sub_menu .myclass_list li:hover a,
.content_area .sub_menu .myclass_list li.active a { color: #fff; } 
.content_area .sub_menu .myclass_list li:first-child a { font-size: 1.8rem; font-weight: bold; } 
.content_area .sub_menu .myclass_list li a { display: flex; width: 100%; height: 100%; padding-left: 36px; color: #373737; font-size: 1.6rem; font-weight: 400; align-items: center; box-sizing: border-box; } 
.content_area .sub_menu .myclass_list .icon { padding-left: 34px; background-position: left center; background-repeat: no-repeat; } 
.content_area .sub_menu .myclass_list .icon01 { background-image: url(/images/front/00003/myclass_icon_01.png); } 
.content_area .sub_menu .myclass_list .icon02 { background-image: url(/images/front/00003/myclass_icon_02.png); } 
.content_area .sub_menu .myclass_list .icon03 { background-image: url(/images/front/00003/myclass_icon_03.png); } 
.content_area .sub_menu .myclass_list .icon04 { background-image: url(/images/front/00003/myclass_icon_04.png); } 
.content_area .sub_menu .myclass_list .icon05 { background-image: url(/images/front/00003/myclass_icon_05.png); } 
.content_area .sub_menu .myclass_list .icon06 { background-image: url(/images/front/00003/myclass_icon_06.png); } 
.content_area .sub_menu .myclass_list .icon07 { background-image: url(/images/front/00003/myclass_icon_07.png); } 
.content_area .sub_menu .myclass_list .icon08 { background-image: url(/images/front/00003/myclass_icon_08.png); } 
.content_area .sub_menu .myclass_list .icon013 { background-image: url(/images/front/00003/myclass_icon_013.png); }
.content_area .sub_menu .myclass_list .icon014 { background-image: url(/images/front/00003/myclass_icon_014.png); }
.content_area .sub_menu .myclass_list .icon015 { background-image: url(/images/front/00003/myclass_icon_015.png); }
.content_area .sub_menu .myclass_list li.active .icon01,
.content_area .sub_menu .myclass_list li:hover .icon01 { background-image: url(/images/front/00003/myclass_icon_on01.png); } 
.content_area .sub_menu .myclass_list li.active .icon02,
.content_area .sub_menu .myclass_list li:hover .icon02 { background-image: url(/images/front/00003/myclass_icon_on02.png); } 
.content_area .sub_menu .myclass_list li.active .icon03,
.content_area .sub_menu .myclass_list li:hover .icon03 { background-image: url(/images/front/00003/myclass_icon_on03.png); } 
.content_area .sub_menu .myclass_list li.active .icon04,
.content_area .sub_menu .myclass_list li:hover .icon04 { background-image: url(/images/front/00003/myclass_icon_on04.png); } 
.content_area .sub_menu .myclass_list li.active .icon05,
.content_area .sub_menu .myclass_list li:hover .icon05 { background-image: url(/images/front/00003/myclass_icon_on05.png); } 
.content_area .sub_menu .myclass_list li.active .icon06,
.content_area .sub_menu .myclass_list li:hover .icon06 { background-image: url(/images/front/00003/myclass_icon_on06.png); } 
.content_area .sub_menu .myclass_list li.active .icon07,
.content_area .sub_menu .myclass_list li:hover .icon07 { background-image: url(/images/front/00003/myclass_icon_on07.png); } 
.content_area .sub_menu .myclass_list li.active .icon08,
.content_area .sub_menu .myclass_list li:hover .icon08 { background-image: url(/images/front/00003/myclass_icon_on08.png); }
.content_area .sub_menu .myclass_list li.active .icon013,
.content_area .sub_menu .myclass_list li:hover .icon013 { background-image: url(/images/front/00003/myclass_icon_on013.png); }
.content_area .sub_menu .myclass_list li.active .icon014,
.content_area .sub_menu .myclass_list li:hover .icon014 { background-image: url(/images/front/00003/myclass_icon_on014.png); }
.content_area .sub_menu .myclass_list li.active .icon015,
.content_area .sub_menu .myclass_list li:hover .icon015 { background-image: url(/images/front/00003/myclass_icon_on015.png); }
.content_area .contain { width: calc(100% - 300px); padding: 26px 0; } 
.content_area .con_tit { margin-bottom: 2rem; color: #373737; font-size: 2.2rem; font-weight: bold; } 
.content_area .cont_top { display: flex; margin-bottom: 2rem; align-items: center; justify-content: space-between; } 
.content_area .cont_top p { color: #666666; font-size: 1.6rem; } 
.content_area .tab_menu_list { display: flex; margin-bottom: 3.4rem; position: relative; overflow-y: auto; border-bottom: 1px solid #e0e0e0; } 
.content_area .tab_menu_list::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e0e0e0; z-index: 1; } 
.content_area .tab_menu_list li { white-space: nowrap; } 
.content_area .tab_menu_list li.active { border-bottom: 2px solid #f36f20; z-index: 2; } 
.content_area .tab_menu_list li.active a { color: #373737; font-weight: bold; } 
.content_area .tab_menu_list a { display: block; width: 100%; height: 100%; padding: 1.6rem 2.6rem; color: #666666; font-size: 1.7rem; font-weight: 400; box-sizing: border-box; } 
.content_area .search_wrap { display: flex; padding: 3rem 4rem; margin-bottom: 4rem; background: #fff; border: 1px solid #e0e0e0; border-radius: 20px; align-items: center; } 
.content_area .search_wrap .sel_style03 { width: 140px; height: 40px; padding-left: 4rem; margin-right: 8px; flex-shrink: 0; } 
.content_area .search_wrap input { width: 100%; height: 40px; font-family: inherit; padding: 0 15px; background: #f9f9f9; font-size: 1.4rem; border-radius: 5px; box-sizing: border-box; border: none;} 
.content_area .search_wrap input::placeholder { color: #b6b6b6; font-size: 1.4rem; } 
.content_area .search_wrap .search_btn { width: 150px; height: 40px; margin-left: 20px; background: #373737; color: #fff; font-size: 1.6rem; font-weight: bold; border-radius: 10px; flex-shrink: 0; } 
.content_area .tab_content .cont_top p { color: #666666; font-size: 1.6rem; font-weight: 300; } 
.content_area .tab_content .cont_list .item { display: flex; margin-top: 2rem; padding: 3rem 3.6rem; background: #fff; border: 1px solid #e0e0e0; border-radius: 20px; align-items: center; justify-content: space-between; } 
.content_area .tab_content .cont_list .list_tit { width: 90px; margin-right: 1rem; color: #373737; font-size: 1.8rem; font-weight: bold; } 
.content_area .tab_content .cont_list .progress_cont { width: 320px; margin-right: 1rem; } 
.content_area .tab_content .cont_list .progress_cont .p_tit { margin-bottom: 1.5rem; color: #373737; font-size: 1.6rem; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: keep-all; text-decoration: underline; text-underline-offset: 4px; overflow: hidden; } 
.content_area .tab_content .cont_list .progress_cont .p_txt { padding: 0.5rem 1rem; background: #e3f2c0; color: #666666; font-size: 1.3rem; font-weight: 300; } 
.content_area .tab_content .cont_list .progress_cont .prgs_area { display: flex; align-items: center; } 
.content_area .tab_content .cont_list .progress_cont .prgs_area p { color: #666666; font-size: 1.3rem; font-weight: 300; flex-shrink: 0; } 
.content_area .tab_content .cont_list .progress_cont .prgs_bar { max-width: 210px; width: 100%; height: 10px; margin: 0 1.6rem 0 2rem; background: #d7d7d7; border-radius: 10px; overflow: hidden; } 
.content_area .tab_content .cont_list .progress_cont .prgs_bar span { display: block; background: #61a946; height: 100%; border-radius: 10px; } 
.content_area .tab_content .cont_list .list_info { width: 240px; } 
.content_area .tab_content .cont_list .list_info dl { display: flex; } 
.content_area .tab_content .cont_list .list_info dl + dl { margin-top: 0.5rem; } 
.content_area .tab_content .cont_list .list_info dt { margin-right: 1.2rem; color: #373737; font-size: 1.3rem; font-weight: 500; flex-shrink: 0; } 
.content_area .tab_content .cont_list .list_info dd { color: #666666; font-size: 1.3rem; font-weight: 400;  display: -webkit-box;  word-break: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} 
.content_area .tab_content .cont_list .list_btn { width: 85px; margin-left: 1rem; flex-shrink: 0; text-align: center; } 
.content_area .tab_content .cont_list .list_btn .t_cancel { color: #666666; font-size: 1.8rem; font-weight: 500; } 
.content_area .tab_content .cont_list .list_btn .txt { padding: 0.5rem 0; margin-bottom: 0.5rem; background: #d7d7d7; color: #fff; font-size: 1.4rem; font-weight: 500; text-align: center; border-radius: 10px; }
.content_area .tab_content .cont_list .list_btn .txt.bg_orange {cursor: pointer;}
.myclass_wrap .complete_wrap .pd_style03 {width: 100%; padding: 0;}
.myclass_wrap .complete_wrap .view_list_wrap .view_list .item .img_wrap {height: 150px;}
.myclass_wrap .complete_wrap .view_list_wrap .view_list .item a:hover::before {content: none;}
.myclass_wrap .complete_wrap .view_list_wrap .view_list .item a:hover .h_wrap {display: none;}

/* 회원탈퇴  */
.myclass_wrap .itemList { padding: 30px; background: #fff; border-radius: 10px; } 
.myclass_wrap .itemList .list_style02 li { color: #454c53; font-size: 1.5rem; } 
.myclass_wrap .itemList .list_style02 li:before { background: #454c53; top: 10px; } 
.myclass_wrap .itemList .txt01 { color: #454c53; font-size: 1.5rem; } 
.myclass_wrap .itemList .radio_list { display: block; } 
.myclass_wrap .itemList .radio_list ul { display: flex; flex-wrap: wrap; gap: 10px 24px; } 
.myclass_wrap .itemList .radio_list { padding: 20px; border: 1px solid #e8ebed; } 
.myclass_wrap .itemList .radio_list textarea { display: none; width: 100%; height: 80px; padding: 10px; color: #454c53; font-size: 1.5rem; border: 1px solid #e8ebed; resize: none; box-sizing: border-box; } 
.myclass_wrap .itemList .studyCnt { padding: 30px 0; text-align: center; border: 1px solid #e8ebed; } 
.myclass_wrap .itemList .studyCnt p { color: #000; font-size: 1.8rem; } 
.myclass_wrap .itemList .studyCnt p span { color: #36ace3; } 
.myclass_wrap .itemList .item.agreeBox { padding: 20px 0; border: 1px solid #9ea4aa; border-left: 0; border-right: 0; } 
.myclass_wrap .itemList .item.agreeBox .check {position: relative;}
.myclass_wrap .itemList .item.agreeBox .check input[type="checkbox"] { width: 20px; height: 20px; position: absolute; left: 0; top: 2px;} 
.myclass_wrap .itemList .item.agreeBox .check input[type="checkbox"]:checked { background-position: center; } 
.myclass_wrap .itemList .item.agreeBox .check label {display: block; padding-left: 30px; color: #454c53; } 
.myclass_wrap .itemList .item.certBox ul { display: flex; justify-content: center; gap: 0 20px; } 
.myclass_wrap .itemList .item.certBox ul li { max-width: 160px; width: 100%; } 
.myclass_wrap .itemList .item.certBox a { display: flex; width: 100%; color: #9ea4aa; font-size: 1.5rem; border: 1px solid #c9cdd2; border-radius: 5px; align-items: center; } 
.myclass_wrap .itemList .item.certBox a::before { content: ''; display: block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; flex-shrink: 0; border-right: 1px solid #c9cdd2; } 
.myclass_wrap .itemList .item.certBox a p { width: 100%; text-align: center; } 
.myclass_wrap .itemList .item.certBox a.certPhone::before { background-image: url(/images/front/00003/myclass_phone.png); } 
.myclass_wrap .itemList .item.certBox a.certIpin::before { background-image: url(/images/front/00003/myclass_ipin.png); } 
.myclass_wrap .itemList .item.certBox a:hover,
.myclass_wrap .itemList .item.certBox li.active a { border-color: #000; } 
.myclass_wrap .itemList .item.certBox a:hover::before,
.myclass_wrap .itemList .item.certBox li.active a::before { border-right-color: #000; } 
.myclass_wrap .itemList .item.certBox a:hover p,
.myclass_wrap .itemList .item.certBox li.active a p { color: #000; } 
.myclass_wrap .itemList .item.certBox a.certPhone:hover::before,
.myclass_wrap .itemList .item.certBox li.active a.certPhone::before { background-image: url(/images/front/00003/myclass_phone_on.png); } 
.myclass_wrap .itemList .item.certBox a.certIpin:hover::before,
.myclass_wrap .itemList .item.certBox li.active a.certIpin::before { background-image: url(/images/front/00003/myclass_ipin_on.png); } 


/* 대쉬보드 */
.content_area .info_wrap { display: flex; justify-content: space-between; gap: 20px; } 
.content_area .info_wrap .item { width: calc(100% / 4 - 20px); background: #fff; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.07); border-radius: 10px; } 
.content_area .info_wrap .item a { display: block; padding: 16px 18px; } 
.content_area .info_wrap .item .tit::before { content: ''; width: 35px; height: 35px; position: absolute; top: -4px; left: 0; background-color: #a0c44c; background-position: center; background-repeat: no-repeat; border-radius: 50%; flex-shrink: 0;} 
.content_area .info_wrap .item .tit.icon01::before { background-image: url(/images/front/00003/complete_icon01.png); } 
.content_area .info_wrap .item .tit.icon02::before { background-image: url(/images/front/00003/complete_icon02.png); } 
.content_area .info_wrap .item .tit.icon03::before { background-image: url(/images/front/00003/complete_icon03.png); } 
.content_area .info_wrap .item .tit.icon04::before { background-image: url(/images/front/00003/complete_icon04.png); } 
.content_area .info_wrap .item .tit { display: block; margin-bottom: 20px; padding-left: 40px; position: relative; color: #000; font-size: 16px; font-weight: 500;} 
.content_area .info_wrap .item .cont p { color: #373737; font-size: 24px; font-weight: 900; text-align: center; } 
.content_area .item_wrap { display: flex; justify-content: space-between; gap: 20px; } 
.content_area .item_wrap .item { width: 100%; background: #fff; border-radius: 10px; overflow: hidden; } 
.content_area .item_wrap .tit_wrap { display: flex; padding: 1.6rem 2rem; background: #a0c44c; justify-content: space-between; align-items: flex-end; } 
.content_area .item_wrap .item.type02 .tit_wrap { background: #e3f2c0; } 
.content_area .item_wrap .item.type02 .tit_wrap .tit { color: #000; } 
.content_area .item_wrap .tit_wrap .tit { color: #fff; font-size: 18px; font-weight: 500; } 
.content_area .item_wrap .tit_wrap .moreBtn { display: inline-block; color: #373737; font-size: 13px; font-weight: 400; } 
.content_area .item_wrap .cnt_wrap { padding: 20px;} 
.content_area .item_wrap .cnt_top {display: flex; margin-bottom: 16px; align-items: center; gap: 10px;}
.content_area .item_wrap .cnt_top .cnt_txt {margin-left: auto; border: 1px solid #ededed; border-radius: 5px;}
.content_area .item_wrap .cnt_top .cnt_txt p {color: #000; font-size: 2.4rem; padding: 0.5rem 2.4rem; text-align: center;}
.content_area .item_wrap .cnt_top .data { color: #666666; font-size: 12px; font-weight: 400; } 
.content_area .item_wrap .cnt_top .time { color: #666666; font-size: 12px; font-weight: 400; } 
.content_area .item_wrap .cnt_top .time span { color: #373737; font-size: 22px; font-weight: 900; } 
.content_area .item_wrap .cnt_top .tit { color: #373737; font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.content_area .item_wrap .cnt_bottom .prgs_area { display: flex; align-items: center; justify-content: space-between; } 
.content_area .item_wrap .cnt_bottom .prgs_area .tit { width: 100px; margin-right: 10px; color: #666666; font-size: 1.3rem; font-weight: 400; flex-shrink: 0; }
.content_area .item_wrap .cnt_bottom .prgs_area .txt {color: #666666; font-size: 1.3rem;} 
.content_area .item_wrap .cnt_bottom .prgs_area .txt span {color: #373737; font-size: 22px; font-weight: 900;}
.content_area .item_wrap .cnt_bottom .prgs_bar { max-width: 250px; width: 100%; height: 20px; margin: 0 1.6rem 0 2rem; position: relative; background: #f5f5f5; border-radius: 10px; overflow: hidden; } 
.content_area .item_wrap .cnt_bottom .prgs_bar p { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #fff; font-size: 12px; font-weight: 300; } 
.content_area .item_wrap .cnt_bottom .prgs_bar span { display: block; background: #61a946; height: 100%; border-radius: 10px; }
.content_area .item_wrap .cnt_bottom .btn_wrap {display: flex; margin-top: 1.5rem; gap: 10px;}
.content_area .item_wrap .cnt_bottom .btn_wrap .btn {flex: 1;justify-content: center;} 
.content_area .cnt_bottom a { display: flex; justify-content: space-between; } 
.content_area .cnt_bottom .txt_wrap { max-width: 200px; margin-right: 10px; } 
.content_area .cnt_bottom .txt_wrap::after { content: ''; display: block; width: 70px; height: 70px; margin: 10px auto 0; background-color: #f5f5f5; background-image: url(/images/front/00003/icon_play02.png); background-position: 20px 12px; background-repeat: no-repeat; border-radius: 50%; } 
.content_area .cnt_bottom .txt_wrap p { color: #666666; font-size: 14px; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.content_area .cnt_bottom .img_wrap { width: 145px; height: 100px; border-radius: 10px; overflow: hidden; font-size: 0;} 
.content_area .cnt_bottom .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: top left; } 
.content_area .complete_wrap { display: flex; padding: 30px 26px; background: #fff; border: 1px solid #a0c44c; border-radius: 10px; flex-wrap: wrap; justify-content: space-between; } 
.content_area .complete_wrap .con_tit { width: 100%; font-size: 1.8rem; } 
.content_area .complete_wrap .item.left_box { width: calc(100% - 340px); } 
.content_area .complete_wrap .progress_cont { display: flex; padding: 20px 26px; background: #f5f5f5; align-items: center; border-radius: 20px; } 
.content_area .complete_wrap .prgs_wrap { width: 100%; } 
.content_area .complete_wrap .p_tit { color: #373737; font-size: 1.6rem; font-weight: bold; } 
.content_area .complete_wrap .item.left_box .p_tit { width: 100px; margin-right: 20px; flex-shrink: 0; } 
.content_area .complete_wrap .prgs_area { display: flex; align-items: center; justify-content: space-between; } 
.content_area .complete_wrap .prgs_area p.tit { width: 90px; } 
.content_area .complete_wrap .prgs_area p.txt { width: 26px; text-align: right; } 
.content_area .complete_wrap .prgs_area p { color: #666666; font-size: 1.3rem; font-weight: 300; flex-shrink: 0; } 
.content_area .complete_wrap .prgs_bar { max-width: 180px; width: 100%; height: 10px; margin: 0 1.6rem 0 2rem; background: transparent; border-radius: 10px; overflow: hidden; } 
.content_area .complete_wrap .prgs_bar span { display: block; background: #61a946; height: 100%; border-radius: 10px; } 
.content_area .complete_wrap .prgs_bar.type02 span { background: #cfcfcf; } 
.content_area .complete_wrap .item.right_box { display: flex; width: 330px; box-sizing: border-box; gap: 10px; } 
.content_area .complete_wrap .item.right_box > div { padding: 26px 10px 20px; background: #f5f5f5; border-radius: 20px; flex: 1; text-align: center; } 
.content_area .complete_wrap .item.right_box .txt01 { margin: 20px 0 10px; color: #666666; font-size: 13px; } 
.content_area .complete_wrap .item.right_box .txt02 { color: #61a946; font-size: 2.8rem; font-weight: 900; } 
.content_area .cnt_wrap .notice_list li:first-child { padding-top: 0; } 
.content_area .cnt_wrap .notice_list li { display: flex; padding: 10px 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #f5f5f5; } 
.content_area .cnt_wrap .notice_list li a::before { content: 'Q.'; display: inline-block; margin-right: 4px; color: #666666; font-size: 13px; font-weight: 400; } 
.content_area .cnt_wrap .notice_list li a { margin-right: 20px; color: #666666; font-size: 13px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.content_area .cnt_wrap .notice_list .tag { display: flex; width: 55px; height: 22px; background: #f2f2f2; color: #898989; font-size: 12px; font-weight: 400; border-radius: 5px; align-items: center; justify-content: center; flex-shrink: 0; } 
.content_area .cnt_wrap .notice_list .tag.on { background: #cfcfcf; color: #fff; } 
.content_area .cnt_wrap .none_list { color: #666666; font-size: 13px; } 

.content_area .cont_box { padding: 3.4rem 3.6rem; background: #fff; border-radius: 20px; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05); } 
/* 테이블 */
td.txtCut { display: table-cell; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.table_type01 table { width: 100%; } 
.table_type01 table thead th { position: relative; } 
.table_type01 table thead tr th:not(:first-child)::before { content: ''; width: 1px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #fff; } 
.table_type01 table tbody tr { position: relative; border-bottom: 1px solid #f5f5f5; } 
.table_type01 table th,
.table_type01 table td { padding: 10px; } 
.table_type01 table thead th { background: #f8f8f8; color: #373737; font-size: 1.4rem; font-weight: 600; } 
.table_type01 table td { background: #fff; color: #666666; font-size: 1.4rem; font-weight: 400; text-align: center; vertical-align: middle; } 

.content_area .cont_box .rate_area { display: flex; align-items: center; } 
.content_area .cont_box .rate_area .rv_rate { width: 86px; height: 14px; position: relative; background: url(/images/front/00003/ico_star_bg.png) no-repeat; z-index: 1; } 
.content_area .cont_box .rate_area .rv_rate span { display: block; width: auto; height: 14px; position: absolute; background: url(/images/front/00003/ico_star_on.png) no-repeat; z-index: 2; } 
.content_area .cont_box .rate_area p { margin-left: 1rem; position: relative; color: #666666; font-size: 1.4rem; } 

/* 학습후기 */
.content_area .write_list .item { display: flex; justify-content: space-between; } 
.content_area .write_list .item + .item { margin-top: 3rem; } 
.content_area .write_list .item .tit { padding: 0.5rem 0; color: #373737; font-size: 1.6rem; font-weight: 600; } 
.content_area .write_list .item .cont { width: calc(100% - 90px); } 
.content_area .write_list .item .cont.in_flex { display: flex; } 
.content_area .write_list .item .select-menu { position: relative; } 
.content_area .write_list .item .select-btn { width: 100%; padding: 1rem 30px 1rem 2rem; position: relative; background: #f9f9f9; color: #666666; border-radius: 5px; border: 0; box-sizing: border-box; cursor: pointer; } 
.content_area .write_list .item .select-btn::before { content: ''; width: 16px; height: 9px; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); background: url(/images/front/00003/ico_arrow02_bottom.png) no-repeat; } 
.content_area .write_list .item .select-menu.active .select-btn::before { transform: translateY(-50%) rotate(180deg); } 
.content_area .write_list .item .select-menu.active .options { display: block; } 
.content_area .write_list .item .select-menu .options { display: none; padding: 1rem 30px 1rem 2rem; position: absolute; top: 40px; left: 0; right: 0; background: #fff; border: 1px solid #000; } 
.content_area .write_list .item .select-menu .options li { padding: 0.5rem 0; cursor: pointer; } 
.content_area .write_list .item textarea { width: 100%; height: 180px; padding: 1.5rem; background: #f7f8fa; font-size: 1.4rem; resize: none; border: 0; border-radius: 5px; box-sizing: border-box; } 

/* 1:1 문의 */
.content_area .write_list.style02 .item:first-child {border-top: 1px solid #e8ebed;}
.content_area .write_list.style02 .item {margin-top: 0;border-bottom: 1px solid #e8ebed; }
.content_area .write_list.style02 .item .tit {width: 90px; padding: 1.5rem 0; background: #f7f8fa; text-align: center; flex-shrink: 0;}
.content_area .write_list.style02 .item .cont {padding: 1rem; box-sizing: border-box;}
.content_area .write_list.style02 .item div:nth-child(even) {width: calc(100% - 90px); padding: 1.5rem 1rem;}

/* 페이징 */
.paging_wrap { display: flex; justify-content: center; margin-top: 30px; align-items: center; } 
.paging_wrap li.arrow a { width: 15px; height: 15px; border-radius: 3px; text-indent: -9999px; } 
.paging_wrap li.first a { background: url(/images/front/00003/paging_first.png) no-repeat center; } 
.paging_wrap li.prev a { background: url(/images/front/00003/paging_prev.png) no-repeat center; } 
.paging_wrap li.last a { background: url(/images/front/00003/paging_last.png) no-repeat center; } 
.paging_wrap li.next a { background: url(/images/front/00003/paging_next.png) no-repeat center; } 
.paging_wrap li a { width: 30px; height: 30px; display: block; border-radius: 5px; margin-right: 10px; display: flex; justify-content: center; align-items: center; } 
.paging_wrap li.active a { background: #373737; color: #fff; border-radius: 50%; } 
.mo_paging { display: none; margin-top: 30px; justify-content: center; align-items: center; } 
.mo_paging a { width: 25px; height: 25px; border-radius: 5px; text-indent: -9999px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; } 
.mo_paging .prev { background: url(/images/front/00003/paging_prev.png) no-repeat #fff center; background-size: 5px; } 
.mo_paging .next { background: url(/images/front/00003/paging_next.png) no-repeat #fff center; background-size: 5px; } 
.mo_paging p { margin: 0 10px; font-size: 14px; } 
.mo_paging p .cut { font-weight: bold; color: #f36f20; } 

/* 프레임 학습창 */
.studyTop { display: flex; padding: 20px 30px; justify-content: space-between; align-items: center; border-bottom: 1px solid #1b1d1f; } 
.studyTop h3 { color: #373737; font-size: 2.2rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.studyTop > div { display: flex; } 
.studyTop > div button { padding: 0.4rem 2rem; background: #373737; color: #fff; font-size: 1.3rem; font-weight: 500; border-radius: 30px; flex-shrink: 0; } 
.studyTop > div button + button { margin-left: 4px; } 
.studyTop .close { background: url(./images/learninghub/ico_close.png) no-repeat; width: 20px; height: 20px; text-indent: -9999px; z-index: 100; } 
.studyLeft {display: block !important;}
.studyLeft .studyMenu { width: 270px; height: 100vh; padding: 0 10px; background: #f36f20; box-sizing: border-box; } 
.studyLeft.active .studyMenu { display: none; } 
.studyLeft .studyBtn { display: none; padding: 30px 30px 0; } 
.studyLeft.active .studyBtn { display: block; } 
.studyLeft .infoOpen { padding: 2px 16px; background: #f36f20; background-size: 14px auto; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #f36f20; border-radius: 20px; box-sizing: border-box; } 
.studyLeft .infoOpen::before { content: ''; display: inline-block; width: 14px; height: 11px; margin-right: 4px; background: url(/images/front/00003/menu_icon.png) no-repeat; background-size: contain; } 
.studyLeft .prgs_bar { width: 100%; height: 12px; margin-bottom: 10px; position: relative; background: #cd6425; border-radius: 10px; overflow: hidden; } 
.studyLeft .prgs_bar span { display: block; background: #373737; height: 100%; border-radius: 10px; } 
.studyLeft .prgs_bar p { position: absolute; top: -2px; left: 20px; color: #fff; font-size: 10px; font-weight: 500; } 
.studyLeft .infoTit { padding: 0 1.5rem; margin-bottom: 15px; } 
.studyLeft .infoTit .infoTop { display: flex; padding: 30px 0 20px; justify-content: space-between; align-items: center; } 
.studyLeft .infoTit .infoTop p { min-width: 65px; padding: 2px 10px; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #fff; border-radius: 20px; text-align: center; box-sizing: border-box; } 
.studyLeft .infoTit .infoTop .infoClose { margin-left: auto; padding: 2px 10px; color: #fff; font-size: 13px; font-weight: 400; border: 1px solid #fff; border-radius: 20px; box-sizing: border-box; } 
.studyLeft .prgsArea .prgsTit { margin-bottom: 20px; color: #fff; font-size: 1.8rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.studyLeft .prgsArea .prgsTxt { color: #fff; font-size: 1.5rem; font-weight: 500; text-align: center; } 
.studyLeft .infoList { width: 100%; padding: 3rem 0; background: #fff; border-radius: 20px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31); box-sizing: border-box; } 
.studyLeft .infoList .listTit { padding: 0 2.5rem; margin-bottom: 6px; color: #373737; font-size: 1.5rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.studyLeft .infoList .item + .item { margin-top: 30px; } 
.studyLeft .infoList li { display: flex; padding: 0.3rem 2.5rem; justify-content: space-between; align-items: center; } 
.studyLeft .infoList li.active { background: #fdeade; } 
.studyLeft .infoList li .tagWrap { display: flex; margin-left: 10px; flex-shrink: 0; } 
.studyLeft .infoList li .tagTit { color: #666666; font-size: 13px; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.studyLeft .infoList li .tagWrap .time { color: #666666; font-size: 13px; font-weight: 300; } 
.studyLeft .infoList li .tagWrap .tag { padding: 0 8px; margin-left: 12px; font-size: 12px; font-weight: 400; border-radius: 5px; } 
.studyLeft .infoList li .tagWrap .tag.bcGray { background: #f2f2f2; color: #898989; } 
.studyLeft .infoList li .tagWrap .tag.bcOrange { background: #f36f20; color: #fff; } 
.studyLeft .scrollbar-outer { height: 500px; overflow-y: scroll; } 
.studyLeft .scrollbar-outer > .scroll-content.scroll-scrolly_visible { margin: 0; left: 0; } 
.studyLeft .scrollbar-outer > .scroll-element .scroll-element_track { background: transparent; } 
.studyLeft .scrollbar-outer > .scroll-element .scroll-bar { background: #d8d8d8; border-radius: 0; } 
.studyLeft .scrollbar-outer > .scroll-element.scroll-y { width: 10px; } 
.studyLeft .scrollbar-outer > .scroll-element .scroll-element_outer, .studyLeft .scrollbar-outer > .scroll-element .scroll-element_track, .studyLeft .scrollbar-outer > .scroll-element .scroll-bar { border-radius: 0; } 
.studyRight { width: 100%; padding: 3rem; background: #fff; box-sizing: border-box; } 
.studyRight .popTit { display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center; } 
.studyRight .popTit p { color: #373737; font-size: 2.2rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.studyRight .popTit > div { display: flex; } 
.studyRight .popTit button { padding: 0.4rem 2rem; background: #373737; color: #fff; font-size: 1.3rem; font-weight: 500; border-radius: 30px; flex-shrink: 0; } 
.studyRight .popTit button + button { margin-left: 4px; } 
.studyRight .playerWrap .videoArea { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } 
.studyRight .playerWrap .videoArea .player { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 

@media all and (max-width:1400px){
 .main_wrap .hot_trend.clist_slide .swiper-button-prev, .main_wrap .hot_trend.clist_slide .swiper-button-next { display: none; } 
 }

 @media all and (max-width:1200px){
 .content_wrap .course_wrap .course_list .item a:hover .h_box { display: none; } 

 /* 학습창 */
 .popUp.learnPop .popLeft { height: 100vh; } 
 }

@media all and (max-width:1024px){
 .main_wrap .clist_slide .con_list { width: calc(100% - 200px); } 
 .main_wrap .main_visual .swiper-control { left: 0; bottom: 0; border-radius: 0; } 
 .main_wrap .popular_cont .innerSection { width: 100%; } 

 /* 과정상세 */
 .content_wrap .detail_wrap .course_view { display: block; } 
 .content_wrap .detail_wrap .course_view .img_wrap {width: 100%; height: 400px; } 
 .content_wrap .detail_wrap .course_view .info_cont { width: 100%; } 
 .content_wrap .detail_wrap .course_view .rate_area { justify-content: flex-end; } 
 .content_wrap .detail_wrap .course_view .info_cont .course_list li { width: 100%; } 

 /* 나의 강의실 */
 .content_area .sub_menu { display: none; } 
 .content_area .contain { width: 100%; } 

 /* 학습방 팝업 */
 .popUp.studyPop .popCont { height: 100vh; } 
 .popUp.studyPop .popLeft { display: none; } 
 .popUp.studyPop .popContents { width: 100%; } 
 }

@media all and (max-width:860px){
 .main_wrap .banner_wrap,
 .main_wrap .qmenu_wrap,
 .main_wrap .service_wrap { display: none; } 
 .main_wrap .notice_wrap .notice_area { display: block; } 
 .main_wrap .notice_wrap .notice { width: 100%; } 
 .clist_slide .item a:hover::before { content: none; } 
 .clist_slide .item a:hover .h_wrap { display: none; } 
 
 .main_wrap .notice_wrap .notice_banner { max-width: 100%; margin-top: 2rem; text-align: center; } 
 .main_wrap .notice_wrap .notice_banner .txt_area { display: inline-block; padding-left: 100px; } 
 .clist_slide .item .img_wrap {height: 160px;}

 /* 과정상세 */
 .content_wrap .detail_wrap .course_info li { width: 100%; } 
 .content_wrap .detail_wrap .course_view .info_cont .bread_crumb { margin-top: 2rem; } 
 .content_wrap .detail_wrap .course_btn_wrap { display: flex; } 
 .content_wrap .detail_wrap .course_btn_wrap a { min-width: auto; width: 100%; flex: 1; } 
 .content_wrap .detail_wrap .graph_wrap { display: block; } 
 .content_wrap .detail_wrap .graph_wrap .left_box { margin-right: 0; max-width: 100%; } 
.content_wrap .detail_wrap .graph_wrap .right_box { width: 100%; margin-top: 2rem; } 
.content_wrap .detail_wrap .graph_wrap .graph_list li { padding: 1rem 2rem; } 

/* ai추천과정 */
.content_wrap .course_wrap .course_list .item { width: calc(100% / 2 - 20px); } 
.view_list_wrap .view_list .item { width: calc(100% / 3 - 20px); } 

/* 전체과정 */
.search_list .search_item .cont { flex-direction: column; } 
.search_list .search_item .cont_item:not(:first-child) { border-left: 0; border-top: 1px solid #eee; } 
.content_wrap .all_search_wrap .check_result { flex-direction: column; gap: 2rem; padding: 20px; } 
.content_wrap .all_search_wrap .keywords_wrap { display: flex; flex-direction: column; width: 100%; }                             
.content_wrap .all_search_wrap .btn_area .txt { width: 100%; } 
.view_list_wrap .ld_tit { flex-wrap: wrap; } 
.view_list_wrap .ld_tit .right_box { margin-top: 2rem; }
/* 전체과정 리스트 추가  */
.view_list_wrap .view_list .item a:hover::before { content: none; } 
.view_list_wrap .view_list .item a:hover .h_wrap { display: none; } 
.view_list_wrap .view_list.sort_list .item a { flex-direction: column; gap: 10px 0; } 
.view_list_wrap .view_list.sort_list .item .h_wrap { max-width: 100%; } 
.view_list_wrap .view_list.sort_list .item .h_wrap .h_sum { display: none; } 
.view_list_wrap .view_list.sort_list .item .img_wrap { display: none; } 
.view_list_wrap .view_list.sort_list .item { border-radius: 10px; } 
.view_list_wrap .view_list.sort_list .item .txt .tag_wrap { flex-wrap: wrap; justify-content: space-between; } 

 /* 팝업 */
 /* 
.popUp.setUp .pc_pd { display: block; } 
.popUp.setUp .com_area { height: auto; flex-direction: initial; } 
.popUp.setUp .com_area li { width: 50%; } 
.popUp.setUp .popCont { min-height: calc(100vh - 200px); } */
.popUp.setUp .btn_wrap a { width: 120px; max-width: 120px; } 
.popUp.setUp .popBottom a { margin: 2rem auto 0; position: static; transform: none; } 
.popUp.setUp .popBottom .txt { font-size: 1.6rem; word-break: keep-all; } 

.popUp.courseList .popCont { min-height: calc(100vh); } 
.popUp.courseList .btn_style01 { width: 120px; } 

/* ai맞춤학습 팝업 */
/* .popUp.setUp.setUpCrsCl .popCont > .scr.mh_scr {width: 100%; box-sizing: border-box;}
.popUp.setUp.setUpCrsCl .pc_pd {max-height: calc(100vh - 120px);}
.popUp.setUp.setUpCrsCl .pc_pd .ckItem {width: 100%;}
.popUp.setUp.setUpCrsCl .com_area {min-height: 100%; margin-bottom: 10px;} */

/* 나의 강의실 */
.content_area .tab_content .cont_list .list_tit { display: none; } 
/* 대쉬보드 */
.content_area .complete_wrap .item.left_box { width: 100%; margin-bottom: 10px; } 
.content_area .complete_wrap .item.right_box { width: 100%; } 
 }

 @media all and (max-width:768px){
 .m_hide { display: none !important; } 
 .paging_wrap { display: none; } 
 .mo_paging { display: flex; } 

/* 나의 강의실 */
 .table_type01 table,
 .table_type01 table tbody,
 .table_type01 table tbody tr,
 .table_type01 table tbody td { display: block; } 
 .table_type01 table thead { display: none; } 
 .table_type01 table tbody td { padding: 6px; text-align: left; } 
 .table_type01 table tbody td .btn_style03 { width: 100%; } 
 .table_type01 table tbody td .btn_type04 { width: 100%; } 
 .table_type01 table tbody td.t_btn_wrap { padding: 0; position: absolute; top: 4px; left: 32px; } 
 /* 대쉬보드 */
 .content_area .item_wrap { flex-wrap: wrap; } 
.content_area .info_wrap { flex-wrap: wrap; gap: 10px; } 
.content_area .info_wrap .item { width: calc(100% / 2 - 5px); } 


 /* 학습방 팝업 */
 .popUp.studyPop .popContents { padding: 2rem; } 
 .popUp.studyPop .studyInfo .infoBox { display: block; } 
 .popUp.studyPop .studyInfo .prgsWrap { max-width: 100%; margin: 2rem 0; } 
 .popUp.studyPop .studyInfo .prgsArea .prgsBar { max-width: 100%; } 
 .popUp.studyPop .studyInfo .infoBtn { text-align: center; } 
 .popUp.studyPop .table_type01 table .t_tit { display: inline-block; margin-right: 1rem; } 

 
 /* 학습창 */
 .popUp.learnPop .popLeft { display: none; } 
 .popUp.learnPop .popContents { width: 100%; height: 100vh; } 
 .popUp.learnPop .popContents .btnTop { display: none; } 
 .popUp.learnPop .popContents .popTit { margin-bottom: 30px; } 
 .modalPop {height: 100vh;}
 .popUp.studyPop .fdTable .foldBox { max-height: 130px; } 
 .popUp.studyPop .fdTable .fold tr { display: flex;}
 .popUp.studyPop .fdTable .fold tr td:first-child {flex-shrink: 0;}
 .popUp.studyPop .p_hide {display: inline-block;}
 .popUp.studyPop .f_table > tbody > tr {display: flex; flex-direction: column;}
 .popUp.studyPop table .ck_td {order: 1;}
 .popUp.studyPop table .btn_td {order: 2;}

 .popUp.studyPop .home_progress {padding: 20px;}
 .popUp.studyPop .home_progress > div strong {margin-right: 0;}
 .popUp.studyPop .progress_wrap {width: calc(100% - 60px);}
 .popUp.studyPop .home_progress > div:nth-child(2) .txt {margin: 0;}
 .popUp.studyPop .home_progress > div .progress02 {width: calc(100% - 56px);}
 
 /* 메인 팝업 */
 .popUp.setUp .popTop { padding: 1rem 1.5rem; } 
 .popUp.setUp .pc_pd .ckItem { height: auto; padding: 10px 14px 10px 18px; } 
 .popUp.setUp.setUpCrsCl .pc_pd { max-height: calc(100vh - 120px); } 
 .popUp.setUp.setUpCrsCl .pc_pd .ckItem { width: 100%; } 
 .popUp.setUp.setUpJob .com_area li { width: 100%; }
 
  /* 프레임 학습창 */
 .studyLeft {display: none;}
 .studyRight .popTit p {font-size: 1.8rem;}

}

@media all and (max-width:640px){
 .pd_style01 { padding: 30px 0 30px; } 
 .pd_style02 { padding: 30px 0 30px; } 
 .main_wrap .main_visual .swiper-control { display: none; } 
 .hot_trend .cont_tabs { margin-bottom: 2rem; justify-content: initial; flex-wrap: initial; white-space: nowrap; overflow-x: auto; } 
 .main_wrap .clist_slide .slide_wrap { display: block; } 
 .main_wrap .clist_slide .cont_wrap { width: 100%; margin-bottom: 2rem; text-align: center; word-break: keep-all; } 
 .main_wrap .clist_slide .cont_wrap button { max-width: 100%; } 
 .main_wrap .clist_slide .cont_wrap .c_txt br { display: none; } 
 .main_wrap .clist_slide .cont_wrap .slide_btn,
 .main_wrap .curation_cont.clist_slide .cont_wrap .slide_btn { display: none; } 
 .main_wrap .clist_slide .con_list { width: 100%; } 

 .main_wrap .popular_cont.clist_slide .con_list .item .img_wrap { padding-bottom: 125px; } 
 .main_wrap .popular_cont.clist_slide .con_list .item { width: 140px; } 
 .main_wrap .popular_cont.clist_slide .swiper-button-prev, .main_wrap .popular_cont.clist_slide .swiper-button-next { display: none; } 
 .main_wrap .popular_cont.clist_slide .item.swiper-slide-prev,
 .main_wrap .popular_cont.clist_slide .item.swiper-slide-next { margin: 0; padding: 0; } 
 .main_wrap .notice_wrap .notice_banner .b_tit { font-size: 1.5rem; } 
 .main_wrap .notice_wrap .notice_banner .b_tel { font-size: 2.5rem; } 
 .main_wrap .notice_wrap .notice_banner .txt_area p { font-size: 1.2rem; } 
 .main_wrap .notice_wrap .notice_banner .txt_area { margin-top: 1rem; padding-left: 60px; } 
 .main_wrap .notice_wrap .notice_banner .txt_area::before { width: 50px; height: 49px; background-size: contain; } 
 .clist_slide .item .img_wrap {height: 120px;}

 /* 과정상세 */
 .content_wrap .detail_wrap .review .item { padding: 1.5rem 1.5rem; flex-direction: column; } 
 .content_wrap .detail_wrap .review .rv_info .desc { margin-top: 2rem; } 
 .content_wrap .detail_wrap .review .rv_info .desc { min-height: auto; } 
 .content_wrap .detail_wrap .review .rv_info ul { margin-top: 1rem; } 
 .content_wrap .detail_wrap .course_info li strong { width: 90px; } 
 .content_wrap .detail_wrap .course_view .img_wrap { height: auto; } 
 .content_wrap .detail_wrap .sel_style02 { width: 160px; } 

/* ai추천과정 */
.content_wrap .course_wrap .course_list { gap: 10px; } 
.content_wrap .course_wrap .course_list .item { width: calc(100% / 2 - 5px); } 
.content_wrap .course_wrap .tab_course_menu { display: block; } 
.content_wrap .course_wrap .tab_course_menu li:not(:first-child) a { border-left: 0; } 
.content_wrap .course_wrap .tab_course_menu li:not(:last-child) a { border-bottom: 1px solid #dadada; } 
.content_wrap .course_wrap .select_area { flex-direction: column; gap: 5px 0; } 
.content_wrap .course_wrap .course_list .item .img_wrap {height: 120px;}
.view_list_wrap .view_list { gap: 10px; } 
.view_list_wrap .view_list .item { width: calc(100% / 2 - 5px); } 
.view_list_wrap .view_list .item .img_wrap {height: 120px;}

/* 팝업 */
.popUp .p_check_wrap { display: block; margin: 0 1rem; padding: 2rem 1rem; } 
.popUp .p_check_wrap dl { margin-top: 2rem; } 
.popUp .p_check_wrap dl:not(:first-child) dd { border-left: 0; } 

/* 나의 강의실 */
.content_area .tab_content .cont_list .item { display: block; padding: 2rem 2rem; } 
.content_area .tab_content .cont_list .progress_cont { width: 100%; margin-right: 0; margin-bottom: 1rem; } 
.content_area .tab_content .cont_list .progress_cont .prgs_bar { max-width: 100%; } 
.content_area .tab_content .cont_list .list_info { width: 100%; margin-bottom: 1rem; } 
.content_area .tab_content .cont_list .list_btn { max-width: 150px; margin: 0 auto; text-align: center; } 
.content_area .search_wrap { flex-wrap: wrap; padding: 2rem 2rem; margin-bottom: 2rem; } 
.content_area .search_wrap .sel_style03 { width: 100%; height: 30px; margin-bottom: 0.5rem; padding-left: 2rem; margin-right: 0; } 
.content_area .search_wrap input { width: calc(100% - 80px); height: 30px; } 
.content_area .search_wrap .search_btn { width: 72px; height: 30px; margin-left: 0.5rem; font-size: 1.4rem; } 
.myclass_wrap .complete_wrap .view_list_wrap .view_list .item .img_wrap {height: 120px;}

/* 대쉬보드 */
.content_area .cnt_bottom a { flex-direction: column; } 
.content_area .cnt_bottom .txt_wrap { width: 100%; max-width: 100%; order: 2; } 
.content_area .cnt_bottom .img_wrap { width: 100%; height: 100%; margin: 0 auto 10px; order: 1;} 
.content_area .info_wrap .item .tit { margin-bottom: 10px; } 
.content_area .info_wrap .item { width: 100%; } 
.content_area .complete_wrap { padding: 15px 15px; } 
.content_area .complete_wrap .progress_cont { display: block; padding: 15px 15px; } 
.content_area .complete_wrap .prgs_area p.tit { width: 80px; } 
.content_area .complete_wrap .prgs_bar { margin: 0; } 
.content_area .complete_wrap .item.right_box { flex-direction: column; gap: 10px; } 
.content_area .complete_wrap .item.right_box > div { padding: 15px 10px; } 
.content_area .complete_wrap .item.right_box .txt01 { margin: 10px 0; } 
.content_area .item_wrap {gap: 10px;}
.content_area .item_wrap .cnt_top .data,
.content_area .item_wrap .cnt_top .time,
.content_area .cnt_bottom .txt_wrap p {text-align: center;}

.content_area .cont_box { padding: 2rem 2rem; } 
.content_area .contain { padding: 0; } 

/* 학습후기 */
.content_area .write_list .item { display: block; } 
.content_area .write_list .item .cont { width: 100%; } 
.content_area .write_list .item textarea { height: 100px; } 
.btn_wrap { margin-top: 3rem; } 

/* 1:1문의 */
.content_area .write_list.style02 .item .tit {width: 100%; padding: 0.5rem 0;}
.content_area .write_list.style02 .item div:nth-child(even) {width: 100%;}

/* 학습방 팝업 */
.popUp.studyPop .contBox {padding: 2rem 2rem;}
.popUp.studyPop .studyInfo { margin-bottom: 4rem; padding: 2.4rem 2rem; } 
.popUp.studyPop .circleWrap { margin-bottom: 4rem; flex-wrap: wrap; justify-content: center; } 
.popUp.studyPop .circleBar { width: 120px; height: 120px; } 
.popUp.studyPop .testInfo .testList { flex-wrap: wrap; gap: 10px; } 
.popUp.studyPop .testInfo .testList li { width: calc(100% / 2 - 10px); } 
.popUp.studyPop .studyInfo .infoList .btnWrap { text-align: center; } 
.popUp.studyPop .studyInfo .infoBtn button span::before { width: 25px; height: 31px; margin: 0 8px 0 auto; background-size: contain; } 
.popUp.studyPop .studyInfo .infoBtn button { width: 130px; height: 70px; font-size: 1.4rem; } 
#content-study-exam-q .studyInfo .infoTit {flex-wrap: wrap;}

/* 전체과정 리스트 추가  */
.view_list_wrap .view_list .item .txt .t_date { font-size: 12px; } 
.view_list_wrap .view_list .item .txt .t_tit { font-size: 1.6rem; } 
.view_list_wrap .ld_tit .right_box { margin-left: auto; } 
.view_list_wrap .ld_tit .sort_list { margin-left: 0; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn { width: 30px; height: 30px; background-size: 60px; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn.btn_list { background-position-x: -30px; } 
.view_list_wrap .ld_tit .sort_wrap .sort_btn.active { background-position-y: -30px; } 
.view_list_wrap .view_list.sort_list .item .h_wrap { max-width: 100%; } 
.view_list_wrap .view_list.sort_list .item .h_wrap .h_btn { padding: 8px 0; font-size: 1.5rem; border-radius: 5px; } 

/* 전체과정 역량검사  */
.search_list .search_item { flex-direction: column; } 
.search_list .search_item .tit { padding: 6px 0; } 
.search_list .search_item .scrollbar-outer { height: 110px; } 
.content_wrap .all_search_wrap .check_result .search_btn { width: 100%; padding: 2rem 2rem; } 

 }

 .textUnder{text-decoration: underline}
 
 @media all and (max-width:420px){
 .popUp.studyPop .fdTable .fold tr {position: relative; flex-wrap: wrap;}
 .popUp.studyPop .fdTable .fold .fd_btn {position: absolute; top: 0; right: 10px;}
 .popUp.studyPop .fdTable .fold .fd_btn button {min-width: 60px; font-size: 1.2rem;}
 
 }
 
 /* 일진화면 css 추가 */
.flex-1 { flex: 1; } 
.content_area .item_wrap .item_list_tit { padding-top: 10px; text-align: center; font-size: 18px; font-weight: 500; border-top: 1px solid #eee; } 
.content_area .item_wrap .item_list { flex-wrap: wrap; } 
.content_area .item_wrap .item_list .i_txt { font-size: 20px; font-weight: 500; } 
.content_area .info_wrap.type02 .item { border-radius: 10px; overflow: hidden; } 
.content_area .info_wrap.type02 a { display: flex; flex-direction: column; height: 100%; padding: 0; } 
.content_area .info_wrap.type02 .item_tit { padding: 1rem; background-color: #e3f2c0; font-size: 16px; font-weight: 500; text-align: center; } 
.content_area .info_wrap.type02 .item_cont { height: inherit; } 
.item_list { display: flex; height: inherit; box-sizing: border-box; } 
.item_list li { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 10px 0; text-align: center; } 
.item_list .i_tit { margin-bottom: 10px; font-size: 16px; font-weight: 400; } 
.item_list .i_txt { padding: 4px 10px; position: relative; font-size: 15px; } 
.item_list li:not(:first-child) .i_txt::before { content: ''; height: 100%; position: absolute; left: 0; top: 0; border-left: 1px solid #ddd; } 

.banner_area .innerSection { padding: 0 !important; width: auto !important; font-size: 0; } 
.banner_area .img-mo { display: none; } 
.banner_area img { width: 100%; height: 100%; object-fit: cover; } 
.banner_area .banner_slide { position: relative; overflow: hidden; } 
.banner_area .swiper-pagination-bullet-active { background-color: #ff8b00; } 

.info_area .btn_wrap { display: flex; margin-top: 0; } 
.info_area .btn_wrap .btn { min-width: 100px; padding: 5px 10px; font-size: 16px; background-color: #eee; text-align: center; border: 1px solid #ddd; border-radius: 10px; } 
.info_area .btn_wrap .btn.type01 { background-color: #222; color: #fff; } 
.info_box .graph_wrap .graph_area { display: flex; justify-content: center; width: 100%; height: 100px; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #222; } 
.info_box .graph_wrap .graph_area li { flex: 1; position: relative; max-width: 60px; } 
.info_box .graph_wrap .graph_area .graph { display: flex; width: 24px; height: 100%; margin: 0 auto; flex-direction: column-reverse; background: transparent; border-radius: 20px; } 
.info_box .graph_wrap .graph_area .graph .bar { position: relative; background: #BB3E00; } 
.info_box .graph_wrap .graph_area li:nth-child(2) .graph .bar { background-color: #F7AD45; } 
.info_box .graph_wrap .graph_area li:nth-child(3) .graph .bar { background-color: #657C6A; } 
.info_box .graph_wrap .graph_area li:nth-child(4) .graph .bar { background-color: #A2B9A7; } 
.info_box .graph_wrap .graph_area .graph .bar .g_txt { display: none; padding: 2px 10px; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background-color: #666666; color: #fff; font-size: 12px; border-radius: 10px; white-space: nowrap; } 
.info_box .graph_wrap .graph_area .graph .bar:hover .g_txt { display: block; z-index: 10; } 
.info_box .graph_wrap .graph_area .txt { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); color: #666666; font-size: 13px; font-weight: 500; text-align: center; white-space: nowrap; } 

.all_search_wrap { position: relative; } 
.accordion_wrap { position: absolute; top: 100px; left: calc(50% - 760px); transform: translateX(-50%); } 
.accordion_wrap .innerSection { width: auto; } 
.accordion_wrap h2 { margin-bottom: 10px; color: #222; font-size: 18px; font-weight: 500; text-align: center; } 
.accordion_menu { width: 250px; border-radius: 10px; overflow: hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } 
.accordion_menu .accordion_item { background-color: #86cdbe; box-sizing: border-box; border-bottom: 1px solid #eee; } 
.accordion_menu .accordion_item > a { display: block; position: relative; padding: 10px; color: #fff; font-size: 16px; font-weight: 500; } 
.accordion_menu .accordion_item > a::after { content: "\f0fe"; font-family: FontAwesome; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 0px 5px; color: #fff; } 
.accordion_menu .accordion_item.active > a { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; z-index: 1; } 
.accordion_menu .accordion_item.active > a::after { content: '\f146'; } 
.accordion_menu .accordion_item > a:hover { background-color: #70b5a7; transition: 300ms all; } 
.accordion_menu .accordion_item .item_sub { height: 0px; padding-left: 10px; position: relative; background-color: #383838; overflow: hidden; } 
.accordion_menu .accordion_item .item_sub a { display: block; position: relative; padding: 10px 10px; color: #fff; font-size: 14px; transition: 300ms all; } 
.accordion_menu .accordion_item .item_sub a:hover { color: #70b5a7; transition: 300ms all; } 
.accordion_menu .accordion_item .item_sub a:hover::before { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: -10px; background-color: #70b5a7; } 
.accordion_menu .accordion_item .item_sub.active a::before { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: -10px; background-color: #03a678; } 
.accordion_menu .accordion_item.active > .item_sub { display: block; height: auto; transition: all 200ms; } 
.accordion_menu .accordion_sub_item.active > a::before { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: -10px; background-color: #03a678; } 
.accordion_menu .accordion_sub_item > a::after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-90deg); padding: 0px 5px; color: #fff; transition: 300ms all; } 
.accordion_menu .accordion_sub_item > a:hover::after { color: #049372; } 
.accordion_menu .accordion_sub_item.active > a::after { transform: translateY(-50%) rotate(0); } 
.accordion_menu .accordion_sub_item.active > .item_sub { display: block; height: auto; transition: all 200ms; } 


 @media screen and (max-width: 1600px) { 
 .accordion_wrap { position: static; transform: none; } 
 .accordion_wrap .innerSection { width: calc(100% - 40px); } 
 .accordion_wrap h2 { margin-top: 20px; } 
 .accordion_menu { display: flex; width: auto; flex-direction: column; box-shadow: none; } 
 .accordion_menu .accordion_item { width: 100%; flex: 1; } 
 .accordion_menu .accordion_item .item_sub a:hover::before { content: none; } 
 }

 @media all and (max-width:640px){
 .content_area .item_wrap .item_list li { flex: 1 1 40%; } 
 .content_area .item_wrap .item_list li:nth-child(odd) .i_txt::before { content: none; } 
 .banner_area .img-pc { display: none; } 
 .banner_area .img-mo { display: block; } 
 }
 /* //일진화면 css 추가 */