html{ overflow-x: hidden; font-family: 'notokr-regular'; height: auto;}
body{ overflow-x: hidden; position: relative;}
p{ padding: 0; margin: 0;}
ul{ padding: 0; margin: 0; }
li{ list-style: none; }
a {color: #000; text-decoration: none; outline: none}
a:hover, a:active {text-decoration: none; color:#000; background-color:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,th,td {margin: 0; padding: 0;  box-sizing: border-box;}
input{-webkit-appearance: none;-webkit-border-radius: 0;}
input:focus{ outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #eee;
    -webkit-text-fill-color: #232323;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
select, input, textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select,input,textarea {outline: 0;}
select,input,label{vertical-align: middle}
button {border: 0 none; cursor:pointer; background: none;}

select::-ms-expand {display: none;}
select::-moz-focus-inner {border: 0; padding: 0;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
table {border-collapse: collapse; width:100%;}
*:focus {outline: 0;}
input {border: 1px solid #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number] {-moz-appearance: textfield;}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear{display: none;}
textarea {resize: none;}

/*스크롤 바*/
html {scrollbar-width: thin;}
html::-webkit-scrollbar {width: 5px;}
html::-webkit-scrollbar-track {background-color: transparent;}
html::-webkit-scrollbar-thumb {background-color: #34bf87;}
html::-webkit-scrollbar-button {width: 0;height: 0;}
::selection {background: #34bf87;color: #FFF;text-shadow: none;}
::-moz-selection {background: #34bf87;color: #FFF;text-shadow: none;}
::-webkit-selection {background: #34bf87;color: #FFF;text-shadow: none;}

body {scrollbar-width: thin;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: #34bf87;}
body::-webkit-scrollbar-button {width: 0;height: 0;}
::selection {background: #34bf87;color: #FFF;text-shadow: none;}
::-moz-selection {background: #34bf87;color: #FFF;text-shadow: none;}
::-webkit-selection {background: #34bf87;color: #FFF;text-shadow: none;}

.hasDatepicker{cursor: pointer;}

/* 반응형1 */
@media (min-width: 1760px) {

}
@media (max-width: 1759px) and (min-width: 1366px){

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

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

}
/* 반응형 2 */
@media (min-width: 1366px) {

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

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

}




/* 컨테이너 */
@media (min-width: 1760px) {
    .container{ width: 1200px; margin: 0 auto; }
    .container2{ width: 100%; box-sizing: border-box; padding: 0 80px; }
    .max_container{max-width: 1920px;width: 100%;margin: 0 auto;}
}
@media (max-width: 1759px) and (min-width: 1366px){
    .container{ width: 1200px; margin: 0 auto; }
    .container2{ width: 100%; box-sizing: border-box; padding: 0 40px; }
    .max_container{max-width: 1759px;width: 100%;margin: 0 auto;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .container, .container2{ width: 100%; box-sizing: border-box; padding: 0 24px; }
}
@media (max-width: 767px){
    .container, .container2{ width: 100%; box-sizing: border-box; padding: 0 20px; }
}
.container2 .container{padding: 0;}
.clear_both{clear: both;}

/* 반응형 별 컨텐츠 숨기기 */
@media (min-width: 1366px) {
    .pc_hide { display: none!important; }
    .tablet_show { display: none!important; }
    .mobile_show { display: none!important; }
}
@media (max-width: 1365px) and (min-width: 768px){
    .pc_show { display: none!important; }
    .tablet_hide { display: none!important; }
    .mobile_show { display: none!important; }
}
@media (max-width: 767px){
    .pc_show { display: none!important; }
    .tablet_show { display: none!important; }
    .mobile_hide { display: none!important; }
}


/* 해더 : 로고, 메뉴, 뎁스 */
.header{ position: relative; }
.header .container2{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 5;font-family: 'notokr-medium';}
.header .container2{ background-color: #ffffff}
.header .header_logo{background: url("/res/home/conedu/img/common/icon_logo.svg") no-repeat;background-size: cover;cursor: pointer;}

.header .header_depth{font-size: 0;display: flex;align-items: center;margin-right: auto;}
.header .header_depth .header_depth_item{position:relative; display: inline-block;width: 190px;font-size: 20px;letter-spacing: 0;text-align: center;cursor: pointer;height: 100px;line-height: 100px;}
.header .header_depth .header_depth_item{color: black;}
.header .header_depth .header_depth_item.current,
.header .header_depth .header_depth_item.hover{color: #34bf87 !important;}
.header .header_depth .header_depth_item.enroll_menu{color: #3475bf !important;}
.header .header_depth .header_depth_item.enroll_menu:after{content: ''; position: absolute;background-image: url("/res/home/conedu/img/common/icon_enroll.svg");width: 18px;height: 18px;top: 50%;transform: translateY(-50%);margin-left: 5px;background-size: cover;background-repeat: no-repeat;}
.header .header_depth .header_depth_item.enroll_menu.current:before,
.header .header_depth .header_depth_item.enroll_menu.hover:before{display: none;}
.header .header_depth .header_depth_item.current:before,
.header .header_depth .header_depth_item.hover:before{content: ''; position: absolute;bottom: 30px; left: 50%; transform: translateX(-50%); width: 93px; height: 2px; background-color: #34bf87; }

.header .header_menu{font-size: 0;display: flex;}
.header .header_menu a{font-size: 16px;text-align: center;letter-spacing: 0;line-height: 38px;border-radius: 32.5px;width: 100px;display: inline-block;cursor: pointer;padding-bottom: 2px;}
.header .header_menu .header_login{background-color: #34bf87;color: #fff;}
.header .header_menu .header_join{background-color: #eee;color: #bdbdbd;}
.header .header_menu .header_logout{background-color: #eee;color: #bdbdbd;}
.header .header_menu .header_mypage{background-color: #34bf87;color: #fff;}
.header .header_menu .header_cms{ background-color: #34bf87;color: #fff;}

.header .header_menu a:not(:last-child) {
    margin-right: 10px;
}

.header .header_gnb_menu{width: 24px;height: 24px;background: url("/res/home/conedu/img/common/icon_menu.svg")no-repeat;background-size: cover;cursor: pointer;}
@media (min-width: 1366px) and (max-width: 1600px) {
    .header .header_depth .header_depth_item{width: 140px;}
}

@media (min-width: 1366px) {
    .header .container2{ height: 100px; }
    .header .header_logo{max-width: 242px;height: 40px;width: 100%;background-size: 100% auto;background-position: center;}
    .header .header_logo#institution_page{max-width: 146px;height: 36px;}
    .header .header_logo:not(#institution_page){margin-right: auto;}
    .header .header_logo.company{width: 147px;height: 36px;}
    .header #header_institution_logo {background-repeat: no-repeat; background-size: 100% auto; background-position: center; min-width: 147px; max-width : 200px; height: 36px;position: relative;margin-right: auto;margin-left: 30px;cursor: pointer;}
    .header #header_institution_logo:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: -20px;width: 11px;height: 11px;background-image: url("/res/home/conedu/img/common/icon_close_black.svg");background-size: cover;}
    .header .header_menu{}
    .header .header_menu a{font-size: 16px;line-height: 38px;border-radius: 32.5px;width: 100px;padding-bottom: 2px;}
    .header .header_menu .header_mypage{width: 110px;}
    .header .header_menu .header_cms{width: 140px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .header .container2{ height: 60px; }
    .header .header_logo{width: 145px;height: 24px;}
    .header #header_institution_logo {display: none;}
    .header .header_menu{margin-left: auto;}
    .header .header_menu a{width: 80px;font-size: 14px;line-height: 35px;border-radius: 32.5px;padding-bottom: 1px;}
    .header .header_menu .header_mypage{width: 90px;}
    .header .header_menu .header_cms{width: 120px;}
}
@media (max-width: 767px){
    .header .container2{ height: 60px; }
    .header .header_logo{width: 145px;height: 24px;}
    .header #header_institution_logo {display: none;}
    .header .header_menu{margin-left: auto;}
    .header .header_menu a{width: 80px;font-size: 14px;line-height: 35px;border-radius: 32.5px;padding-bottom: 1px;}
    .header .header_menu .header_mypage{width: 90px;}
    .header .header_menu .header_cms{width: 120px;}
}

/*PC_GNB*/
@media (min-width: 1366px) {
    .header_bg.pc_show{position: absolute;width: 100%;background-color: white;z-index: 4;transition: height 0.3s}
    .pc_gnb{position: absolute;top: 100px;left: 0;width: 100%;z-index: 5;-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.08);visibility: hidden;border-top: 1px solid #e0e0e0;}
    .pc_gnb::before{content: "";z-index: 1; width: 400px;height: 174px;background: url("/res/home/conedu/img/common/img_gnb_bg.svg")no-repeat;background-size: cover;position: absolute;bottom: 0px;right: 105px;}
    .pc_gnb .gnb_container{width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}
    .pc_gnb .gnb_left{width: 300px;position: relative;padding-top: 40px;}
    .pc_gnb .gnb_left::before{content: "";width: 100vw;height: 100%;background-color: #34bf87;position: absolute;top: 0;right: 0;z-index: -1; }
    .pc_gnb .gnb_left .gnb_depth1_title{font-size: 28px;font-family: 'notokr-medium';letter-spacing: 0;line-height: normal;color: white;}
    .pc_gnb .gnb_left .gnb_depth1_subtitle{word-break: keep-all;margin-top: 20px;color: rgba(255, 255, 255, 0.7);font-size: 16px;line-height: 24px;padding-right: 50px;}

    .pc_gnb .gnb_right{width: 900px;padding: 28px 20px;position: relative;font-size: 0;display: flex;flex-wrap: wrap;min-height: 174px;flex-direction: column;}
    .pc_gnb .gnb_right::before{content: "";width: 100vw;height: 100%;position: absolute;top:0;left: 0;z-index: -1;background-color: white;}
    .type_02 .pc_gnb .gnb_right {background-color: #ffffff;}
    .pc_gnb .gnb_right .gnb_depth2_wrap{-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 40px;margin-top: 35px;word-break: keep-all;display: flex;flex-wrap: wrap;}
    .pc_gnb .gnb_right .gnb_depth2_wrap:first-child{margin-top: 0;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth2_title_wrap{width: 280px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth2_title_wrap .gnb_depth2_title{font-size: 20px;letter-spacing: 0;line-height: normal;cursor: pointer;color: black;padding: 0 5px;margin-left: -5px;font-family: 'notokr-medium';}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth2_title_wrap .gnb_depth2_title .link_menu_icon{width: 14px;height: 14px;margin-left: 3px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth2_title_wrap .gnb_depth2_title:hover,
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth2_title_wrap .gnb_depth2_title.current{box-shadow: inset 0 -15px 0 rgba(52, 191, 135, 0.16)}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_wrap{width: 600px;display: flex;flex-wrap: wrap;margin-top: -8px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_link_wrap{width: 600px;display: flex;flex-wrap: wrap;margin-bottom: -8px;margin-left: 280px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_title_wrap{box-sizing: border-box; display: block; width: 300px;padding: 10px 24px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_title_wrap .gnb_depth3_title{color: #424242; font-size: 16px;line-height: 24px;display: flex;align-items: center;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_title_wrap .gnb_depth3_title .link_menu_icon{width: 16px;height: 16px;margin-left: 9px;margin-bottom: -2px;}
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_title_wrap .gnb_depth3_title.current,
    .pc_gnb .gnb_right .gnb_depth2_wrap .gnb_depth3_title_wrap .gnb_depth3_title:hover{color: #34bf87;}
}

/*반응형_GNB*/
.gnb{ position: fixed;top: 0;left: 0;width: 100vw;height: calc(var(--vh, 1vh) * 100);z-index: 99;background-color: #fff;}
.gnb.hidden { display: none; }
.gnb .gnb_header{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;margin-bottom: 10px;font-size: 0;}
.gnb .gnb_header .gnb_header_btn {display: inline-block;width: 80px;text-align: center; font-family: 'notokr-medium';border-radius: 32px;line-height: 36px;font-size: 14px;margin-right: 5px;cursor: pointer;}
.gnb .gnb_header .gnb_header_btn:first-child{margin-left: 0;}
.gnb .gnb_header .gnb_header_btn.login{background-color: #34bf87;color: white; }
.gnb .gnb_header .gnb_header_btn.mypage{background-color: #34bf87;color: white;width: 90px;}
.gnb .gnb_header .gnb_header_btn.cms{background-color: #34bf87;color: white;width: 100px;}
.gnb .gnb_header .gnb_header_btn.signup,
.gnb .gnb_header.login .gnb_header_btn.logout{background-color: #eee;color: #9e9e9e;}
.gnb .gnb_header .gnb_header_close{position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 24px;height: 24px;background: url("/res/home/conedu/img/common/icon_close_black.svg")no-repeat;display: inline-block;cursor: pointer;}

/*gnb scrollbar 안보이게*/
.gnb .gnb_content{width: 100%;display: inline-block;overflow-y: scroll;scrollbar-width:none;}
.gnb .gnb_content::-webkit-scrollbar{width: 0;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item{width: 100%;height: 56px;overflow: hidden;font-size: 0;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth1_name{display: inline-block;width: 100%;height: 56px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 18px;font-family: 'notokr-medium';line-height: 56px;cursor: pointer;position: relative;border-bottom: 1px solid #e0e0e0;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.enroll_menu .gnb_depth1_name{color: #3475bf;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.enroll_menu .gnb_depth1_name:after{content: '';position: absolute;background-image: url(/res/home/conedu/img/common/icon_enroll.svg);width: 18px;height: 18px;top: 50%;transform: translateY(-50%);margin-left: 5px;background-size: cover;background-repeat: no-repeat;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth1_name .gnb_depth_more{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 13px;height: 13px;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth1_name .gnb_depth_more:before{content: '';width: 13px;height: 2px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth1_name .gnb_depth_more:after{content: '';width: 2px;height: 13px;background-color: #9e9e9e;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list{width: 100%;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item{width: 100%;height: 50px;overflow-y: hidden;font-size: 0;padding: 0 15px;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name{display: inline-block;font-family: 'notokr-medium';-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 50px;position: relative;color: #424242;cursor: pointer;width: 100%;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name:not(.has_no_child)::after{content: "";position: absolute;width: 12px;height: 12px;top: 19px;right: 0;background-image: url("/res/home/conedu/img/common/icon_down_9e.svg");background-repeat: no-repeat;background-size: cover;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name span{position: relative;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name .link_menu_icon{width: 12px;height: 12px;margin-left: 7px;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth3_list{background-color: #fafafa;width: 100%;padding: 10px 0;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth3_list .gnb_depth3_item{width: 100%;height: 44px;line-height: 44px;font-size: 15px;padding: 0 15px;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth3_list .gnb_depth3_item .gnb_depth3_name .link_menu_icon{width: 12px;height: 12px;margin-left: 4px;}

.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current{overflow-y: inherit;height: auto;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth1_name{position: relative;color: #34bf87;border-bottom: 2px solid #34bf87}
/*.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth1_name:after{content: "";display: inline-block;width: 3px;height: 3px;background-color: #34bf87;border-radius: 100%;margin-left: 5px;}*/
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth1_name .gnb_depth_more:after{background-color: transparent;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth2_list .gnb_depth2_item.current{height: auto;overflow-y: inherit;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth2_list .gnb_depth2_item.current .gnb_depth2_name:not(.has_no_child)::after{transform: rotate(180deg)}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth2_list .gnb_depth2_item.current .gnb_depth2_name span:after{content: '';position: absolute;width: calc(100% + 10px);height: 12px;left: -5px;background-color:rgba(52, 191, 135, 0.08);bottom: 0px;}
.gnb .gnb_content .gnb_depth_list .gnb_depth_item.current .gnb_depth2_list .gnb_depth2_item.current .gnb_depth3_list .gnb_depth3_item.current .gnb_depth3_name{color: #34bf87;}

@media (max-width: 1399px) and (min-width: 768px){
    .gnb .gnb_header{padding: 12px 24px;}
    .gnb .gnb_content{height: calc(100% - 180px);}
    .gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list{padding: 15px 0;}
    .gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name{font-size: 18px;}
    .gnb .gnb_header .gnb_header_close{right: 24px;}

    .gnb .gnb_bottom{width: 100%;position: fixed;bottom: 0;background-color: white;padding-top: 10px;padding-bottom: 20px;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper{display: flex;justify-content: space-between}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item{width: calc((100% - 30px) / 4);height: 80px;border: 1px solid #e0e0e0;border-radius: 5px;}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item img{width: 28px;margin-bottom: 8px;}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item p{font-size: 15px;color: #757575;line-height: 21px;}
}
@media (max-width: 767px){
    .gnb .gnb_header{padding: 12px 20px;}
    .gnb .gnb_content{height: calc(100% - 270px);}
    .gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list{padding: 10px 0;}
    .gnb .gnb_content .gnb_depth_list .gnb_depth_item .gnb_depth2_list .gnb_depth2_item .gnb_depth2_name{font-size: 16px;}
    .gnb .gnb_header .gnb_header_close{right: 20px;}

    .gnb .gnb_bottom{width: 100%;position: fixed;bottom: 0;background-color: white;padding-top: 10px;padding-bottom: 10px;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item{width: calc((100% - 10px)/2);height: 80px;border: 1px solid #e0e0e0;border-radius: 5px;margin-bottom: 10px;}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item img{width: 28px;margin-bottom: 8px;}
    .gnb .gnb_bottom .gnb_bottom_btn_wrapper .gnb_bottom_btn_item p{font-size: 14px;color: #757575;}
}

/*서브페이지 2depth select 메뉴*/
@media (min-width: 1366px) {
    /*.depth2_select {height: 0px;overflow: hidden;position: absolute;top: 67px;}*/
    /*.depth2_select.current {height: auto;overflow-y: inherit;}*/
    /*.depth2_select .depth2_wrap {z-index: 3;position: relative;background-color: white;padding: 15px 0;border: 1px solid #e0e0e0;border-radius: 5px;}*/
    /*.depth2_select .depth2_wrap .depth2_title {font-family: 'notokr-regular';height: 44px;font-size: 18px;color: #424242;line-height: 44px;padding: 0 15px;cursor: pointer;}*/
    /*.depth2_select .depth2_wrap .depth2_title.current, .depth2_wrap .depth2_title:hover{font-family: 'notokr-medium';color: #34bf87;}*/
    .depth2_select .depth2_wrap .depth2_title .depth2_link_icon{width: 14px;height: 14px;margin-left: 3px;}

    .depth2_menu{border-top: 1px solid #eeeeee;background-color: white;}
    .depth2_menu .depth2_wrap{display: flex;justify-content: center;}
    .depth2_menu .depth2_wrap .depth2_title{height: 60px;margin: 0 25px;font-size: 18px;line-height: 60px;color: #424242;position: relative;cursor: pointer;}
    .depth2_menu .depth2_wrap .depth2_title.current{font-family: 'notokr-medium';color: #34bf87;}
    .depth2_menu .depth2_wrap .depth2_title.current:after{position: absolute;content: "";width: 100%;height: 4px;background-color: #34bf87;bottom: 0;left: 0;}
}

/*서브페이지 3depth 메뉴*/
@media (min-width: 1366px) {
    .page_content_menu {width: 100%;}
    .depth3_select{background-color: #34bf87;}
    .depth3_select .depth3_wrap {display: flex;flex-wrap: wrap;}
    .depth3_select .depth3_wrap .depth3_title {height: 52px;line-height: 52px;margin-right: 30px;font-size: 18px;color: rgba(255, 255, 255, 0.7);cursor: pointer;}
    .depth3_select .depth3_wrap .depth3_title:last-child{margin-right: 0;}
    .depth3_select .depth3_wrap .depth3_title.current {color: white;font-family: 'notokr-medium';}
}
@media (max-width: 1365px) and (min-width: 768px){
    .depth3_mobile_select {height: 52px;}
    .depth3_mobile_select .depth3_mobile_select_title {position: relative;height: 52px;font-size: 18px;font-family: 'notokr-medium';color: white;line-height: 52px;padding: 0 24px;cursor: pointer;background-color: #34bf87;}
    .depth3_mobile_select .depth3_mobile_select_title:before{content: '';width: 13px;height: 2px;background-color: white;position: absolute;top: 50%;right: 26px;transform: translateY(-50%)}
    .depth3_mobile_select .depth3_mobile_select_title:after{content: '';width: 2px;height: 13px;background-color: white;position: absolute;top: 50%;right: 31px;transform: translateY(-50%)}
    .depth3_mobile_select.on .depth3_mobile_select_title:after{content: none;}
    .depth3_mobile_select .depth3_mobile_wrap {display: none;z-index: 5;position: absolute;padding: 0;background-color: #fafafa;border-bottom: 2px solid #34bf87;}
    .depth3_mobile_wrap .depth3_mobile_title {font-size: 16px;color: black;line-height: 50px;padding: 0 24px;cursor: pointer;}
    .depth3_mobile_wrap .depth3_mobile_title p{font-family: 'notokr-regular';}
    .depth3_mobile_wrap .depth3_mobile_title.hasChild p{background: url('/res/home/conedu/img/common/icon_more.svg') no-repeat right 2px center;background-size: 13px;}
    .depth3_mobile_wrap .depth3_mobile_title.hasChild.on p,
    .depth3_mobile_wrap .depth3_mobile_title.hasChild.current p{background: url('/res/home/conedu/img/common/icon_more_closed.svg') no-repeat right 2px center;background-size: 13px;}
    .depth4_mobile_wrap{background-color: white;padding: 10px 0;width: 100%;display: none;}
    .depth3_mobile_title.current .depth4_mobile_wrap{display: block;}
    .depth4_mobile_title{height: 44px;line-height: 44px;padding: 0 15px;font-size: 15px;color: #424242;}
    .depth4_mobile_title.current{color: #34bf87;}
}
@media (max-width: 767px){
    .depth3_mobile_select {height: 52px;}
    .depth3_mobile_select .depth3_mobile_select_title {position: relative;height: 52px;font-size: 18px;font-family: 'notokr-medium';color: white;line-height: 52px;padding: 0 20px;cursor: pointer;background-color: #34bf87;}
    .depth3_mobile_select .depth3_mobile_select_title:before{content: '';width: 13px;height: 2px;background-color: white;position: absolute;top: 50%;right: 26px;transform: translateY(-50%)}
    .depth3_mobile_select .depth3_mobile_select_title:after{content: '';width: 2px;height: 13px;background-color: white;position: absolute;top: 50%;right: 31px;transform: translateY(-50%)}
    .depth3_mobile_select.on .depth3_mobile_select_title:after{content: none;}
    .depth3_mobile_select .depth3_mobile_wrap {display: none;z-index: 5;position: absolute;padding: 0;background-color: #fafafa;border-bottom: 2px solid #34bf87;}
    .depth3_mobile_wrap .depth3_mobile_title {font-size: 16px;color: black;line-height: 50px;padding: 0 20px;cursor: pointer;}
    .depth3_mobile_wrap .depth3_mobile_title p{font-family: 'notokr-regular';}
    .depth3_mobile_wrap .depth3_mobile_title.hasChild p{background: url('/res/home/conedu/img/common/icon_more.svg') no-repeat right 2px center;background-size: 13px;}
    .depth3_mobile_wrap .depth3_mobile_title.hasChild.on p,
    .depth3_mobile_wrap .depth3_mobile_title.hasChild.current p{background: url('/res/home/conedu/img/common/icon_more_closed.svg') no-repeat right 2px center;background-size: 13px;}
    .depth4_mobile_wrap{background-color: white;padding: 10px 0;width: 100%;display: none;}
    .depth3_mobile_title.current .depth4_mobile_wrap{display: block;}
    .depth4_mobile_title{height: 44px;line-height: 44px;padding: 0 15px;font-size: 15px;color: #424242;}
    .depth4_mobile_title.current{color: #34bf87;}
}

@media (min-width: 1366px) {
    .depth5_select{background-color: #fafafa;}
    .depth5_select .depth5_wrap {display: flex;flex-wrap: wrap;}
    .depth5_select .depth5_wrap .depth5_title {height: 48px;line-height: 48px;margin-right: 30px;font-size: 16px;color: #9e9e9e;cursor: pointer;}
    .depth5_select .depth5_wrap .depth5_title:last-child{margin-right: 0;}
    .depth5_select .depth5_wrap .depth5_title.current {color: #34bf87;}
}

/* 푸터 */
.footer{ width: 100%; position: relative;}
.footer .footer_top{width: 100%;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.footer .footer_top .container2{ height: 100%; display: flex; align-items: center;}

.footer .footer_top .footer_explain{font-size: 0;}
.footer .footer_top .footer_explain .footer_explain_item{display: inline-block;vertical-align: top;letter-spacing: 0;color: #757575;line-height: normal;position: relative;cursor: pointer;}
.footer .footer_top .footer_explain .footer_explain_item::before{content: "";width: 1px;background-color: #e0e0e0;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
.footer .footer_top .footer_explain .footer_explain_item:last-child{padding: 0;margin: 0;}
.footer .footer_top .footer_explain .footer_explain_item:last-child::before{display: none;}

.footer .footer_bottom .footer_content_wrapper{font-size: 0;}
.footer .footer_bottom .footer_content{vertical-align: top; letter-spacing: 0;line-height: normal;color: #757575;}

.footer .footer_bottom .footer_content .office_name{margin-bottom: 10px;}
.footer .footer_bottom .footer_content .office_address{margin-bottom: 5px;}
.footer .footer_bottom .footer_content .office_info{font-size: 0;}
.footer .footer_bottom .footer_content .office_info p{display: inline-block;vertical-align: top;white-space: nowrap;}
.footer .footer_bottom .footer_content .office_info .office_fax{position: relative;}
.footer .footer_bottom .footer_content .office_info .office_fax::before{content:"";width: 1px;background-color: #e0e0e0;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}

.footer .footer_bottom .footer_copyright{letter-spacing: 0;line-height: normal;color: #bdbdbd;}
@media (min-width: 1366px) {
    .footer .footer_top{height: 80px;}

    .footer .footer_top .footer_explain .footer_explain_item{font-size: 16px;padding-right: 15px;margin-right: 15px;}
    .footer .footer_top .footer_explain .footer_explain_item::before{height: 10px;}

    .footer .footer_bottom{padding: 40px 0;}

    .footer .footer_bottom .footer_content_wrapper{width: 100%; display: flex; flex-direction: row; justify-content: left;}
    .footer .footer_bottom .footer_content{width: 33.33%;font-size: 16px;}
    .footer .footer_bottom .footer_content:last-child{padding-right: 0;}

    .footer .footer_bottom .footer_content .office_name{font-size: 16px;}
    .footer .footer_bottom .footer_content .office_info p{font-size: 16px;}
    .footer .footer_bottom .footer_content .office_info .office_fax{padding-left: 15px;margin-left: 15px;}
    .footer .footer_bottom .footer_content .office_info .office_fax::before{height: 10px;}

    .footer .footer_bottom .footer_copyright{font-size: 16px;margin-top: 50px;}

}
@media (max-width: 1365px) and (min-width: 768px){
    .footer .footer_top{height: 48px;}

    .footer .footer_top .footer_explain .footer_explain_item{font-size: 12px;padding-right: 10px;margin-right: 10px;}
    .footer .footer_top .footer_explain .footer_explain_item::before{height: 8px;}

    .footer .footer_bottom{padding: 30px 0;}
    .footer .footer_bottom .footer_content{ display: inline-block; width: calc(50% - 30px); padding-right: 60px; padding-top: 20px;}
    .footer .footer_bottom .footer_content:nth-child(2n){padding-right: 0;}
    .footer .footer_bottom .footer_content:nth-child(-n + 2){padding-top: 0;}

    .footer .footer_bottom .footer_content .office_name{font-size: 14px;}
    .footer .footer_bottom .footer_content .office_address{font-size: 12px;}
    .footer .footer_bottom .footer_content .office_info p{font-size: 12px;}
    .footer .footer_bottom .footer_content .office_info .office_fax{padding-left: 5px;margin-left: 5px;}
    .footer .footer_bottom .footer_content .office_info .office_fax::before{height: 8px;}

    .footer .footer_bottom .footer_copyright{font-size: 10px;margin-top: 30px;}
}
@media (max-width: 767px){
    .footer .footer_top{height: 48px;}

    .footer .footer_top .footer_explain .footer_explain_item{font-size: 12px;padding-right: 10px;margin-right: 10px;}
    .footer .footer_top .footer_explain .footer_explain_item::before{height: 8px;}

    .footer .footer_bottom{padding: 30px 0;}
    .footer .footer_bottom .footer_content{width: 100%; padding-top: 20px;}
    .footer .footer_bottom .footer_content:first-child{padding-top: 0;}

    .footer .footer_bottom .footer_content .office_name{font-size: 14px;}
    .footer .footer_bottom .footer_content .office_address{font-size: 12px;}
    .footer .footer_bottom .footer_content .office_info p{font-size: 12px;}
    .footer .footer_bottom .footer_content .office_info .office_fax{padding-left: 5px;margin-left: 5px;}
    .footer .footer_bottom .footer_content .office_info .office_fax::before{height: 8px;}

    .footer .footer_bottom .footer_copyright{font-size: 10px;margin-top: 30px;}
}

/* 푸터 : 반응형 4단 */
@media (min-width: 1760px) {
    .footer .input_wrapper{ position: absolute; top: 15px;right: 80px;}
}
@media (max-width: 1759px) and (min-width: 1366px){
    .footer .input_wrapper{ position: absolute; top: 15px;right: 40px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .footer .input_wrapper{ position: absolute; bottom: 30px;right: 24px;}
}
@media (max-width: 767px){
    .footer .input_wrapper{ margin-bottom: 30px;}
}


/* 인풋 */
.input_wrapper .select_box{border: 1px solid #e0e0e0;box-sizing: border-box;color: #9e9e9e;letter-spacing: 0;padding: 0 20px;background-color: transparent;outline: none;cursor: pointer;appearance:none;-webkit-appearance: none;-moz-appearance: none;background-image: url("/res/home/conedu/img/common/icon_arrow_down.svg");background-repeat: no-repeat;background-size: 12px 8px;background-position: calc(100% - 20px);}
.input_wrapper .select_box::-ms-expand {display: none;}
@media (min-width: 1366px) {
    .input_wrapper .select_box{width: 220px;height: 50px;border-radius: 25px;font-size: 16px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .input_wrapper{ width: calc(50% - 54px); }
    .input_wrapper .select_box{ width: 100%; height: 40px;border-radius: 20px;font-size: 14px;}
}
@media (max-width: 767px){
    .input_wrapper{ width: 100%; box-sizing: border-box; padding: 0 20px; }
    .input_wrapper .select_box{width: 100%; height: 40px; border-radius: 20px;font-size: 14px;}
}

/*검색바*/
.search_input_wrapper{position: relative;}
.search_input_wrapper .search_input{border: 1px solid #e0e0e0;border-radius: 5px;background-color: white;box-sizing: border-box;display: inline-block;}
.search_input_wrapper .search_input::placeholder{color: #9e9e9e;}
.search_input_wrapper .search_icon{position: absolute;top: 50%;transform: translateY(-50%);}
@media (min-width: 1366px) {
    .search_input_wrapper .search_input{height: 44px;font-size: 14px;line-height: 20px;padding: 12px;}
    .search_input_wrapper .search_icon{right: 18px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .search_input_wrapper .search_input{height: 40px;font-size: 12px;line-height: 17px;padding: 10px 12px;}
    .search_input_wrapper .search_icon{right: 12px;}
}
@media (max-width: 767px){
    .search_input_wrapper .search_input{height: 40px;font-size: 12px;line-height: 17px;padding: 10px 12px;}
    .search_input_wrapper .search_icon{right: 12px;}
}

.thumbnail_default{
    position: relative;
    background: url("/res/home/conedu/img/common/icon_logo_grey.svg") no-repeat center;
}
@media (min-width: 1366px){
    .thumbnail_default{
        background-size: 124px auto !important;
    }
}
@media (max-width: 1365px) and (min-width: 768px){
    .thumbnail_default{
        background-size: 100px auto !important;
    }
}
@media (max-width: 767px){
    .thumbnail_default{
        background-size: 100px auto !important;
    }
}

.h1_title{font-family: 'notokr-medium'; position: relative;}
.h1_title_info{font-family: 'notokr-regular';color: #757575;}
.h1_subtitle{font-family: 'notokr-medium'; position: relative;}
.h1_subtitle:before{content: "";position: absolute;background-image: url("/res/home/conedu/img/common/bu_title.svg");background-size: cover;left: 0;top: 50%;transform: translateY(-50%);}
.h2_title{font-family: 'notokr-medium'; position: relative; color: #424242;}
.h2_title .small_info{font-family: 'notokr-regular';}
.h2_title:before{content: ''; position: absolute; left: 0; background-color: #095b5b;}
.h2_title .detail_info{position: absolute;background-image: url(/res/home/conedu/img/common/icon_info_q.svg);background-size: cover;cursor: pointer;}
.h2_subtitle{font-family: 'notokr-medium';position: relative;color: #424242;}
.h2_subtitle::before{position: absolute;content: "";width: 3px;border-bottom: 8px solid #106e64;border-top: 3px solid #34bf87;opacity: 0.9;left: 0;}
.h3_title{font-family: 'notokr-medium';color: #757575;position: relative;}
.h3_title::before{content: '';position: absolute;left: 0;background-color: #34bf87;width: 3px;height: 3px;}
.mark_text{position: relative;}
.mark_text::before{position: absolute;content: '';left: 0;width: 6px;height: 2px;background-color: #bdbdbd;}
@media (min-width: 1366px){
    .h1_title{font-size: 28px;line-height: 40px;margin-bottom: 40px;}
    .h1_title_info{position: absolute; font-size: 16px; line-height: 40px; margin-left: 15px; top: 0px;}
    .h1_subtitle{font-size: 28px;line-height: 40px;margin-bottom: 30px;padding-left: 20px;}
    .h1_subtitle:before{width: 10px;height: 16px;}
    .h2_title{font-size: 24px;line-height: 35px;padding-left: 13px;margin-bottom: 20px;}
    .h2_title .small_info{font-size: 16px;}
    .h2_title:before{width: 3px;height: 16px;top: 10px;}
    .h2_title .detail_info{width: 20px;height: 20px;margin-left: 10px;top: 8px;}
    .h2_subtitle{font-size: 16px;line-height: 24px;padding-left: 11px;}
    .h2_subtitle::before{top: 7px;}
    .h3_title{font-size: 16px;line-height: 24px;padding-left: 11px;}
    .h3_title::before{top: 11px;}
    .mark_text{font-size: 16px;line-height: 24px;padding-left: 14px;}
    .mark_text::before{top: 11px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .h1_title{font-size: 24px;line-height: 35px;margin-bottom: 30px;}
    .h1_title_info{display: block;margin-top: 10px;font-size: 14px; line-height: 20px;}
    .h1_subtitle{font-size: 20px;line-height: 30px;margin-bottom: 20px;padding-left: 16px;}
    .h1_subtitle:before{width: 8px;height: 12px;}
    .h2_title{font-size: 18px;line-height: 26px;padding-left: 11px;margin-bottom: 15px;}
    .h2_title .small_info{font-size: 14px;}
    .h2_title:before{width: 3px;height: 12px;top: 7px;}
    .h2_title .detail_info{width: 16px;height: 16px;margin-left: 8px;top: 5px;}
    .h2_subtitle{font-size: 14px;line-height: 20px;padding-left: 9px;}
    .h2_subtitle::before{top: 5px;}
    .h3_title{font-size: 14px;line-height: 20px;padding-left: 8px;}
    .h3_title::before{top: 8px;}
    .mark_text{font-size: 14px;line-height: 20px;padding-left: 11px;}
    .mark_text::before{top: 8px;}
}
@media (max-width: 767px){
    .h1_title{font-size: 20px;line-height: 29px;margin-bottom: 30px;}
    .h1_title_info{display: block;margin-top: 10px;font-size: 14px; line-height: 20px;}
    .h1_subtitle{font-size: 20px;line-height: 30px;margin-bottom: 20px;padding-left: 16px;}
    .h1_subtitle:before{width: 8px;height: 12px;}
    .h2_title{font-size: 18px;line-height: 26px;padding-left: 11px;margin-bottom: 15px;}
    .h2_title .small_info{font-size: 14px;}
    .h2_title:before{width: 3px;height: 12px;top: 7px;}
    .h2_title .detail_info{width: 16px;height: 16px;margin-left: 8px;top: 5px;}
    .h2_subtitle{font-size: 14px;line-height: 20px;padding-left: 9px;}
    .h2_subtitle::before{top: 5px;}
    .h3_title{font-size: 14px;line-height: 20px;padding-left: 8px;}
    .h3_title::before{top: 8px;}
    .mark_text{font-size: 14px;line-height: 20px;padding-left: 11px;}
    .mark_text::before{top: 8px;}
}

/*말풍선*/
.h2_title .info_speech{display: none;position: absolute; color: #9e9e9e;box-sizing: border-box;border: 1px solid #e0e0e0;background-color: #ffffff;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    /*툴팁 폰트 강제로*/
    font-family: 'notokr-regular' !important;font-size: 12px !important;}
.h2_title .info_speech.show {display: inline-block;}
.h2_title .info_speech.on {display: inline-block;}
.h2_title .info_speech .after,
.h2_title .info_speech .before{content: '';position: absolute;border-style: solid;display: block;width: 0;height: 0;}

@media (min-width: 1366px){
    .h2_title .info_speech{font-size: 14px;line-height: 20px;padding: 14px;top: -5px;max-width: 550px;}
    .h2_title .info_speech.left{margin-left: 45px;}
    .h2_title .info_speech.right{margin-right: 45px;}

    /*오른쪽 말풍선 right*/
    .h2_title .info_speech.right .after,
    .h2_title .info_speech.right .before{border-width: 7px 0px 7px 10px;top: 16px;margin-left: 0 !important;}
    .h2_title .info_speech.right .after{right: -9px;border-color: transparent white;z-index: 1;}
    .h2_title .info_speech.right .before{right: -11px;border-color: transparent #e0e0e0;z-index: 0;}
    /*왼쪽 말풍선 left*/
    .h2_title .info_speech.left .after,
    .h2_title .info_speech.left .before{border-width: 7px 10px 7px 0px;top: 16px;margin-left: 0 !important;}
    .h2_title .info_speech.left .after{left: -9px;border-color: transparent white;z-index: 1;}
    .h2_title .info_speech.left .before{left: -11px;border-color: transparent #e0e0e0;z-index: 0;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .h2_title .info_speech{font-size: 14px;line-height: 20px;padding: 14px;top: -9px;max-width: 50%;}
    .h2_title .info_speech.left{margin-left: 39px;}
    .h2_title .info_speech.right{margin-right: 39px;}

    /*오른쪽 말풍선 right*/
    .h2_title .info_speech.right .after,
    .h2_title .info_speech.right .before{border-width: 7px 0px 7px 10px;top: 16px;margin-left: 0 !important;}
    .h2_title .info_speech.right .after{right: -9px;border-color: transparent white;z-index: 1;}
    .h2_title .info_speech.right .before{right: -11px;border-color: transparent #e0e0e0;z-index: 0;}
    /*왼쪽 말풍선 left*/
    .h2_title .info_speech.left .after,
    .h2_title .info_speech.left .before{border-width: 7px 10px 7px 0px;top: 16px;margin-left: 0 !important;}
    .h2_title .info_speech.left .after{left: -9px;border-color: transparent white;z-index: 1;}
    .h2_title .info_speech.left .before{left: -11px;border-color: transparent #e0e0e0;z-index: 0;}
}
@media  (max-width: 767px){
    .h2_title .info_speech{font-size: 14px;line-height: 20px;padding: 14px;left: 0;top: 33px;width: 100%;}
    .h2_title .info_speech.left{}
    .h2_title .info_speech.right{}

    /*오른쪽 말풍선 right*/
    .h2_title .info_speech.right .after,
    .h2_title .info_speech.right .before{border-width: 0px 7px 10px 7px;left: 0;}
    .h2_title .info_speech.right .after{top: -9px;border-color: white transparent;z-index: 1;}
    .h2_title .info_speech.right .before{top: -11px;border-color: #e0e0e0 transparent;z-index: 0;}
    /*왼쪽 말풍선 left*/
    .h2_title .info_speech.left .after,
    .h2_title .info_speech.left .before{border-width: 0px 7px 10px 7px;left: 0}
    .h2_title .info_speech.left .after{top: -9px;border-color: white transparent;z-index: 1;}
    .h2_title .info_speech.left .before{top: -11px;border-color: #e0e0e0 transparent;z-index: 0;}
}



.grey_box{background-color: #fafafa;color: #424242;border-radius: 5px;}
.red_box{border-radius: 5px;background: rgba(211, 47, 47, 0.08) url("/res/home/conedu/img/common/icon_alert_red.svg") no-repeat;color: #424242;}
.red_box p{margin-bottom: 10px;}
.red_box > p:last-of-type{margin-bottom: 0;}
.red_box > p:first-of-type{margin-bottom: 10px;}
.grey_list{color: #757575;}
.black_list{color: #424242;}
.normal_list > li{position: relative;padding-left: 11px;margin-bottom: 10px;}
.normal_list > li:last-child{margin-bottom: 0;}
.normal_list > li:before{content: "";position:absolute; width: 3px; height: 3px; background-color: #bdbdbd; left: 0;border-radius: 100%;}

.sub_list > li{position: relative;padding-left: 11px;margin-bottom: 8px;}
.sub_list > li:last-child{margin-bottom: 0;}
.sub_list > li:before{content: "";position:absolute; width: 3px; height: 1px; background-color: #bdbdbd; left: 0;}

.b3_list{margin-left: 11px;}
.b3_list > li{position: relative;padding-left: 11px;margin-bottom: 8px;}
.b3_list > li:last-child{margin-bottom: 0;}
.b3_list > li:before{content: "";position:absolute; width: 6px; height: 4px; background-image: url("/res/home/conedu/img/common/icon_arrow_down_darkgrey.svg"); left: 0;background-size: cover;transform: rotate(-90deg);}

.mark_list{margin-left: 11px;}
.mark_list > li{position: relative;padding-left: 16px;margin-bottom: 8px;}
.mark_list > li:last-child{margin-bottom: 0;}
.mark_list > li:before{content: "";position:absolute;top: 0; left: 0;}
.mark_list > li:nth-of-type(1):before{content: "1)"}
.mark_list > li:nth-of-type(2):before{content: "2)"}
.mark_list > li:nth-of-type(3):before{content: "3)"}
.mark_list > li:nth-of-type(4):before{content: "4)"}
.mark_list > li:nth-of-type(5):before{content: "5)"}
.mark_list > li:nth-of-type(6):before{content: "6)"}
.mark_list > li:nth-of-type(7):before{content: "7)"}
.mark_list > li:nth-of-type(8):before{content: "8)"}
.mark_list > li:nth-of-type(9):before{content: "9)"}
@media (min-width: 1366px){
    .grey_box{padding: 30px; margin-bottom: 40px; font-size: 16px; line-height: 24px;}
    .grey_box p{margin-bottom: 10px;}
    .grey_box .red_text{font-size: 14px;line-height: 20px;margin-top: 10px;}
    .red_box{padding: 20px 20px 20px 60px;background-position: 30px 20px;background-size: 20px;margin-bottom: 40px;font-size: 14px;line-height: 20px;}
    .red_box .normal_list > li{font-size: 14px;line-height: 20px;}

    .normal_list > li{font-size: 16px;line-height: 24px;}
    .normal_list > li:before{top: 11px;}
    .sub_list > li{font-size: 14px;line-height: 20px;}
    .sub_list > li:before{top: 8px;}

    .b3_list > li{font-size: 14px;line-height: 20px;}
    .b3_list > li:before{top: 8px;}

    .mark_list > li{font-size: 14px;line-height: 20px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .grey_box{padding: 20px 15px; margin-bottom: 30px; font-size: 14px;line-height: 20px;}
    .grey_box p{margin-bottom: 10px;}
    .grey_box .red_text{font-size: 12px;line-height: 17px;margin-top: 8px;}
    .red_box{padding: 20px 20px 20px 40px;background-position: 15px 20px;background-size: 16px;margin-bottom: 30px;font-size: 12px;line-height: 17px;}
    .red_box .normal_list > li{font-size: 12px;line-height: 17px;}

    .normal_list > li{font-size: 14px;line-height: 20px;}
    .normal_list > li:before{top: 8px;}
    .sub_list > li{font-size: 12px;line-height: 17px;}
    .sub_list > li:before{top: 8px;}

    .b3_list > li{font-size: 12px;line-height: 17px;}
    .b3_list > li:before{top: 8px;}

    .mark_list > li{font-size: 12px;line-height: 17px;}
}
@media (max-width: 767px){
    .grey_box{padding: 20px 15px; margin-bottom: 30px; font-size: 14px;line-height: 20px;}
    .grey_box p{margin-bottom: 10px;}
    .grey_box .red_text{font-size: 12px;line-height: 17px;margin-top: 8px;}
    .red_box{padding: 20px 20px 20px 40px;background-position: 15px 20px;background-size: 16px;margin-bottom: 30px;font-size: 12px;line-height: 17px;}
    .red_box .normal_list > li{font-size: 12px;line-height: 17px;}

    .normal_list li{font-size: 14px;line-height: 20px;}
    .normal_list li:before{top: 8px;}
    .sub_list > li{font-size: 12px;line-height: 17px;}
    .sub_list > li:before{top: 8px;}

    .b3_list > li{font-size: 12px;line-height: 17px;}
    .b3_list > li:before{top: 8px;}

    .mark_list > li{font-size: 12px;line-height: 17px;}
}


input[type=checkbox], input[type=radio] {display: none;}
input[disabled], select[disabled]{background-color: #fafafa !important; color: #9e9e9e !important;opacity: 1;}
input[type=checkbox] + label, input[type=radio] + label {display: flex;align-items: center;color: #424242; cursor: pointer;}
input[type=checkbox] + label::before, input[type=radio] + label::before {content: "";width: 24px;height: 24px;border-radius: 100%;margin-right: 10px;display: flex;background-image: url(/res/home/conedu/img/common/icon_check_white.svg);background-color: #e0e0e0;background-repeat: no-repeat;background-position: center center;}
input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before {background-color: #34bf87;}

.checkbox_type2 input[type=checkbox] + label, .checkbox_type2 input[type=radio] + label {display: flex;align-items: center;color: #424242;position: relative;cursor: pointer;}
.checkbox_type2 input[type=checkbox] + label::before, .checkbox_type2 input[type=radio] + label::before {content: "";width: 24px;height: 24px;border-radius: 100%;margin-right: 10px;display: flex;background-image: none;border: 2px solid #e0e0e0;background: transparent;box-sizing: border-box;}
.checkbox_type2 input[type=checkbox]:checked + label::before, .checkbox_type2 input[type=radio]:checked + label::before{border: 2px solid #34bf87;}
.checkbox_type2 input[type=checkbox]:checked + label::after, .checkbox_type2 input[type=radio]:checked + label::after {content:"";background-color: #34bf87;border-radius: 100%;width: 12px;height: 12px;position: absolute;left: 6px;top: 6px;box-sizing: border-box;}
.checkbox_type2 input[type=checkbox][disabled] + label, .checkbox_type2 input[type=radio][disabled] + label {color: #9e9e9e;}
.checkbox_type2 input[type=checkbox][disabled]:checked + label::before, .checkbox_type2 input[type=radio][disabled]:checked + label::before{border: 2px solid #e0e0e0;}
.checkbox_type2 input[type=checkbox][disabled]:checked + label::after, .checkbox_type2 input[type=radio][disabled]:checked + label::after {content:"";background-color: #e0e0e0;}
.agree_item{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.agree_list .agree_item .view_detail{color: #9e9e9e;background-image: url("/res/home/conedu/img/common/icon_arrow_right_grey.svg");background-repeat: no-repeat;background-position: right center;cursor: pointer;}
.agree_list .agree_item:last-child{margin-bottom: 0;}

.agree_all .agree_item label{font-family: 'notokr-medium';cursor:pointer;}
.agree_list .agree_item label{cursor:pointer;}
.agree_list .agree_item label .agree_option{line-height: 1;margin-left: 5px;margin-top: 5px;}
.agree_list .indent {padding-left: 34px;}

.checkbox_sub_info{width: 100%;}

@media (min-width: 1366px){
    .agree_all {padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #e0e0e0;}
    .agree_all .agree_item label {font-size: 24px;line-height: 35px;}
    .agree_list{margin-bottom: 50px;}
    .agree_list .agree_item{margin-bottom: 30px;}
    .agree_list .agree_item label {font-size: 20px;line-height: 29px;color: #424242;}
    .agree_list .agree_item label .agree_option{font-size: 16px;}
    .agree_list .agree_item .view_detail{font-size: 18px;padding-right: 15px;}
    .checkbox_sub_info{margin-top: 15px;margin-bottom: 30px;padding-left: 34px;font-size: 16px;color: #757575;line-height: 24px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .agree_all {padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e0e0e0;}
    .agree_all .agree_item label {font-size: 18px;line-height: 26px;}
    .agree_list{margin-bottom: 40px;}
    .agree_list .agree_item{margin-bottom: 20px;}
    .agree_list .agree_item label {font-size: 16px;line-height: 24px;color: #424242;}
    .agree_list .agree_item label .agree_option{font-size: 12px;}
    .agree_list .agree_item .view_detail{font-size: 0;width: 24px;height: 24px;margin-right: 8px;}
    .checkbox_sub_info{margin-top: 10px;margin-bottom: 20px;padding-left: 34px;font-size: 12px;color: #757575;line-height: 17px;}
}
@media (max-width: 767px){
    .agree_all {padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e0e0e0;}
    .agree_all .agree_item label {font-size: 18px;line-height: 26px;}
    .agree_list{margin-bottom: 40px;}
    .agree_list .agree_item{margin-bottom: 20px;}
    .agree_list .agree_item label {font-size: 16px;line-height: 24px;color: #424242;}
    .agree_list .agree_item label .agree_option{font-size: 12px;}
    .agree_list .agree_item .view_detail{font-size: 0;width: 24px;height: 24px;margin-right: 8px;}
    .checkbox_sub_info{margin-top: 16px;margin-bottom: 20px;padding-left: 34px;font-size: 12px;color: #757575;line-height: 17px;}
}



/*회원가입 인증 버튼*/
.certificate{margin-top: 20px;}
.half_btn{border: 1px solid #e0e0e0; border-radius: 10px;}
.half_btn .btn_icon{display: block;background-color: rgba(52, 117, 191, 0.08);border-radius: 100%;}
.half_btn.phone .btn_icon{background-image: url("/res/home/conedu/img/common/icon_phone.svg");background-repeat: no-repeat;background-position: center;}
.half_btn.i_pin .btn_icon{font-family: 'notokr-medium';font-size: 16px;color: #3475bf;text-align: center;}
.half_btn .btn_title{font-family: 'notokr-medium';}
.half_btn .btn_text{color: #757575;}
@media (min-width: 1366px){
    .certificate{display: flex;justify-content: space-between;}
    .half_btn{padding: 20px; width: calc(50% - 10px);}
    .half_btn .btn_icon{width: 60px;height: 60px;margin: auto;margin-bottom: 15px;}
    .half_btn.phone .btn_icon{background-size: 24px 40px;}
    .half_btn.i_pin .btn_icon{font-size: 16px;line-height: 60px;}
    .half_btn .btn_title{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .half_btn .btn_text{font-size: 14px;line-height: 20px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .certificate{display: flex;justify-content: space-between;}
    .half_btn{padding: 20px 25px; width: calc(50% - 5px);position: relative;padding-left: 83px;text-align: left;}
    .half_btn .btn_icon{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 48px;height: 48px;}
    .half_btn.phone .btn_icon{background-size: 19px 432px;}
    .half_btn.i_pin .btn_icon{font-size: 12.8px;line-height: 48px;}
    .half_btn .btn_title{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .half_btn .btn_text{font-size: 10px;line-height: 15px;word-break: keep-all;}
}
@media (max-width: 767px){
    .half_btn{display:block; padding: 20px 25px; width: 100%;position: relative;padding-left: 83px;text-align: left;}
    .half_btn.phone{margin-bottom: 10px;}
    .half_btn .btn_icon{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 48px;height: 48px;}
    .half_btn.phone .btn_icon{background-size: 19px 32px;}
    .half_btn.i_pin .btn_icon{font-size: 12.8px;line-height: 48px;}
    .half_btn .btn_title{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .half_btn .btn_text{font-size: 10px;line-height: 15px;word-break: keep-all;}
}


.btn_wrapper{display: flex;}

.next_btn {display: flex;background-color: #34bf87;color: white;margin-left: auto;align-items: center;}
.next_btn p {font-family: 'notokr-medium';}

.previous_btn {display: flex;background-color: white;color: #757575;margin-right: auto;align-items: center;border: 1px solid #9e9e9e;}
.previous_btn_small {display: flex;background-color: white;color: #757575;align-items: center;border: 1px solid #9e9e9e;}
.previous_btn p {font-family: 'notokr-medium';}
.previous_btn_small p {font-family: 'notokr-medium';}
@media (min-width: 1366px){
    .btn_wrapper{margin-top: 40px;}

    .next_btn {padding: 16px 35px;border-radius: 10px;}
    .next_btn p {font-size: 16px;line-height: 24px;margin-right: 10px;}
    .next_btn img {width: 18px;height: 18px;}

    .previous_btn {padding: 16px 35px;border-radius: 10px;}
    .previous_btn p {font-size: 16px;line-height: 24px;margin-right: 10px;}
    .previous_btn img {width: 18px;height: 18px;}
    .previous_btn_small {padding: 12px 30px;border-radius: 10px;}
    .previous_btn_small p {font-size: 16px;line-height: 24px;margin-right: 7px;}
    .previous_btn_small img {width: 17px;height: 15px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .btn_wrapper{margin-top: 30px;}
    .next_btn {padding: 14px 28px;border-radius: 5px;}
    .next_btn p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .next_btn img {width: 14px;height: 14px;}

    .previous_btn {padding: 14px 28px;border-radius: 5px;}
    .previous_btn p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .previous_btn img {width: 14px;height: 14px;}
    .previous_btn_small {padding: 12px 26px;border-radius: 5px;}
    .previous_btn_small p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .previous_btn_small img {width: 13px;height: 13px;}
}
@media (max-width: 767px){
    .btn_wrapper{margin-top: 30px;}
    .next_btn {padding: 14px 28px;border-radius: 5px;}
    .next_btn p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .next_btn img {width: 14px;height: 14px;}

    .previous_btn {padding: 14px 28px;border-radius: 5px;}
    .previous_btn p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .previous_btn img {width: 14px;height: 14px;}
    .previous_btn_small {padding: 12px 26px;border-radius: 5px;}
    .previous_btn_small p {font-size: 14px;line-height: 20px;margin-right: 8px;}
    .previous_btn_small img {width: 13px;height: 13px;}
}


.grey_text{color: #757575 !important;}
.red_text{color: #d32f2f !important;}
.blue_text{color: #3475bf !important;}
.green_text{color: #34bf87 !important;}


/*기본 버튼*/
.grey_btn{border: 1px solid #9e9e9e;border-radius: 5px;background-color: white;font-family: 'notokr-medium';color: #757575;box-sizing: border-box;}
.normal_grey_btn{border: 1px solid #9e9e9e;border-radius: 10px;background-color: white;font-family: 'notokr-medium';color: #757575;box-sizing: border-box;}
.grey_btn_small{border: 1px solid #9e9e9e;color: #757575;border-radius: 5px;display: flex;padding: 0 15px;line-height: 30px;font-size: 14px;align-items: center;background-color: white;}
.grey_btn_small img{margin-left: 5px;}
.green_btn{border: 1px solid #34bf87;border-radius: 5px;background-color: #34bf87;font-family: 'notokr-medium';color: white;box-sizing: border-box;}
.green_btn_empty{border: 1px solid #62d89d;color: #62d89d;border-radius: 18px;letter-spacing: 0;}
.green_btn_empty.grey{border: 1px solid #eee; background-color: #eee; color: #9e9e9e;letter-spacing: 0;}
.purple_btn_empty{border: 1px solid #9349f5;background-color: #9349f5;color: #fff; border-radius: 4px;letter-spacing: 0;}
.green_btn_long{width: 100%;background-color: #34bf87;border-radius: 10px;color: white;font-family: 'notokr-medium';}
.normal_btn{ font-family: 'notokr-medium';box-sizing: border-box;}
.normal_btn img{width: 16px;margin-left: 8px;vertical-align: top;}
.normal_btn.blue{border: 1px solid #3475bf;background-color: white;color: #3475bf;}
.normal_btn.blue_fill{border: 1px solid #3475bf;background-color: #3475bf;color: white;}
.normal_btn.grey{border: 1px solid #eee;background-color: #eee;color: #9e9e9e;}
.normal_btn.green{border: 1px solid #34bf87;background-color: #34bf87;color: white;}
.normal_btn.green_outline{border: 1px solid #34bf87;background-color: white;color: #34bf87;}

.small_btn{border-radius: 5px;font-family: 'notokr-medium';text-align: center;border: 1px solid #9e9e9e;color: #757575;box-sizing: border-box;background-color: white;}
.small_btn.green_type{background-color: #34bf87;border: 1px solid #34bf87;color: white;}
.img_btn{display: flex;border: 1px solid #9e9e9e;border-radius: 5px;box-sizing: border-box;color: #757575;align-items: center;}
.img_btn{font-size: 14px;line-height: 20px;padding: 5px 14px;}
.img_btn img{margin-left: 10px;width: 14px;height: 14px;}
@media (min-width: 1366px){
    .grey_btn{width:120px;height:48px;font-size: 16px;line-height: 46px;}
    .normal_grey_btn{padding: 10px 29px;font-size: 16px;line-height: 24px;}
    .green_btn_empty{padding: 5px 19px;font-size: 16px;line-height: 24px;}
    .purple_btn_empty{padding: 5px 19px;font-size: 16px;line-height: 24px;}
    .green_btn_long{height: 48px;font-size: 16px;line-height: 48px;}
    .green_btn{width:150px;height:48px;font-size: 16px;line-height: 46px;}
    .normal_btn{ width: 120px;height: 48px;border-radius: 5px;line-height: 16px;font-size: 16px;}
    .normal_btn.type02{width: 140px;}

    .small_btn{width: 100px;height: 48px;line-height: 46px;font-size: 16px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .grey_btn{width: 100px;height: 44px; font-size: 14px;line-height: 42px;}
    .normal_grey_btn{padding: 11px 24px;font-size: 14px;line-height: 20px;}
    .green_btn_empty{padding: 5px 14px;font-size: 14px;line-height: 20px;}
    .green_btn{width:130px;height:44px;font-size: 14px;line-height: 44px;}
    .green_btn_long{height: 44px;font-size: 14px;line-height: 44px;}
    .normal_btn{ width: 100px;height: 44px;border-radius: 5px;line-height: 16px;font-size: 14px;}

    .small_btn{width: 100px;height: 44px;line-height: 42px;font-size: 14px;}
}
@media (max-width: 767px){
    .grey_btn{width: 100px;height: 44px; font-size: 14px;line-height: 42px;margin-top: 2px;}
    .normal_grey_btn{padding: 11px 24px;font-size: 14px;line-height: 20px;}
    .green_btn_empty{padding: 5px 14px;font-size: 14px;line-height: 20px;}
    .purple_btn_empty{padding: 5px 14px;font-size: 14px;line-height: 20px;}
    .green_btn_long{height: 44px;font-size: 14px;line-height: 44px;}
    .green_btn{width:130px;height: 44px;font-size: 14px;line-height: 44px;}
    .normal_btn{ width: 100px;height: 44px;border-radius: 5px;line-height: 16px;font-size: 14px;}

    .small_btn{width: 100px;height: 44px;line-height: 42px;font-size: 14px;}
}

.normal_select{background-color: white;border: 0;color: #757575;background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;border:1px solid #e0e0e0;border-radius: 5px;}
.normal_input[type=text]{box-sizing: border-box;border: 1px solid #e0e0e0;border-radius: 5px;color: #757575;}
@media (min-width: 1366px){
    .normal_select{height: 60px;padding: 0 20px;background-size: 16px;background-position: calc(100% - 26px) center;}
    .normal_input[type=text]{padding: 0px 20px;font-size: 18px;height: 60px;line-height: 26px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .normal_select{height: 48px;padding: 0 15px;background-size: 12px;background-position: calc(100% - 15px) center;}
    .normal_input[type=text]{padding: 0px 15px;font-size: 16px;height: 48px;line-height: 24px;}
}
@media (max-width: 767px){
    .normal_select{height: 48px;padding: 0 15px;background-size: 12px;background-position: calc(100% - 15px) center;}
    .normal_input[type=text]{padding: 0px 15px;font-size: 16px;height: 48px;line-height: 24px;}
}

/*스크롤 콘텐츠*/
.scroll_content{overflow-y: scroll;scrollbar-width:thin;}
.scroll_content::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 0 5px 5px 0;}
.scroll_content::-webkit-scrollbar-thumb {background-color: #e0e0e0;background-clip: padding-box;border-radius: 6px;}
@media (min-width: 1366px){
    .scroll_content::-webkit-scrollbar {width: 20px;}
    .scroll_content::-webkit-scrollbar-thumb {border: 4px solid transparent;border-radius: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .scroll_content::-webkit-scrollbar {width: 15px;}
    .scroll_content::-webkit-scrollbar-thumb {border: 3px solid transparent;}
}
@media (max-width: 767px){
    .scroll_content::-webkit-scrollbar {width: 15px;}
    .scroll_content::-webkit-scrollbar-thumb {border: 3px solid transparent;}
}

/*게시판 검색*/
.search_wrapper{font-size: 0;}
.search_wrapper select{background-color: white;border: 1px solid #e0e0e0;border-radius: 5px;background-image: url("/res/home/conedu/img/common/icon_down_grey.svg");background-repeat: no-repeat;box-sizing: border-box;display: inline-block;cursor:pointer;}
@media (min-width: 1366px) {
    .search_wrapper{margin-bottom: 50px;}
    .search_wrapper select{width: 140px;height:44px;font-size: 14px;color: black;line-height: 20px;padding: 12px 15px;background-size: 8px;background-position: calc(100% - 15px) center;margin-right: 10px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .search_wrapper{margin-bottom: 20px;}
    .search_wrapper select{width: 120px;height:40px;font-size: 14px;color: black;line-height: 20px;padding: 9px 14px;background-size: 8px;background-position: calc(100% - 12px) center;margin-right: 8px;}
}
@media (max-width: 767px) {
    .search_wrapper{margin-bottom: 20px;}
    .search_wrapper select{width: 100px;height:40px;font-size: 14px;color: black;line-height: 20px;padding: 9px 14px;background-size: 8px;background-position: calc(100% - 10px) center;margin-right: 10px;}
}

/*게시판 페이저*/
.board_page_footer{display: flex;justify-content: center;}
.board_page_footer a{background-repeat: no-repeat;background-position: center;background-size: 12px;color: #9e9e9e;cursor: pointer;text-align: center;display: inline-block;}
.board_page_footer a.current{color: #3475bf;}
.board_page_footer a.board_page_first{background-image: url("/res/home/conedu/img/common/arr_page_first.svg")}
.board_page_footer a.board_page_prev{background-image: url("/res/home/conedu/img/common/arr_page_prev.svg")}
.board_page_footer a.board_page_next{background-image: url("/res/home/conedu/img/common/arr_page_next.svg")}
.board_page_footer a.board_page_last{background-image: url("/res/home/conedu/img/common/arr_page_last.svg")}
.board_page_footer .board_page_num_wrap{display: flex;}
.board_page_footer .board_page_num_wrap .board_page_num:last-child{margin-right: 0;}
.board_page_footer a:last-child{margin-right: 0;}
@media (min-width: 1366px) {
    .board_page_footer{margin-top: 60px;}
    .board_page_footer a{width: 40px;height: 40px;margin-right: 10px;font-size: 16px;line-height: 40px;}
    .board_page_footer a.board_page_prev{margin-right: 30px;}
    .board_page_footer a.board_page_next{margin-left: 30px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .board_page_footer{margin-top: 40px;}
    .board_page_footer a{width: 32px;height: 32px;font-size: 14px;line-height: 32px;}
    .board_page_footer a.board_page_prev{margin-right: 16px;}
    .board_page_footer a.board_page_next{margin-left: 16px;}
}
@media (max-width: 767px) {
    .board_page_footer{margin-top: 40px;}
    .board_page_footer a{width: 32px;height: 32px;font-size: 14px;line-height: 32px;}
    .board_page_footer a.board_page_prev{margin-right: 16px;}
    .board_page_footer a.board_page_next{margin-left: 16px;}
}

/*기본 테이블*/
.normal_table{width: 100%;border-collapse : collapse;border-spacing : 0;text-align: center;}
.normal_table tr{border-bottom: 1px solid #e0e0e0;}
.normal_table td{box-sizing: border-box;color: #424242}
.normal_table thead{border-top: 1px solid black;}
.normal_table thead tr{border-bottom: 1px solid black;}
.normal_table thead td{color: #9e9e9e}

.blue_table{width: 100%;border-collapse : collapse;border-spacing : 0;text-align: center;}
.blue_table td{box-sizing: border-box;color: #424242;border: 1px solid #e0e0e0}
.blue_table thead td,
.blue_table td.factor{color: #09205b;background-color: rgba(52, 117, 191, 0.03);}
.blue_table td.a_left{text-align: left;}
.blue_table td.grey{background-color: #fafafa;}

.check_icon {width: 20px;height: 20px;display: inline-block;background-image: url('/res/home/conedu/img/common/icon_check_white.svg');background-color: #e0e0e0;border-radius: 100%;background-repeat: no-repeat;background-position: center;vertical-align: middle;}
.check_icon.select{background-color: #34bf87;}
@media (min-width: 1366px) {
    .normal_table thead td{padding: 16px;font-size: 14px; line-height: 19px;}
    .normal_table td{padding: 17px;font-size: 16px; line-height: 24px;}

    .blue_table thead td{padding: 13px 20px;font-size: 16px; line-height: 24px;}
    .blue_table td{padding: 13px 20px;font-size: 16px; line-height: 24px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .normal_table thead td{padding: 16px;font-size: 12px; line-height: 21px;}
    .normal_table td{padding: 18px;font-size: 14px; line-height: 24px;}

    .blue_table thead td{padding: 10px 15px;font-size: 14px; line-height: 20px;}
    .blue_table td{padding: 10px 15px;font-size: 14px; line-height: 20px;}
}
@media (max-width: 767px){
    /*.normal_table {overflow-x: auto;}*/
    /*.normal_table::-webkit-scrollbar {height: 8px;background-color: transparent;}*/
    /*.normal_table::-webkit-scrollbar-thumb{height: 8px;border-radius: 12px;background-color: #e0e0e0;background-clip: padding-box;}*/
    /*.normal_table::-webkit-scrollbar-track {background-color: transparent;}*/
    .normal_table thead td{padding: 16px;font-size: 14px; line-height: 19px;}
    .normal_table td{padding: 17px;font-size: 16px; line-height: 24px;}

    .blue_table thead td{padding: 10px 15px;font-size: 14px; line-height: 20px;}
    .blue_table td{padding: 10px 15px;font-size: 14px; line-height: 20px;}
}

/*모바일에서 구조 변경되는 테이블*/
.search_table {border-top: 1px solid black;}
.search_table ul{display: flex;align-items: center;border-bottom: 1px solid #e0e0e0;}
.search_table .search_thead{color: #9e9e9e;border-bottom: 1px solid black;}
.search_table .search_tr{color: #424242;cursor: pointer;}
.search_table .empty{background-color: #fafafa;color: #9e9e9e;text-align: center;display: block;}

.flex_table {border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.flex_table ul{display: flex;align-items: center;}
.flex_table .tr{color: black;align-items: stretch;}
.flex_table li{text-align: left;border-left: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.flex_table li.factor{background-color: rgba(52, 117, 191, 0.03);color: #09205b;text-align: center;display: flex;align-items: center;justify-content: center;}

@media (min-width: 1366px) {
    .search_table .search_thead li{height: 50px;line-height: 50px;text-align: center;color: #9e9e9e;font-size: 14px;}
    .search_table .search_tr li{text-align: center;height: 59px;line-height: 58px;font-size: 16px;}
    .search_table .empty{height: 59px;line-height: 58px;font-size: 16px;}

    .flex_table .tr li{line-height: 24px;font-size: 16px;padding: 10px 20px;display: flex;align-items: center;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .search_table .search_thead li{height: 44px;line-height: 42px;text-align: center;color: #9e9e9e;font-size: 12px;}
    .search_table .search_tr li{text-align: center;line-height: 17px;font-size: 12px;padding: 13px 10px;}
    .search_table .empty{line-height: 17px;font-size: 12px;padding: 13px 10px;}

    .flex_table .tr li{line-height: 20px;font-size: 14px;padding: 10px 15px;display: flex;align-items: center;}
}
@media (max-width: 767px) {
    .search_table .search_tr{display: flex;position: relative;justify-content: flex-start;flex-wrap: wrap;padding-left: 54px;padding-top: 10px;}
    .search_table .search_tr li.check{position: absolute;top: 50%;left: 12px;transform: translateY(-50%);margin-top: 10px;}
    .search_table .search_tr li{line-height: 17px;font-size: 12px;margin-bottom: 10px;}
    .search_table .empty{height: 38px;line-height: 38px;font-size: 12px;}

    .flex_table .tr{flex-wrap: wrap;}
    .flex_table .tr li{line-height: 20px;font-size: 14px;padding: 10px 15px;}
    .flex_table .tr li.factor{padding: 10px 13px;}
}

/*팝업*/
.popup-area{width: 100vw;height: calc(var(--vh, 1vh) * 100);left: 0 !important;top: 0 !important;}
.popup.normal_popup .box{background-color: white;box-sizing: border-box;}
.popup.normal_popup .popup_title{font-family: 'notokr-medium';}
.popup.normal_popup .button_wrapper{text-align: right;}
.popup.normal_popup .button_wrapper .confirm_btn{font-family: 'notokr-medium';text-align: center;color: white;background-color: #34bf87;border-radius: 10px;}
@media (min-width: 1366px){
    .popup-area .box{position: absolute;top: calc(50% + 48px);left: 50%;transform: translate(-50%, -50%)}
    .popup.normal_popup .box{width: 1080px;padding: 40px 50px;border-radius: 20px;padding-top: 48px;}
    .popup.normal_popup .popup_title{font-size: 28px;line-height: 40px;margin-bottom: 40px;}
    .popup.normal_popup .close{position: absolute;right: 0;background-image: url("/res/home/conedu/img/common/icon_close_white.svg");top: -48px;right: 10px;width: 28px;height: 28px;}
    .popup.normal_popup .button_wrapper{margin-top: 20px;}
    .popup.normal_popup .button_wrapper .confirm_btn{width: 120px;height: 48px;line-height: 48px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .popup.normal_popup .box{width: 100vw;height:calc(var(--vh, 1vh) * 100);padding: 75px 24px 20px 24px;top: 0 !important;left: 0 !important;}
    .popup.normal_popup .popup_title{font-size: 24px;line-height: 35px;margin-bottom: 30px;}
    .popup.normal_popup .close{position: absolute;background-image: url("/res/home/conedu/img/common/icon_close_black.svg");top: 18px;right: 24px;width: 24px;height: 24px;}
    .popup.normal_popup .button_wrapper{margin-top: 15px;}
    .popup.normal_popup .button_wrapper .confirm_btn{width: 100px;height: 44px;line-height: 44px;}
}
@media (max-width: 767px){
    .popup.normal_popup .box{width: 100vw;height:calc(var(--vh, 1vh) * 100);padding: 78px 20px 20px 20px;top: 0 !important;left: 0 !important;}
    .popup.normal_popup .popup_title{font-size: 20px;line-height: 29px;margin-bottom: 30px;}
    .popup.normal_popup .close{position: absolute;background-image: url("/res/home/conedu/img/common/icon_close_black.svg");top: 18px;right: 20px;width: 24px;height: 24px;}
    .popup.normal_popup .button_wrapper{margin-top: 15px;}
    .popup.normal_popup .button_wrapper .confirm_btn{width: 100px;height: 44px;line-height: 44px;}
}

/* info_speech : 말풍선 */
.info_speech_wrapper .info_speech{display: none;position: absolute; top: 50%;color: #9e9e9e;box-sizing: border-box;border: 1px solid #e0e0e0;background-color: #ffffff;border-radius: 10px;transform: translateY(-50%);}
.info_speech_wrapper .info_speech.info_none,
.info_speech_wrapper .info_speech.on {display: block;}
.info_speech_wrapper .info_speech::after, .info_speech_wrapper .info_speech::before{content: '';position: absolute;border-style: solid;border-width: 7px 0 7px 10px;display: block;width: 0;height: 0;top: 50%;transform: translateY(-50%);}
.info_speech_wrapper .info_speech::after{right: -9px;border-color: transparent white;z-index: 1;}
.info_speech_wrapper .info_speech::before{right: -11px;border-color: transparent #e0e0e0;z-index: 0;}
@media (min-width: 1366px){
    .info_speech_wrapper .info_speech{font-size: 14px;line-height: 20px;width: 215px;right: 213px;padding: 14px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .info_speech_wrapper .info_speech{font-size: 14px;line-height: 20px;width: auto;right: 166px;padding: 14px;}
}
@media  (max-width: 767px){
    .info_speech_wrapper .info_speech{font-size: 14px;line-height: 20px;width: auto;right: 166px;padding: 14px;}
}

.normal_btn_wrapper{
    font-size: 0;
}
.normal_btn_wrapper button{
    margin-right: 10px;
}
.normal_btn_wrapper button:last-child{
    margin-right: 0;
}
@media (min-width: 1366px){
    .normal_btn_wrapper{
        margin-bottom: 30px;
    }
}
@media (max-width: 1365px) and (min-width: 768px){
    .normal_btn_wrapper{
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    .normal_btn_wrapper{
        margin-bottom: 20px;
    }
}

.vertical_dots{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 20px;height: 20px;}
.vertical_dots .dot{background-color: #757575;width: 3px;height: 3px;border-radius: 100%;margin-bottom: 3px;}
.vertical_dots .dot:last-child{margin-bottom: 0;}
@media (min-width: 1366px){

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

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

}

.word_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
}
.line2_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
/* 배경이미지 확대 효과 적용용 */
@-webkit-keyframes expand {
    0% {
        background-size: 100%;
    }
    100% {
        background-size: 110%;
    }
}

@keyframes expand {
    0% {
        background-size: 100%;
    }
    100% {
        background-size: 110%;
    }
}

.hover_expand:hover {
    -webkit-animation-name: expand;
    animation-name: expand;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}


.hover_expand {
    background-size: 100% auto;
}

/*datepicker 수정*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #62d89d !important;
    background: #34bf87 !important;
}
.hasDatepicker{
    background: white url("/res/home/conedu/img/common/icon_calendar.svg") no-repeat;
    background-size: 20px;
}
@media (min-width: 1366px){
    .hasDatepicker {
        background-position: right 20px center;
    }
}
@media (max-width: 1365px) and (min-width: 768px){
    .hasDatepicker {
        background-position: right 15px center;
    }
}
@media (max-width: 767px){
    .hasDatepicker {
        background-position: right 15px center;
    }
}