/*서브페이지*/
.sub_page .page_header .page_header_content {position: relative;}
.sub_page .page_header{background-image: linear-gradient(to left, rgba(52, 117, 191, 0.1), rgba(52, 191, 135, 0.15) 0%)}
.sub_page .page_header .page_header_content .page_title {font-family: 'notokr-medium';}
.sub_page .page_header .page_header_content .page_header_btn_wrapper button {font-family: 'notokr-medium';border-radius: 10px;}
.sub_page .page_header .page_header_content .page_header_btn_wrapper button.enroll_btn{background-color: #34bf87;border: 1px solid #34bf87;color: white;}
.sub_page .page_header .page_header_content .page_header_btn_wrapper button.enrolled_list_btn{border: 1px solid #34bf87;color: #34bf87;margin-left: 10px;background-color: white;}
.sub_page .grey_btn_small{margin-top: 10px;}

.sub_page .page_header .page_header_content .page_navi{display: flex;color: #9e9e9e;align-items: center;margin-bottom: 15px;}
.sub_page .page_header .page_header_content .page_navi .page_navi_item{font-size: 13px;line-height: 19px;margin-right: 22px;position: relative;cursor: pointer;}
.sub_page .page_header .page_header_content .page_navi .page_navi_item::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -17px;width: 7px;height: 12px;background: url("/res/home/conedu/img/common/icon_arrow_right_grey.svg"); background-size: cover;}
.sub_page .page_header .page_header_content .page_navi .page_navi_item.last::after{content: none;}

@media (min-width: 1366px){
    .sub_page .page_header .page_header_content {padding: 37px 0;}
    .sub_page .page_header .page_header_content .page_title {font-size: 32px;line-height: 46px;position: relative;}
    .sub_page .page_header .page_header_content .page_title .page_menu_more {width: 28px;height: 28px;display: inline-block;background-color: white;border-radius: 100%;border: 1px solid #757575;margin-left: 10px;background: white url('/res/home/conedu/img/common/icon_down_darkgrey.svg') no-repeat center;background-size: 12px;box-sizing: border-box;cursor: pointer;}
    .sub_page .page_header .page_header_content .page_title .page_menu_more.current{transform: rotate(180deg);}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper {position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 48px;display: flex;padding-top: 2px;}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper button {width: 120px;height: 48px;line-height: 46px;}

    .sub_page .page_menu .page_menu_list{display: flex;justify-content: flex-start;}
    .sub_page .page_menu .page_menu_list .page_menu_item{position: relative;color: #9e9e9e;line-height: 60px;font-size: 18px;margin-right: 40px;cursor: pointer;}
    .sub_page .page_menu .page_menu_list .page_menu_item.current,
    .sub_page .page_menu .page_menu_list .page_menu_item:hover{color: #34bf87;}
    .sub_page .page_menu .page_menu_list .page_menu_item.current:after,
    .sub_page .page_menu .page_menu_list .page_menu_item:hover:after{position: absolute;content: '';width: 100%;height: 4px;background-color: #34bf87;bottom: 0;left: 0;}
    .sub_page .page_menu .page_menu_list .page_menu_item:last-child{margin-right: 0;}

    .sub_page .page_sub_menu{background-color: #fafafa;}
    .sub_page .page_sub_menu .page_sub_menu_list{display: flex;justify-content: flex-start;padding-left: 20px;}
    .sub_page .page_sub_menu .page_sub_menu_list .page_sub_menu_item{color: #9e9e9e;line-height: 60px;font-size: 16px;margin-right: 30px;cursor: pointer;}
    .sub_page .page_sub_menu .page_sub_menu_list .page_sub_menu_item.current,
    .sub_page .page_sub_menu .page_sub_menu_list .page_sub_menu_item:hover{color: #34bf87;}
    .sub_page .page_sub_menu .page_sub_menu_list .page_sub_menu_item:last-child{margin-right: 0;}

    .sub_page .page_content_body{padding: 50px 0 80px 0;}
    .sub_page .h1_title{margin-bottom: 30px;}
    .sub_page .sub_page_section{margin-bottom: 60px;}
    .sub_page .sub_page_section .normal_text{color: #424242;font-size: 16px;line-height: 24px;margin-bottom: 30px;}
    .sub_page .sub_page_section .blue_table{margin-bottom: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .sub_page .page_header .page_header_content {padding: 32px 24px;}
    .sub_page .page_header .page_header_content .page_title {font-size: 26px;line-height: 37px;}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper {position: absolute;right: 24px;top: 50%;transform: translateY(-50%);height: 44px;display: flex;padding-top: 1px;}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper button {width: 100px;height: 44px;line-height: 42px;}

    .sub_page .react_page{overflow: hidden;height: 56px;}
    .sub_page .react_page .react_menu_select{border-bottom: 2px solid #34bf87;padding: 15px 24px;cursor: pointer;position: relative;}
    .sub_page .react_page .react_menu_select .react_menu_current{font-family: 'notokr-medium';color: #34bf87;font-size: 18px;line-height: 24px;}
    .sub_page .react_page .react_menu_more{position: absolute;right: 26px;top: 50%;transform: translateY(-50%);width: 13px;height: 13px;}
    .sub_page .react_page .react_menu_more:before{content: '';width: 13px;height: 2px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
    .sub_page .react_page .react_menu_more:after{content: '';width: 2px;height: 13px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

    .sub_page .react_page .react_menu_list{position: relative;background-color: white;width: 100%;z-index: 2;padding: 0 24px;}
    .sub_page .react_page .react_menu_list .react_menu_item{width: 100%;height: 56px;overflow: hidden;font-size: 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu1_title{display: inline-block;width: 100%;height: 56px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px;font-family: 'notokr-medium';line-height: 56px;cursor: pointer;position: relative;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu_more{right: 2px;}

    .sub_page .react_page.current{overflow-y: inherit;height: auto;}
    .sub_page .react_page.current .react_menu_list{display: block;}
    .sub_page .react_page.current .react_menu_select .react_menu_more:after{background-color: transparent;}

    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap{width: 100%;background-color: #fafafa;padding: 15px 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item{width: 100%;height: 50px;overflow-y: hidden;font-size: 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item .react_menu2_title{display: inline-block;width: 100%;font-family: 'notokr-regular';padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 44px;position: relative;color: #424242;cursor: pointer;font-size: 18px;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item .react_menu2_title .link_menu_icon{width: 12px;height: 12px;margin-left: 7px;}

    .sub_page .react_page .react_menu_list .react_menu_item.current{overflow-y: inherit;height: auto;}
    .sub_page .react_page .react_menu_list .react_menu_item.current .react_menu1_title .react_menu_more:after{background-color: transparent;}

    .sub_page .page_content_body{padding: 40px 24px 80px 24px;}
    .sub_page .sub_page_section{margin-bottom: 60px;}
    .sub_page .h1_title{margin-bottom: 20px;}
    .sub_page .sub_page_section .normal_text{color: #424242;font-size: 14px;line-height: 20px;margin-bottom: 30px;}
    .sub_page .sub_page_section .blue_table{margin-bottom: 20px;}
}
@media (max-width: 767px){
    .sub_page .page_header .page_header_content {padding: 36px 20px;}
    .sub_page .page_header .page_header_content .page_title {font-size: 20px;line-height: 29px;}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper {position: fixed;right: 0;bottom: 0;height: 84px;padding: 20px;display: flex;width: 100%;z-index: 5;background-color: white;}
    .sub_page .page_header .page_header_content .page_header_btn_wrapper button {width: calc((100% - 10px)/2);height: 44px;line-height: 42px;}

    .sub_page .react_page{overflow: hidden;height: 56px;}
    .sub_page .react_page .react_menu_select{border-bottom: 2px solid #34bf87;padding: 15px 20px;cursor: pointer;position: relative;}
    .sub_page .react_page .react_menu_select .react_menu_current{font-family: 'notokr-medium';color: #34bf87;font-size: 16px;line-height: 24px;}
    .sub_page .react_page .react_menu_more{position: absolute;right: 22px;top: 50%;transform: translateY(-50%);width: 13px;height: 13px;}
    .sub_page .react_page .react_menu_more:before{content: '';width: 13px;height: 2px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
    .sub_page .react_page .react_menu_more:after{content: '';width: 2px;height: 13px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

    .sub_page .react_page .react_menu_list{position: relative;background-color: white;width: 100%;z-index: 2;padding: 0 20px;}
    .sub_page .react_page .react_menu_list .react_menu_item{width: 100%;height: 56px;overflow: hidden;font-size: 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu1_title{display: inline-block;width: 100%;height: 56px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;font-family: 'notokr-medium';line-height: 56px;cursor: pointer;position: relative;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu_more{right: 2px;}

    .sub_page .react_page.current{overflow-y: inherit;height: auto;}
    .sub_page .react_page.current .react_menu_list{display: block;}
    .sub_page .react_page.current .react_menu_select .react_menu_more:after{background-color: transparent;}

    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap{width: 100%;background-color: #fafafa;padding: 10px 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item{width: 100%;height: 50px;overflow-y: hidden;font-size: 0;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item .react_menu2_title{display: inline-block;width: 100%;font-family: 'notokr-regular';padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 44px;position: relative;color: #424242;cursor: pointer;font-size: 14px;}
    .sub_page .react_page .react_menu_list .react_menu_item .react_menu2_wrap .react_menu2_item .react_menu2_title .link_menu_icon{width: 12px;height: 12px;margin-left: 7px;}

    .sub_page .react_page .react_menu_list .react_menu_item.current{overflow-y: inherit;height: auto;}
    .sub_page .react_page .react_menu_list .react_menu_item.current .react_menu1_title .react_menu_more:after{background-color: transparent;}

    .sub_page .page_content_body{padding: 40px 20px 100px 20px;}
    .sub_page .sub_page_section{margin-bottom: 60px;}
    .sub_page .h1_title{margin-bottom: 20px;}
    .sub_page .sub_page_section .normal_text{color: #424242;font-size: 14px;line-height: 20px;margin-bottom: 30px;}
    .sub_page .sub_page_section .blue_table{margin-bottom: 20px;}
}

/* 단계 페이지(회원가입, 수강신청 */
.step_page{background-color: #fafafa;}
.step_page .page_header{text-align: center;}
.step_page .page_header .page_title{font-family: 'notokr-medium';}
.step_page .page_header .step_wrapper{display: flex;align-items: flex-start;}
.step_page .page_header .step_wrapper .step_item{font-family: 'notokr-medium';}
.step_page .page_header .step_wrapper .step_item .step_item_number {box-sizing:border-box; display: block;text-align: center;margin: auto;border-radius: 100%; border: 1px solid #e0e0e0; background-color: white; color: #e0e0e0;}
.step_page .page_header .step_wrapper .step_item .step_item_title {color: #bdbdbd;white-space: nowrap;}
.step_page .page_header .step_wrapper .step_item.current .step_item_number{background-color: #34bf87;border: 1px solid #34bf87;color: white}
.step_page .page_header .step_wrapper .step_item.current .step_item_title{color: #34bf87;}
.step_page .page_header .step_wrapper .step_item.before .step_item_number{background-color: #84ebad;border: 1px solid #84ebad;color: white}
.step_page .page_header .step_wrapper .step_item.before .step_item_title{color:  #84ebad;}

.step_page .page_header .step_wrapper .dots{display: flex;align-items:center;}
.step_page .page_header .step_wrapper .dots .dot{border-radius: 100%; background-color: #e0e0e0;}
.step_page .page_header .step_wrapper .dots .dot:last-child{margin-right: 0;}
@media (min-width: 1366px){
    .step_page .page_header{padding: 50px 0 40px 0;}
    .step_page .page_header .page_title{font-size: 32px;line-height: 46px;}
    .step_page .page_header .step_wrapper{justify-content: center;margin-top: 40px;}
    .step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .step_page .page_header .step_wrapper .step_item .step_item_number {width: 28px;height: 28px;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
    .step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .step_page .page_header .step_wrapper .dots{margin: 0 10px; height: 38px;}
    .step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .join_page.step_page .page_header{padding: 50px 0 40px 0;}
    .join_page.step_page .page_header .page_title{font-size: 32px;line-height: 46px;}
    .join_page.step_page .page_header .step_wrapper{justify-content: center;margin-top: 40px;}
    .join_page.step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_number {width: 28px;height: 28px;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .join_page.step_page .page_header .step_wrapper .dots{margin: 0 10px; height: 28px;}
    .join_page.step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .step_page .page_content{padding-bottom: 100px;}
    .step_page .page_content .inputBox.check_company{margin-top: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .step_page .page_header{padding: 50px 0 40px 0;}
    .step_page .page_header .page_title{font-size: 26px;line-height: 37px;}
    .step_page .page_header .step_wrapper{justify-content: center;margin-top: 40px;}
    .step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .step_page .page_header .step_wrapper .step_item .step_item_number {width: 28px;height: 28px;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
    .step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .step_page .page_header .step_wrapper .dots{margin: 0 5px; height: 28px;}
    .step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .join_page.step_page .page_header{padding: 50px 0 40px 0;}
    .join_page.step_page .page_header .page_title{font-size: 26px;line-height: 37px;}
    .join_page.step_page .page_header .step_wrapper{justify-content: center;margin-top: 40px;}
    .join_page.step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_number {width: 28px;height: 28px;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .join_page.step_page .page_header .step_wrapper .dots{margin: 0 5px; height: 28px;}
    .join_page.step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .step_page .page_content{padding-bottom: 80px;}
}
@media (max-width: 767px){
    .step_page .page_header{padding: 40px 0;}
    .step_page .page_header .page_title{font-size: 20px;line-height: 29px;}
    .step_page .page_header .step_wrapper{margin-top: 40px;}
    .step_page .page_header .step_wrapper.mobile_center{justify-content: center;}
    .step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .step_page .page_header .step_wrapper .step_item .step_item_number {width: 32px;height: 32px;line-height: 30px;font-size: 16px;margin-bottom: 9px;}
    .step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .step_page .page_header .step_wrapper .dots{margin: 0 -4px 0 -5px; height: 32px;}
    .step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .join_page.step_page .page_header{padding: 40px 0;}
    .join_page.step_page .page_header .page_title{font-size: 20px;line-height: 29px;}
    .join_page.step_page .page_header .page_title_info{color: #757575;font-size: 14px;line-height: 20px;margin-top: 10px;}
    .join_page.step_page .page_header .step_wrapper{margin-top: 40px;}
    .join_page.step_page .page_header .step_wrapper.mobile_center{justify-content: center;}
    .join_page.step_page .page_header .step_wrapper .step_item{min-width: 84px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_number {width: 32px;height: 32px;line-height: 30px;font-size: 16px;margin-bottom: 9px;}
    .join_page.step_page .page_header .step_wrapper .step_item .step_item_title {font-size: 14px;line-height: 20px;}
    .join_page.step_page .page_header .step_wrapper .dots{margin: 0 -4px 0 -5px; height: 32px;}
    .join_page.step_page .page_header .step_wrapper .dots .dot{width: 3px; height: 3px; margin-right: 10px;}

    .step_page .page_content{padding-bottom: 60px;}
}


.step_page.container2 .page_content_body{background-color: white; border: 1px solid #e0e0e0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08)}
@media (min-width: 1366px){
    .step_page.container2 .page_content_body{border-radius: 20px; padding: 60px;}
    .join_page.step_page.container2 .page_content_body{border-radius: 20px; padding: 40px 60px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .step_page.container2 .page_content_body{border-radius: 10px; padding: 40px;}
}
@media (max-width: 767px){
    .step_page.container2 .page_content_body{border-radius: 10px; padding: 30px 20px;}
}

/*회원가입2*/
.page_content_body .inputBox:last-child{margin-bottom: 0;}
.inputBox .input_title{color: #424242;letter-spacing: 0;}
.inputBox .input_info_text{font-family: 'notokr-regular';color: #757575;width: 100%;}
.inputBox input[type="number"], .inputBox input[type="tel"], .inputBox input[type="text"], .inputBox input[type="password"], .inputBox input[type="date"], .inputBox textarea{box-sizing: border-box;border: 1px solid #e0e0e0; border-radius: 5px;}
.inputBox input[type="number"]::placeholder, .inputBox input[type="tel"]::placeholder, .inputBox input[type="text"]::placeholder, .inputBox input[type="password"]::placeholder{color: #757575;font-weight: normal;}
.inputBox input[type="number"]:focus, .inputBox input[type="tel"]:focus, .inputBox input[type="text"]:focus, .inputBox input[type="password"]:focus, .inputBox textarea:focus{border:1px solid black;}
.inputBox.input_type_04 .email_code_wrapper, .inputBox .input_select_wrapper{box-sizing: border-box;}
.inputBox .email_code_wrapper select, .inputBox .input_select_wrapper select {width: 100%;height: 100%;background-color: white;border: 0;color: #757575;background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;border-radius: 5px;}
.inputBox.input_type_02{position: relative;}
.inputBox.input_type_02 .icon_id_checked{position: absolute;display: none;}
.inputBox input.checked{background-image: url("/res/home/conedu/img/common/icon_check_green.svg") !important;background-repeat: no-repeat;}
.inputBox.input_type_07 .input_hyphen{text-align: center;}
.inputBox.input_type_13 .input_hyphen{text-align: center;}
.inputBox.check_company{display: flex;flex-wrap: wrap;}
.inputBox.check_company .find_company_wrap{display: flex;align-items: center;}

.inputBox label{cursor: pointer;}
.inputBox .disabled{background-color: #fafafa; color: #9e9e9e;}

.input_error{margin-top: -10px;margin-bottom: 20px;color: #d32f2f;}
@media (min-width: 1366px){
    .inputBox{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
    .inputBox input[type="number"], .inputBox input[type="tel"], .inputBox input[type="text"], .inputBox input[type="password"], .inputBox input[type="date"]{padding: 0 20px;height: 60px;font-size: 18px;}
    .inputBox textarea{padding: 16px 15px;height: 60px;width: calc(100% - 216px);font-size: 18px;line-height: 26px;}
    .inputBox .input_title{width:216px;font-size: 20px;line-height: 29px;}
    .inputBox .input_info_text{padding-left: 226px;font-size: 16px;line-height: 24px;margin-top: 10px;}
    .inputBox .input_middle_text{width: 32px;text-align: center;font-size: 18px;line-height: 26px;}
    .inputBox.input_type_01 input,
    .inputBox.input_type_01 .input_select_wrapper{width: calc(100% - 216px)}
    .inputBox.input_type_02 input{width: calc(100% - 356px);margin-right: 20px;}
    .inputBox.input_type_03 input{width: calc(50% - 190px);}
    .inputBox.input_type_03 .grey_btn{margin-left: 12px;}
    .inputBox.input_type_04 input{width: calc(50% - 210px);}
    .inputBox .input_select_wrapper{height: 60px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_04 .email_code_wrapper{width: calc(50% - 380px);height: 60px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_04 .email_code_wrapper select, .inputBox .input_select_wrapper select {padding: 0 20px;background-size: 16px;background-position: calc(100% - 20px) center;}

    /* 회원가입 휴대폰 인증시 휴대폰 중복확인 없는 버전입니다! */
    .inputBox.input_type_07 .input_select_wrapper, .inputBox.input_type_07 input{width: calc((100% - 280px) / 3);}
    .inputBox.input_type_07 .grey_btn{display: none;}
    .inputBox.input_type_07 .input_hyphen{width: 32px;font-size: 18px;}

    /* 회원가입 아이핀 인증시 휴대폰 중복확인 있는 버전입니다! need_valid */
    .inputBox.input_type_07.need_valid .input_select_wrapper, .inputBox.input_type_07.need_valid input{width: calc((100% - 412px) / 3);}
    .inputBox.input_type_07.need_valid .input_hyphen{width: 28px;}
    .inputBox.input_type_07.need_valid .grey_btn{display: block;margin-left: 20px;}
    .inputBox.input_type_13.need_valid .input_select_wrapper, .inputBox.input_type_13.need_valid input{width: calc((100% - 472px) / 4);}
    .inputBox.input_type_13.need_valid .input_hyphen{width: 28px;}
    .inputBox.input_type_13.need_valid .grey_btn{display: block;margin-left: 20px;}
    .inputBox input.checked{;background-position: calc(100% - 20px) center;background-size: 20px 14px;}
    .inputBox.input_type_02 .icon_id_checked{width: 20px;right: 160px;top: 50%;transform: translateY(-50%);}

    .inputBox.find_address button{margin-left: 20px !important;}
    .inputBox .check_company2{margin-left: 80px;margin-right: 20px;}
    .inputBox.check_company .find_company_wrap{width: 100%;padding-left: 216px;margin-top: 32px;}
    .inputBox.check_company .find_company_wrap .grey_btn{margin-left: 20px;}
    .inputBox.check_company .find_company_wrap input{width: 346px;}

    .input_error{padding-left: 226px;font-size: 16px;line-height: 24px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .inputBox{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
    .inputBox input[type="number"], .inputBox input[type="tel"], .inputBox input[type="text"], .inputBox input[type="password"], .inputBox input[type="date"]{padding: 0 15px;height: 48px;font-size: 16px;}
    .inputBox textarea{padding: 11px 15px;height: 48px;width: calc(100% - 116px);font-size: 16px;line-height: 24px;}
    .inputBox .input_title{width:116px;font-size: 16px;line-height: 24px;}
    .inputBox .input_info_text{padding-left: 126px;font-size: 14px;line-height: 20px;margin-top: 10px;}
    .inputBox .input_middle_text{width: 30px;text-align: center;font-size: 18px;line-height: 26px;}
    .inputBox.input_type_01 input,
    .inputBox.input_type_01 .input_select_wrapper{width: calc(100% - 116px)}
    .inputBox.input_type_02 input{width: calc(100% - 226px);margin-right: 10px;}
    .inputBox.input_type_03 input{width: calc(50% - 128px);}
    .inputBox.input_type_03 .grey_btn{margin-left: 10px;}
    .inputBox.input_type_04 input{width: calc(50% - 73px);}
    #join_form .inputBox.input_type_04 input{width: calc(50% - 148px);}
    .inputBox .input_select_wrapper{height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_04 .email_code_wrapper{width: calc(50% - 73px);height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;}
    #join_form .inputBox.input_type_04 .email_code_wrapper{width: 140px;}
    .inputBox.input_type_04 .email_code_wrapper select, .inputBox .input_select_wrapper select {padding: 0 15px;background-size: 12px;background-position: calc(100% - 15px) center;}

    /* 회원가입 휴대폰 인증시 휴대폰 중복확인 없는 버전입니다! */
    .inputBox.input_type_07 .input_select_wrapper, .inputBox.input_type_07 input{width: calc((100% - 176px) / 3);}
    .inputBox.input_type_07 .grey_btn{display: none;}
    .inputBox.input_type_07 .input_hyphen{width: 30px;font-size: 18px;}

    /* 회원가입 아이핀 인증시 휴대폰 중복확인 있는 버전입니다! need_valid */
    .inputBox.input_type_07.need_valid .input_select_wrapper, .inputBox.input_type_07.need_valid input{width: calc((100% - 286px) / 3);}
    .inputBox.input_type_07.need_valid .input_hyphen{width: 30px;}
    .inputBox.input_type_07.need_valid .grey_btn{display: block;margin-left: 10px;}
    .inputBox.input_type_13.need_valid .input_select_wrapper, .inputBox.input_type_13.need_valid input{width: calc((100% - 316px) / 4);}
    .inputBox.input_type_13.need_valid .input_hyphen{width: 30px;}
    .inputBox.input_type_13.need_valid .grey_btn{display: block;margin-left: 10px;}

    .inputBox input.checked{;background-position: calc(100% - 15px) center;background-size: 16px 11px;}
    .inputBox.input_type_02 .icon_id_checked{width: 16px;right: 125px;top: 50%;transform: translateY(-50%);}

    .inputBox.find_address button{margin-left: 10px !important;}
    .inputBox.find_address{margin-bottom: 10px;}
    .inputBox .check_company2{margin-left: 40px;margin-right: 20px;}
    .inputBox.check_company .find_company_wrap{width: 100%;padding-left: 116px;margin-top: 20px;}
    .inputBox.check_company .find_company_wrap .grey_btn{margin-left: 10px;}
    .inputBox.check_company .find_company_wrap input{width: 192px;}

    .input_error{padding-left: 126px;font-size: 14px;line-height: 20px;}
}
@media (max-width: 767px){
    .inputBox{margin-bottom: 20px;font-size: 0;}
    .inputBox input{font-size: 16px; line-height: 24px;}
    .inputBox input[type="number"], .inputBox input[type="tel"], .inputBox input[type="text"], .inputBox input[type="password"], .inputBox input[type="date"]{padding: 0 15px;height: 48px;font-size: 16px;}
    .inputBox textarea{padding: 11px 15px;height: 72px;width: 100%;font-size: 16px;line-height: 24px;}
    .normal_popup_wrapper .inputBox input[type="text"]::placeholder{font-size: 0;}
    .inputBox label{font-size: 16px;line-height: 24px;}
    .inputBox .input_title{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .inputBox .input_info_text{padding-left: 10px;font-size: 14px;line-height: 20px;margin-top: 10px;}
    .inputBox .input_middle_text{width: 30px;text-align: center;font-size: 18px;line-height: 48px;float: left;}
    .inputBox.input_type_01 input,
    .inputBox.input_type_01 .input_select_wrapper{width: 100%}
    .inputBox.input_type_02 input{width: calc(100% - 110px);margin-right: 10px;vertical-align: top;}
    .inputBox.input_type_03 .grey_btn{margin-left: 10px;}
    .inputBox.input_type_04 input{width: calc(50% - 15px); float: left;}
    .inputBox .input_select_wrapper{height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_04 .email_code_wrapper{width: 100%;height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;float: left;margin-top: 10px;}
    .inputBox.input_type_04 .email_code_wrapper select, .inputBox .input_select_wrapper select {padding: 0 15px;font-size: 16px;background-size: 12px;background-position: calc(100% - 15px) center;}
    .inputBox.input_type_07{display: flex;flex-wrap: wrap;align-items: center;}
    .inputBox.input_type_07 .input_title{width: 100%;}

    /* 회원가입 휴대폰 인증시 휴대폰 중복확인 없는 버전입니다! */
    .inputBox.input_type_07 .input_select_wrapper, .inputBox.input_type_07 input{width: calc((100% - 60px) / 3);}
    .inputBox.input_type_07 .grey_btn{display: none;}
    .inputBox.input_type_07 .input_hyphen{width: 30px;font-size: 18px;}

    /* 회원가입 아이핀 인증시 휴대폰 중복확인 있는 버전입니다! need_valid */
    .inputBox.input_type_07.need_valid .grey_btn{display: block;margin-top: 10px;width: 100%;}

    .inputBox.input_type_13{display: flex;flex-wrap: wrap;align-items: center;}
    .inputBox.input_type_13 .input_title{width: 100%;}
    .inputBox.input_type_13 .input_select_wrapper, .inputBox.input_type_13 input{width: calc((100% - 90px) / 4);}
    .inputBox.input_type_13 .grey_btn{display: none;}
    .inputBox.input_type_13 .input_hyphen{width: 30px;font-size: 18px;}
    .inputBox.input_type_13.need_valid .grey_btn{display: block;margin-top: 10px;width: 100%;}

    .inputBox input.checked{;background-position: calc(100% - 15px) center;background-size: 16px 11px;}
    .inputBox.input_type_02 .icon_id_checked{width: 16px;right: 125px;bottom: 18px;}

    .inputBox.find_address button{margin-left: 10px !important;}
    .inputBox.find_address{margin-bottom: 10px;}
    .inputBox.check_company .input_title{width: 100%;}
    .inputBox.check_company .check_company1{margin-right: 40px;}
    .inputBox.check_company .check_company2{margin-right: 20px;}
    .inputBox.check_company .find_company_wrap{width: 100%;margin-top: 20px;}
    .inputBox.check_company .find_company_wrap .grey_btn{margin-left: 10px;}
    .inputBox.check_company .find_company_wrap input{width: calc(100% - 110px);}

    .inputBox .input_guide_text{font-size: 14px;margin-top: 10px;word-break: keep-all;color: #757575;line-height: 20px;}
    #social_security_number1 {width: calc(100% - 20px);float: left;margin-bottom: 10px;}
    #social_security_number2 {float: left;width: calc(100% - 110px);}
    #postcode {width: calc(100% - 110px) !important;vertical-align: top;}
    .inputBox .middle_hyphen{width: 20px;}

    .input_error{padding-left: 10px;font-size: 14px;line-height: 20px;}
}

/*완료 페이지*/
.complete_page {display: flex;flex-direction: column;align-items: center;}
.complete_page .complete_content{}
.complete_page .complete_icon {background: url("/res/home/conedu/img/common/icon_check_white.svg") #34bf87 center no-repeat;border-radius: 100%;}
.complete_page .complete_ment {font-family: 'notokr-medium';}
.complete_page .complete_sub_ment{color: #9e9e9e;}
.complete_page .complete_table tr td {text-align: left;border: 1px solid #e0e0e0;box-sizing: border-box;position: relative;}
.complete_page .complete_table tr td:first-child {background-color: rgba(52, 117, 191, 0.03);color: #09205b;text-align: center;}
.complete_page .complete_table tr td.factor {background-color: rgba(52, 117, 191, 0.03);color: #09205b;text-align: center;}
.complete_page .complete_table tr td.auto{width: auto !important;}
.complete_page .complete_table tr td .info{position: absolute;}
.complete_btn_wrapper {display: flex;justify-content: center;}
.complete_btn_wrapper button {font-family: 'notokr-medium';text-align: center;border-radius: 5px;}
.enroll_step_stage .complete_btn_wrapper button:first-child{margin-right: 10px;}
.complete_btn_wrapper .login_btn {border: 1px solid #34bf87;background-color: #34bf87;color: white;}
.complete_btn_wrapper .home_btn {border: 1px solid #34bf87;background-color: white;color: #34bf87;}

@media (min-width: 1366px){
    .complete_page {padding: 40px 0;}
    .complete_page .complete_icon {background-size: 24px auto;width: 60px;height: 60px;margin-bottom: 30px;}
    .complete_page .complete_ment {font-size: 28px;line-height: 40px;margin-bottom: 40px;}
    .complete_page .complete_sub_ment{font-size: 16px;line-height: 24px;margin-top: -20px;margin-bottom: 40px;}
    .complete_page .complete_table {width: auto;margin-bottom: 40px;}
    .complete_page .complete_table tr td {font-size: 16px;padding: 12px 22px;line-height: 24px;height: 50px;}
    .complete_page .complete_table tr td .info{right: 20px;}
    .complete_page .complete_table tr td:first-child {width: 180px;}
    .complete_page .complete_table tr td:last-child {width: 541px;}
    .complete_btn_wrapper{width: 720px;}
    .complete_btn_wrapper button {width: 100%;height: 48px;line-height: 46px;}

    .enroll_step_stage .complete_btn_wrapper button{width: 120px;}

}
@media (max-width: 1365px) and (min-width: 768px){
    .complete_page {padding: 40px 0;}
    .complete_page .complete_content{width: 100%;}
    .complete_page .complete_icon {background-size: 20px auto;width: 48px;height: 48px;margin-bottom: 20px;}
    .complete_page .complete_ment {font-size: 24px;line-height: 35px;margin-bottom: 30px;}
    .complete_page .complete_sub_ment{font-size: 14px;line-height: 20px;margin-top: -15px;margin-bottom: 30px;}
    .complete_page .normal_btn.blue{width: 120px;}
    .complete_page .complete_table {width: 100%;margin-bottom: 20px;}
    .complete_page .complete_table tr td {font-size: 14px;padding: 9px 15px;line-height: 20px;height: 40px;text-align: left;}
    .complete_page .complete_table tr td .info{right: 15px;}
    .complete_page .complete_table tr td:first-child {width: 120px;}
    .complete_page .complete_table tr td:last-child {width: calc(100% - 120px);}
    .complete_btn_wrapper{width: 100%;}
    .complete_btn_wrapper button {width: 100%;height: 44px;line-height: 42px;font-size: 14px;}
}
@media (max-width: 767px){
    .complete_page {padding: 40px 0;}
    .complete_page .complete_content{width: 100%;}
    .complete_page .complete_icon {background-size: 20px auto;width: 48px;height: 48px;margin-bottom: 20px;}
    .complete_page .complete_ment {font-size: 20px;line-height: 29px;margin-bottom: 30px;}
    .complete_page .complete_sub_ment{font-size: 14px;line-height: 20px;margin-top: -15px;margin-bottom: 30px;}
    .complete_page .normal_btn.blue{width: 120px;}
    .complete_page .complete_table {width: 100%;margin-bottom: 20px;}
    .complete_page .complete_table tr td {font-size: 14px;padding: 9px 15px;line-height: 20px;height: 40px;text-align: left;}
    .complete_page .complete_table tr td .info{right: 15px;}
    .complete_page .complete_table tr td:first-child {width: 30%;}
    .complete_page .complete_table tr td:last-child {width: 70%;}
    .complete_btn_wrapper{width: 100%;}
    .complete_btn_wrapper button {width: 100%;height: 44px;line-height: 42px;font-size: 14px;}
}

/*로그인, 아이디비밀번호 찾기 페이지 공통*/
.user_page .page_header .user_tab_list{display: flex;justify-content: center;align-items: center;}
.user_page .page_header .user_tab_list .user_tab_item{display: flex;justify-content: center;align-items: center;color: #9e9e9e;background-color: white;cursor: pointer;border: 1px solid #e0e0e0;}
.user_page .page_header .user_tab_list .user_tab_item.on{color: white;background-color: #34bf87;border: 1px solid #34bf87;}
.user_page .page_content .user_service_page .user_tab_content{display: none !important;}
.user_page .page_content .user_service_page .user_tab_content.on{display: block !important;}
.user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon{background-size: auto 100%;background-position: center;background-repeat: no-repeat}
.user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon.icon_user{background-image: url("/res/home/conedu/img/common/icon_user.svg");}
.user_page .page_header .user_tab_list .user_tab_item.on .user_tab_item_icon.icon_user{background-image: url("/res/home/conedu/img/common/icon_user_white.svg");}
.user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon.icon_company{background-image: url("/res/home/conedu/img/common/icon_company.svg");}
.user_page .page_header .user_tab_list .user_tab_item.on .user_tab_item_icon.icon_company{background-image: url("/res/home/conedu/img/common/icon_company_white.svg");}
.user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon.icon_phone{background-image: url("/res/home/conedu/img/common/icon_phone_grey.svg");}
.user_page .page_header .user_tab_list .user_tab_item.on .user_tab_item_icon.icon_phone{background-image: url("/res/home/conedu/img/common/icon_phone_white.svg");}
.user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon.icon_id_cert{background-image: url("/res/home/conedu/img/common/icon_id_cert_grey.svg");}
.user_page .page_header .user_tab_list .user_tab_item.on .user_tab_item_icon.icon_id_cert{background-image: url("/res/home/conedu/img/common/icon_id_cert.svg");}

.user_page .page_content .inputBox{flex-wrap: wrap;}
.user_page .page_content .go_pw_page,
.user_page .page_content .go_id_page{display: flex;justify-content: center;align-items: center;color:#9e9e9e;}
.user_page .page_content .go_pw_page a,
.user_page .page_content .go_id_page a{color: black;}
.user_page .green_btn_long{border-radius: 5px;}

/*비밀번호 찾기*/
.user_page .find_pw_section{border-radius: 5px;border: 1px solid #e0e0e0;background-color: rgba(52, 117, 191, 0.03);}
.user_page .find_pw_section .find_pw_box .find_method {display: flex;padding: 10px 0;cursor: pointer;overflow: hidden;}
@media (min-width: 1366px){
    .user_page .page_header{padding: 50px 0 40px 0;}
    .user_page .page_header .page_title{font-size: 32px;line-height: 46px;margin-bottom: 40px;}

    .user_page .page_header .user_tab_list .user_tab_item{width: 360px;height: 60px;font-size: 20px;line-height: 29px;}
    .user_page .page_header .user_tab_list .user_tab_item:first-child{border-radius: 5px 0 0 5px;border-right: none !important;}
    .user_page .page_header .user_tab_list .user_tab_item:last-child{border-radius:  0 5px 5px 0;border-left: none !important;}
    .user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon{width: 24px;height: 24px;margin-right: 10px;}

    .user_page .page_content .grey_box{margin-top: 30px;margin-bottom: 0;}

    /*아이디 찾기*/
    .user_page .page_content .inputBox .input_title{width: 130px;}
    .user_page .page_content .inputBox .input_name{width: calc(100% - 130px);}
    .user_page .page_content .inputBox .mobile_phone_select,
    .user_page .page_content .inputBox .mobile_phone_input{width: calc((100% - 190px) / 3);}
    .user_page .page_content .inputBox .id_cert_input{width: calc((100% - 160px) / 2)}
    .user_page .page_content .inputBox .input_hyphen{text-align: center;color: black; width: 30px; height: 60px;line-height: 60px;font-size: 18px;}

    .user_page .page_content .find_id_btn,
    .user_page .page_content .find_pw_btn{margin-top: 20px;}

    .user_page .page_content .go_pw_page,
    .user_page .page_content .go_id_page{font-size: 16px;line-height: 24px;margin-top: 30px;}
    .user_page .page_content .go_pw_page a,
    .user_page .page_content .go_id_page a{margin-left: 10px;}

    /*비밀번호 찾기*/
    .user_page .find_pw_section{margin: 30px 0;}
    .user_page .find_pw_info{text-align: center;}
    .user_page .find_pw_section .find_pw_box{margin: 30px auto;display: flex;flex-direction: column;}
    .user_page .find_pw_section .find_pw_box .find_method{justify-content: center;}
    .user_page .find_pw_section .find_pw_box .find_method .method_type{width: 100px;}
    .user_page .find_pw_section .find_pw_box .find_method .method_user_info{width: 150px;margin-left: 10px;white-space: nowrap;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .user_page .page_header{padding: 50px 0 40px 0;}
    .user_page .page_header .page_title{font-size: 32px;line-height: 46px;margin-bottom: 40px;}

    .user_page .page_header .user_tab_list .user_tab_item{width: 50%;height: 48px;font-size: 16px;line-height: 24px;}
    .user_page .page_header .user_tab_list .user_tab_item:first-child{border-radius: 5px 0 0 5px;border-right: none !important;}
    .user_page .page_header .user_tab_list .user_tab_item:last-child{border-radius:  0 5px 5px 0;border-left: none !important;}
    .user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon{width: 24px;height: 24px;margin-right: 10px;}

    .user_page .page_content .grey_box{margin-top: 20px;margin-bottom: 0;}

    /*아이디 찾기*/
    /*TODO 반응형 작업 필요*/
    .user_page .page_content .inputBox{display: flex;}
    .user_page .page_content .inputBox .input_title{width: 124px;}
    .user_page .page_content .inputBox .input_name{width: calc(100% - 124px);}
    .user_page .page_content .inputBox .mobile_phone_select,
    .user_page .page_content .inputBox .mobile_phone_input{width: calc((100% - 184px) / 3);}
    .user_page .page_content .inputBox .id_cert_input{width: calc((100% - 154px) / 2)}
    .user_page .page_content .inputBox .input_hyphen{text-align: center;color: black; width: 30px; height: 48px;line-height: 48px;font-size: 18px;}

    .user_page .page_content .go_pw_page,
    .user_page .page_content .go_id_page{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .user_page .page_content .go_pw_page a,
    .user_page .page_content .go_id_page a{margin-left: 10px;}

    .user_page .page_content .inputBox .green_btn_long{font-size: 14px;}

    /*비밀번호 찾기*/
    .user_page .find_pw_section{margin: 20px 0;}
    .user_page .find_pw_info{text-align: center;}
    .user_page .find_pw_section .find_pw_box{margin: 20px auto;display: flex;flex-direction: column;}
    .user_page .find_pw_section .find_pw_box .find_method{justify-content: center;}
    .user_page .find_pw_section .find_pw_box .find_method .method_type{width: 90px;}
    .user_page .find_pw_section .find_pw_box .find_method .method_user_info{width: 125px;margin-left: 10px;white-space: nowrap;}
}
@media (max-width: 767px){
    .user_page .page_header{padding: 40px 0 20px 0;}
    .user_page .page_header .page_title{font-size: 32px;line-height: 46px;margin-bottom: 40px;}

    .user_page .page_header .user_tab_list{flex-wrap: wrap;}
    .user_page .page_header .user_tab_list .user_tab_item{width: 100%;height: 48px;font-size: 16px;line-height: 24px;}
    .user_page .page_header .user_tab_list .user_tab_item:first-child{border-radius: 5px 5px 0 0;}
    .user_page .page_header .user_tab_list .user_tab_item:last-child{border-radius: 0 0 5px 5px;}
    .user_page .page_header .user_tab_list .user_tab_item .user_tab_item_icon{width: 24px;height: 24px;margin-right: 10px;}

    .user_page .page_content .grey_box{margin-top: 20px;margin-bottom: 0;}

    /*TODO 반응형 작업 필요*/
    .user_page .page_content .inputBox{display: flex;flex-wrap: wrap;}
    .user_page .page_content .inputBox .input_title{width: 100%;}
    .user_page .page_content .inputBox .input_name{width: 100%;}
    .user_page .page_content .inputBox .mobile_phone_select{width: calc(100% - 30px);margin-bottom: 10px;}
    .user_page .page_content .inputBox .mobile_phone_input{width: calc((100% - 30px) / 2);}
    .user_page .page_content .inputBox .id_cert_input{width: calc((100% - 30px) / 2)}
    .user_page .page_content .inputBox .input_hyphen{text-align: center;color: black; width: 30px; height: 48px;line-height: 48px;font-size: 18px;}

    .user_page .page_content .go_pw_page,
    .user_page .page_content .go_id_page{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .user_page .page_content .go_pw_page a,
    .user_page .page_content .go_id_page a{margin-left: 10px;}

    .user_page .page_content .inputBox .green_btn_long{font-size: 14px;}

    /*비밀번호 찾기*/
    .user_page .find_pw_section{margin: 20px 0;}
    .user_page .find_pw_info{text-align: center;}
    .user_page .find_pw_section .find_pw_box{margin: 20px auto;display: flex;flex-direction: column;}
    .user_page .find_pw_section .find_pw_box .find_method{justify-content: center;}
    .user_page .find_pw_section .find_pw_box .find_method:first-child{margin-bottom: 10px;}
    .user_page .find_pw_section .find_pw_box .find_method label{width: 100%;margin: 0 20px;flex-wrap: wrap;}
    .user_page .find_pw_section .find_pw_box .find_method .method_type{width: 90px;}
    .user_page .find_pw_section .find_pw_box .find_method .method_user_info{width: 100%;margin-top: 10px;padding-left: 34px;white-space: nowrap;}
}

/*아이디, 비밀번호 찾기 결과*/
.find_id_result .search_table .search_tr.personal .role_code{color: #34bf87;}
.find_id_result .search_table .search_tr.company .role_code{color: #3475bf;}
.find_id_result .find_id_result_text{text-align: center}
.find_id_result .find_id_result_text .user_name{font-family: 'notokr-medium';color: black;margin-right: 5px;}

.user_service_page .complete_page{padding: 20px;}
.user_service_page .complete_page.hide{display: none;}
@media (min-width: 1366px) {
    .find_id_result .find_id_result_text{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
    .find_id_result .find_id_result_text .user_name{font-size: 20px;line-height: 29px;}

    .find_id_result .search_table{margin-bottom: 40px}
    .find_id_result .search_table .search_thead li:nth-child(1),
    .find_id_result .search_table .search_tr li:nth-child(2){width: 100px;}
    .find_id_result .search_table .search_thead li:nth-child(2),
    .find_id_result .search_table .search_tr li:nth-child(4){width: 220px;}
    .find_id_result .search_table .search_thead li:nth-child(3),
    .find_id_result .search_table .search_tr li:nth-child(6){width: 150px;}
    .find_id_result .search_table .search_thead li:nth-child(4),
    .find_id_result .search_table .search_tr li:nth-child(8){width: calc(100% - 470px);}
}
@media (max-width: 1365px) and (min-width: 768px){
    .find_id_result .find_id_result_text{font-size: 14px;line-height: 20px;margin-bottom: 30px;}
    .find_id_result .find_id_result_text .user_name{font-size: 16px;line-height: 24px;}

    .find_id_result .search_table{margin-bottom: 20px}
    .find_id_result .search_table .search_thead li:nth-child(1),
    .find_id_result .search_table .search_tr li:nth-child(2){width: 100px;}
    .find_id_result .search_table .search_thead li:nth-child(2),
    .find_id_result .search_table .search_tr li:nth-child(4){width: 160px;}
    .find_id_result .search_table .search_thead li:nth-child(3),
    .find_id_result .search_table .search_tr li:nth-child(6){width: 120px;}
    .find_id_result .search_table .search_thead li:nth-child(4),
    .find_id_result .search_table .search_tr li:nth-child(8){width: calc(100% - 380px);}
}
@media (max-width: 767px) {
    .find_id_result .find_id_result_text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .find_id_result .find_id_result_text .user_name{font-size: 16px;line-height: 24px;}

    .find_id_result .search_table{margin-bottom: 20px}
    .find_id_result .search_table .search_tr{align-items: flex-start;padding-left: 0;}
    .find_id_result .search_table .search_tr li.th{color: #9e9e9e;width: 100px;}
    .find_id_result .search_table .search_tr li:nth-child(2n){width: calc(100% - 100px);}

}


/*로그인 페이지*/
.user_service_page .inputBox input{width: 100%;}
.user_service_page .login_bottom {display: flex;justify-content: center;}
.user_service_page .login_bottom li{cursor: pointer;}
.user_service_page .login_bottom li {margin-right: 10px;position: relative;margin-left: 10px;}
.user_service_page .login_bottom li::before {position: absolute;right: -10px;width: 1px;background-color: #e0e0e0;content: "";top: 50%;transform: translateY(-50%);}
.user_service_page .login_bottom li:first-child{margin-left: 0;}
.user_service_page .login_bottom li:last-child{margin-right: 0;}
.user_service_page .login_bottom li:last-child::before{content: none;}

.user_service_page .inputBox.company_input{flex-wrap: nowrap;}
.user_service_page .inputBox.company_input p{color: #757575;word-break: keep-all;}
.user_service_page .inputBox.company_input input{margin: 0 10px;}

@media (min-width: 1366px){
    .user_service_page{width: 720px;margin: 0px auto;font-size: 16px;line-height: 24px;}
    .user_service_page .input_id_save label{color: #9e9e9e;font-size: 16px;line-height: 24px;}
    .user_service_page .login_bottom {color: #9e9e9e;margin-top: 30px;}
    .user_service_page .login_bottom li::before {height: 10px;}

    .user_service_page .inputBox.company_input p{font-size: 18px;line-height: 26px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .user_service_page{width: 100%;margin: 0px auto;font-size: 14px;line-height: 20px;}
    .user_service_page .input_id_save label{color: #9e9e9e;font-size: 14px;line-height: 20px;}
    .user_service_page .login_bottom {color: #9e9e9e;margin-top: 20px;}
    .user_service_page .login_bottom li::before {height: 8px;}

    .user_service_page .inputBox.company_input p{font-size: 16px;line-height: 24px;}
}
@media (max-width: 767px){
    .user_service_page{width: 100%;margin: 10px auto;font-size: 14px;line-height: 20px;}
    .user_service_page .input_id_save label{color: #9e9e9e;font-size: 14px;line-height: 20px;}
    .user_service_page .login_bottom {color: #9e9e9e;margin-top: 20px;}
    .user_service_page .login_bottom li::before {height: 8px;}

    .user_service_page .inputBox.company_input{display: flex;align-items: center;}
    .user_service_page .inputBox.company_input p{font-size: 16px;line-height: 24px;}
}

/*이이디 비밀번호 찾기*/
.find_account_page .inputBox .input_title{}
.inputBox.input_type_04 .email_code_wrapper{box-sizing: border-box;}
@media (min-width: 1366px){
    .find_account_page{width: 720px;margin: 60px auto;font-size: 16px;line-height: 24px;}
    .find_account_page .inputBox .input_title{width: 94px;}
    .inputBox.input_type_05 input{width: calc(100% - 94px)}

    .inputBox.input_type_06 input{width: calc((100% - 324px)/2);}
    .inputBox.input_type_06 .input_middle_text{width: 30px;}
    .inputBox.input_type_06 .email_code_wrapper{width: 200px;height: 60px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_06 .email_code_wrapper select {padding: 0 20px;background-size: 16px;background-position: calc(100% - 16px) center;}

    .find_account_page button{margin-top: 20px;}
    .find_account_page .find_pw_section{margin-top: 60px;}
    .find_account_page .certificate_type{width: 50%;font-size: 24px;line-height: 35px;margin-bottom: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .find_account_page{width: 100%;font-size: 14px;line-height: 20px;}
    .find_account_page .inputBox .input_title{width: 116px;}
    .inputBox.input_type_05 input{width: calc(100% - 116px)}

    .inputBox.input_type_06 input{width: calc((100% - 146px)/3);}
    .inputBox.input_type_06 .input_middle_text{width: 30px;}
    .inputBox.input_type_06 .email_code_wrapper{width: calc((100% - 146px)/3);height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;}
    .inputBox.input_type_06 .email_code_wrapper select {padding: 0 15px;background-size: 12px;background-position: calc(100% - 15px) center;}

    .find_account_page button{margin-top: 10px;}
    .find_account_page .find_pw_section{margin-top: 50px;}
    .find_account_page .certificate_type{width: 50%;font-size: 18px;line-height: 26px;margin-bottom: 10px;}
}
@media (max-width: 767px){
    .find_account_page{width: 100%;font-size: 14px;line-height: 20px;}
    .find_account_page .inputBox .input_title{width: 100%;}
    .inputBox.input_type_05 input{width: 100%}

    .inputBox.input_type_06 input{width: calc(50% - 15px); float: left;}
    .inputBox.input_type_06 .input_middle_text{width: 30px;}
    .inputBox.input_type_06 .email_code_wrapper{width: calc(50% - 15px);height: 48px; border: 1px solid #e0e0e0; border-radius: 5px;float: right;margin-top: 10px;}
    .inputBox.input_type_06 .email_code_wrapper select {padding: 0 15px;font-size: 16px;background-size: 12px;background-position: calc(100% - 15px) center;}

    .find_account_page button{margin-top: 10px;}
    .find_account_page .find_pw_section{margin-top: 50px;}
    .find_account_page .certificate_type{width: 50%;font-size: 18px;line-height: 26px;margin-bottom: 10px;float: left;}
}

/*아이디 찾기*/
@media (min-width: 1366px){

}
@media (max-width: 1365px) and (min-width: 768px){

}
@media (max-width: 767px){

}

/*게시판*/
.board_list_header {display: flex;margin-bottom: 30px;}

.board_page_body .board_list_header .search_wrapper{display: flex;justify-content: space-between;width: 100%;margin-bottom: 0;align-items: center;}
.board_page_body .board_list_header .search_wrapper .search_wrap_right{display: flex;margin-left: auto}
.board_page_body .tab_category{display: flex;align-items: center;flex-wrap: wrap;width: 100%;margin-bottom: 30px;}
.board_page_body .tab_category .tab_category_item{position: relative;padding-right: 10px;margin-right: 10px;color: #9e9e9e;cursor: pointer;}
.board_page_body .tab_category .tab_category_item.on{color: black;font-family: 'notokr-medium';}
.board_page_body .tab_category .tab_category_item::after{position: absolute;content: "";width: 1px;height: 10px;right: 0;top: 50%;transform: translateY(-50%);background-color: #e0e0e0;}
.board_page_body .tab_category .tab_category_item:last-child{margin-right: 0;padding-right: 0;}
.board_page_body .tab_category .tab_category_item:last-child::after{content: none;}

.page_content_body{min-height: 30vh;}
.board_page_body .board_list_tab{display: flex;justify-content: center;align-items: center;width: 100%;}
.board_page_body .board_list_tab .board_tab_item{position: relative;color: #9e9e9e;margin-right: 20px;cursor: pointer;}
.board_page_body .board_list_tab .board_tab_item:last-child{margin-right: 0;}
.board_page_body .board_list_tab .board_tab_item::before{position: absolute;content: '';width: 1px;height: 10px;top: 50%;transform: translateY(-50%);background-color: #e0e0e0;right: -11px;}
.board_page_body .board_list_tab .board_tab_item:last-child::before{content: none;}
.board_page_body .board_list_tab .board_tab_item.on{font-family: 'notokr-medium';color: black;}
.board_page_body .board_list_tab .board_tab_item.on::after{position: absolute;content: "";background-color: rgba(52, 191, 135, 0.16);width: calc(100% + 10px);left: -5px;bottom: 0;}
    /*임시*/
.board_section{width: 100%;border-top: 1px solid #000;}
.board_section .board_column{display: flex; width: 100%;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;letter-spacing: 0;align-items: center;}

.board_section .board_column.board_header {height: 52px;color: #9e9e9e;border-bottom: 1px solid black;}
.board_section .board_column.board_content_item .board_row_item{ display: inline-block; box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_section .board_column.board_content_item .board_type,
.board_section .board_column.board_content_item .board_view,
.board_section .board_column.board_content_item .board_date{color: #757575;}
.board_section .board_column.board_content_item .board_category{color: #3475bf;}
.board_section .board_column.board_content_item .board_type .always_top{background-color: #34bf87;color: white;width: 43px;font-size: 12px;text-align: center;border-radius: 20px;display: inline-block}
.board_section .board_column.board_content_item .board_title{ text-align: left; font-size: 16px;line-height: 24px; color: #424242;cursor: pointer;}
/*.board_section .board_column.board_content_item.notice_new .board_title{position: relative;box-sizing: border-box;}*/
/*.board_section .board_column.board_content_item.notice_new .board_title::after{content: "N";background-color: #3475bf;border-radius: 100%;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);font-family: 'notokr-black';text-align: center;color: #fff;}*/
.board_column.board_content_item.empty{display: flex;justify-content: center;align-items: center;background-color: #fafafa;color: #9e9e9e;width: 100%;font-size: 16px;line-height: 10px;}

.board_section .board_column.board_content_item .board_title.board_secret_icon{position: relative;}
.board_section .board_column.board_content_item .board_title.board_secret_icon::before{content: "";width: 18px;height: 18px;background: url("/res/home/conedu/img/common/icon_lock.svg")no-repeat;position: absolute;top: 50%;transform: translate(0,-50%);}
.board_section .board_column.board_content_item .board_file{ display: flex; align-items: center; justify-content: center; }
.board_section .board_column.board_content_item .board_file .board_file_icon{ background: url("/res/home/conedu/img/common/icon_file.svg")no-repeat; background-size: cover; cursor: pointer;}
@media (min-width: 1366px){
    .board_list_header {align-items: center;justify-content: space-between;}

    .board_page_body .board_list_header .search_wrapper .select_category{width: 280px;}
    .board_page_body .board_list_header .search_wrapper .select_keyword{width: 120px;}
    .board_page_body .board_list_header .search_wrapper .search_wrap_right .search_input_wrapper .search_input{width: 280px;}
    .board_page_body .tab_category .tab_category_item{font-size: 18px;line-height: 26px;}

    .board_page_body .board_list_tab{margin-bottom: 40px;}
    .board_page_body .board_list_tab .board_tab_item{font-size: 18px;line-height: 26px;}
    .board_page_body .board_list_tab .board_tab_item.on:after{height: 15px;}

    /*임시*/
    .board_section .board_column.board_header{font-size: 14px;line-height: 20px;}
    .board_section .board_column{align-items: center;text-align: center;font-size: 16px;line-height: 24px;}
    .board_section .board_column .board_row_item{ display: inline-block; align-items: center; justify-content: center; padding: 0 10px;}
    .board_section .board_column .board_type{width: 100px;}
    .board_section .board_column .board_category{width: 260px;padding: 0 14px;}
    .board_section .board_column .board_title{width: 540px;}
    .board_section .board_column .board_file{width: 100px;}
    .board_section .board_column .board_view{width: 100px;}
    .board_section .board_column .board_date{width: 100px;}
    .board_section .board_column.board_content_item {height: 60px;}
    .board_section .board_column.board_content_item .board_type .always_top{height: 26px;line-height: 26px;}
    .board_section .board_column.board_content_item .board_title{padding: 0 20px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon{padding-left: 43px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon::before{left: 20px;}
    .board_section .board_column.board_content_item .board_file .board_file_icon{ width: 22px; height: 22px; }

    /*.board_section .board_column.board_content_item.notice_new .board_title{padding-right: 28px;}*/
    /*.board_section .board_column.board_content_item.notice_new .board_title::after{width: 20px;height: 20px;font-size: 12px;line-height: 20px;}*/
    .board_column.board_content_item.empty{font-size: 16px;line-height: 60px;}

}
@media (max-width: 1365px) and (min-width: 768px){
    .board_list_header {align-items: center;justify-content: space-between;}

    .board_page_body .board_list_header .search_wrapper .select_category{width: 280px;}
    .board_page_body .board_list_header .search_wrapper .select_keyword{width: 120px;}
    .board_page_body .board_list_header .search_wrapper .search_wrap_right .search_input_wrapper .search_input{width: 280px;}
    .board_page_body .tab_category .tab_category_item{font-size: 16px;line-height: 24px;}

    .board_page_body .board_list_tab{margin-bottom: 30px;}
    .board_page_body .board_list_tab .board_tab_item{font-size: 16px;line-height: 24px;}
    .board_page_body .board_list_tab .board_tab_item.on:after{height: 12px;}

    .board_section .board_column{font-size: 0;line-height: 18px; padding: 24px 10px; position: relative; flex-wrap: wrap;}
    .board_section .board_column .board_row_item{ font-size: 12px;}
    .board_section .board_column .board_type{margin-right: 10px; order: 1;line-height: 17px;}
    .board_section .board_column .board_category{ order: 2;line-height: 17px;}
    .board_section .board_column .board_view{display: none !important;}
    .board_section .board_column .board_title{width: calc(100% - 38px); margin-top: 13px;order: 4;}
    .board_section .board_column .board_file{width: 18px; margin-top: 16px; order: 5; margin-left:  auto;}
    .board_section .board_column .board_date{order: 3; margin-left:  auto;line-height: 17px;}
    .board_section .board_column.board_content_item .board_type .always_top{height: 24px;line-height: 24px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon{padding-left: 26px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon::before{left: 0;}
    .board_section .board_column.board_content_item .board_file .board_file_icon{ width: 18px; height: 18px; }

    /*.board_section .board_column.board_content_item.notice_new .board_title{padding-right: 24px;margin-top: 10px;line-height: 20px;}*/
    /*.board_section .board_column.board_content_item.notice_new .board_title::after{width: 16px;height: 16px;font-size: 10px;line-height: 16px;}*/
    .board_column.board_content_item.empty{font-size: 12px;line-height: 58px;}
}
@media (max-width: 767px){
    .board_list_header {align-items: center;justify-content: space-between;flex-wrap: wrap;}

    .board_page_body .board_list_header .search_wrapper{flex-wrap: wrap;}
    .board_page_body .board_list_header .search_wrapper .select_category{width: 100%;margin-bottom: 20px;margin-right: 0;}
    .board_page_body .board_list_header .search_wrapper .select_keyword{width: 100px;margin-right: 0;}
    .board_page_body .board_list_header .search_wrapper .search_wrap_right{width: 100%;}
    .board_page_body .board_list_header .search_wrapper .search_wrap_right .search_input_wrapper{width: calc(100% - 110px);margin-left: 10px;}
    .board_page_body .board_list_header .search_wrapper .search_wrap_right .search_input_wrapper .search_input{width: 100%;}
    .board_page_body .tab_category{margin-bottom: 30px;}
    .board_page_body .tab_category .tab_category_item{font-size: 16px;line-height: 24px;}

    .board_page_body .board_list_tab{margin-bottom: 30px;}
    .board_page_body .board_list_tab .board_tab_item{font-size: 16px;line-height: 24px;}
    .board_page_body .board_list_tab .board_tab_item.on:after{height: 12px;}

    .board_section .board_column{font-size: 0;line-height: 18px; padding: 24px 10px; position: relative; flex-wrap: wrap;}
    .board_section .board_column .board_row_item{ font-size: 12px;}
    .board_section .board_column .board_type{margin-right: 10px; order: 1;line-height: 17px;}
    .board_section .board_column .board_category{ order: 2;line-height: 17px;}
    .board_section .board_column .board_view{display: none !important;}
    .board_section .board_column .board_title{width: calc(100% - 38px); margin-top: 13px;order: 4;}
    .board_section .board_column .board_file{width: 18px; margin-top: 16px; order: 5; margin-left:  auto;}
    .board_section .board_column .board_date{order: 3; margin-left:  auto;line-height: 17px;}
    .board_section .board_column.board_content_item .board_type .always_top{height: 24px;line-height: 24px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon{padding-left: 26px;}
    .board_section .board_column.board_content_item .board_title.board_secret_icon::before{left: 0;}
    .board_section .board_column.board_content_item .board_file .board_file_icon{ width: 18px; height: 18px; }

    /*.board_section .board_column.board_content_item.notice_new .board_title{padding-right: 24px;margin-top: 10px;line-height: 20px;}*/
    /*.board_section .board_column.board_content_item.notice_new .board_title::after{width: 16px;height: 16px;font-size: 10px;line-height: 16px;}*/
    .board_column.board_content_item.empty{font-size: 12px;line-height: 58px;}
}

/*게시판 상세*/
.board_title_wrap{border-top: 1px solid black;border-bottom: 1px solid #e0e0e0;display: flex;flex-direction: column;align-items: flex-start;position: relative;}
.board_title_wrap .always_top{background-color: #34bf87;color: white;width: 43px;font-size: 12px;text-align: center;border-radius: 20px;display: inline-block;margin-bottom: 10px;}
.board_title_wrap .board_manage_btn{background-color: white;padding: 5px 0;border: 1px solid #e0e0e0;position: absolute;right: 0;display: none;}
.board_title_wrap .board_manage_btn.on{display: block;}
.board_title_wrap .board_manage_btn li{height: 32px;line-height: 32px;padding: 0 20px;font-size: 14px;color: #757575;cursor: pointer;}
.board_title_wrap .board_category{color: #3475bf;}
.board_title_wrap .title{font-family: 'notokr-medium';color: black;}
.board_title_wrap .title_info{display: flex;}
.board_title_wrap .title_info li{position: relative;color: #757575;padding-right: 10px;margin-right: 10px;}
.board_title_wrap .title_info li:last-child{padding-right: 0;margin-right: 0;}
.board_title_wrap .title_info li:last-child::after{content: none;}
.board_title_wrap .title_info li::after{position: absolute;content: '';width: 1px;height: 10px;top: 50%;transform: translateY(-50%);right: 0;background-color: #e0e0e0;}
.board_title_wrap .title_info .board_secret{padding-left: 26px;}
.board_title_wrap .title_info .board_secret::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 18px;height: 18px;background: url("/res/home/conedu/img/common/icon_lock.svg") no-repeat;}
.board_title_wrap .board_share{position: absolute;top: 50%;transform: translateY(-50%);}
.board_title_wrap .board_share img{width: 16px;height: 16px;}

.board_detail_course_wrap{display: flex;justify-content: flex-start;align-items: flex-start;color: #757575;border-bottom: 1px solid #e0e0e0;flex-wrap: wrap;}
.board_detail_course_wrap p:first-child{position: relative;}
.board_detail_course_wrap p:first-child::after{position: absolute;content: "";width: 1px;height: 10px;right: 0;background-color: #e0e0e0;}
.board_detail_course_wrap .board_detail_course_title{color: #424242;}
.board_detail_course_wrap.course_title{padding-bottom: 0;border-bottom: none;}
.board_detail_course_wrap.course_title .board_detail_course_title{color: #3475bf;}

.board_content_wrap{border-bottom: 1px solid #e0e0e0;}
.board_content_wrap .board_body{color: #424242;width: 100%;}
/*.board_content_wrap .board_body_img{background-color: #e0e0e0;width: 100%;color: #424242;text-align: center;}*/
.board_content_wrap img{max-width: 100% !important;}
.board_page_body .button_wrapper{width: 100%;display: flex;}
.board_page_body .button_wrapper .small_btn:nth-child(2){margin-left: 10px;}
.board_page_body .button_wrapper .small_btn:last-child{margin-left: auto !important;}
/*첨부파일*/
.board_attachment{display: flex;background-color: #fafafa;color: #757575;}
.board_attachment_list{display: flex;flex-direction: column;}
.board_attachment_list .board_attachment_item{display: flex;align-items: center;cursor: pointer;}
.board_attachment_list .board_attachment_item:last-child{margin-bottom: 0;}
.board_attachment_list .board_attachment_item .attachment_icon{width: 22px;height: 22px;margin-right: 10px;}
.board_attachment_list .board_attachment_item .attachment_title{color: #757575;}
.board_attachment_list .board_attachment_item .attachment_size{color: #9e9e9e;margin-left: auto;font-size: 14px;line-height: 20px;}

.board_comment_wrap{background-color: rgba(52, 117, 191, 0.03);border-bottom: 1px solid #e0e0e0;margin-bottom: 30px;}
.board_comment_wrap .board_comment_header{display: flex;align-items: center;justify-content: flex-start;}
.board_comment_wrap .board_comment_header .comment_icon{width: 10px;height: 10px;border-left: 1px solid #9e9e9e;border-bottom: 1px solid #9e9e9e;margin-right: 10px;}
.board_comment_wrap .board_comment_header .comment_user{font-family: 'notokr-medium';color: #3475bf;margin-right: 10px;}
.board_comment_wrap .board_comment_header .comment_registered_date{color: #757575;}

.board_comment_wrap .board_comment_body{color: #424242;}
.board_comment_wrap .board_attachment_list{width: 100%;}
.board_comment_wrap .board_attachment_list .board_attachment_item{background-color: white;border: 1px solid #e0e0e0;border-radius: 4px;padding: 0 10px;margin-bottom: 8px;}
.board_comment_wrap .board_attachment_list .board_attachment_item:last-child{margin-bottom: 0;}
@media (min-width: 1366px){
    .board_title_wrap{padding: 30px;}
    .board_title_wrap .always_top{height: 26px;line-height: 26px;}
    .board_title_wrap .board_category{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .board_title_wrap .title{font-size: 28px;line-height: 40px;margin-bottom: 20px;padding-right: 180px;}
    .board_title_wrap .title_info li{font-size: 16px;line-height: 24px;}

    .board_title_wrap .board_share{right: 30px;}
    .board_title_wrap .board_share img{margin-left: 8px;margin-bottom: -2px;}

    .board_detail_course_wrap{padding: 20px 30px;font-size: 16px;line-height: 24px;}
    .board_detail_course_wrap p:first-child{position: relative;padding-right: 10px;margin-right: 10px;width: 55px;}
    .board_detail_course_wrap p:first-child::after{top: 7px;}
    .board_detail_course_wrap .board_detail_course_title{width: calc(100% - 65px);}

    .board_detail_course_wrap.course_title{margin-bottom: -10px;}

    .board_content_wrap{padding: 40px 30px;margin-bottom: 40px;}
    .board_content_wrap .board_body{margin-bottom: 40px;font-size: 16px;line-height: 24px;}
    /*임시*/
    .board_content_wrap .board_body_img{margin-bottom: 40px;}
    /*.board_content_wrap .board_body_img{height: 414px;line-height: 414px;font-size: 16px;margin-bottom: 40px;}*/

    .board_attachment{padding: 20px 30px;}
    .board_attachment_right{width: 110px;font-size: 16px;line-height: 40px;}
    .board_attachment_list{width: calc(100% - 110px);}
    .board_attachment_list .board_attachment_item{height: 40px;}
    .board_attachment_list .board_attachment_item .attachment_title{font-size: 16px;line-height: 24px;}

    .board_comment_wrap{margin-top: -40px;padding: 30px;}
    .board_comment_wrap .board_comment_header{margin-bottom: 20px;}
    .board_comment_wrap .board_comment_header .comment_user{font-size: 18px;line-height: 26px;}
    .board_comment_wrap .board_comment_header .comment_registered_date{font-size: 14px;line-height: 20px;}
    .board_comment_wrap .board_comment_body{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .board_title_wrap{padding: 20px 15px;}
    .board_title_wrap .always_top{height: 24px;line-height: 24px;}
    .board_title_wrap .board_category{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .board_title_wrap .vertical_dots{position: absolute;top: 13px;right: 0; cursor: pointer;}
    .board_title_wrap .board_manage_btn{top: 43px;}
    .board_title_wrap .title{font-size: 20px;line-height: 29px;margin-bottom: 18px;padding-right: 66px;}
    .board_title_wrap .title_info li{font-size: 14px;line-height: 20px;}

    .board_title_wrap .board_share{right: 15px;font-size: 0;width: 36px;height: 36px;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
    .board_title_wrap .board_share img{margin: 0;}

    .board_detail_course_wrap{padding: 15px;font-size: 14px;line-height: 20px;}
    .board_detail_course_wrap p:first-child{position: relative;padding-right: 5px;margin-right: 5px;width: 45px;}
    .board_detail_course_wrap p:first-child::after{top: 5px;}
    .board_detail_course_wrap .board_detail_course_title{width: calc(100% - 50px);}

    .board_detail_course_wrap.course_title{margin-bottom: -5px;}

    .board_content_wrap{padding: 30px 15px;margin-bottom: 30px;}
    .board_content_wrap .board_body{margin-bottom: 30px;font-size: 14px;line-height: 20px;}
    /*임시*/
    .board_content_wrap .board_body_img{margin-bottom: 30px;}
    /*.board_content_wrap .board_body_img{height: 250px;line-height: 250px;font-size: 16px;margin-bottom: 30px;}*/

    .board_attachment{padding: 10px;}
    .board_attachment_list{width: 100%;}
    .board_attachment_list .board_attachment_item{height: 40px;}
    .board_attachment_list .board_attachment_item .attachment_title{font-size: 14px;line-height: 20px;}

    .board_comment_wrap{margin-top: -30px;padding: 20px 15px;}
    .board_comment_wrap .board_comment_header{margin-bottom: 15px;}
    .board_comment_wrap .board_comment_header .comment_user{font-size: 16px;line-height: 24px;}
    .board_comment_wrap .board_comment_header .comment_registered_date{font-size: 12px;line-height: 17px;}
    .board_comment_wrap .board_comment_body{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
}
@media (max-width: 767px){
    .board_title_wrap{padding: 20px 15px;}
    .board_title_wrap .always_top{height: 24px;line-height: 24px;}
    .board_title_wrap .board_category{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .board_title_wrap .vertical_dots{position: absolute;top: 25px;right: 0; cursor: pointer;}
    .board_title_wrap .board_manage_btn{top: 55px;}
    .board_title_wrap .title{font-size: 20px;line-height: 29px;margin-bottom: 18px;padding-right: 66px;}
    .board_title_wrap .title_info li{font-size: 14px;line-height: 20px;}

    .board_title_wrap .board_share{right: 15px;font-size: 0;width: 36px;height: 36px;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
    .board_title_wrap .board_share img{margin: 0;}

    .board_detail_course_wrap{padding: 15px;font-size: 14px;line-height: 20px;}
    .board_detail_course_wrap p:first-child{position: relative;padding-right: 5px;margin-right: 5px;width: 45px;}
    .board_detail_course_wrap p:first-child::after{top: 5px;}
    .board_detail_course_wrap .board_detail_course_title{width: calc(100% - 50px);}

    .board_detail_course_wrap.course_title{margin-bottom: -5px;}

    .board_content_wrap{padding: 30px 15px;margin-bottom: 30px;}
    .board_content_wrap .board_body{margin-bottom: 30px;font-size: 14px;line-height: 20px;}
    /*임시*/
    .board_content_wrap .board_body_img{margin-bottom: 30px;}
    /*.board_content_wrap .board_body_img{height: 200px;line-height: 200px;font-size: 16px;margin-bottom: 30px;}*/

    .board_attachment{padding: 10px;}
    .board_attachment_list{width: 100%;}
    .board_attachment_list .board_attachment_item{height: 40px;}
    .board_attachment_list .board_attachment_item .attachment_title{font-size: 14px;line-height: 20px;}

    .board_comment_wrap{margin-top: -30px;padding: 20px 15px;}
    .board_comment_wrap .board_comment_header{margin-bottom: 15px;}
    .board_comment_wrap .board_comment_header .comment_user{font-size: 16px;line-height: 24px;}
    .board_comment_wrap .board_comment_header .comment_registered_date{font-size: 12px;line-height: 17px;}
    .board_comment_wrap .board_comment_body{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
}

/*게시판 글쓰기*/
.board_write_wrap{border-top: 1px solid black;border-bottom: 1px solid #e0e0e0;display: flex;flex-direction: column;align-items: flex-start;position: relative;}
.board_write_wrap .option_item{display: flex;margin-bottom: 20px;width: 100%;align-items: flex-start;}
.board_write_wrap .option_item .option_title{color: #424242;}
.board_write_wrap .option_item .board_option, .board_write_wrap .option_item .board_option label{cursor:pointer;}
.board_write_wrap .option_item .board_option:last-child{margin-right: 0;}
.board_write_wrap .option_item .add_attachment{border-radius: 5px;}

.board_write_wrap .attachment_wrap .attachment_list{display: flex;width: 100%;flex-wrap: wrap;}
.board_write_wrap .attachment_wrap .attachment_list .board_attachment_item{border: 1px solid #e0e0e0;border-radius: 4px;display: flex;align-items: center;color: #757575;height: 40px;margin-bottom: 10px;width: 100%;cursor: pointer;}
.board_write_wrap .attachment_wrap .attachment_list .board_attachment_item:last-child{margin-bottom: 0;}
.board_write_wrap .attachment_wrap .attachment_list .board_attachment_item .attachment_icon{width: 22px;height: 22px;margin-right: 10px;}
.board_write_wrap .attachment_wrap .attachment_list .board_attachment_item .attachment_title{width: calc(100% - 40px);}
.board_write_wrap .attachment_wrap .attachment_list .board_attachment_item .delete_attachment{margin-left: auto;width: 18px;height: 18px;background: url("/res/home/conedu/img/common/icon_close_grey.svg");background-size: cover;}

.board_write_wrap .board_write_body{border-radius: 5px;border: 1px solid #e0e0e0;box-sizing: border-box;}

.board_write_wrap input::placeholder,
.board_write_wrap textarea::placeholder{
    color: #757575;
}
@media (min-width: 1366px){
    .board_write_wrap{padding: 30px;margin-bottom: 40px;}
    .board_write_wrap .option_item .option_title{font-size: 20px;line-height: 60px;width: 177px;}
    .board_write_wrap .option_item .board_option{margin-right: 80px;padding: 16px 0;}

    .board_write_wrap .option_item .normal_input{width: calc(100% - 177px);}
    .board_write_wrap .option_item .normal_select{min-width: 346px;}
    .board_write_wrap .option_item .add_attachment{line-height: 48px;}

    .board_write_wrap .attachment_wrap{width: calc(100% - 177px);margin-left: 177px;}
    .board_write_wrap .attachment_wrap .attachment_list .board_attachment_item{padding: 0 10px;font-size: 16px;}

    .board_write_wrap .board_write_body{width: calc(100% - 177px);height: 400px;padding: 30px 20px;font-size: 18px;color: #757575;}

    .board_write_wrap .file_uploader_button{margin: auto 0;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .board_write_wrap{padding: 30px 15px;margin-bottom: 30px;}
    .board_write_wrap .option_item .option_title{font-size: 16px;line-height: 48px;width: 90px;}
    .board_write_wrap .option_item .board_option{margin-right: 40px;padding: 12px 0;}

    .board_write_wrap .option_item .normal_input{width: calc(100% - 90px);}
    .board_write_wrap .option_item .normal_select{width: calc(100% - 90px);}
    .board_write_wrap .option_item .add_attachment{line-height: 44px;}

    .board_write_wrap .attachment_wrap{width: calc(100% - 90px);margin-left: 90px;}
    .board_write_wrap .attachment_wrap .attachment_list .board_attachment_item{padding: 0 10px;font-size: 14px;}

    .board_write_wrap .board_write_body{width: calc(100% - 90px);height: 290px;padding: 20px 15px;font-size: 16px;color: #757575;}

    .board_write_wrap .file_uploader_button{margin: auto 0;}
}
@media (max-width: 767px){
    .board_write_wrap{padding: 30px 15px;margin-bottom: 30px;}
    .board_write_wrap .option_item{flex-wrap: wrap;}
    .board_write_wrap .option_item .option_title{font-size: 16px;line-height: 24px;width: 65px;}
    .board_write_wrap .option_item .option_title_attachment{margin: auto 0;}
    .board_write_wrap .option_item .board_option{margin-right: 27px;padding: 12px 0;}

    .board_write_wrap .option_item .normal_input{width: 100%;margin-top: 10px;}
    .board_write_wrap .option_item .normal_select{width: 100%;margin-top: 10px;}
    .board_write_wrap .option_item .add_attachment{margin-left: auto;line-height: 44px;}

    .board_write_wrap .attachment_wrap{width: 100%;}
    .board_write_wrap .attachment_wrap .attachment_list .board_attachment_item{padding: 0 10px;font-size: 14px;}

    .board_write_wrap .board_write_body{width: 100%;height: 290px;padding: 20px 15px;font-size: 16px;color: #757575;margin-top: 10px;}

    .board_write_wrap .file_uploader_button{margin-left: auto;}
}

/*FAQ*/
.faq_section .faq_content{border: 1px solid #e0e0e0;border-radius: 5px;margin-bottom: 10px;}
.faq_section .faq_content:last-child{margin-bottom: 0;}
.faq_section .faq_content .faq_content_header{display: flex;background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;align-items: center;cursor: pointer;}
.faq_section .faq_content .faq_content_header .category{color: #3475bf;}
.faq_section .faq_content .faq_content_header .title{color: black;}
.faq_section .faq_content .faq_content_body{border-top: 1px solid #e0e0e0;display: none;}
.faq_section .faq_content .faq_content_body .faq_content_text{color: #424242;}

.faq_section .faq_content.show{border: 1px solid #3475bf;}
.faq_section .faq_content.show .faq_content_header{background-image: url("/res/home/conedu/img/common/icon_down_blue.svg");}

.faq_info{display: flex;align-items: center;background-color: rgba(49, 144, 207, 0.08);}
.faq_info .faq_info_text .faq_info_text_top{font-family: 'notokr-medium';color: #424242;}
.faq_info .faq_info_text .faq_info_text_bottom{color: #757575;}
.faq_info .faq_info_btn{background-color: #3475bf;border: 1px solid #3475bf;color: white;border-radius: 5px !important;}

.faq_section .faq_content.empty{justify-content: center;align-items: center;background-color: #fafafa;color: #9e9e9e;font-size: 16px;line-height: 24px;display: flex;height: 160px;border: none;}
@media (min-width: 1366px){
    .faq_section .faq_content .faq_content_header{padding: 27px 40px;background-position: calc(100% - 40px) center;background-size: 16px;}
    .faq_section .faq_content .faq_content_header .category{width: 130px;padding-right: 20px;font-size: 16px;line-height: 24px;}
    .faq_section .faq_content .faq_content_header .title{width: calc(100% - 150px);font-size: 18px;line-height: 26px;}
    .faq_section .faq_content .faq_content_body{padding: 30px 40px;}
    .faq_section .faq_content .faq_content_body .faq_content_text{font-size: 16px;line-height: 24px;margin-bottom: 20px;}

    .faq_info{margin-top: 60px;margin-bottom: 0;}
    .faq_info .faq_info_text .faq_info_text_top{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .faq_info .faq_info_text .faq_info_text_bottom{font-size: 16px;line-height: 24px;}
    .faq_info .faq_info_btn{margin-left: auto;}
    .faq_info .faq_info_icon{width: 60px;height: 60px;margin-right: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .faq_section .faq_content .faq_content_header{flex-wrap: wrap;padding: 20px 15px;background-position: calc(100% - 15px) center;background-size: 12px;}
    .faq_section .faq_content .faq_content_header .category{width: 100%;padding-right: 20px;font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .faq_section .faq_content .faq_content_header .title{width: 100%;padding-right: 20px;font-size: 16px;line-height: 24px;}
    .faq_section .faq_content .faq_content_body{padding: 20px 15px;}
    .faq_section .faq_content .faq_content_body .faq_content_text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .faq_info{margin-top: 40px;margin-bottom: 0;}
    .faq_info .faq_info_text .faq_info_text_top{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .faq_info .faq_info_text .faq_info_text_bottom{font-size: 14px;line-height: 20px;}
    .faq_info .faq_info_btn{margin-left: auto;}
    .faq_info .faq_info_icon{width: 48px;height: 48px;margin-right: 20px;}
}
@media (max-width: 767px){
    .faq_section .faq_content .faq_content_header{flex-wrap: wrap;padding: 20px 15px;background-position: calc(100% - 15px) center;background-size: 12px;}
    .faq_section .faq_content .faq_content_header .category{width: 100%;padding-right: 20px;font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .faq_section .faq_content .faq_content_header .title{width: 100%;padding-right: 20px;font-size: 16px;line-height: 24px;}
    .faq_section .faq_content .faq_content_body{padding: 20px 15px;}
    .faq_section .faq_content .faq_content_body .faq_content_text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .faq_info{margin-top: 40px; flex-wrap: wrap;}
    .faq_info.grey_box{margin-bottom: -40px}
    .faq_info .faq_info_text .faq_info_text_top{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .faq_info .faq_info_text .faq_info_text_bottom{font-size: 14px;line-height: 20px;}
    .faq_info .faq_info_btn{width: 100%;margin-top: 5px;}
    .faq_info .faq_info_icon{display: none;}
}

/*갤러리*/
.gallery_section{display: flex;flex-wrap: wrap;}
.gallery_section .gallery_item{cursor: pointer;}
.gallery_section .gallery_item .gallery_item_thumbnail{border-radius: 5px;width: 100%;background-color: #f5f5f5;}
.gallery_section .gallery_item .gallery_item_info p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-break: break-word;}
.gallery_section .gallery_item .gallery_item_info .category{color: #3475bf;}
.gallery_section .gallery_item .gallery_item_info .title{font-family: 'notokr-medium';color: black;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gallery_section .gallery_item .gallery_item_info .body{color: #9e9e9e;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gallery_section .gallery_item .gallery_item_info .registered_date{color: #757575;}
@media (min-width: 1366px){
    .gallery_section{gap: 50px 40px;}
    .gallery_section .gallery_item{width: calc((100% - 80px) / 3);}
    .gallery_section .gallery_item .gallery_item_thumbnail{height: 210px;margin-bottom: 20px;}
    .gallery_section .gallery_item .gallery_item_info .category{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
    .gallery_section .gallery_item .gallery_item_info .title{font-size: 18px;line-height: 26px;height: 52px;margin-bottom: 15px;}
    .gallery_section .gallery_item .gallery_item_info .body{font-size: 14px;line-height: 20px;height: 40px;margin-bottom: 20px;}
    .gallery_section .gallery_item .gallery_item_info .registered_date{font-size: 14px;line-height: 20px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .gallery_section{gap: 30px;}
    .gallery_section .gallery_item{width: calc((100% - 30px) / 2);}
    .gallery_section .gallery_item .gallery_item_thumbnail{height: 0;margin-bottom: 15px;padding-top: 56.25%;}
    .gallery_section .gallery_item .gallery_item_info .category{font-size: 12px;line-height: 17px;margin-bottom: 10px;}
    .gallery_section .gallery_item .gallery_item_info .title{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 15px;}
    .gallery_section .gallery_item .gallery_item_info .body{font-size: 12px;line-height: 17px;height: 34px;margin-bottom: 15px;}
    .gallery_section .gallery_item .gallery_item_info .registered_date{font-size: 12px;line-height: 17px;}
}
@media (max-width: 767px){
    .gallery_section{gap: 30px;}
    .gallery_section .gallery_item{width: 100%;}
    .gallery_section .gallery_item .gallery_item_thumbnail{height: 0;margin-bottom: 15px;padding-top: 56.25%;}
    .gallery_section .gallery_item .gallery_item_info .category{font-size: 12px;line-height: 17px;margin-bottom: 10px;}
    .gallery_section .gallery_item .gallery_item_info .title{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 15px;}
    .gallery_section .gallery_item .gallery_item_info .body{font-size: 12px;line-height: 17px;height: 34px;margin-bottom: 15px;}
    .gallery_section .gallery_item .gallery_item_info .registered_date{font-size: 12px;line-height: 17px;}
}

/*모바일용 수강신청 상단 타이틀*/
@media (max-width: 767px){
    .enroll_header_title_mobile{
        font-family: 'notokr-medium';
        font-size: 20px;
        line-height: 29px;
        margin-top: -20px;
    }
}

.guide_step .guide_step_item{border-bottom: 1px solid #e0e0e0;display: flex;}
.guide_step .guide_step_item:first-child{border-top: 1px solid #e0e0e0;}
.guide_step .guide_step_item .guide_step_left{}
.guide_step .guide_step_item .guide_step_right img{max-width: 100%;}
.guide_step .guide_step_item .guide_step_title{font-family: 'notokr-medium';color: #424242;display: flex;align-items: flex-start;justify-content: flex-start;}
.guide_step .guide_step_item .guide_step_title .guide_step_number{width: 20px;height: 20px;background-color: #34bf87;border-radius: 100%;text-align: center;line-height: 20px;font-family: 'spoqa-bold';font-size: 10px;color: white;}
.guide_step .guide_step_item .guide_step_body{color: #424242;}
.guide_step .guide_step_item .guide_step_body p{margin-bottom: 20px;}
.guide_step .guide_step_item .guide_step_body p:last-child{margin-bottom: 0;}
@media (min-width: 1366px){
    .guide_step .guide_step_item{padding: 30px;}
    .guide_step .guide_step_item .guide_step_left{width: calc(100% - 540px);padding-right: 30px;}
    .guide_step .guide_step_item .guide_step_right{width: 540px;min-height: 253px;}
    .guide_step .guide_step_item .guide_step_title{font-size: 24px;line-height: 35px;margin-bottom: 30px;}
    .guide_step .guide_step_item .guide_step_title .guide_step_number{margin-right: 10px;margin-top: 8px;}
    .guide_step .guide_step_item .guide_step_body{font-size: 16px;line-height: 24px;}
    .guide_step .guide_step_item .guide_step_body .sub_text{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .guide_step .guide_step_item{padding: 20px 15px;}
    .guide_step .guide_step_item .guide_step_left{width: calc(100% - 330px);padding-right: 30px;}
    .guide_step .guide_step_item .guide_step_right{width: 330px;min-height: 155px;}
    .guide_step .guide_step_item .guide_step_title{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
    .guide_step .guide_step_item .guide_step_title .guide_step_number{margin-right: 8px;margin-top: 3px;}
    .guide_step .guide_step_item .guide_step_body{font-size: 14px;line-height: 20px;}
    .guide_step .guide_step_item .guide_step_body .sub_text{font-size: 12px;line-height: 17px;margin-bottom: 10px;}
}
@media (max-width: 767px){
    .guide_step .guide_step_item{padding: 20px 15px;flex-direction: column;}
    .guide_step .guide_step_item .guide_step_left{width: 100%;}
    .guide_step .guide_step_item .guide_step_right{width: 100%;min-height: 136px;margin-top: 30px;}
    .guide_step .guide_step_item .guide_step_title{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
    .guide_step .guide_step_item .guide_step_title .guide_step_number{margin-right: 8px;margin-top: 3px;}
    .guide_step .guide_step_item .guide_step_body{font-size: 14px;line-height: 20px;}
    .guide_step .guide_step_item .guide_step_body .sub_text{font-size: 12px;line-height: 17px;margin-bottom: 10px;}
}


/*수강신청 페이지1*/
.stage_bar{ width: calc(100% + 40px); height: 10px; background-color: #eee; margin-left: -20px;}
/*.stage_bar .stage_present{ width: calc(100% / 7);animation-name: stagebar; animation-duration: 0.8s; height: 5px; background-color: #ff013d; border-radius: 0 100px 100px 0; }*/
.stage_bar .stage_present{ width: 20%; height: 10px; background-color: #34bf87; }
.stage_bar.fixed{position: fixed;top: 0;width: 100%;z-index: 2;}

.select_course {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.select_course .course_item {border: 1px solid #e0e0e0;border-radius: 5px;cursor: pointer;}
.select_course .course_item.select{border: 1px solid #34bf87;background: url("/res/home/conedu/img/common/icon_check_white.svg") #34bf87 no-repeat;}
.select_course .course_item .course_category {color: #757575;}
.select_course .course_item .course_title {font-family: 'notokr-medium'}
.select_course .course_item.select .course_category{color: white;opacity: 0.8;}
.select_course .course_item.select .course_title{color: white;}
@media (min-width: 1366px){
    .select_course {margin-bottom: -20px;}
    .select_course .course_item {width: calc(50% - 10px);padding: 22px 30px;margin-bottom: 20px;}
    .select_course .course_item.select{background-position: calc(100% - 30px) center;background-size: 24px auto;}
    .select_course .course_item .course_category {font-size: 14px;line-height: 20px;margin-bottom: 5px;}
    .select_course .course_item .course_title {font-size: 20px;line-height: 29px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .select_course {margin-bottom: -10px;}
    .select_course .course_item {width: calc(50% - 5px);padding: 11px 15px;margin-bottom: 10px;}
    .select_course .course_item.select{background-position: calc(100% - 18px) center;background-size: 20px auto;}
    .select_course .course_item .course_category {font-size: 12px;line-height: 17px;margin-bottom: 3px;}
    .select_course .course_item .course_title {font-size: 16px;line-height: 24px;}
}
@media (max-width: 767px){
    .select_course {margin-bottom: -10px;}
    .select_course .course_item {width: 100%;padding: 11px 15px;margin-bottom: 10px;}
    .select_course .course_item.select{background-position: calc(100% - 15px) center;background-size: 20px auto;}
    .select_course .course_item .course_category {font-size: 12px;line-height: 17px;margin-bottom: 3px;}
    .select_course .course_item .course_title {font-size: 16px;line-height: 24px;}
}


/*수강신청 페이지2*/
.selected_option{width: 100%;display: flex;background-color: white;border: 1px solid #095b5b;align-items: center;flex-wrap: wrap;position: relative;}
.selected_option .selected_option_frame{display: flex;background-color: white;align-items: center;flex-wrap: wrap;}
.selected_option .selected_option_title{font-family: 'notokr-medium';color: #095b5b;display: flex;align-items: center;}
.selected_option .selected_option_title img{margin-right: 5px;}
.selected_option .selected_option_item{display: flex;align-items: center;position: relative;color: #424242;padding: 0 5px;}
.selected_option .selected_option_item::before {content: "";width: 1px;height: 10px;position: absolute;left: 0;background-color: #e0e0e0;}
.selected_option .selected_option_item span:first-child{color: #757575;}

/*스크롤 고정*/
.selected_option.fixed{position: fixed;top: 0;left: 0;text-align: center;border-radius: 0;z-index: 2;border-top: 0;border-right: 0;border-left: 0;justify-content: center;}

.option_list_wrapper{position: relative;}
.option_list_wrapper .option_list {display: none;}
.option_list_wrapper.on .option_list {display: flex;flex-wrap: wrap;}
.option_list_wrapper .option_list .option_item {cursor: pointer;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.option_list_wrapper .option_list .option_item:hover {background: url('/res/home/conedu/img/common/icon_check_white.svg') #62D89D no-repeat calc(100% - 20px) center / 20px auto; color: #fff;}
.option_list_wrapper .option_list .option_item.disabled{background-color: #fafafa;color: #9e9e9e;cursor: inherit;}
.option_list_wrapper .option_list .option_item.select{border: 1px solid #34bf87;background: url("/res/home/conedu/img/common/icon_check_white.svg") #34bf87 no-repeat;color: white;font-family: 'notokr-medium'}
.option_list_wrapper .fold_btn {position: absolute;right: 0;color: #3475bf;font-family: 'notokr-regular';cursor: pointer;height: 100%;}
.option_list_wrapper .fold_btn::before,
.option_list_wrapper .fold_btn::after {position: absolute;content: "";background-color: #9e9e9e;top: 50%;transform: translateY(-50%);}
.option_list_wrapper.on .fold_btn::after{content: none;}

@media (min-width: 1366px){
    .selected_option{padding: 26px 30px;border-radius: 20px;margin-bottom: 30px;}
    .selected_option .selected_option_title{font-size: 18px;padding-right: 10px;line-height: 26px;}
    .selected_option .selected_option_item{font-size: 18px;line-height: 26px;}
    .selected_option.fixed .selected_option_frame{width: 1200px;padding: 0 30px;}
    .option_list_wrapper{margin-bottom: 30px;}
    .option_list_wrapper .option_list .option_item {height: 60px;margin-top: 20px;font-size: 18px;line-height: 58px;padding-left: 16px;padding-right: 38px;margin-right: 20px;}
    .option_list_wrapper .option_list .option_item.select{background-position: calc(100% - 20px) center;background-size: 20px auto;}
    .option_list_wrapper .option_list .option_item.long_text{font-size: 15px;}
    .option_list_wrapper.row1 .option_list .option_item {width: 100%;margin-right: 0;}
    .option_list_wrapper.row2 .option_list .option_item {width: calc(50% - 10px);}
    .option_list_wrapper.row2 .option_list .option_item:nth-child(-n+2){margin-top: 0;}
    .option_list_wrapper.row2 .option_list .option_item:nth-child(2n) {margin-right: 0;}
    .option_list_wrapper.row3 .option_list .option_item {width: calc((100% - 40px)/3);}
    .option_list_wrapper.row3 .option_list .option_item:nth-child(-n+3){margin-top: 0;}
    .option_list_wrapper.row3 .option_list .option_item:nth-child(3n) {margin-right: 0;}
    .option_list_wrapper.row4 .option_list .option_item {width: calc((100% - 60px)/4);}
    .option_list_wrapper.row4 .option_list .option_item:nth-child(-n+4){margin-top: 0;}
    .option_list_wrapper.row4 .option_list .option_item:nth-child(4n) {margin-right: 0;}
    .option_list_wrapper .fold_btn{font-size: 20px;padding-right: 53px;}
    .option_list_wrapper .fold_btn::before {width: 20px;height: 3px;right: 2px;}
    .option_list_wrapper .fold_btn::after {width: 3px;height: 20px;right: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .selected_option{padding: 17px 20px;border-radius: 10px;margin-bottom: 20px;}
    .selected_option .selected_option_title{font-size: 16px;padding-right: 10px;line-height: 24px;}
    .selected_option .selected_option_item{font-size: 16px;line-height: 24px;}
    .selected_option.fixed .selected_option_frame{width: calc(100% - 50px);}
    .option_list_wrapper{margin-bottom: 30px;}
    .option_list_wrapper .option_list {justify-content: space-between;}
    .option_list_wrapper .option_list .option_item {height: 48px;margin-top: 10px;font-size: 16px;line-height: 46px;padding-left: 15px;width: calc(50% - 5px);}
    .option_list_wrapper .option_list .option_item:nth-child(-n+2){margin-top: 0;}
    .option_list_wrapper .option_list .option_item.select{background-position: calc(100% - 15px) center;background-size: 16px auto;}
    .option_list_wrapper .option_list .option_item.long_text{font-size: 15px;}
    .option_list_wrapper.row1 .option_list .option_item {width: 100%;margin-right: 0;}
    .fold_btn {font-size: 16px;padding-right: 26px;}
    .option_list_wrapper .fold_btn::before {width: 14px;height: 2px;right: 2px;}
    .option_list_wrapper .fold_btn::after {width: 2px;height: 14px;right: 8px;}
}
@media (max-width: 767px){
    .selected_option{padding: 20px;border-radius: 10px;margin-bottom: 20px;padding-bottom: 10px;}
    .selected_option .selected_option_title{font-size: 16px;padding-right: 10px;margin-bottom: 10px;}
    .selected_option .selected_option_item{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .selected_option.fixed .selected_option_frame{width: calc(100% - 42px);}
    .option_list_wrapper{margin-bottom: 30px;}
    .option_list_wrapper .option_list {justify-content: space-between;}
    .option_list_wrapper .option_list .option_item {height: 48px;margin-top: 10px;font-size: 16px;line-height: 46px;padding-left: 15px;width: 100%;}
    .option_list_wrapper .option_list .option_item:first-child{margin-top: 0;}
    .option_list_wrapper .option_list .option_item.select{background-position: calc(100% - 15px) center;background-size: 16px auto;}
    .option_list_wrapper .option_list .option_item.long_text{font-size: 14px;}
    .option_list_wrapper.row1 .option_list .option_item {width: 100%;margin-right: 0;}
    .fold_btn {font-size: 16px;padding-right: 26px;}
    .option_list_wrapper .fold_btn::before {width: 14px;height: 2px;right: 2px;}
    .option_list_wrapper .fold_btn::after {width: 2px;height: 14px;right: 8px;}
}


/*수강신청 페이지3*/
.total_schedule{position: absolute;right: 0;top: 0;}
.schedule_wrapper{font-size: 0;}
@media (min-width: 1366px){
    .step3 .grey_box{margin-bottom: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){

}
@media (max-width: 767px){
    .step3 .page_content_body {
        padding: 0 !important;
        background-color: #fafafa !important;
        border: none !important;
        box-shadow: none !important;
    }
    .step3 .option_list_wrapper {
        padding: 30px 20px;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 10px;
    }
    .step3 .grey_box{margin-bottom: 20px;}
}




/*검색 필터*/
.search_filter_wrap {border: 1px solid #e0e0e0;background-color: rgba(52, 117, 191, 0.03);}
.search_filter_wrap .search_filter_category {display: flex;border-bottom: 1px solid #e0e0e0;justify-content: flex-start;align-items: center;}
.search_filter_wrap .search_filter_category select {background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;background-position: calc(100% - 15px) center;background-size: 8px;border-radius: 5px;background-color: white;border: 1px solid #e0e0e0;}
.search_filter_wrap .search_filter_category .select_year .selected_year {background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;background-position: calc(100% - 15px) center;background-size: 8px;border-radius: 5px;background-color: white;border: 1px solid #e0e0e0;}
.search_filter_wrap .search_filter_category .select_year .year_option_list{background-color: white;text-align: center;position: relative;z-index: 1;border: 1px solid #e0e0e0;border-top: 0;display: none;}
.search_filter_wrap .search_filter_category .select_year.open .year_option_list{display: block;}
.search_filter_wrap .search_filter_category .select_year .year_option_list li{ cursor: pointer; text-align: left;}
.search_filter_wrap .search_filter_category .select_year .year_option_list li:hover{background-color: #34bf87;color: white;border-radius: 5px;}
.search_filter_wrap .search_filter_category .search_filter_category_item label{cursor: pointer;position: relative;}
.search_filter_wrap .search_filter_category .search_filter_category_item label:before{width: 20px;height: 20px;background-size: 8px;}
.search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap label {width: calc(100% / 6);}
.search_filter_wrap .search_filter_category .search_filter_category_item .check_item_wrap label{box-sizing: border-box;}

@media (min-width: 1366px){
    .search_filter_wrap {padding: 0px 40px;margin-bottom: 30px;}
    .search_filter_wrap .search_filter_category {padding: 30px 0;}
    .search_filter_wrap .search_filter_category:last-child{border-bottom: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_title {width: 127px;font-size: 18px;line-height: 26px;}
    .search_filter_wrap .search_filter_category select {width: 140px;height: 44px;padding: 0 15px;line-height: 42px;}
    .search_filter_wrap .search_filter_category .select_year {width: 140px;height: 44px;line-height: 42px;}
    .search_filter_wrap .search_filter_category .select_year .selected_year {width: 100%;height: 100%;padding: 0 15px;}
    .search_filter_wrap .search_filter_category .select_year .year_option_list li {width: 100%;height: 100%;padding: 0 15px;line-height: 40px;font-size: 16px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item {display: flex;justify-content: flex-start;width: calc(100% - 127px);font-size: 16px;line-height: 24px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item .check_all {width: 122px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item .check_item_wrap {display: flex;flex-wrap: wrap;width: calc(100% - 122px);}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap label:nth-child(-n+12){margin-bottom: 24px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label {width:calc(100% / 3);flex-wrap: wrap;align-items: flex-start;padding-left: 30px;margin-top: 24px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:nth-of-type(-n+3){margin-top: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:before{position: absolute;left: 0;top: 2px;}

    .search_filter_wrap.course_schedule .search_filter_category{align-items: flex-start;}
    .search_filter_wrap.course_schedule .search_filter_category .search_filter_category_title{width: 200px;padding-right: 15px;word-break: keep-all;}
    .search_filter_wrap.course_schedule .search_filter_category .search_filter_category_item{width: calc(100% - 200px);flex-wrap: wrap;align-items: flex-start;}
    .search_filter_wrap.course_schedule .search_filter_category .search_filter_category_item label{width: 25%;margin-top: 24px;}
    .search_filter_wrap.course_schedule .search_filter_category .search_filter_category_item label:nth-child(-n+8){margin-top: 0;}

    .search_btn_list{display: flex;align-items: center;justify-content: center;position: relative;}
    .search_btn_list .reset_btn{margin-right: 10px;}
    .search_btn_list .go_enroll_btn{position: absolute;right: 0;top: 0;}

    .search_category_tab_list{display: table;margin-bottom: -1px;width: 100%;}
    .search_category_tab_list .search_category_tab_item{height: 56px;border: 1px solid #e0e0e0;border-right: none;background-color: white;font-size: 15px;color: #9e9e9e;position: relative;display: table-cell;cursor: pointer;line-height: 54px;text-align: center}
    .search_category_tab_list .search_category_tab_item:first-child{border-top-left-radius: 5px;}
    .search_category_tab_list .search_category_tab_item:last-child{border-right: 1px solid #e0e0e0;border-top-right-radius: 5px;}
    .search_category_tab_list .search_category_tab_item.on{background-color: rgba(52, 117, 191, 0.03);color: #3475bf;font-family: 'notokr-medium';}
    .search_category_tab_list .search_category_tab_item.on:after{content: "";position: absolute;width: 100%;height: 2px;z-index: 1;bottom: -1px;left: 0;background-color: #f9fbfd;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .search_filter_wrap {padding: 0 20px;margin-bottom: 20px;}
    .search_filter_wrap .search_filter_category {padding: 30px 0;position: relative;}
    .search_filter_wrap .search_filter_category:last-child{border-bottom: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_title {width: 105px;position: absolute;line-height: 20px;top: 30px;}
    .search_filter_wrap .search_filter_category select {width: 140px;height: 40px;padding: 0 15px;line-height: 38px;margin: -10px 0 -10px 109px;}
    .search_filter_wrap .search_filter_category .select_year {width: 140px;height: 40px;line-height: 38px;margin: -10px 0 -10px 109px;}
    .search_filter_wrap .search_filter_category .select_year .selected_year {width: 100%;height: 100%;padding: 0 15px;}
    .search_filter_wrap .search_filter_category .select_year .year_option_list li {width: 100%;height: 100%;padding: 0 15px;line-height: 34px;font-size: 14px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item {display: flex;justify-content: flex-start;width: 100%;}
    .search_filter_wrap .search_filter_category .search_filter_category_item .check_all {width: 122px;margin-left: 105px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item .check_item_wrap {display: flex;flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month{flex-direction: column;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_all{margin-bottom: 20px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap{width: 100%;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap label:nth-child(-n+12){margin-bottom: 20px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap{width: calc(100% - 122px);}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label {width:calc(100% / 2);flex-wrap: wrap;align-items: flex-start;padding-left: 30px;box-sizing: border-box;position: relative;margin-top: 20px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:nth-of-type(-n+2){margin-top: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:before{position: absolute;left: 0;top: 0px;}

    .search_filter_popup_btn{width: 100%;display: flex;align-items: center;justify-content: center;font-family: 'notokr-regular';}
    .search_filter_popup_btn img{margin-right: 5px;}
}
@media (max-width: 767px){
    .search_filter_wrap {margin-bottom: 20px;background-color: white;border: 0;}
    .search_filter_wrap .search_filter_category {padding: 0 15px;position: relative;margin-top: 10px;border: 1px solid #e0e0e0;background-color: #f9fbfd;border-radius: 5px;cursor: pointer;}
    .search_filter_wrap .search_filter_category:first-child{margin-top: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_title {width: 100%;line-height: 48px;position: relative;font-size: 16px;color: black;}
    .search_filter_wrap .search_filter_category .search_filter_category_title:before,
    .search_filter_wrap .search_filter_category .search_filter_category_title:after{content: '';background-color: #9e9e9e;position: absolute;top: 50%;transform: translateY(-50%)}
    .search_filter_wrap .search_filter_category .search_filter_category_title:before{width: 12px;height: 2px;right: 2px;}
    .search_filter_wrap .search_filter_category .search_filter_category_title:after{width: 2px;height: 12px;right: 7px;}
    .search_filter_wrap .search_filter_category.show .search_filter_category_title:after{display: none;}
    .search_filter_wrap .search_filter_category .search_filter_category_item{display: none;}

    .search_filter_wrap .search_filter_category.show{flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category.show .search_filter_category_item{display: flex;padding: 20px 0;width: 100%;flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category.show .search_filter_category_item select {width: 100%;height: 40px;padding: 0 15px;line-height: 38px;font-size: 14px;}
    .search_filter_wrap .search_filter_category.show .select_year {width: 100%;height: 40px;line-height: 38px;}
    .search_filter_wrap .search_filter_category.show .select_year .selected_year {width: 100%;height: 100%;padding: 0 15px;}
    .search_filter_wrap .search_filter_category.show .select_year .year_option_list li {width: 100%;height: 100%;padding: 0 15px;line-height: 34px;font-size: 14px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month{flex-direction: column;flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_all{margin-bottom: 16px;width: 100%;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap{width: 100%;display: flex;flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_month .check_item_wrap label{width: 50% !important;margin-bottom: 16px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_all{margin-bottom: 16px;width: 100%;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap{width: 100%;display: flex;flex-wrap: wrap;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label {width:calc(100% / 2);flex-wrap: wrap;align-items: flex-start;padding-left: 30px;box-sizing: border-box;position: relative;margin-top: 16px;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:nth-of-type(-n+2){margin-top: 0;}
    .search_filter_wrap .search_filter_category .search_filter_category_item.check_course .check_item_wrap label:before{position: absolute;left: 0;top: 0px;}

    .search_filter_popup_btn{width: 100%;display: flex;align-items: center;justify-content: center;font-family: 'notokr-regular';}
    .search_filter_popup_btn img{margin-right: 5px;}
}

/*검색 필터 팝업*/
.schedule_category_popup{display: none;}
.popup_scroll_lock{overflow-y: hidden}
@media (min-width: 1366px){

}
@media (max-width: 1365px) and (min-width: 768px){
    .schedule_category_popup{position: fixed;top: 0;left: 0;width: 100vw;height: calc(var(--vh, 1vh) * 100);z-index: 10;background-color: white;}
    .schedule_category_popup .category_popup_header{display: flex;justify-content: space-between;align-items: center;font-family: 'notokr-medium';border-bottom: 1px solid #e0e0e0;font-size: 24px;line-height: 35px;padding: 0 24px;height: 60px;}
    .schedule_category_popup .category_popup_header .popup_close{cursor: pointer;}
    .schedule_category_popup .category_popup_body{display: flex;width: 100%;height: calc(100% - 104px);}
    .schedule_category_popup .category_popup_body .category_popup_tab_list{display: flex;flex-direction: column;flex-wrap: wrap;background-color: white;border-right: 1px solid #e0e0e0;width: 256px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item{position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;width: 100%;text-align: center;border-bottom: 1px solid #e0e0e0;background-color: white;color: #9e9e9e;padding: 16px;min-height: 80px;font-size: 16px;line-height: 24px;word-break: keep-all;}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item.on{background-color: #f9fbfd;color: #3475bf;font-family: 'notokr-medium';}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item.on:after{position: absolute;content: "";width: 2px;height: 100%;top: 0;right: -1px;background-color: #f9fbfd;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content{background-color: #f9fbfd;width: calc(100% - 256px);overflow-y: auto;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category{height: 50px;overflow: hidden;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category.on{height: auto;overflow-y: auto;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_title{position: relative;width: 100%;padding: 0 13px;font-size: 16px;line-height: 50px;height: 50px;cursor: pointer;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_title img{position: absolute;right: 24px;top: 19px;width: 12px;height: 12px;transform: rotate(180deg);}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category.on .sub_category_title img{transform: rotate(0);}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list{margin-top: 10px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list label{box-sizing: border-box;cursor: pointer;width: 100%;padding: 0 16px;height: 44px;font-size: 14px;line-height: 20px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list label:before{width: 20px;height: 20px;background-size: 8px 6px;}
    .schedule_category_popup .schedule_category_popup_btn{position: fixed;left: 0;bottom: 0;width: 100%;display: flex;}
    .schedule_category_popup .schedule_category_popup_btn .grey_btn{border-radius: 0;width: 256px;border: none;border-top: 1px solid #9e9e9e;}
    .schedule_category_popup .schedule_category_popup_btn .green_btn{border-radius: 0;width: calc(100% - 256px);}
}
@media (max-width: 767px){
    .schedule_category_popup{position: fixed;top: 0;left: 0;width: 100vw;height: calc(var(--vh, 1vh) * 100);z-index: 10;background-color: white;}
    .schedule_category_popup .category_popup_header{display: flex;justify-content: space-between;align-items: center;font-family: 'notokr-medium';border-bottom: 1px solid #e0e0e0;font-size: 20px;line-height: 29px;padding: 0 20px;height: 60px;}
    .schedule_category_popup .category_popup_header .popup_close{cursor: pointer;}
    .schedule_category_popup .category_popup_body{display: flex;width: 100%;height: calc(100% - 104px); overflow-y: auto;}
    .schedule_category_popup .category_popup_body .category_popup_tab_list{display: flex;flex-direction: column;flex-wrap: wrap;background-color: white;border-right: 1px solid #e0e0e0;width: 120px; height: 900px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item{position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;width: 100%;text-align: center;border-bottom: 1px solid #e0e0e0;background-color: white;color: #9e9e9e;padding: 16px;min-height: 80px;font-size: 16px;line-height: 24px;word-break: keep-all;}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item.on{background-color: #f9fbfd;color: #3475bf;font-family: 'notokr-medium';}
    .schedule_category_popup .category_popup_body .category_popup_tab_list .category_popup_tab_item.on:after{position: absolute;content: "";width: 2px;height: 100%;top: 0;right: -1px;background-color: #f9fbfd;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content{background-color: #f9fbfd;width: calc(100% - 120px);/*overflow-y: auto;*/overflow: hidden; position: fixed; right: 0; height: 100vh;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category{height: 50px;overflow: hidden;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category.on{height: auto;overflow-y: auto;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_title{position: relative;width: 100%;padding: 0 13px;font-size: 16px;line-height: 50px;height: 50px;cursor: pointer;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_title img{position: absolute;right: 24px;top: 19px;width: 12px;height: 12px;transform: rotate(180deg);}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category.on .sub_category_title img{transform: rotate(0);}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list{margin-top: 10px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list label{box-sizing: border-box;cursor: pointer;width: 100%;padding: 0 16px;height: 44px;font-size: 14px;line-height: 20px;}
    .schedule_category_popup .category_popup_body .category_popup_tab_content .sub_category .sub_category_list label:before{width: 20px;height: 20px;background-size: 8px 6px;}
    .schedule_category_popup .schedule_category_popup_btn{position: fixed;left: 0;bottom: 0;width: 100%;display: flex;}
    .schedule_category_popup .schedule_category_popup_btn .grey_btn{border-radius: 0;width: 120px;margin: 0;border: none;border-top: 1px solid #9e9e9e;}
    .schedule_category_popup .schedule_category_popup_btn .green_btn{border-radius: 0;width: calc(100% - 120px);}
}



.scheduled_course_wrap{width: 100%;border: 1px solid #e0e0e0;border-radius: 5px;}
.scheduled_course_wrap .scheduled_course_title {display: flex;align-items: flex-end;position: relative;color: black;font-size: 0;cursor: pointer;border-radius: 5px 5px 0 0;width: 100%;}
.scheduled_course_wrap .scheduled_course_title .more_btn{position: absolute;}
.scheduled_course_wrap .scheduled_course_title .more_btn:before,
.scheduled_course_wrap .scheduled_course_title .more_btn:after{content: '';background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.scheduled_course_wrap .scheduled_course_title .start_date,
.scheduled_course_wrap .scheduled_course_title .end_date {display: flex;flex-wrap: wrap;align-items: flex-end;}
.scheduled_course_wrap .scheduled_course_title .point_text{font-family: 'notokr-medium';color: #3475bf;}
.scheduled_course_wrap .scheduled_course_title .scheduled_course_item_count{color: #757575;}
.scheduled_course_wrap .scheduled_course_title .scheduled_course_item_count .count{color: #3475bf;}

.scheduled_course_wrap .scheduled_course_list{display: none;border: 2px solid #3475bf;border-radius: 0 0 5px 5px;font-size: 0;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item{position: relative;display: inline-block;border-radius: 5px;border: 1px solid #e0e0e0;cursor: pointer;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover{background-color: #34bf87;border: 1px solid #34bf87;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .course_thumbnail{position: relative;width: 100%;background-size: cover;background-color: #f5f5f5;border-radius: 5px;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .course_thumbnail:before,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .course_thumbnail:before{position: absolute;content: '상세보기';top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.54);color: white;border-radius: 20px;width: 65px;height: 26px;line-height: 26px;text-align: center;font-size: 12px; z-index: 1;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .course_thumbnail:after,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .course_thumbnail:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;background-color: rgba(0, 0, 0, 0.24);}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_name{color: black;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .scheduled_course_item_name,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .scheduled_course_item_name{color: white;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location{position: relative;color: #757575;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag{position: absolute;font-family: 'notokr-regular';border-radius: 13px;color: white;text-align: center;width: 40px;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag.item1{background-color: #ffad00;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag.item2{background-color: #9e49f4;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .scheduled_course_item_tag,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .scheduled_course_item_tag{background-color: #26a47d !important;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location:before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);background: url("/res/home/conedu/img/sub/map_location.svg") no-repeat;background-size: cover;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .scheduled_course_item_location,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .scheduled_course_item_location{font-family: 'notokr-medium';color: white;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .scheduled_course_item_location:before,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .scheduled_course_item_location:before{background: url("/res/home/conedu/img/sub/map_location_white.svg") no-repeat;background-size: cover;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more{text-align: center;border-top: 2px solid #3475bf;color: #3475bf;cursor: pointer;}

/*.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;background-color: rgba(0, 0, 0, 0.24);}*/
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled{cursor: default;background-color: #eee;border: 1px solid #eee;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled .course_thumbnail:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;background-color: rgba(0, 0, 0, 0.16);}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled .scheduled_course_item_name,
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled .scheduled_course_item_location{color: #9e9e9e;}
.scheduled_course_wrap .scheduled_course_list .scheduled_course_item.disabled .course_detail_btn{background-color: rgba(0, 0, 0, 0.24);}

.scheduled_course_wrap.on{height: auto;}
.scheduled_course_wrap.on .scheduled_course_title{background-color: #3475bf;color: #b0dcf8;}
.scheduled_course_wrap.on .scheduled_course_title .scheduled_course_item_count,
.scheduled_course_wrap.on .scheduled_course_title .scheduled_course_item_count .count{color: #b0dcf8;}
.scheduled_course_wrap.on .scheduled_course_title .more_btn::after{display: none;}
.scheduled_course_wrap.on .scheduled_course_title .more_btn::before{background-color: white;}
.scheduled_course_wrap.on .scheduled_course_title .point_text{color: white;}
.scheduled_course_wrap.on .scheduled_course_list{display: block;}
@media (min-width: 1366px){
    .scheduled_course_wrap{height: 60px;margin-top: 20px;}
    .scheduled_course_wrap .scheduled_course_title {padding: 18px 20px;height: 60px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn{right: 20px;top: 18px;width: 24px;height: 24px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn:before{width: 20px;height: 3px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn:after{width: 3px;height: 20px;}
    .scheduled_course_wrap .scheduled_course_title .start_date,
    .scheduled_course_wrap .scheduled_course_title .end_date {font-size: 18px;margin-right: 10px;}
    .scheduled_course_wrap .scheduled_course_title .point_text{font-size: 24px;margin-right: 4px;}
    .scheduled_course_wrap .scheduled_course_title .scheduled_course_item_count{font-size: 16px;}
    .scheduled_course_wrap .scheduled_course_list{padding: 20px 20px 0px 20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item{width: calc((100% - 30px) / 4);margin-right: 10px;padding: 20px;margin-bottom: 20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item:nth-child(4n){margin-right: 0;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .course_thumbnail{height: 160px;margin-bottom: 20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item > label{display: none;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_name{font-size: 18px;line-height: 26px;min-height: 52px;margin-bottom: 15px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location{font-size: 16px;line-height: 24px;padding-left: 24px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location:before{width: 16px;height: 16px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag{font-size: 14px;line-height: 26px;right: 20px; bottom: 19px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more{width: calc(100% + 40px);margin-left: -20px;line-height: 44px;font-size: 16px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more img{width: 12px;height: 12px;margin-left: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .scheduled_course_wrap{height: 48px;margin-top: 10px;}
    .scheduled_course_wrap .scheduled_course_title {padding: 16px 15px;height: 48px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn{right: 15px;top: 16px;width: 16px;height: 16px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn:before{width: 13px;height: 2px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn:after{width: 2px;height: 13px;}
    .scheduled_course_wrap .scheduled_course_title .start_date,
    .scheduled_course_wrap .scheduled_course_title .end_date {font-size: 14px;margin-right: 5px;}
    .scheduled_course_wrap .scheduled_course_title .point_text{font-size: 16px;margin-right: 2px;}
    .scheduled_course_wrap .scheduled_course_title .scheduled_course_item_count{font-size: 12px;}

    .scheduled_course_wrap .scheduled_course_list{padding: 20px 20px 15px 20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item{width: calc((100% - 10px) / 3);margin-right: 5px;padding: 20px 15px;margin-bottom: 5px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item:nth-child(3n){margin-right: 0;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .course_thumbnail{height: 125px;margin-bottom: 10px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item > label{display: none;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_name{font-size: 16px;line-height: 24px;min-height: 48px;margin-bottom: 10px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location{font-size: 14px;line-height: 20px;padding-left: 17px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location:before{width: 12px;height: 12px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag{font-size: 12px;line-height: 20px;right: 15px; bottom: 20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more{width: calc(100% + 40px);line-height: 40px;font-size: 14px;margin: 15px 0 -15px -20px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more img{width: 12px;height: 12px;margin-left: 5px;}
}
@media (max-width: 767px){
    .scheduled_course_wrap{margin-top: 10px;}
    .scheduled_course_wrap .scheduled_course_title {padding: 16px 15px;flex-wrap: wrap;}
    .scheduled_course_wrap .scheduled_course_title .more_btn{right: 15px;top: 50%;width: 16px;height: 16px;transform: translateY(-50%);}
    .scheduled_course_wrap .scheduled_course_title .more_btn:before{width: 13px;height: 2px;}
    .scheduled_course_wrap .scheduled_course_title .more_btn:after{width: 2px;height: 13px;}
    .scheduled_course_wrap .scheduled_course_title .start_date,
    .scheduled_course_wrap .scheduled_course_title .end_date {font-size: 14px;margin-right: 5px;}
    .scheduled_course_wrap .scheduled_course_title .point_text{font-size: 16px;margin-right: 2px;}
    .scheduled_course_wrap .scheduled_course_title .scheduled_course_item_count{font-size: 12px;width: 100%;margin-top: 5px;}

    .scheduled_course_wrap .scheduled_course_list{padding: 10px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item{width: 100%;padding: 13px 15px;margin-bottom: 5px;position: relative;display: inline-block;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .course_thumbnail{display: none;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item > label{position: absolute;top: 15px;cursor: pointer;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item > label:before{width: 20px;height: 20px;background-size: 8px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_name{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location{font-size: 14px;line-height: 20px;padding-left: 17px;margin-bottom: 15px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_location:before{width: 12px;height: 12px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .scheduled_course_item_tag{font-size: 12px;line-height: 20px;right: 15px; bottom: 68px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item .course_detail_btn {width: 100%;height: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.54);border-radius: 20px;font-size: 14px;color: white;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on > label:before,
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover label:before{background-color: rgba(255, 255, 255, 0.24);}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item.on .course_detail_btn,
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item:not(.disabled):hover .course_detail_btn{background-color: rgba(255, 255, 255, 0.24);color: white;}

    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more{width: calc(100% + 20px);line-height: 40px;font-size: 14px;margin: 15px 0 -15px -10px;}
    .scheduled_course_wrap .scheduled_course_list .scheduled_course_item_more img{width: 12px;height: 12px;margin-left: 5px;}

    .more_course_btn{font-family: 'notokr-medium';width: 100%;height: 44px;line-height: 44px;border-radius: 5px;background-color: #eee;text-align: center;color: #9e9e9e;font-size: 14px;cursor: pointer;}
    .more_schedule_btn{font-family: 'notokr-medium';width: 100%;height: 44px;line-height: 44px;border-radius: 5px;background-color: #34bf87;text-align: center;color: white;font-size: 14px;cursor: pointer;}
}

/*수강신청 페이지 3_B*/
.option_list_wrapper .course_type{display: flex;}
.option_list_wrapper .course_type label{cursor: pointer;}

.search_course_table {border-top: 1px solid black;}
.search_course_table .scroll_content{overflow-y: auto;}
.search_course_table ul{display: flex;align-items: center;border-bottom: 1px solid #e0e0e0;}
.search_course_table .search_thead{color: #9e9e9e;}
.search_course_table .search_thead ul{border-bottom: 1px solid black;}
.search_course_table .search_tr{color: black;cursor: pointer;}

.search_course_table .search_tbody .course_detail .course_detail_btn{border-radius: 20px;background-color: rgba(0, 0, 0, 0.54);color: white;}
.search_course_table .search_tbody .search_tr.on{background-color: #34bf87;color: white;}
.search_course_table .search_tbody .search_tr.on .course_score{color: white !important;}
.search_course_table .search_tbody .search_tr.on .course_score span{color: white !important;}
.search_course_table .search_tbody .search_tr.on .course_detail_btn{background-color: rgba(255, 255, 255, 0.24) !important;}
.search_course_table .search_tbody .search_tr.on .check_icon{background-color: rgba(255, 255, 255, 0.24);}

.scheduled_course_wrap.bon{border: 1px solid #34bf87;}
.scheduled_course_wrap.bon .scheduled_course_title{color: white;background: url("/res/home/conedu/img/common/icon_check_white.svg") #34bf87 no-repeat;border-radius: 5px;}
.scheduled_course_wrap.enroll3B .scheduled_course_title{border-radius: 5px;}
/*TODO ADD 230503~09*/
.scheduled_course_wrap.enroll3B .scheduled_course_title:hover{background-color: #4691e6;color:#b0dcf8;}
.scheduled_course_wrap.enroll3B .scheduled_course_title:hover .point_text {color: #fff;}
.search_course_table .search_tbody_list .search_tr {border-left: 1px solid #e0e0e0;}
.search_course_table .search_tbody_list .search_tr:hover {background-color: #62D89D; color: #fff;}
.search_course_table .search_tbody_list .search_tr:hover .course_detail_btn {background-color: rgba(255, 255, 255, 0.24) !important;}
@media (min-width: 1366px) {
    .option_list_wrapper .course_type{margin-bottom: 30px;}
    .option_list_wrapper .course_type label{padding-right: 60px;font-size: 16px;line-height: 24px;}

    .search_course_table .search_tbody{max-height: 357px;border-left: 1px solid #e0e0e0;}
    .search_course_table .search_tbody.scroll_content::-webkit-scrollbar-track{border-radius: 0;}
    .search_course_table .search_thead li{height: 50px;line-height: 50px;text-align: center;color: #9e9e9e;font-size: 14px;}
    .search_course_table .search_tr li{text-align: left;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;}
    .search_course_table .search_thead .check,
    .search_course_table .search_tbody .course_score{width: 140px;}
    .search_course_table .search_tbody .course_score{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 20px;text-align: center;line-height: 1.5;}
    .search_course_table .search_thead .manage_num{width: calc(100% - 140px);}
    .search_course_table .search_tbody .course_title{width: calc(100% - 245px);}
    .search_course_table .search_tbody .course_detail{width: 105px;text-align: center;}

    .search_course_table .search_tbody .course_detail .course_detail_btn{width: 65px;line-height: 26px;font-size: 12px;}

    .scheduled_course_wrap.bon .scheduled_course_title{background-position: calc(100% - 20px) center;background-size: 20px auto;}
    .scheduled_course_wrap.bon .point_text{color: white;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .option_list_wrapper .course_type{margin-bottom: 10px;}
    .option_list_wrapper .course_type label{line-height: 40px;width: calc(100% / 3);font-size: 16px;}

    .search_course_table{position: relative;}
    .search_course_table .search_tbody{max-height: 371px;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
    .search_course_table .search_tbody.scroll_content::-webkit-scrollbar-track{background-color: transparent;}
    .search_course_table .search_thead li{height: 44px;line-height: 42px;text-align: center;color: #9e9e9e;font-size: 12px;}
    .search_course_table .search_tr li{text-align: center;line-height: 20px;font-size: 14px;padding: 13px 10px;}
    .search_course_table .search_thead .check{width: 100px;}
    .search_course_table .search_tbody .course_score{width: 120px;padding: 0 20px;}
    .search_course_table .search_thead .manage_num{width: calc(100% - 100px);}
    .search_course_table .search_tbody .course_title{width: calc(100% - 205px);}
    .search_course_table .search_tbody .course_detail{width: 105px;text-align: center;}

    .search_course_table .search_tbody .course_detail .course_detail_btn{width: 65px;line-height: 26px;font-size: 12px;}

    /*.search_course_table .search_tbody{scrollbar-width: none;}
    .search_course_table .search_tbody.scroll_content::-webkit-scrollbar{display: none !important;}*/
    .search_course_table .hide_scroll{position: absolute;z-index: 2;width: 40px;top: 45px;right: 0;max-height: 220px;}
    .search_course_table .hide_scroll_item{width: 20px;}
    .search_course_table .hide_scroll::-webkit-scrollbar-track{background-color: transparent !important;}

    .scheduled_course_wrap.bon .scheduled_course_title{background-position: calc(100% - 15px) center;background-size: 16px auto;}
    .scheduled_course_wrap.bon .point_text{color: white;}
}
@media (max-width: 767px) {
    .option_list_wrapper .course_type{margin-bottom: 20px;flex-wrap: wrap;}
    .option_list_wrapper .course_type label{line-height: 40px;width: 100%;font-size: 16px;}

    .search_course_table{border-top: 0;position: relative;}
    .search_course_table .search_tbody{max-height: 540px;}
    .search_course_table .search_tbody .search_tr{display: flex;position: relative;justify-content: flex-start;flex-wrap: wrap;padding: 15px 15px 65px 0;margin-top: 5px;border-right: 1px solid #e0e0e0; border-radius: 5px;}
    .search_course_table .search_tbody .search_tr:first-child{margin-top: 0;}
    .search_course_table .search_tbody .search_tr li.check{position: absolute;top: 15px;left: 15px;}
    .search_course_table .search_tbody .search_tr .course_score{padding-left:15px; font-size: 14px;line-height: 20px;margin-bottom: 10px;color: #757575;width: 100%;}
    .search_course_table .search_tbody .search_tr .course_score .check_icon{margin-right: 10px;}
    .search_course_table .search_tbody .search_tr .course_title{padding-left:45px;font-size: 16px;line-height: 24px;width: 100%;}

    .search_course_table .search_tbody .search_tr .course_detail{position: absolute;bottom: 15px;left: 15px;width: calc(100% - 30px);}
    .search_course_table .search_tbody .search_tr .course_detail .course_detail_btn{line-height: 36px;font-size: 14px;width: 100%;}

    /*.search_course_table .search_tbody{scrollbar-width: none;}*/
    /*.search_course_table .search_tbody.scroll_content::-webkit-scrollbar{display: none !important;}*/
    .search_course_table .hide_scroll{position: absolute;z-index: 2;width: 40px;top: 0;right: 0;max-height: 380px;}
    .search_course_table .hide_scroll_item{width: 20px;}
    .search_course_table .hide_scroll::-webkit-scrollbar-track{background-color: transparent !important;}

    .search_course_table .search_tbody_list .search_tr{border-top: 1px solid #e0e0e0;}
    /*.search_course_table .search_tbody_list .search_tr:first-child{border-top: 0;}*/

    .scheduled_course_wrap.bon .scheduled_course_title{background-position: calc(100% - 15px) center;background-size: 16px auto;color:white !important;border-radius: 5px !important;}
    .scheduled_course_wrap.bon .point_text{color: white !important;}
}

/*수강신청 페이지4*/
.step4 .price{font-family: 'notokr-medium';}
.step4 .next_btn{background-color: #eee;color: #9e9e9e;justify-content: center;}
.step4 .next_btn p{margin-right: 0;}
.step4 .next_btn.on{background-color: #34bf87;color: white;}
@media (min-width: 1366px){
    .step4 .price{font-size: 28px;line-height: 40px;}
    .step4 .normal_list > li{display: flex;align-items: center;}
    .step4 .grey_btn_small{margin-top: -4px;margin-bottom: -4px;margin-left: 10px;}
    .step4 .option_list_wrapper{margin-bottom: 50px;}
    .step4 .option_list_wrapper.on .option_list{margin-bottom: 30px;}
    .step4 .check_company_list{width: calc(100% - 216px);display: flex;justify-content: space-between;padding: 18px 0;}
    .step4 .next_btn{width: 160px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .step4 .price{font-size: 24px;line-height: 35px;}
    .step4 .normal_list > li{display: flex;align-items: center;}
    .step4 .grey_btn_small{margin-top: -6px;margin-bottom: -6px;margin-left: 10px;}
    .step4 .option_list_wrapper.on .option_list{margin-bottom: 20px;}
    .step4 .inputBox .input_title{word-break: keep-all;}
    .step4 .check_company_list{width: calc(100% - 116px);display: flex;justify-content: space-between;padding: 12px 0;}
    .step4 .check_company_list label{font-size: 14px;}
    .step4 .next_btn{width: 140px;}
}
@media (max-width: 767px){
    .step4 .price{font-size: 20px;line-height: 29px;}
    .step4 .grey_btn_small{margin-top: 5px;}
    .step4 .option_list_wrapper.on .option_list{margin-bottom: 20px;}
    .step4 .check_company_list{width: 100%;display: flex;justify-content: space-between;flex-direction: column;}
    .step4 .check_company_list .checkbox_item{padding: 10px 0;}
    .step4 .check_company_list label{font-size: 14px;}
    .step4 .inputBox .input_title{margin-bottom: 10px;}
    .step4 .next_btn{width: 140px;}
}

/*수강신청 페이지 5*/
.step5 .btn_group{display: flex;}
.step5 .complete_btn_wrapper button{margin-right: 10px;}
.step5 .complete_btn_wrapper button:last-child{margin-right: 0;}
@media (min-width: 1366px){
    .step5 .btn_group{margin-bottom: 44px;}
    .step5 .btn_group .normal_btn{margin-right: 10px;}
    .step5 .complete_btn_wrapper{margin-top: 60px;}
    .step5 .complete_btn_wrapper button{width: 120px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .step5 .btn_group{margin-bottom: 40px;}
    .step5 .btn_group .normal_btn{margin-right: 10px;}
    .step5 .complete_btn_wrapper{margin-top: 40px;}
    .step5 .complete_btn_wrapper button{width: calc(50% - 5px);}
}
@media (max-width: 767px){
    .step5 .btn_group{margin-bottom: 30px;flex-wrap: wrap;justify-content: center; white-space: nowrap; width: calc(100% + 40px); gap: 0 10px;}
    .step5 .btn_group .normal_btn{margin-bottom: 10px;}
    .step5 .complete_btn_wrapper{margin-top: 40px;}
    .step5 .complete_btn_wrapper button{width: calc(50% - 5px);}
}

/*교육일정*/
.brochure_box{color: #757575;position: relative;}
.brochure_box p:first-child{color: #424242;font-family: 'notokr-medium';}

.nav_calendar {position: relative;display: flex;width: 100%;justify-content: center;flex-wrap: wrap;align-items: center;margin-bottom: 30px;}
.nav_calendar .prev_month,
.nav_calendar .next_month{cursor: pointer;}
.nav_calendar .prev_month{transform: rotate(180deg);}
.nav_calendar .current_date {font-family: 'notokr-bold';}
.nav_calendar .export_schedule_btn{position: absolute;right: 0;top: 0;}

.blue_table.schedule .icon_location{display: inline-block;margin-bottom: -2px;}
.blue_table.schedule tbody tr:first-child td{border-top: 0 !important;}
.blue_table.schedule .online,
.schedule_search_item_content .td.online{color: #34bf87;}
.blue_table.schedule .workshop,
.schedule_search_item_content .td.workshop{color: #3475bf;}

.course_schedule_search .grey_box{color: #757575;}
@media (min-width: 1366px){
    .nav_calendar {height: 40px;}
    .nav_calendar .prev_month,
    .nav_calendar .next_month{width: 12px;height: 20px;padding: 10px 14px;}
    .nav_calendar .prev_month{transform: rotate(180deg);}
    .nav_calendar .current_date {font-size: 28px;line-height: 40px;margin: 0 20px;}


    .brochure_box{margin-bottom: 30px;padding-bottom: 20px;}
    .brochure_box p:first-child{font-size: 18px;line-height: 26px;}
    .brochure_box .brochure_btn{width: 160px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}

    .course_schedule_search{margin-top: 60px;}
    .course_schedule_search .grey_box{margin-top: 30px; margin-bottom: 60px;padding-bottom: 20px;}

    .empty_schedule{font-family: 'notokr-medium'; padding: 120px 0px;text-align: center;font-size: 28px;line-height: 40px;}
    .empty_schedule img{width: 60px;height: 60px;margin-bottom: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .nav_calendar {height: 36px;}
    .nav_calendar .prev_month,
    .nav_calendar .next_month{width: 12px;height: 20px;padding: 8px 12px;}
    .nav_calendar .prev_month{transform: rotate(180deg);}
    .nav_calendar .current_date {font-size: 20px;line-height: 36px;margin: 0 7px;}
    .nav_calendar .export_schedule_btn{position: absolute;right: 0;top: 0;font-size: 16px;line-height: 24px;padding: 5px 19px;}

    .brochure_box{padding-bottom: 10px;}
    .brochure_box p:first-child{font-size: 16px;line-height: 24px;}
    .brochure_box .brochure_btn{width: 140px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}

    .course_schedule_search{margin-top: 30px;}
    .course_schedule_search .grey_box{padding-bottom: 10px;}

    .empty_schedule{font-family: 'notokr-medium'; padding: 80px 0px 10px 0px;text-align: center;font-size: 20px;line-height: 29px;}
    .empty_schedule img{width: 48px;height: 48px;margin-bottom: 20px;}

    .schedule_search_result_mobile .schedule_search_result_weekly{margin-bottom: 20px;}
    .schedule_search_result_mobile .schedule_search_result_weekly:last-child{margin-bottom: 0;}
    .schedule_search_result_mobile .schedule_search_result_weekly .weekly_date{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item{width: 100%;border: 1px solid #e0e0e0;margin-bottom: 10px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap{display: flex;padding: 20px 15px 10px 15px;border-bottom: 1px solid #e0e0e0;flex-wrap: wrap;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content{display: flex;width: 50%;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: black;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content .th{color: #09205b;width: 72px;margin-right: 10px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content .td{width: calc(100% - 82px);}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_location_btn{width: 100%;display: flex;justify-content: center;align-items: center;background-color: #f9fbfd;color: #09205b; height: 40px;font-size: 14px;line-height: 20px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_location_btn .icon_location{width: 20px;height: 20px;margin-right: 5px;}


    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content:nth-child(1){order: 0;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content:nth-child(2){order: 2;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content:nth-child(3){order: 4;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content:nth-child(4){order: 1;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content:nth-child(5){order: 3;}

    .search_course_pc_category .search_category_tab_list{display: none;}
    .search_course_pc_category .search_filter_wrap.course_schedule{display: none;}
    .search_course_pc_category .search_btn_list{position: fixed;bottom: 0;left: 0;width: 100%;box-shadow: 0 -8px 10px 0 rgba(0, 0, 0, 0.08);padding: 20px 24px 32px 24px;background-color: white;z-index: 6;}
    .search_course_pc_category .search_btn_list .reset_btn{display: none;}
    .search_course_pc_category .search_btn_list .search_btn{display: none;}
    .search_course_pc_category .search_btn_list .go_enroll_btn{width: 100%;height: 44px;font-size: 14px;}
    .footer.padding_bottom{margin-bottom: 96px;}
    .schedule_search_result_mobile .purple_btn_empty{font-size: 12px; padding: 3px 15px;}
}
@media (max-width: 767px){
    .nav_calendar {height: 36px;}
    .nav_calendar .prev_month,
    .nav_calendar .next_month{width: 12px;height: 20px;padding: 8px 12px;}
    .nav_calendar .prev_month{transform: rotate(180deg);}
    .nav_calendar .current_date {font-size: 20px;line-height: 36px;margin: 0 7px;}
    .nav_calendar .export_schedule_btn{font-size: 0;width: 36px;height: 36px;font-size: 0;border-radius: 100%;background-image: url("/res/home/conedu/img/common/icon_excel.svg");background-position: center;background-repeat: no-repeat;background-size: 16px;}


    /*.brochure_box{padding-bottom: 10px;}*/
    .brochure_box p:first-child{font-size: 16px;line-height: 24px;}
    .brochure_box .brochure_btn{width: 100%;margin-top: 15px;}

    .course_schedule_search{margin-top: 30px;}
    .course_schedule_search .grey_box{padding-bottom: 10px;}

    .empty_schedule{font-family: 'notokr-medium'; padding: 80px 0px 10px 0px;text-align: center;font-size: 20px;line-height: 29px;}
    .empty_schedule img{width: 48px;height: 48px;margin-bottom: 20px;}

    .schedule_search_result_mobile .schedule_search_result_weekly{margin-bottom: 20px;}
    .schedule_search_result_mobile .schedule_search_result_weekly:last-child{margin-bottom: 0;}
    .schedule_search_result_mobile .schedule_search_result_weekly .weekly_date{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item{width: 100%;border: 1px solid #e0e0e0;margin-bottom: 10px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap{display: flex;padding: 20px 15px 10px 15px;border-bottom: 1px solid #e0e0e0;flex-wrap: wrap;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content{display: flex;width: 100%;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: black;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content .th{color: #09205b;width: 72px;margin-right: 10px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_search_item_content_wrap .schedule_search_item_content .td{width: calc(100% - 82px);}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_location_btn{width: 100%;display: flex;justify-content: center;align-items: center;background-color: #f9fbfd;color: #09205b; height: 40px;font-size: 14px;line-height: 20px;}
    .schedule_search_result_mobile .schedule_search_result_weekly .schedule_search_item .schedule_location_btn .icon_location{width: 20px;height: 20px;margin-right: 5px;}

    .search_course_pc_category .search_category_tab_list{display: none;}
    .search_course_pc_category .search_filter_wrap.course_schedule{display: none;}
    .search_course_pc_category .search_btn_list{position: fixed;bottom: 0;left: 0;width: 100%;box-shadow: 0 -8px 10px 0 rgba(0, 0, 0, 0.08);padding: 20px;background-color: white;z-index: 6;}
    .search_course_pc_category .search_btn_list .reset_btn{display: none;}
    .search_course_pc_category .search_btn_list .search_btn{display: none;}
    .search_course_pc_category .search_btn_list .go_enroll_btn{width: 100%;height: 44px;font-size: 14px;}
    .footer.padding_bottom{margin-bottom: 96px;}
}

/*임시처리*/
.course_schedule_search_result{
    display: none;
}

/*수강신청 요소 별 퍼블리싱*/
.input_title_number{width: 20px;height: 20px;border-radius: 100%;background-color: #34bf87;color: white;font-family: 'spoqa-bold';font-size: 10px;text-align: center;line-height: 20px;display: inline-block;vertical-align: top;}
.inputBox{flex-wrap: wrap;width: 100%;}

.company_number .check_company_list{display: flex;flex-wrap: wrap;}
.company_number .check_company_list .checkbox_item{display: flex;align-items: center;justify-content: space-between;}
.company_number .check_company_list .checkbox_item .input_hyphen{text-align: center;}
/*.option_list_wrapper.on .inputBox{display: flex;}*/
.inputBox.input_type_09 .input_hyphen{text-align: center;}
.input_type_10 .input_step{font-family: 'notokr-regular';color: #424242;display: flex;align-items: center;}
.input_type_10 .input_step .input_step_sub{color: #757575;line-height: 24px;margin-left: 4px;}
.input_type_10 .input_step .green_btn_empty{margin-left: 10px;}

.inputBox.input_type_11{width: 100%;}
.attachment_wrap.input_type_12 .attachment_list{display: flex;width: 100%;flex-wrap: wrap;}
.attachment_wrap.input_type_12 .attachment_list .board_attachment_item{border: 1px solid #e0e0e0;border-radius: 4px;display: flex;align-items: center;color: #757575;height: 40px;margin-bottom: 10px;width: 100%;cursor: pointer;}
.attachment_wrap.input_type_12 .attachment_list .board_attachment_item:last-child{margin-bottom: 0;}
.attachment_wrap.input_type_12 .attachment_list .board_attachment_item .attachment_icon{width: 22px;height: 22px;margin-right: 10px;}
.attachment_wrap.input_type_12 .attachment_list .board_attachment_item .attachment_title{width: calc(100% - 40px);}
.attachment_wrap.input_type_12 .attachment_list .board_attachment_item .delete_attachment{margin-left: auto;width: 18px;height: 18px;background: url("/res/home/conedu/img/common/icon_close_grey.svg");background-size: cover;}
@media (min-width: 1366px){
    .input_title_number{margin-top: 4px;margin-right: 10px;}
    .enroll_step_stage .grey_box{margin-bottom: 30px;}

    .company_number .check_company_list{width: calc(100% - 216px);}
    .company_number .check_company_list .checkbox_item{width: calc((100% - 20px)/2);}
    .company_number .check_company_list .checkbox_item:first-child{margin-right: 20px;}
    .company_number .check_company_list .checkbox_item .company_number_input1{width: 130px;}
    .company_number .check_company_list .checkbox_item .input_hyphen{width: 30px;}

    .inputBox.input_type_08 .input_title,
    .inputBox.input_type_09 .input_title{width: 248px;}
    .inputBox.input_type_08 input{width: calc(100% - 248px)}
    .inputBox.input_type_09 input{width: calc((100% - 338px) / 4)}
    .inputBox.input_type_09 .input_hyphen{width: 30px;}
    .inputBox.input_type_08 .input_info_text,
    .inputBox.input_type_09 .input_info_text{padding-left: 258px;}

    .input_type_10{margin-bottom: 20px;}
    .input_type_10 .input_step{height: 48px;line-height: 48px;font-size: 20px;}
    .input_type_10 .input_step .input_step_sub{font-size: 16px;}

    .inputBox.input_type_11 input{width: calc(100% - 140px);margin-right: 20px;}

    .attachment_wrap.input_type_12{width: 100%;}
    .attachment_wrap.input_type_12 .attachment_list .board_attachment_item{padding: 0 10px;font-size: 16px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .input_title_number{margin-top: 2px;margin-right: 8px;}
    .enroll_step_stage .grey_box{margin-bottom: 30px;}

    .company_number{align-items: flex-start;}
    .company_number .input_title{line-height: 48px;}
    .company_number .check_company_list{width: calc(100% - 116px);}
    .company_number .check_company_list .checkbox_item{width: 100%;}
    .company_number .check_company_list .checkbox_item:first-child{margin-bottom: 20px;}
    .company_number .check_company_list .checkbox_item label{width: 140px;font-size: 14px;line-height: 20px;}
    .company_number .check_company_list .checkbox_item .company_number_input1{width: calc((100% - 170px)/2);}
    .company_number .check_company_list .checkbox_item .company_number_input2{width: calc(100% - 140px);}
    .company_number .check_company_list .checkbox_item .input_hyphen{width: 30px;}

    .inputBox.input_type_08 .input_title,
    .inputBox.input_type_09 .input_title{width: 145px;}
    .inputBox.input_type_08 input{width: calc(100% - 145px)}
    .inputBox.input_type_09 input{width: calc((100% - 235px) / 4)}
    .inputBox.input_type_09 .input_hyphen{width: 30px;}
    .inputBox.input_type_08 .input_info_text,
    .inputBox.input_type_09 .input_info_text{padding-left: 155px;}

    .input_type_10{margin-bottom: 20px;}
    .input_type_10 .input_step{height: 40px;line-height: 40px;font-size: 16px;}
    .input_type_10 .input_step .input_step_sub{font-size: 14px;}

    .inputBox.input_type_11 input{width: calc(100% - 110px);margin-right: 10px;}

    .attachment_wrap.input_type_12{width: 100%;}
    .attachment_wrap.input_type_12 .attachment_list .board_attachment_item{padding: 0 10px;font-size: 14px;}
}
@media (max-width: 767px){
    .input_title_number{margin-top: 2px;margin-right: 8px;}
    .enroll_step_stage .grey_box{margin-bottom: 20px;}

    .company_number .check_company_list{width: 100%;}
    .company_number .check_company_list .checkbox_item{width: 100%;flex-wrap: wrap;}
    .company_number .check_company_list .checkbox_item:first-child{margin-bottom: 10px;}
    .company_number .check_company_list .checkbox_item label{width: 100%;margin: 10px 0 20px 0;font-size: 14px;line-height: 20px;}
    .company_number .check_company_list .checkbox_item .company_number_input1{width: calc((100% - 30px)/2);}
    .company_number .check_company_list .checkbox_item .company_number_input2{width: 100%;}
    .company_number .check_company_list .checkbox_item .input_hyphen{width: 30px;font-size: 18px;}

    .inputBox.input_type_08 .input_title,
    .inputBox.input_type_09 .input_title{width: 100%;}
    .inputBox.input_type_09{display: flex;align-items: center;}
    .inputBox.input_type_08 input{width: 100%}
    .inputBox.input_type_09 input{width: calc((100% - 30px) / 2);margin-bottom: 10px;}
    .inputBox.input_type_09 input:last-of-type{width: calc(((100% - 30px) / 2) - 30px);}
    .inputBox.input_type_09 .input_hyphen{width: 30px;font-size: 18px;margin-bottom: 10px;}
    .inputBox.input_type_08 .input_info_text,
    .inputBox.input_type_09 .input_info_text{padding-left: 10px;}
    .inputBox.input_type_09 .input_info_text{margin-top: 0;}

    .input_type_10{margin-bottom: 20px;}
    .input_type_10 .input_step{line-height: 24px;font-size: 16px;margin-top: 14px;margin-bottom: 10px;flex-wrap: wrap;}
    .input_type_10 .input_step .input_step_sub{font-size: 14px;line-height: 20px;padding-left: 24px;width: 100%;margin-top: 8px;}

    .inputBox.input_type_11{display: flex;}
    .inputBox.input_type_11 input{width: calc(100% - 110px);margin-right: 10px;}

    .attachment_wrap.input_type_12{width: 100%;}
    .attachment_wrap.input_type_12 .attachment_list .board_attachment_item{padding: 0 10px;font-size: 14px;}
}



/*마이페이지*/
.mypage_qna1{}
.mypage_qna1 .faq_info{margin-top: 0;}

.mypage_qna3 .board_section .board_column:not(.board_header) .board_process{color: #3475bf;}

.status_tag{width: 70px;height: 26px;font-size: 12px;line-height: 24px;box-sizing: border-box;border-radius: 20px;display: block;text-align: center;}
.status_tag.waiting{border: 1px solid #9e9e9e;color: #9e9e9e;}
.status_tag.complete{border: 1px solid #3475bf;color: #3475bf;}
.board_title_wrap .status_tag{position: absolute;}
.above_pager_btn{text-align: right;}
@media (min-width: 1366px){
    /*1:1 문의*/
    .mypage_qna1 .faq_info{margin-bottom: 40px;}
    .mypage_qna1 .board_section .board_column .board_category{width: 140px;}
    .mypage_qna1 .board_section .board_column .board_date{width: 100px;}
    .mypage_qna1 .board_section .board_column .board_title{width: calc(100% - 440px);}
    .mypage_qna1 .board_section .board_column .board_status{width: 100px;}

    /*과목 문의내역*/
    .mypage_qna2 .board_section .board_column .board_category{width: 100px;}
    .mypage_qna2 .board_section .board_column .board_process{width: 200px;}
    .mypage_qna2 .board_section .board_column .board_title{width: calc(100% - 600px);}
    .mypage_qna2 .board_section .board_column .board_date{width: 100px;}
    .mypage_qna2 .board_section .board_column .board_status{width: 100px;}

    /*콘텐츠 오류 신고*/
    .mypage_qna3 .board_section .board_column .board_process{width:200px;white-space: nowrap;}
    .mypage_qna3 .board_section .board_column .board_course{width: 200px;white-space: nowrap;}
    .mypage_qna3 .board_section .board_column .board_title{width: calc(100% - 740px);}
    .mypage_qna3 .board_section .board_column .board_date{width: 120px;}
    .mypage_qna3 .board_section .board_column .board_status{width: 120px;}

    .above_pager_btn{margin-top: 40px;margin-bottom: -20px;}
    .board_section .board_column .board_status .status_tag{margin: auto;}

    .board_title_wrap .status_tag{right: 30px;top: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    /*1:1 문의*/
    .mypage_qna1 .faq_info{margin-bottom: 30px;}
    .mypage_qna1 .board_section .board_column .board_status{order: 2;margin-right: 10px;}
    .mypage_qna1 .board_section .board_column .board_category{order: 3;}
    .mypage_qna1 .board_section .board_column .board_date{order: 4;}
    .mypage_qna1 .board_section .board_column .board_title{order: 5;}

    /*과목 문의내역*/
    .mypage_qna2 .board_section .board_column .board_status{order: 2;margin-right: 10px;}
    .mypage_qna2 .board_section .board_column .board_category{order: 3;}
    .mypage_qna2 .board_section .board_column .board_date{order: 4;width: 70px;text-align: right;}
    .mypage_qna2 .board_section .board_column .board_title{order: 5;}
    .mypage_qna2 .board_section .board_column .board_process{order: 6;margin-top: 10px;}

    /*콘텐츠 오류 신고*/
    .mypage_qna3 .board_section .board_column .board_process{width:100%;white-space: nowrap;order: 5;margin-top: 10px;line-height: 17px;}
    .mypage_qna3 .board_section .board_column .board_course{width:100%;white-space: nowrap;order: 6;margin-top: 10px;line-height: 17px;}
    .mypage_qna3 .board_section .board_column .board_status{order: 2}

    .board_section .board_column .board_process,
    .board_section .board_column .board_course{position: relative;padding-left: 44px;}
    .board_section .board_column .board_process:before,
    .board_section .board_column .board_course:before{position: absolute;font-size: 12px;color: #9e9e9e;line-height: 17px;left: 0;}
    .board_section .board_column .board_process:after,
    .board_section .board_column .board_course:after{position: absolute;content: "";width: 1px;height: 10px; background-color:  #e0e0e0;left: 39px;top: 4px;}
    .board_section .board_column .board_process:before{content: "과정명";}
    .board_section .board_column .board_course:before{content: "과목명";}

    .above_pager_btn{margin-top: 30px}

    .board_title_wrap .status_tag{right: 10px;bottom: 17px;}
}
@media (max-width: 767px){
    /*1:1 문의*/
    .mypage_qna1 .faq_info{margin-bottom: 30px !important;}
    .mypage_qna1 .board_section .board_column .board_status{order: 2;margin-right: 10px;}
    .mypage_qna1 .board_section .board_column .board_category{order: 3;}
    .mypage_qna1 .board_section .board_column .board_date{order: 4;}
    .mypage_qna1 .board_section .board_column .board_title{order: 5;}

    /*과목 문의내역*/
    .mypage_qna2 .board_section .board_column .board_status{order: 2;margin-right: 10px;}
    .mypage_qna2 .board_section .board_column .board_category{order: 3;}
    .mypage_qna2 .board_section .board_column .board_date{order: 4;width: 70px;text-align: right;}
    .mypage_qna2 .board_section .board_column .board_title{order: 5;}
    .mypage_qna2 .board_section .board_column .board_process{order: 6;margin-top: 10px;}

    /*콘텐츠 오류 신고*/
    .mypage_qna3 .board_section .board_column .board_process{width:100%;white-space: nowrap;order: 5;margin-top: 10px;line-height: 17px;}
    .mypage_qna3 .board_section .board_column .board_course{width:100%;white-space: nowrap;order: 6;margin-top: 10px;line-height: 17px;}
    .mypage_qna3 .board_section .board_column .board_status{order: 2}

    .board_section .board_column .board_process,
    .board_section .board_column .board_course{position: relative;padding-left: 44px;}
    .board_section .board_column .board_process:before,
    .board_section .board_column .board_course:before{position: absolute;font-size: 12px;color: #9e9e9e;line-height: 17px;left: 0;}
    .board_section .board_column .board_process:after,
    .board_section .board_column .board_course:after{position: absolute;content: "";width: 1px;height: 10px; background-color:  #e0e0e0;left: 39px;top: 4px;}
    .board_section .board_column .board_process:before{content: "과정명";}
    .board_section .board_column .board_course:before{content: "과목명";}

    .above_pager_btn{margin-top: 30px}
    .board_title_wrap .status_tag{right: 15px;bottom: 17px;}
}

/*마이페이지 회원정보*/
.user_section_wrap{border-top: 1px solid black;}
.mypage_user .user_input_section{border-bottom: 1px solid #e0e0e0;}
.mypage_user .button_wrapper{text-align: right;}
.mypage_user input[type=checkbox] + label::before,
.mypage_user input[type=radio] + label::before{width: 20px;height: 20px;background-size: 8px;}
.mypage_user .check_item_wrap{margin-top: 20px;}

.mypage_user .user_input_section .inputBox.input_type_07 .grey_btn{display: block;}
.mypage_user .h1_subtitle{margin-top: 60px;}
.mypage_user .h1_subtitle:first-child{margin-top: 0;}

.mypage_course_application .menu_page .blue_table td:not(.factor){text-align: left;}
@media (min-width: 1366px){
    .mypage_user .user_input_section{padding: 30px;}
    .mypage_user .user_input_section .inputBox .input_title{width: 177px;}
    .mypage_user .user_input_section .inputBox.input_type_01 input,
    .mypage_user .user_input_section .inputBox.input_type_01 textarea{width: calc(100% - 177px)}
    .mypage_user .user_input_section .inputBox .input_select_wrapper{width: calc(100% - 177px)}
    .mypage_user .user_input_section .inputBox.input_type_03 input{width: calc((100% - 209px)/2);}
    .mypage_user .user_input_section .inputBox.input_type_04 input,
    .mypage_user .user_input_section .inputBox.input_type_04 .email_code_wrapper{width: calc((100% - 227px)/3)}
    .mypage_user .user_input_section .inputBox.input_type_04 .input_middle_text{width: 30px;}
    .mypage_user .user_input_section .inputBox.input_type_04 .email_code_wrapper{margin-left: 20px;}
    .mypage_user .user_input_section .inputBox.input_type_07 .input_select_wrapper,
    .mypage_user .user_input_section .inputBox.input_type_07 input{width: calc((100% - 377px) / 3)}
    .mypage_user .user_input_section .inputBox.input_type_07 .input_hyphen{width: 30px;}
    .mypage_user .user_input_section .inputBox.input_type_07 .grey_btn{margin-left: 20px;}
    .mypage_user .user_input_section .inputBox.check_company{margin: 30px 0 51px 0;}
    .mypage_user .user_input_section .inputBox.check_company:last-child{margin-bottom: 0;}
    .mypage_user .user_input_section .inputBox.check_company .find_company_wrap{padding-left: 177px;margin-bottom: -21px;}
    .mypage_user .user_input_section .inputBox .input_info_text{padding-left: 187px;}
    .mypage_user .button_wrapper{margin-top: 40px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .mypage_user .user_input_section{padding: 30px 15px;}
    .mypage_user .user_input_section .inputBox .input_title{width: 166px;}
    .mypage_user .user_input_section .inputBox.input_type_01 input,
    .mypage_user .user_input_section .inputBox.input_type_01 textarea{width: calc(100% - 166px)}
    .mypage_user .user_input_section .inputBox .input_select_wrapper{width: calc(100% - 166px)}
    .mypage_user .user_input_section .inputBox.input_type_03 input{width: calc((100% - 196px)/2);}
    .mypage_user .user_input_section .inputBox.input_type_03.find_address input{width: 192px;}
    .mypage_user .user_input_section .inputBox.input_type_04 input,
    .mypage_user .user_input_section .inputBox.input_type_04 .email_code_wrapper{width: calc((100% - 206px)/3)}
    .mypage_user .user_input_section .inputBox.input_type_04 .input_middle_text{width: 30px;}
    .mypage_user .user_input_section .inputBox.input_type_04 .email_code_wrapper{margin-left: 10px;}
    .mypage_user .user_input_section .inputBox.input_type_07 .input_select_wrapper,
    .mypage_user .user_input_section .inputBox.input_type_07 input{width: calc((100% - 336px) / 3)}
    .mypage_user .user_input_section .inputBox.input_type_07 .grey_btn{margin-left: 10px;}
    .mypage_user .user_input_section .inputBox.check_company .find_company_wrap{padding-left: 166px;margin-bottom: 10px;}
    .mypage_user .user_input_section .inputBox .input_info_text{padding-left: 176px;}

    .mypage_user input[type=checkbox] + label,
    .mypage_user input[type=radio] + label{font-size: 14px;}

    .mypage_user .button_wrapper{margin-top: 30px;}
    .mypage_user .button_wrapper .normal_btn{width: 100px;}
}
@media (max-width: 767px){
    .mypage_user .user_input_section{padding: 30px 15px;}
    .mypage_user .user_input_section .inputBox.input_type_03 input{width: calc(50% - 15px) !important;}
    .mypage_user .user_input_section .inputBox.input_type_04 input{width: calc(50% - 15px);}
    .mypage_user .user_input_section .inputBox.input_type_04 .email_code_wrapper{width: 100%;margin-top: 10px;}
    .mypage_user .user_input_section .inputBox.input_type_04 .input_middle_text{width: 30px;}
    .mypage_user .user_input_section .inputBox.input_type_07 .input_select_wrapper,
    .mypage_user .user_input_section .inputBox.input_type_07 input{width: calc((100% - 56px) / 3);}
    .mypage_user .user_input_section .inputBox.input_type_07 .input_hyphen{width: 28px;}
    .mypage_user .user_input_section .inputBox.input_type_07 .grey_btn{width: 100%; margin-top: 10px;}
    .mypage_user .user_input_section #english_name::placeholder{font-size: 0;}

    .mypage_user input[type=checkbox] + label,
    .mypage_user input[type=radio] + label{font-size: 14px;}

    .mypage_user .button_wrapper{margin-top: 30px;}
    .mypage_user .user_input_section .inputBox .input_select_wrapper{width: 100%;}
    .mypage_user .button_wrapper .normal_btn{width: 100px;}
}


/* 설문함 */
.board_section .board_column.board_content_item .survey_title{text-align: left;}
.board_section .board_column.board_content_item .survey_type{color: black;}
.board_section .board_column.board_content_item .survey_title{color: #424242;}
.board_section .board_column.board_content_item .survey_period{color: #757575;}
.board_section .board_column .survey_status button{font-family: 'notokr-regular';height: 36px;font-size: 14px;line-height: 20px;}
@media (min-width: 1366px){
    .board_section .board_column .survey_type{width: 140px;}
    .board_section .board_column .survey_title{width: calc(100% - 580px);}
    .board_section .board_column .survey_period{width: 200px;}
    .board_section .board_column .survey_status{width: 140px;}
    .board_section .board_column .survey_status button{width: 82px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .board_section .board_column .board_type{margin-top: 4px;}
    .board_section .board_column .survey_type{order: 2;margin-top: 4px;line-height: 17px;}
    .board_section .board_column .survey_title{width: 100%;order: 4;margin-top: 16px;font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .board_section .board_column .survey_period{order: 3;margin-left: auto;line-height: 17px;}
    .board_section .board_column .survey_status{width: 100%; order: 5;}
    .board_section .board_column .survey_status button{width: 100%;}
}
@media (max-width: 767px){
    .board_section .board_column .survey_type{order: 2;line-height: 17px;}
    .board_section .board_column .survey_title{width: 100%;order: 4;margin-top: 16px;font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .board_section .board_column .survey_period{order: 3;margin-left: auto;line-height: 17px;}
    .board_section .board_column .survey_status{width: 100%; order: 5;}
    .board_section .board_column .survey_status button{width: 100%;}
}


/*나의 강의실*/
.course_list_header{display: flex;justify-content: space-between;flex-wrap: wrap;}
.course_list_header .course_category_list{display: flex;align-items: center;}
.course_list_header .course_category_list .course_category_item{padding: 0 10px;}
.course_list_header .search_wrapper{margin-bottom: 0;}
.course_list_header .search_wrapper select{margin-right: 0;}
.course_list_body .total_count{color: #9e9e9e;}
.course_list_body .total_count span{color: #424242;}

.course_list_body .course_list_section .course_item{display: flex;align-items: center;border: 1px solid #e0e0e0;flex-wrap: wrap;border-radius: 5px;}
.course_list_body .course_list_section .course_item .course_thumbnail{border-radius: 4.5px;}
.course_list_body .course_list_section .course_item .course_thumbnail:not(.thumbnail_default){background-size: cover !important;}
.course_list_body .course_list_section .course_item .course_thumbnail.thumbnail_default{background-color: #f5f5f5;}

.course_list_body .course_list_section .course_item .course_info .course_item_category{display: flex;align-items: center;width: 100%;justify-content: flex-start;}
.course_list_body .course_list_section .course_item .course_info .course_item_category .category_title{color: #3475bf;}
.course_list_body .course_list_section .course_item .course_info .course_item_category .category_tag{width: 64px;line-height: 26px;font-size: 12px;text-align: center;border-radius: 20px;color: white;}
.course_list_body .course_list_section .course_item .course_info .course_item_category .category_tag.non_refund{background-color: #9e79f4;}
.course_list_body .course_list_section .course_item .course_info .course_item_category .category_tag.refund{background-color: #ffad00;}
.course_list_body .course_list_section .course_item .course_info .course_title{font-family: 'notokr-medium';color: black;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}

.course_list_body .course_list_section .course_item .custom_button_list button{border: 1px solid #9e9e9e;color: #757575;}
.course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.empty{font-size: 0;}
.course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item .th{color: #9e9e9e;}
.course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item p:not(.th){color: black;}
.board_none_title,
.no-data-style{display: flex;justify-content: center;align-items: center;background-color: #fafafa;color: #9e9e9e;}
@media (min-width: 1366px){
    .course_list_header{margin-bottom: 30px;}
    .course_list_header .course_category_list .course_category_item{font-size: 16px;line-height: 24px;}
    .course_list_header .search_wrapper select{width: 120px;}

    .course_list_body .total_count{font-size: 16px;line-height: 24px;margin-bottom: 20px;}

    .course_list_body .course_list_section .course_item{padding: 20px 30px;height: 246px;margin-bottom: 20px;}
    .course_list_body .course_list_section .course_item:last-child{margin-bottom: 0;}
    .course_list_body .course_list_section .course_item .course_thumbnail{width: 275px;height: 206px;}
    .course_list_body .course_list_section .course_item .course_info{padding: 0 30px;width: calc(100% - 553px);height: 100%;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category{margin-bottom: 10px;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category .category_title{font-size: 16px;line-height: 24px;margin-right: 10px;}
    .course_list_body .course_list_section .course_item .course_info .course_title{font-size: 20px;line-height: 29px;height: 58px;margin-bottom: 20px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info{display: flex;flex-wrap: wrap;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item{font-size: 16px;line-height: 24px;margin-bottom: 10px;text-align: left;display: flex;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1{width: calc(100% - 167px)}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1 .th{width: 117px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1 p:not(.th){width: calc(100% - 117px);}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2{width: 167px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2 .th{width: 70px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2 p:not(.th){width: calc(100% - 70px);}

    .course_list_body .course_list_section .course_item .custom_button_list{width: 138px;padding-right: 17px;border-right: 1px solid #e0e0e0;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .course_list_body .course_list_section .course_item .custom_button_list button{width: 100%;height: 36px;line-height: 34px;font-size: 14px;margin-bottom: 10px;border-radius: 5px;}
    .course_list_body .course_list_section .course_item .custom_button_list button:last-child{margin-bottom: 0;}
    .course_list_body .course_list_section .course_item .course_room{padding-left: 20px;}

    .board_none_title,
    .no-data-style{font-size: 16px;line-height: 60px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .course_list_header{margin-bottom: 20px;}
    .course_list_header .course_category_list .course_category_item{font-size: 14px;line-height: 20px;}
    .course_list_header .search_wrapper select{width: 120px;margin: 2px 0;}

    .course_list_body .total_count{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .course_list_body .course_list_section .course_item{padding: 20px 15px;margin-bottom: 20px;}
    .course_list_body .course_list_section .course_item:last-child{margin-bottom: 0;}
    .course_list_body .course_list_section .course_item .course_thumbnail{display: none;}
    .course_list_body .course_list_section .course_item .course_info{width: calc(100% - 135px);margin-right: 15px;margin-bottom: 10px;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category{margin-bottom: 8px;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category .category_title{font-size: 14px;line-height: 20px;margin-right: 5px;}
    .course_list_body .course_list_section .course_item .course_info .course_title{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 15px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info{display: flex;flex-wrap: wrap;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item{font-size: 14px;line-height: 20px;margin-bottom: 10px;text-align: left;display: flex;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1{width: calc(100% - 250px)}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1 .th{width: 107px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col1 p:not(.th){width: calc(100% - 107px);}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2{width: 250px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2 .th{width: 65px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item.col2 p:not(.th){width: calc(100% - 65px);}

    .course_list_body .course_list_section .course_item .custom_button_list{width: 120px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .course_list_body .course_list_section .course_item .custom_button_list button{width: 100%;height: 36px;line-height: 34px;font-size: 14px;margin-bottom: 10px;border-radius: 5px;}
    .course_list_body .course_list_section .course_item .custom_button_list button:last-child{margin-bottom: 0;}
    .course_list_body .course_list_section .course_item .course_room{width: 100%;margin-left: -15px;margin-bottom: -20px;}
    .course_list_body .course_list_section .course_item .course_room .normal_btn{width: calc(100% + 30px); border-radius: 0  0 5px 5px;}

    .board_none_title,
    .no-data-style{font-size: 12px;line-height: 58px;}
}
@media (max-width: 767px){
    .course_list_header{margin-bottom: 24px;}
    .course_list_header .course_category_list{justify-content: space-between;width: 100%;}
    .course_list_header .course_category_list .course_category_item{font-size: 14px;line-height: 20px;height: 44px;padding: 10px;}
    .course_list_header .search_wrapper{width: 100%;}
    .course_list_header .search_wrapper select{width: 100%;margin-top: 10px;}

    .course_list_body .total_count{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .course_list_body .course_list_section .course_item{padding: 20px 15px;margin-bottom: 20px;}
    .course_list_body .course_list_section .course_item:last-child{margin-bottom: 0;}
    .course_list_body .course_list_section .course_item .course_thumbnail{display: none;}
    .course_list_body .course_list_section .course_item .course_info{width: 100%;margin-bottom: 10px;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category{margin-bottom: 8px;}
    .course_list_body .course_list_section .course_item .course_info .course_item_category .category_title{font-size: 14px;line-height: 20px;margin-right: 5px;}
    .course_list_body .course_list_section .course_item .course_info .course_title{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 15px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info{display: flex;flex-wrap: wrap;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item{font-size: 14px;line-height: 20px;margin-bottom: 10px;text-align: left;display: flex;width: 100%;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item .th{width: 107px;}
    .course_list_body .course_list_section .course_item .course_info .course_detail_info .course_detail_info_item p:not(.th){width: calc(100% - 107px);}

    .course_list_body .course_list_section .course_item .custom_button_list{width: 100%;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 20px;}
    .course_list_body .course_list_section .course_item .custom_button_list button{width: 25%;line-height: 15px;font-size: 10px;padding-top: 49px;position: relative;border: none;}
    .course_list_body .course_list_section .course_item .custom_button_list button:before{content: "";width: 44px;height: 44px;border-radius: 100%;border: 1px solid #9e9e9e;display: inline-block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-size: 16px;background-position: center;background-repeat: no-repeat;box-sizing: border-box;}
    .course_list_body .course_list_section .course_item .custom_button_list button.application:before{background-image: url("/res/home/conedu/img/common/icon_document_grey.svg");}
    .course_list_body .course_list_section .course_item .custom_button_list button.contract:before{background-image: url("/res/home/conedu/img/common/icon_contract_grey.svg");}
    .course_list_body .course_list_section .course_item .custom_button_list button.info:before{background-image: url("/res/home/conedu/img/common/icon_info.svg");}
    .course_list_body .course_list_section .course_item .custom_button_list button.print:before{background-image: url("/res/home/conedu/img/common/icon_print_grey.svg");}
    .course_list_body .course_list_section .course_item .custom_button_list button.calendar:before{background-image: url("/res/home/conedu/img/common/icon_calendar.svg");}
    .course_list_body .course_list_section .course_item .course_room{width: 100%;margin-left: -15px;margin-bottom: -20px;}
    .course_list_body .course_list_section .course_item .course_room .normal_btn{width: calc(100% + 30px); border-radius: 0  0 5px 5px;}

    .board_none_title,
    .no-data-style{font-size: 12px;line-height: 58px;}
}

/*2021년 이전 수료과정*/

@media (min-width: 1366px){
    .mypage_course .search_table .search_tr li{height: auto;padding: 12px 2px;line-height: 24px;}
    .mypage_course .search_table .search_thead li:nth-child(1),
    .mypage_course .search_table .search_tr li:nth-child(2){width: 100px;}
    .mypage_course .search_table .search_thead li:nth-child(2),
    .mypage_course .search_table .search_tr li:nth-child(4){width: calc(100% - 640px);}
    .mypage_course .search_table .search_thead li:nth-child(3),
    .mypage_course .search_table .search_tr li:nth-child(6){width: 220px;}
    .mypage_course .search_table .search_thead li:nth-child(4),
    .mypage_course .search_table .search_tr li:nth-child(8){width: 160px;}
    .mypage_course .search_table .search_thead li:nth-child(5),
    .mypage_course .search_table .search_tr li:nth-child(9){width: 160px;}
    .mypage_course .search_table .search_tr .green_btn_empty{width: 100px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .mypage_course .search_table .search_tr{display: flex;flex-wrap: wrap;align-items: flex-start;}
    .mypage_course .search_table .search_tr li{padding: 10px 10px 0 10px;}
    .mypage_course .search_table .search_tr .th{width: 75px;color: #9e9e9e;}
    .mypage_course .search_table .search_tr li:not(.th){width: calc((100% - 150px) / 2);text-align: left;}
    .mypage_course .search_table .search_tr li.course_title,
    .mypage_course .search_table .search_tr li.method{width: calc(100% - 75px);}
    .mypage_course .search_table .search_tr li:nth-child(1){order: 1;}
    .mypage_course .search_table .search_tr li:nth-child(2){order: 2;}
    .mypage_course .search_table .search_tr li:nth-child(3){order: 5;}
    .mypage_course .search_table .search_tr li:nth-child(4){order: 6;}
    .mypage_course .search_table .search_tr li:nth-child(5){order: 3;}
    .mypage_course .search_table .search_tr li:nth-child(6){order: 4;}
    .mypage_course .search_table .search_tr li:nth-child(7){order: 7;}
    .mypage_course .search_table .search_tr li:nth-child(8){order: 8;}
    .mypage_course .search_table .search_tr li:nth-child(9){order: 9;}
    .mypage_course .search_table .search_tr li.download{width: 100%;padding-top: 15px;padding-bottom: 10px;}
    .mypage_course .search_table .search_tr li.download button{line-height: 20px;width: 100%;border-radius: 20px;}
}
@media (max-width: 767px){
    .mypage_course .search_table .search_tr{display: flex;flex-wrap: wrap;padding-left: 0;align-items: flex-start;}
    .mypage_course .search_table .search_tr li{padding: 0px 10px 0 10px;}
    .mypage_course .search_table .search_tr .th{width: 75px;color: #9e9e9e;}
    .mypage_course .search_table .search_tr li:not(.th){width: calc(100% - 75px);}
    .mypage_course .search_table .search_tr li.download{width: 100%;}
    .mypage_course .search_table .search_tr li.download button{line-height: 24px;width: 100%;}
}

/* 북마크 */
.bookmark_list_body .bookmark_item{display: flex;flex-wrap: wrap;border: 1px solid #e0e0e0;border-radius: 5px;position: relative;margin-bottom: 20px;}
.bookmark_list_body .bookmark_item:last-child{margin-bottom: 0;}
.bookmark_list_body .bookmark_item .bookmark_icon{background: url("/res/home/conedu/img/common/icon_bookmark.svg") no-repeat;background-size: cover;position: absolute;}
.bookmark_list_body .bookmark_item .bookmark_item_category{color: #757575;display: flex;}
.bookmark_list_body .bookmark_item .bookmark_item_category .category_title{position: relative;padding-right: 10px;margin-right: 10px;}
.bookmark_list_body .bookmark_item .bookmark_item_category .category_title:after{position: absolute;content: "";width: 1px;height: 10px;background-color: #e0e0e0;right: 0;}
.bookmark_list_body .bookmark_item .bookmark_time{font-family: 'notokr-medium';color: #34bf87;}
.bookmark_list_body .bookmark_item .bookmark_memo{font-family: 'notokr-medium';color: black;}
.bookmark_list_body .bookmark_item .bookmark_delete_btn{border: 1px solid #9e9e9e;display: flex;align-items: center;justify-content: space-between;}
.bookmark_list_body .bookmark_item .bookmark_delete_btn img{width: 16px;}
@media (min-width: 1366px){
    .bookmark_list_body .bookmark_item{padding: 30px 120px 30px 84px;}
    .bookmark_list_body .bookmark_item .bookmark_icon{width: 24px;height: 24px;left: 30px;top: 50%;transform: translateY(-50%);}
    .bookmark_list_body .bookmark_item .bookmark_item_category{width: 100%;font-size: 16px;line-height: 24px;margin-bottom: 20px;}
    .bookmark_list_body .bookmark_item .bookmark_item_category .category_title:after{top: 7px;}
    .bookmark_list_body .bookmark_item .bookmark_time{width: 80px;font-size: 20px;line-height: 29px;margin-right: 10px;}
    .bookmark_list_body .bookmark_item .bookmark_memo{font-size: 20px;line-height: 29px;width: calc(100% - 90px);}
    .bookmark_list_body .bookmark_item .bookmark_delete_btn{width: 80px;padding: 0 15px;font-size: 14px;line-height: 20px;height: 36px; border-radius: 5px;color: #757575;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .bookmark_list_body .bookmark_item{padding: 20px 80px 20px 15px;}
    .bookmark_list_body .bookmark_item .bookmark_icon{width: 24px;height: 24px;left: 15px;top: 20px;}
    .bookmark_list_body .bookmark_item .bookmark_item_category{width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 15px;order: 2;}
    .bookmark_list_body .bookmark_item .bookmark_item_category .category_title:after{top: 5px;}
    .bookmark_list_body .bookmark_item .bookmark_time{font-size: 16px;line-height: 24px;padding-left: 34px;order: 1;margin-bottom: 20px;}
    .bookmark_list_body .bookmark_item .bookmark_memo{font-size: 16px;line-height: 24px;width: 100%;order: 3;}
    .bookmark_list_body .bookmark_item .bookmark_delete_btn{width: 36px;font-size: 0;height: 36px; border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);right: 22px;justify-content: center;}
}
@media (max-width: 767px){
    .bookmark_list_body .bookmark_item{padding: 26px 15px 20px 15px;}
    .bookmark_list_body .bookmark_item .bookmark_icon{width: 24px;height: 24px;left: 15px;top: 26px;}
    .bookmark_list_body .bookmark_item .bookmark_item_category{width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 15px;order: 2;}
    .bookmark_list_body .bookmark_item .bookmark_item_category .category_title:after{top: 5px;}
    .bookmark_list_body .bookmark_item .bookmark_time{font-size: 16px;line-height: 24px;padding-left: 34px;order: 1;margin-bottom: 26px;}
    .bookmark_list_body .bookmark_item .bookmark_memo{font-size: 16px;line-height: 24px;width: 100%;order: 3;}
    .bookmark_list_body .bookmark_item .bookmark_delete_btn{width: 36px;font-size: 0;height: 36px; border-radius: 100%;position: absolute;top: 20px;right: 15px;justify-content: center;}
}

/*결제내역*/
.payment_list.board_section .board_column.board_content_item{color: #757575;}
.payment_list.board_section .board_column.board_content_item .board_row_item.course_title{color: black;}
.payment_list.board_section .board_content_item .board_row_item.payment_date{background-color: rgba(52, 117, 191, 0.03);}
.payment_list.board_section .board_content_item .board_row_item.payment_method{background-color: rgba(52, 117, 191, 0.03);}
.payment_list.board_section .board_content_item .board_row_item.payment_price{background-color: rgba(52, 117, 191, 0.03);}
.payment_list.board_section .board_column.board_content_item .board_row_item.detail button{border: 1px solid #9e9e9e;border-radius: 5px;background-color: white;color: #757575;font-family: 'notokr-regular';font-size: 14px;}
.payment_list.board_section .board_column.board_content_item .board_row_item.bill button{border: 1px solid #62d89d;border-radius: 5px;background-color: white;color: #62d89d;font-family: 'notokr-regular';font-size: 14px;}
@media (min-width: 1366px){
    .payment_list.board_section .board_column.board_content_item{
        height: auto;
        align-items: stretch;
    }
    .payment_list.board_section .board_column.board_content_item .board_row_item{
        display: flex;
        overflow: auto;
        white-space: normal;
        padding: 10px 5px;
    }
    .payment_list .board_row_item.board_type{width: 60px;}
    .payment_list .board_row_item.course_title{width: calc(100% - 990px);}
    .payment_list .board_row_item.course_title span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .payment_list .board_row_item.course_period{width: 110px;}
    .payment_list .board_row_item.course_method{width: 90px;}
    .payment_list .board_row_item.payment_date{width: 110px;}
    .payment_list .board_row_item.payment_method{width: 120px;}
    .payment_list .board_row_item.payment_status{width: 90px;}
    .payment_list .board_row_item.payment_price{width: 100px;}
    .payment_list .board_row_item.detail{width: 100px;}
    .payment_list .board_row_item.proof_method{width: 120px;}
    .payment_list .board_row_item.bill{width: 90px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_status,
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail{background-color: rgba(52, 117, 191, 0.03);}
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail button{width: 82px;height: 36px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill button{width: 70px;height: 36px;}

    .payment_list.board_section .board_column.board_content_item.disabled .board_row_item.bill button{font-size: 0;border: none;border-top: 1px solid #757575;border-radius: 0;height: 0;width: 6px;cursor: default;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .payment_list.board_section .board_column.board_content_item{
        height: auto;
        align-items: stretch;
    }
    .payment_list.board_section .board_column.board_content_item .board_row_item{
        display: flex;
        overflow: auto;
        white-space: normal;
    }
    .payment_list.board_section .board_column.board_content_item .board_row_item{font-size: 14px;line-height: 20px;position: relative;align-items: center;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.board_type{display: none;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_status{order: 1;width: 100%;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_title{order: 2;font-size: 16px;line-height: 24px;margin-bottom: 15px;width: 100%;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_title span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period{order: 3;width: 50%;padding-left: 107px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method{order: 4;width: 50%;padding-left: 107px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method{order: 5;width: 100%;padding-left: 107px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method:before{position: absolute;left: 0;top: 50%;transform:translateY(-50%);font-size: 14px;line-height: 20px;color: #9e9e9e;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period:before{content: '교육기간';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method:before{content: '교육방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method:before{content: '지출증빙 방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date{order: 6;width: calc(100% / 3);padding: 10px 0 10px 70px;margin-bottom: 15px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method{order: 7;width: calc(100% / 3);padding: 10px 0 10px 70px;margin-bottom: 15px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price{order: 8;width: calc(100% / 3);padding: 10px 0 10px 70px;margin-bottom: 15px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price:before{position: absolute;left: 10px;top: 50%;transform: translateY(-50%); line-height: 20px;color: #9e9e9e;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date:before{content: '결제일자';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method:before{content: '결제방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price:before{content: '결제금액';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill{order: 9;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail{order: 10;}

    .payment_list.board_section .board_column.board_content_item .board_row_item.detail{font-size: 0;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail button{display: none;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill{width: 100%;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill button{width: 100%;height: 36px;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.detail{width: 82px;height: 36px;margin-left: 10px;font-size: 14px;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.detail button{display: block;width: 100%;height: 100%;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.bill{width: calc(100% - 92px);}

    .payment_list.board_section .board_column.board_content_item.disabled .board_row_item.bill button{border: 1px solid #eee;background-color: #eee;color: #9e9e9e;}
}
@media (max-width: 767px){
    .payment_list.board_section .board_column.board_content_item{
        height: auto;
        align-items: stretch;
    }
    .payment_list.board_section .board_column.board_content_item .board_row_item{
        display: flex;
        overflow: auto;
        white-space: normal;
    }
    .payment_list.board_section .board_column.board_content_item .board_row_item{font-size: 14px;line-height: 20px;position: relative;align-items: center;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.board_type{display: none;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_status{order: 1;width: 100%;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_title{order: 2;font-size: 16px;line-height: 24px;margin-bottom: 15px;width: 100%;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_title span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period{order: 3;width: 100%;padding-left: 122px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method{order: 4;width: 100%;padding-left: 122px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method{order: 5;width: 100%;padding-left: 122px;margin-bottom: 10px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method:before{position: absolute;left: 0;top: 50%;transform:translateY(-50%);font-size: 14px;line-height: 20px;color: #9e9e9e;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_period:before{content: '교육기간';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.course_method:before{content: '교육방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.proof_method:before{content: '지출증빙 방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date{order: 6;width: 100%;padding: 10px 0 0 70px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method{order: 7;width: 100%;padding: 5px 0 5px 70px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price{order: 8;width: 100%;padding: 0 0 10px 70px;margin-bottom: 15px;font-size: 12px;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method:before,
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price:before{position: absolute;left: 10px;top: 50%;transform: translateY(-50%); font-size: 12px;line-height: 20px;color: #9e9e9e;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_date:before{content: '결제일자';top: calc(50% + 5px);}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_method:before{content: '결제방법';}
    .payment_list.board_section .board_column.board_content_item .board_row_item.payment_price:before{content: '결제금액';top: calc(50% - 5px);}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill{order: 9;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail{order: 10;}

    .payment_list.board_section .board_column.board_content_item .board_row_item.detail{font-size: 0;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.detail button{display: none;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill{width: 100%;}
    .payment_list.board_section .board_column.board_content_item .board_row_item.bill button{width: 100%;height: 36px;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.detail{width: 82px;height: 36px;margin-left: 10px;font-size: 14px;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.detail button{display: block;width: 100%;height: 100%;}
    .payment_list.board_section .board_column.board_content_item.has_btn .board_row_item.bill{width: calc(100% - 92px);}

    .payment_list.board_section .board_column.board_content_item.disabled .board_row_item.bill button{border: 1px solid #eee;background-color: #eee;color: #9e9e9e;}
}

@media (max-width: 767px){
    .step2.enroll_step_stage .h2_title .detail_info{z-index: 1;}
    .step2.enroll_step_stage .option_list_wrapper:not(.on){margin-bottom: 0px;}
    .step2.enroll_step_stage .option_list_wrapper .fold_btn{position: relative;display: block;width: 100%;box-sizing: border-box;text-align: right;padding-right: 0;margin-top: -26px;padding-top: 26px;}
    .step2.enroll_step_stage .option_list_wrapper .fold_btn::before,
    .step2.enroll_step_stage .option_list_wrapper .fold_btn::after{transform: translateY(0);}
    .step2.enroll_step_stage .option_list_wrapper .fold_btn::before {top: 13px;}
    .step2.enroll_step_stage .option_list_wrapper .fold_btn::after {top: 7px;}
}