.wide-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    padding: 0px 100px 0px;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}
.slider .parallax-slider .swiper-slide-active .caption p{
	font-size: 30px;
	font-weight: 300;
}
.navbar-nav .nav-item{
position: relative;
}
.navbar .navbar-nav .nav-item.active::after {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: '';
    margin: 0 auto;
    bottom: -8px;
    display: inline-block;
}

.nav-scroll .navbar-nav .nav-item.active .nav-link {
    color: #163b76
}
.nav-scroll .navbar-nav .nav-item.active::after{
    background-color: #163b76;
}
.nav-scroll .logo {
    width: 160px;
}
.nav-scroll .navbar-nav .nav-link {
    font-size: 18px;
    padding: 5px 7px;
    margin: 5px 15px;
}
.img_card{
    width: 100%;
    max-width: 1200px;
    display: block;
    position: absolute;
    top: -360px;
    background-color: #163b76;
    box-shadow: 0px 5px 10px 0px rgba(31, 32, 33, 0.4);
}

.img_card .card{
    background-color: #163b76;
    display: flex;
    flex-direction: row;
    border: 0; 
}
.img_card .card .img_card_txt, .img_card .card .img_card_img{
    width: 50%;
    display: inline-block;
}

.img_card .card .img_card_txt{
    padding: 30px;
}

.img_card .card .img_card_txt .img_card_cont h3{
 color: #658cca;
 font-family: 'SebangGothic', sans-serif;
font-weight: 800;
}

.img_card .card .img_card_txt .img_card_cont h5{
    color:#fff;
    font-size: 2em;
    padding: 50px 0px;
    line-height: 1.2em;
}
.img_card .card .img_card_txt .img_card_list{
    list-style: none;
    padding-left:10px;
}
.img_card .card .img_card_txt .img_card_list li{
    position: relative;
    
}
.img_card .card .img_card_txt .img_card_list li p{
    color: #8da7d1;
    font-size: 1.125em;
    letter-spacing: -0.5px;
    line-height: 1.5em;
}

.img_card .card .img_card_txt .img_card_list li::before{
    width: 3px;
    height: 3px;
    background-color: #8da7d1;
    content: '';
    position: absolute;
    left: -10px;
    top: 16px;
}
.img_card_img .noraidus .item-img {
    height: 474px;
    border-radius: 0;
}
.img_card-container{
    position: relative;
}

.main-tit{
    font-family: 'Pretendard Variable';
    font-weight: 700;
}
h3.main-tit{
    font-family: 'GmarketSans';
    font-size: 3.75em;
}
.main-sub{
    font-family: 'Pretendard Variable';
    font-weight: 400;
    font-size: 1em;
    color: #151515;
    line-height: 1.5em;
    letter-spacing: -1px;
    margin-bottom: 60px;
}
.main_txt_bx{
    padding: 20px 0px;
    font-size: 1.2em;
    letter-spacing: -0.5px;
    line-height: 1.5em;
    color: #151515;
    font-weight: 400;
}
.main_txt_bx b{
    font-weight: 700;
}

section.result{
    background-image: url(../img/main/bg_gif.gif);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding: 160px 0px;
    display: block;
}
.pages-header .header-btns-bx{
    width: 100%;
    margin-top: 80px;
    display: flex; 
justify-content: center;
}
.pages-header .header-btns-bx a{
color: #fff;
border:1px solid #fff;
border-radius: 0;
width: 50%;
max-width: 380px;
height: 70px;
text-align: center;
padding: 20px;
font-size: 18px;
margin: 0 15px;
}
.pages-header .header-btns-bx a span{
    
font-size: 18px;
}

section.result .main-tit{
    color: #fff;
}

section.result .sec-head .tbg {
    -webkit-text-stroke: 1px rgb(255 255 255 / 20%);
}
.icon-card-list{
    
    box-shadow: 0px 5px 10px 0px rgba(31, 32, 33, 0.15);
}
.icon-card-list .item-box:first-child .card, .icon-card-list .item-box:last-child .card{
background-color: #fff;
}
.icon-card-list .item-box:nth-child(2) .card, .icon-card-list .item-box:nth-child(3) .card{
    background-color: #e9f1fe;
    }

.icon-card.card{
    padding: 30px;
    border: 0;
    height: 100%;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.icon-card p{
    font-size: 1em;
    color: #151515;
    line-height: 1.5em;
    letter-spacing: -1px;
    font-weight: 400;
    word-break: keep-all;
    text-align: left ;
    display: inline-block;
}
.icon-card .main_icon{
width: 120px;
height: 100px;
display: inline-block;
position: relative;
background-image: url('../img/main/main_icon.png');
background-repeat: no-repeat;
margin: 20px 0;
}
.icon-card .main_icon.mi_01{
    background-position: 0, 0;
}
.icon-card .main_icon.mi_02{
    background-position: -120px 0;
}
.icon-card .main_icon.mi_03{
    background-position: -240px 0;
}
.icon-card .main_icon.mi_04{
    background-position: -360px 0;
}
.icon-card-list{
    display: flex;
    align-items: stretch;
}
.icon-card .icon-card-txt{
    width: calc(100% - 120px);
    padding-left: 20px;
}
.icon-card .icon-card-txt h5{
    font-size: 1.25em;
    margin-bottom: 20px;
    position: relative;
    font-weight: 700;
}
.icon-card .icon-card-txt h5:after{
    width: 40px;
    height: 2px;
    display: block;
    background-color: #3a8afd;
    content: '';
    margin-top: 10px;
    position: relative;
}
.icon-card .icon-card-txt h5 span{
color: #3a8afd;
}

.icon-card-list .icon-card-bx{
height: 100%;  
}

.approval .swiper-button-next,.approval .swiper-button-prev {
    background-color: #163b76;
    width: 70px;
    height: 70px;
}
.approval .swiper-button-next{
    right: -20px;
}
.approval .swiper-button-prev{
    left: -20px;
}

.approval .swiper-button-next.swiper-button-disabled, .approval .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
    background-color: #858585;
}

.approval .swiper-button-next .simple-btn:after, .approval .swiper-button-prev .simple-btn:after{
    width: 40px;
    height: 40px;
    background: transparent;
    background-image: url('../img/main/arrow.png');
    margin: auto;
    display: block;
    position: relative;
}

.approval .swiper-button-prev .simple-btn:after{
    background-position: 0 -40px;
}
.system-icon{
    width: 160px;
    height: 160px;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 0px auto;
    background-color: #486695;
    background-image: url('../img/main/main_icon_02.png');
}
.system-cont{
    text-align: center;
}
.system-icon.sys-icon-01{
    background-position: 0px 0px;
}
.system-icon.sys-icon-02{
    background-position: 0px -160px;
}
.system-icon.sys-icon-03{
    background-position: 0px -320px;
}

.btn-primary{
    background-color: #163b76;
    color: #fff;
    border-radius: 0;
    border: 0;
}

.btn-lg{
    min-width: 360px;
    padding: 18px;
}

.schedule-card{
    box-shadow: 0px 5px 10px 0px rgba(31, 32, 33, 0.15);
    position: relative;
    min-height: 402px;
}
.schedule-card .schedule_date{
width: 100%;
background-color: rgba(22, 59, 118, 0.8);
position: absolute;
top: 0;
padding: 10px;
}
.schedule-card .schedule_date h6{
    color: #fff;
    text-align: center;
}
.schedule-card .cont{
    padding: 20px;
}
footer{
    background-color: #2b2f2f;
    padding: 60px 0;
}
footer .logo{
    opacity: 0.5;
}
footer .con-info li{
color: #6a6a6a;
border-right: 1px solid #6a6a6a;
display: inline;
padding-right: 10px;
padding-left: 10px;
}
footer .con-info ul li:last-child{
    border-right: 0;
}

footer .con-info ul li:first-child{
    padding-left: 0;
}

footer .con-info ul{
    margin-bottom: 0;
}
footer p {
    color: #6a6a6a;
}
.pages-header .cont h1, .pages-header .cont h6{
    color: #fff;
}

.pages-header .cont h1{
    font-size: 60px;
}

.block-sec .bg-dark-gray{
    background: #404957;
}

.block-sec .bg-dark-gray .vid-area .cont h3, .block-sec .bg-dark-gray .vid-area .cont p{
    color: #fff;

}
.block-sec .bg-dark-gray .vid-area .cont p{
    margin-top: 40px;
}
.block-sec .bg-dark-gray .vid-area .cont h6 {
    color: #3e85e8;
    font-family: 'SebangGothic';
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 10px;
    margin-bottom: 5px;
}

.youtube-box{
    min-height: 390px;
    position: absolute;
    width: 100%;
}

.youtube-box iframe{
min-height: 390px;
width: 100%;
border-radius: 10px;
}
.sound_only{
    display: none;
}
.course_bbs .items .cont h6{
font-size: 1.8em;
}
.course_bbs .cont .course_date{
    color: #404957;
    font-size: 0.8em;
}

.course_bbs .chk_box {
    position: relative;
    margin-bottom: 20px;
}
.course_bbs #bo_cate ul{
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 20px;
}

.course_bbs #bo_cate a {

    border: 0;
    color: rgba(0, 0, 0, 0.3);
}

.course_bbs #bo_cate #bo_cate_on {
    z-index: 2;
    color: #3e85e8;
    font-weight: bold;
    border: 0;
    
}

.course_bbs #bo_cate a:focus,.course_bbs #bo_cate a:hover,.course_bbs #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}

.course_bbs #bo_cate #bo_cate_on:hover {
    text-decoration:none;background:#3a8afd;color:#fff
    
}

.page-header.blg .cont {
    padding: 120px 0 0px;
}
.page-header .cont h4.course_date_view{
    line-height: 1.4;
    color: #163b76;
    font-size: 24px;
    font-weight: 400;
}

.course_bbs .pg_wrap .pg a, .course_bbs .pg_wrap .pg stong{
    padding: 10px 15px;
    color: #858585;
    width: 40px;
    height: 40px;
}
.course_bbs .pg_wrap .pg_current {
    color: #fff;
    padding: 10px 15px;
    background-color: #3a8afd;
    border-radius: 30px;
    width: 40px;
    height: 40px;
}
.course_bbs .pg_wrap{
    position: relative;
    margin: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.course_bbs .pg_wrap .pg{
display: inline-flex;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
    background-color: #f7f7f7;
}
.course_bbs .pg_wrap .pg a:hover{
    color: #3a8afd;
}
.search_bx .search_form{
    display: flex;
    align-items: flex-start;
}

.course_bbs #bo_cate{
float: left;
}

.course_bbs .search_bx{
    float: right;
    position: relative;
    padding: 30px 0;
}
.course_bbs #fboardlist{
    clear: both;
}
.course_bbs .search_bx .search_form select{
    line-height: 1em;
    padding: 8.5px 10px;
    border-radius: 20px 0px 0px 20px;
    border: 1px solid #999;
    border-right: 0;
}

.course_bbs .search_bx .sch_bar{
    border-radius: 0px 20px 20px 0px;
}
.course_bbs .search_bx .sch_input{
    padding: 7px;
    border-radius: 0 20px 20px 0;
    border: 1px solid #999;
}

.course_bbs .search_bx .sch_btn{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    right: 0px;
    background-color: #163b76;
    color: #fff;
    border: 0;
}
.course_bbs.section-padding {
    padding: 60px 0;
}

.notice_bbs .items .cont h6{
    font-size: 1.8em;
    }
    .notice_bbs .cont .course_date{
        color: #404957;
        font-size: 0.8em;
    }
    
    .notice_bbs .chk_box {
        position: relative;
        margin-bottom: 20px;
    }
    .notice_bbs #bo_cate ul{
        display: inline-block;
        background-color: #f7f7f7;
        border-radius: 20px;
    }
    
    .notice_bbs #bo_cate a {
    
        border: 0;
        color: rgba(0, 0, 0, 0.3);
    }
    
    .notice_bbs #bo_cate #bo_cate_on {
        z-index: 2;
        color: #3e85e8;
        font-weight: bold;
        border: 0;
        
    }
    
    .notice_bbs #bo_cate a:focus,.notice_bbs #bo_cate a:hover,.notice_bbs #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
    
    .notice_bbs #bo_cate #bo_cate_on:hover {
        text-decoration:none;background:#3a8afd;color:#fff
        
    }
    
    .page-header.blg .cont {
        padding: 120px 0 0px;
    }
    .page-header .cont h4.course_date_view{
        line-height: 1.4;
        color: #163b76;
        font-size: 24px;
        font-weight: 400;
    }
    
    .notice_bbs .pg_wrap .pg a, .notice_bbs .pg_wrap .pg stong{
        padding: 10px 15px;
        color: #858585;
        width: 40px;
        height: 40px;
    }
    .notice_bbs .pg_wrap .pg_current {
        color: #fff;
        padding: 10px 15px;
        background-color: #3a8afd;
        border-radius: 30px;
        width: 40px;
        height: 40px;
    }
    .notice_bbs .pg_wrap{
        position: relative;
        margin: auto;
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    .notice_bbs .pg_wrap .pg{
    display: inline-flex;
        align-items: center;
        border-radius: 20px;
        justify-content: center;
        background-color: #f7f7f7;
    }
    .notice_bbs .pg_wrap .pg a:hover{
        color: #3a8afd;
    }
    .search_bx .search_form{
        display: flex;
        align-items: flex-start;
    }
    
    .notice_bbs #bo_cate{
    float: left;
    }
    
    .notice_bbs .search_bx{
        float: right;
        position: relative;
    }
    .notice_bbs #fboardlist{
        clear: both;
    }
    .notice_bbs .search_bx .search_form select{
        line-height: 1em;
        padding: 8.5px 10px;
        border-radius: 20px 0px 0px 20px;
        border: 1px solid #999;
        border-right: 0;
    }
    
    .notice_bbs .search_bx .sch_bar{
        border-radius: 0px 20px 20px 0px;
    }
    .notice_bbs .search_bx .sch_input{
        padding: 7px;
        border-radius: 0 20px 20px 0;
        border: 1px solid #999;
    }
    
    .notice_bbs .search_bx .sch_btn{
        width: 40px;
        height: 40px;
        border-radius: 20px;
        position: absolute;
        right: 0px;
        background-color: #163b76;
        color: #fff;
        border: 0;
    }
    .notice_bbs .tbl_wrap table{
        width: 100%;
    }
    .notice_bbs .tbl_wrap table th{
    text-align: center;
    padding: 15px 15px;
    background-color: #e1eaf1;
    }
    .notice_bbs .tbl_wrap table td{
        text-align: center;
    }

    .course_bbs .course_table{
        width: 100%;
        border-collapse: collapse;
        table-layout:fixed;
    }
    .course_bbs .course_table thead{
        background-color: #becadf;
    }
    .course_bbs .course_table thead th{
        font-size: 1em;
        font-weight: 800;
        padding: 20px 15px;
        color: #fff;
    }
    .course_bbs .course_table td{
        padding: 10px 15px;
        font-size: 1.2em;
    }
    .course_bbs .course_table th,.course_bbs .course_table td {
        border: 1px solid #858585;
    }
    #treatment_id .slick-track{
        display: flex;
        align-items: stretch;
    }
    #treatment_id .slick-track .item{
        background-color: #fff;
    } 


    @media screen and (max-width: 991px) {
        p {
            font-size: 16px;
        }
        .icon-card-list .item-box:nth-child(2) .card, .icon-card-list .item-box:nth-child(3) .card {
            background-color: #fff;
        }
        .pt-lg-140{
            padding-top: 70px !important;
        }
        .wide-nav {
            display: block;
            justify-content: space-between;
            width: 100%;
            padding: 0;
            border-bottom: 1px solid rgb(255 255 255 / 50%);
        }
        .navbar .logo {
            margin: 0px 20px;
        }
        .wide-nav .navbar-toggler{
            float: right;
            padding: 20px;
        
        }
        .navbar .navbar-nav .nav-item.active::after {
            display: none;
        }
        .pages-header{
            height: 60vh;
        }
        .pages-header .cont h1 {
            font-size: 40px;
            padding-top: 40px;
        }
        .page-header.blg .cont {
            padding: 60px 0 0px;
        }
        footer .logo {
            text-align: center;
            padding: 0 0 20px;
            opacity: 0.5;
        }
        .img_card {
            width: 100%;
            max-width: 1200px;
            display: block;
            position: relative;
            top: -120px;
            background-color: #163b76;
            box-shadow: 0px 5px 10px 0px rgba(31, 32, 33, 0.4);
        }
        .img_card .card {
            background-color: #163b76;
            display: flex;
            flex-direction: column-reverse;
            border: 0;
        }
        .img_card .card .img_card_txt, .img_card .card .img_card_img {
            width: 100%;
            display: block;
        }
        .img_card_img .noraidus .item-img {
            height: 320px;
        }
        .section-padding {
            padding: 80px 0;
        }
        .img_card-container {
            margin-bottom: -100px;
        }
        section.result {
            padding: 60px 0px;
        }
        .btn-lg{
            width: 100%;
            min-width: auto;
        }
        .slider .parallax-slider .swiper-slide-active .caption p {
            font-size: 20px;
        }
        h3.main-tit {
            font-size: 2.5em;
        }
        .pages-header .header-btns-bx {
            margin-top: 20px;
        }
        .pages-header .header-btns-bx a span {
            font-size: 14px;
        }
        .pages-header .header-btns-bx a {
            padding: 10px 15px;
            height: auto;
        }
        .team .team-container {
            width: 100%;
        }
        .course_bbs .course_table thead th{
            font-size: 0.8em;
            font-weight: 800;
            padding: 20px 10px;
            color: #fff;
        }
        .course_bbs .course_table td{
            padding: 10px 10px;
            font-size: 1em;
        }
        .slider .swiper-pagination-fraction.top.botm{
            bottom: 120px;
        }
        .youtube-box {
            min-height: 390px;
            position: absolute;
            width: 100%;
            top: -100px;
        }
        .youtube-box::after{
            display: block;
            height: 150px;
            content: '';
        }
        .youtube-sec{
            margin-bottom: 170px;
        }
        .youtube-sec .col-lg-7{
            padding: 0;
        }
    }

    @media screen and (max-width: 767px) {
    .pages-header .cont h1 {
        font-size: 32px;
    }
    .img_card_img .noraidus .item-img {
        height: 280px;
    }
    .img_card .card .img_card_txt .img_card_list li p {
        color: #8da7d1;
        font-size: 1em;
        letter-spacing: -0.5px;
        line-height: 1.5em;
        word-break: keep-all;
    }
    .section-padding {
        padding: 60px 0;
    }
    .sec-head .tbg {
        font-size: 12vW}
    section.result {
    background-size: cover;}
    .main_txt_bx {
        font-size: 1em;
    }
    .sec-head {
        position: relative;
        margin: 0 auto 50px;
    }
    .search_bx .search_form {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }
    .notice_bbs .search_bx {
        float: right;
        position: relative;
        width: 100%;
    }
    .notice_bbs .search_bx .sch_input {
        padding: 7px;
        border-radius: 20px;
        width: 100%;
        border: 1px solid #999;
    }
    .notice_bbs .search_bx .search_form select {
        border-right: 1px solid #999;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .course_bbs .search_bx {
        float: right;
        position: relative;
        width: 100%;
    }
    .course_bbs .search_bx .sch_input {
        padding: 7px;
        border-radius: 20px;
        width: 100%;
        border: 1px solid #999;
    }
    .course_bbs .search_bx .search_form select {
        border-right: 1px solid #999;
        border-radius: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .pt-lg-140{
        padding-top: 140px !important;
    }
    .treat_bx{
        display: flex;
        align-items: stretch;
    }
    .treat_bx .col-lg-4 .item{
        height: 100%;
    }
}


/*교육과정 테이블-모바일*/
@media screen and (max-width: 768px) {
table.course_table colgroup {
	display: none;
}
table.course_table thead{
    display: none;
}

table.course_table td{
}
table.course_table tr {
    display:block;
    border-top:none;
    margin-bottom: 5px;
  }
  table.course_table th, table.course_table td {
    display:block;
    position:relative;
    padding:10px 0;
    border-width:0 0 1px 0;
  }

  table.course_table td:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
	bottom: 0;
    width:45%;
    padding:10px;
    background:#d4d8e1;
  }
  table.course_table td.date:before {content:'날짜';}
  table.course_table td.lecturer:before {content:'강사';}
  table.course_table td.lec_title:before {content:'강의주제';}
  table.course_table .session{
   padding: 10px;
   text-align: center;
}
table.course_table td:not(.session){
    padding-left: 50% !important;
} 

}