/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 80px 0;}
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
/* font */
.h_28 {font-size: 28px; font-weight:500; color: #000; line-height: 1.3; font-family: 'Pretendard';}
.h_22 {font-size: 22px; font-weight:500; color: #000; line-height: 1.3;font-family: 'Pretendard'; }

.p_20 {font-size: 20px; font-weight: 300; color: #000; line-height:38px; font-family: 'Pretendard';}
.p_18 {font-size: 18px; font-weight: 300; color: #000; line-height:1.65;}

/* title */
.c_tit { position:relative; display: inline-block; font-size: 60px; color: #000; white-space: nowrap; font-weight: 800; }
/* .c_tit::after { content:".";  color:#0b3b63; } */
.line_tit { position:relative; padding-left:18px; margin:0 0 35px; font-weight: 700;  text-align: left ;}
.line_tit::before { content:""; position:absolute; left:0; width:4px; top:3px; height: 30px; background:#0b3b63; }
/* flex_tit */
.flex_tit {display: flex; align-items: flex-start; }
.flex_tit h2 {flex-shrink: 0; }

/* article 공통 */
.art_wrap article { padding:50px 0; border-top: 1px solid #ddd; }
.art_wrap article:first-of-type { padding-top:0; border-top: 0;}
.art_wrap article:last-of-type { padding-bottom:0; }

/* dot_list */
.dot_list {text-align: left;}
.dot_list li {position: relative; padding-left: 12px; }
.dot_list li::before {content: ''; display: block; width: 4px; height: 4px; background-color: #0b3b63; position: absolute; left: 0; top:11px;
border-radius: 50%; }
.dot_list li:nth-child(n+2) {margin-top: 5px;}

.table_arrow { display: none; }

/*Content CSS*/
/* sec1 */
#sec1 .flex_tit h2 {margin:0 75px 0 0; }

/* sec2 */
#sec2 .flex_tit h2 {margin:0 50px 0 0; }

#sec2 .art2 .list { display: flex; justify-content: space-between;}
#sec2 .art2 .list > li { position:relative; width:calc(33.3% - 23.3px); padding:68px 35px; background-color: #fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09);
border-top: 5px solid #0b3b63; }
#sec2 .art2 .list > li:nth-child(even) {border-top-color: #6b6e72;}
#sec2 .art2 .list .top {margin:0 0 35px; }
#sec2 .art2 .list .top h2 { font-weight: 800; font-family: 'GangwonEduPower';}

#sec2 .art2 .list .d2_ul li { position:relative; display: flex; margin:0 0 18px; transition: all .3s; align-items: center;}
#sec2 .art2 .list .d2_ul li:last-child { margin-bottom: 0; }
#sec2 .art2 .list .d2_ul li b { display: inline-block; width:75px; height: 28px; line-height: 26px; border-radius: 14px; background-color: #0b3b63;
color:#fff; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; text-align: center; }
#sec2 .art2 .list .d2_ul li p { width:calc(100% - 75px); padding-left: 15px;  }
#sec2 .art2 .list .d2_ul li:nth-child(even) b {background-color: #6b6e72;}

#sec2 .art2 .list > li:nth-child(even) .d2_ul li b {background-color: #6b6e72;}
#sec2 .art2 .list > li:nth-child(even) .d2_ul li:nth-child(even) b {background-color: #0b3b63;}

/* sec3 */
#sec3 .schedule .top {display: flex; justify-content: space-between; margin-bottom: 20px; }
#sec3 .schedule .top h3 {display: flex ;align-items: center; justify-content: center; height: 65px; background-color: #0b3b63; color:#fff; font-weight: 600;
width: calc(33.3% - 13.3px); padding: 0 10px; }
#sec3 .schedule .bot {display: flex; margin-bottom: 10px; }
#sec3 .schedule .bot:last-child {margin-bottom: 0; }
#sec3 .schedule .bot:nth-child(n+2) .dot_list li::before {background-color:#2b52a0; }
#sec3 .schedule .bot .title {flex-shrink: 0 ; display: flex ;align-items: center; justify-content: center; background-color: #7c8088; padding: 0 10px;
width: 150px; }
#sec3 .schedule .bot .title h4 {font-weight: 700; color:#fff; line-height: 1.4; text-align: center;}
#sec3 .schedule .bot .cont {width: 100%;}
#sec3 .schedule .bot .cont > div:nth-child(even) {background-color: #f7f7f7;}
#sec3 .schedule .bot .cont .tr {display: flex; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; justify-content: space-between;}
#sec3 .schedule .bot .cont .tr:nth-child(n+2) {margin-top: -1px;}
#sec3 .schedule .bot .cont .tr > div {width: calc(33.3% + 35px); padding:35px 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content:center;}
#sec3 .schedule .bot .cont .tr > div:nth-child(1) {width: calc(33.3% - 110px);}
#sec3 .schedule .bot .cont .tr > div:nth-child(2) {align-items: center;}
#sec3 .schedule .bot .cont .h_22 {font-weight: 600; }
#sec3 .schedule .bot .cont .p_20 {font-weight: 400; }
#sec3 .schedule .bot .cont .p_18 {font-weight: 400; }
#sec3 .schedule .bot .cont .hyphen {position: relative; font-size: 90%; padding-left: 8px; line-height: 1.6;  display: block; color:#666;}
#sec3 .schedule .bot .cont .hyphen::before {content: '-'; position: absolute; left: 0; top:0; }


#sec3 .inner > p {margin:55px 0; font-weight: 300; }

#sec3 .part_box { background:#f7f7f7; padding:35px 0; }
#sec3 .part_list { display: flex; }
#sec3 .part_list > li { min-width: 50%; padding:0 35px; position:relative; display: flex; white-space: nowrap; }
#sec3 .part_list > li::after { content:""; position:absolute; right:0; top:0; width:1px; height: 32px; background:rgba(0,0,0,0.25); }
#sec3 .part_list > li:last-child::after { display: none; }
#sec3 .part_list h2 { width: 65px; height: 32px; line-height: 32px; border-radius: 16px; background-color: #000; text-align: center; color:#fff; font-size: 14px; margin-right: 24px; flex-shrink: 0; font-family: 'Pretendard'; font-weight: 600; }
#sec3 .logo_list { display: flex; align-items: center; }
#sec3 .logo_list li ~ li { margin-left: 30px; }
#sec3 .logo_list a { display: block; }



/* @media screen and (min-width:1421px) {
    #sec3 .schedule .bot .cont .tr > div {white-space: nowrap;}
} */


@media screen and (max-width:1420px) {

    /* content */
    /* sec2 */
    #sec2 .art2 .list > li {padding: 40px 30px; }
    #sec2 .art2 .list .d2_ul li {display: block; }
    #sec2 .art2 .list .d2_ul li p {padding: 7px 0 0; width: 100%;}

    /* sec3 */
    #sec3 .schedule .bot .cont .tr > div {  padding: 30px 20px;}

}


@media screen and (max-width:1023px) {
    /* common */
    .subpage {text-align: center;}
    .c_tit { font-size: 48px; }
    /* flex_tit */
    .flex_tit {display: block; }
    /* font */
    .h_28 {font-size: 22px;}
    .h_22 {font-size: 20px;}
    .p_20 {font-size: 18px; line-height: 1.65;}
    .p_18 {font-size: 16px; }

    /* line_tit */
    .line_tit::before {height: 25px;}

    /* article 공통 */
    .art_wrap article { padding: 35px 0; }

    /* dots */
    .dot_list li::before {top:9px;}

    /* content */
    /* sec1 */
    #sec1 .flex_tit h2 {margin: 0 0 20px;}

    /* sec2 */
    #sec2 .art1 {text-align: left; }
    #sec2 .art1 .flex_tit h2 {margin: 0 0 20px;}

    #sec2 .art2 .list > li { padding: 40px 25px; line-height: 1; width: calc(33.3% - 10px); }
    #sec2 .art2 .list .top {margin:0 0 20px;}
    #sec2 .art2 .list .d2_ul li { flex-direction: column; align-items: flex-start; display: flex;}
    #sec2 .art2 .list .d2_ul li p { width: 100%; padding: 7px 0 0; text-align: left;  }


    /* sec3 */
    #sec3 .schedule .top {margin-bottom: 10px; }
    #sec3 .schedule .top h3 {width: calc(33.3% - 5px); height: 50px;}
    #sec3 .schedule .bot .title {width: 80px;}
    #sec3 .schedule .bot .title h4 {font-size: 15px; letter-spacing: -.5px;}
    #sec3 .schedule .bot .cont .tr > div {padding: 20px; width: calc(33.3% + 22.5px);}
    #sec3 .schedule .bot .cont .tr > div:nth-child(1) {width: calc(33.3% - 55px); text-align: left; }

    #sec3 .inner > p {margin:30px 0 ; text-align: left; }


    #sec3 .part_list > li { padding: 0 20px; }


}

@media screen and (max-width:767px) {
    /* common */
    .subpage > section {padding: 60px 0;}
    .c_tit { font-size: 32px; }
    .line_tit { padding-left: 13px; margin: 0 0 20px; }
    .line_tit::before { top: 3px; width: 3px; height: 20px; }
    /* font */
    .h_28 {font-size: 20px;}
    .h_22 {font-size: 18px;}
    .p_20 {font-size: 16px; }
    .p_18 {font-size: 15px; }

    /* article 공통 */
    .art_wrap article { padding: 30px 0; }

    /* dots */
    .dot_list li {padding-left: 10px;}
    .dot_list li::before {top:8px;}

    .table_arrow { display: block; text-align: right; }
    .table_arrow i { font-size:30px; color:#333; }

    /* content */
    /* sec2 */
    #sec2 .art2 .list { flex-wrap: wrap;  }
    #sec2 .art2 .list > li { width:100%; padding: 20px 15px 30px; }
    #sec2 .art2 .list > li ~ li {margin-top: 15px; }
    #sec2 .art2 .list .top { margin:0 0 15px; }
    #sec2 .art2 .list .d2_ul li { flex-direction: row; margin: 0 0 10px; }
    #sec2 .art2 .list .d2_ul li b { flex-shrink: 0; }
    #sec2 .art2 .list .d2_ul li p { padding: 0 0 0 10px; }

    /* sec3 */
    #sec3 .schedule { overflow-x: scroll;  }
    #sec3 .schedule > div { width: 767px; }

    #sec3 .inner > p {margin:20px 0;}
    #sec3 .part_box { padding: 20px 10px; }
    #sec3 .part_list { flex-direction: column; }
    #sec3 .part_list h2 {margin-right: 10px; width: 40px; height: 25px;  line-height: 25px;  font-size: 12px;}
    #sec3 .part_list > li { padding: 0; margin:0 0 20px; }
    #sec3 .part_list > li::after { display: none; }
    #sec3 .part_list > li:last-child { margin:0; }
    #sec3 .logo_list li ~ li { margin-left: 20px; }


}