@charset "euc-kr";
:root{--gong-point1:#395CE9;--sobang-point1:#E02B2B;--army-point1:#18A78F;}


/* gong */
.gong.type1 .con_tit, 
.gong.type1 .evConTop { background: #E4E9FF; } 
.gong.type1 .evConTop .con_tit span,
.gong.type1 .evConTop .point1 b,
.gong.type1 .evConTop dl dd span.on_box b,
.gong.type1 .evConTop .dday_wrap { color: var(--gong-point1); } 
.gong.type1 .evConTop dl dd span.on_box{border-color: var(--gong-point1);}
.gong.type1 .evConTop .month,
.gong.type1 .evConTop::before,
.gong.type1 .evConTab .tab_list li.on a{background:var(--gong-point1);}



/* sobang */
.sobang.type1 .con_tit, 
.sobang.type1 .evConTop  { background: #FFF0F0; } 
.sobang.type1 .evConTop .con_tit span,
.sobang.type1 .evConTop .point1 b,
.sobang.type1 .evConTop dl dd span.on_box b,
.sobang.type1 .evConTop .dday_wrap { color: var(--sobang-point1); } 
.sobang.type1 .evConTop dl dd span.on_box{border-color: var(--sobang-point1);}
.sobang.type1 .evConTop .month,
.sobang.type1 .evConTop::before,
.sobang.type1 .evConTab .tab_list li.on a{background:var(--sobang-point1);}

/* army */
.army.type1 .con_tit, 
.army.type1 .evConTop  { background: #E4FFF6; } 
.army.type1 .evConTop .con_tit span,
.army.type1 .evConTop .point1 b,
.army.type1 .evConTop dl dd span.on_box b,
.army.type1 .evConTop .dday_wrap { color: var(--army-point1); } 
.army.type1 .evConTop dl dd span.on_box{border-color: var(--army-point1);}
.army.type1 .evConTop .month,
.army.type1 .evConTop::before,
.army.type1 .evConTab .tab_list li.on a {background:var(--army-point1);}

/* setting */
.mcontent { font-family: var(--font-noto); text-align: center;margin-bottom: 0 !important;} 
.mcontent > div:not(:last-child){position: relative;margin-bottom:20px;}
.mcontent .lecture{padding-bottom: 0 !important;}
.mcontent .con_tit {padding: 20px 0;margin-bottom: 20px;align-content: center;font-weight: 700;} 
.mcontent .con_tit .mini_tit { font-weight: normal; display: block; margin-bottom: 8px;} 

/* evConTop */
.evConTop {padding: 54px 0 0;overflow: hidden;} 
.evConTop::before{content:'';position: absolute;bottom: 0;left: 0;width: calc(100% + 50px);height: 295px;border-radius: 170px 170px 0 0;margin: 0 0 0 -25px;} 
.evConTop .dday_wrap { font-weight: bold; font-size: 28px; position: absolute; bottom: 76%; left: 0; width: 100%; z-index: 1; line-height: 1.2; text-align: center; } 
.evConTop .dday_wrap .counting { display: inline; } 
.evConTop .month{display: inline-flex;padding: 10px 35px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 35px;color: #FFF;text-align: center;line-height: normal;font-weight: 500;line-height: 1;}
.evConTop .con_tit {margin-bottom: 30px;padding: 20px 0 0;}
.evConTop .con_tit span{text-align: center;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 10px;display: block;}
.evConTop .point1 {font-weight: 900;line-height: 1.5;padding: 0 0 3px;display: inline-block;border-bottom: 1px solid #000;margin: 0 0 25px;}
.evConTop .charact_wrap{position: relative;display: flex;justify-content: center;align-items: flex-start;align-content: flex-start;flex-wrap: wrap;flex-direction: row;text-align: center;font-size: 14px;gap: 20px;z-index: 1;padding: 0 0 220px;}
.evConTop .charact_wrap dl{position: relative;display: flex;justify-content: center;align-items: center;align-content: center;gap: 10px;flex-wrap: wrap;flex-direction: column;text-align: center;line-height: 1.4;width: 330px;z-index: 1;}
.evConTop .charact_wrap dl dt{position: relative;color: #000;text-align: center;font-weight: bold;letter-spacing: 0;padding: 0 0 0 11px;}
.evConTop .charact_wrap dl dt::before{content: '';position: absolute;top: 7px;left: 0;width: 5px;height: 5px;border-radius: 100%;background: #000;}
.evConTop .charact_wrap dl dd{width: 100%;}
.evConTop .charact_wrap dl dd span{display: block;margin: 0 0 20px;}
.evConTop .charact_wrap dl dd span.on_box{border-radius: 10px;border: 2px solid ;background: #FFF;padding: 20px 51px;margin: 0;}
.evConTop .charact_wrap dl dd span.on_box strong{display: block;margin: 0 0 10px;}
.evConTop .charact_wrap i{position: absolute;bottom: 35px;left: 0;width: 100%;z-index: 1;}

/* evConUdt */
.evConUdt .update_head { display: grid; align-items: center; justify-content: start; grid-template-columns: 180px 82px 400px 82px 121px; background: #f9fbff; color: #666; font-weight: bold; height: 50px; border-top: 2px solid #111; border-bottom: 1px solid #e4e4e4; } 
.evConUdt .update_head .fz0 { font-size: 0; } 
.evConUdt .update_slider {max-height: 551px;overflow-y:auto;overflow-x:hidden;} 
.evConUdt .item {position:relative;display: grid;justify-items: stretch;align-items: center;justify-content: start;grid-template-columns: 80px 5fr 121px;height: 110px;} 
.evConUdt .item::before { content:''; position:absolute; bottom: 0; left:0; width:100%; height:1px; background:#e4e4e4 } 
.evConUdt .tc_img {display: flex;align-items: center;justify-content: flex-end;padding: 0 10px 0 0;} 
.evConUdt .lc_info { display: grid; justify-content: center; align-items: center; grid-template-columns: 100px 82px 400px 82px; } 
.evConUdt .lc_date { grid-area: 1/2/2/3; } 
.evConUdt .lc_tit { width: 100%; line-height: 1.2; margin: 0 0 5px; text-align: center; grid-area: 1/3/2/4; } 
.evConUdt .lc_tit strong { display: block; } 
.evConUdt .tc_name {grid-area: 1/1/2/2;text-align: left;} 
.evConUdt .lc_state.on { color: #f78285; } 
.evConUdt .lc_link {display: flex;justify-content: center;} 
.evConUdt .lc_link a { display: block; color: #fff; background: #ccc; font-weight: normal; cursor: default; width: 82px; height: 27px; align-content: center; text-align: center; } 
.evConUdt .lc_link.on a { background: #111; font-weight: bold; cursor: pointer; } 

/* evConTab */
.evConTab .vodchr_banner{margin-bottom: 0;}
.evConTab .lecTab_wrap > div ul,.evConTab .teaTab_wrap > div ul,.evConTab .stepTab_wrap > div ul{display: block;}
.evConTab .lectureBox {margin-top: 20px; min-height: 700px; }
.evConTab .check_tit { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; line-height: 1.4; } 
.evConTab .tab_list { display: flex; justify-content: space-between; align-items: stretch; gap: 10px; text-align: center;} 
.evConTab .tab_list li { flex:1; height: 100px; } 
.evConTab .tab_list li a { background:#e4e4e4; font-size: 17px; width:100%; height: 100%; display: block; align-content: center; color:#666} 
.evConTab .tab_list li.on a {color:#fff;} 
.evConTab .tab_list li a:hover{background: linear-gradient(to right, #ddd 0%, rgba(0, 0, 0, 0.2) 20%, #ddd 100%); background-position: 100% 0; animation: skeleton-line 1s infinite; -webkit-animation: skeleton-line 1s infinite;background-size: 200% 100%;}
.evConTab .tab_list li a span {font-size: 12px;border-bottom: 1px solid #666;display: block;width: fit-content;margin: 0 auto 5px;padding-bottom: 6px;font-weight: 500;} 
.evConTab .tab_list li.on a span { border-color: #fff; } 
.evConTab .tab_list li a strong {font-weight: bold;} 

@media(max-width:1200px) {
    
    #mContainer.wideC #mContent.sobang {padding-top: 20px;}

    .evConTop img{width: 100%;}
    .evConTop .dday_wrap {top: unset;bottom: 76%;font-size: clamp(12px,3vmin,28px);} 

    .evConUdt .update_slider {border-top: 1px solid #e4e4e4;} 
    .evConUdt .updating_wrap {border-bottom: 1px solid #e4e4e4;} 
    .evConUdt .item {display: grid;justify-items: stretch; justify-content: start;grid-template-columns: 110px 3fr 110px; } 
    .evConUdt .tc_img { display: flex; align-items: center; justify-content: center; padding: 0; } 
    .evConUdt .tc_img img {width: min(50px,15vmin);} 
    .evConUdt .lc_info {display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;text-align: left;} 
    .evConUdt .lc_date {padding: 0 10px;margin: 0 10px;border: 1px solid #a6a6a6;border-width: 0px 1px;} 
    .evConUdt .lc_tit {text-align: left;margin-bottom: 10px;} 
    .evConUdt .lc_tit strong {margin-bottom: 5px;} 
    .evConUdt .lc_link { justify-content: flex-start; } 
    .evConUdt .lc_link a{font-size: 12px;} 
    .evConUdt .lc_state.on { color: #ff0c0c; } 

    .evConTab .tab_list { gap: .5vmin; } 
    .evConTab .tab_list li { height: clamp(80px,12vmin,100px); } 
    .evConTab .tab_list li a { font-size: clamp(14px,2.5vmin,17px); } 
    .evConTab .tab_list li a span { font-size: clamp(12px,1.5vmin,12px);line-height: 1.2; } 

    .evConTop .charact_wrap i{position: relative;bottom: unset;left: unset;width: 50%;max-width: 500px;z-index: 0;}
    .evConTop .charact_wrap{padding: 0;margin: 0 0% 3%;}
    .evConTop .charact_wrap dl{width: calc(50% - 10px);}
    .evConTop::before{height: 41%;max-height: 410px;}
    .evConTop .charact_wrap dl dd span.on_box{padding: 4% 0%;}
    .evConTop{padding: 8% 3% 0;}
    .evConTop .point1{border-bottom:0}
}

@media(max-width:768px){
    
    .mcontent > div:not(:last-child){margin-bottom:20px}

    .evConUdt .item {grid-template-columns: 50px 1fr;align-items: stretch;height: 150px;padding: 13px 13px 13px 0;gap: 3vmin;height: auto;} 
    .evConUdt .tc_img {justify-content: flex-start;align-items: flex-start;} 
    .evConUdt .lc_tit{text-wrap: balance;}
    .evConUdt .lc_info{align-items: flex-start;}
    .evConUdt .lc_date {border-right: 0;} 
    .evConUdt .lc_state {width: 100%;margin-top: 30px;line-height: 27px;} 
    .evConUdt .lc_link {justify-content: flex-end;align-items: center;position: absolute;bottom: 13px;right: 13px;} 

    .evConTab .check_tit { flex-direction: column; } 

    .evConTop::before{display: none;}
    .evConTop .charact_wrap i::before{content: '';position: absolute;bottom: 0;left: 0;width: calc(100% + 50px);height: 122%;border-radius: 100px 110px 0 0;margin: 0 0 0 -25px;}
    .evConTop .charact_wrap{flex-direction: column;}
    .evConTop .charact_wrap dl{width: 100%;}
    .evConTop .charact_wrap i{width: 100%;max-width: 100%;}
    .evConTop .charact_wrap i img{position: relative;}
    .gong.type1 .evConTop .charact_wrap i::before{background:var(--gong-point1);}
    .sobang.type1 .evConTop .charact_wrap i::before{background:var(--sobang-point1);}
    .army.type1 .evConTop .charact_wrap i::before{background:var(--army-point1);}
    .evConTop .charact_wrap dl dd span{margin: 0 0 10px;}
}