@charset "UTF-8"; 


/* **************************** S:메인 **************************** */
/* 비주얼 섹션 */
#mainCnt{background-color: #F7F8FB;}
#mainCnt .vsl_sect{width: 100%;height: 100vh;position: relative;overflow: hidden;}
#mainCnt .vsl_sect .vod_wrap{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
#mainCnt .vsl_sect .vod_wrap .vod_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#mainCnt .vsl_sect .vod_wrap .vod_box:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;background-color: rgba(0, 0, 0, .3);}
#mainCnt .vsl_sect .vod_wrap .vod_box video{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#mainCnt .vsl_sect .vod_wrap .vod_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#mainCnt .vsl_sect .sect_inner{width: 100%;max-width: 1680px;margin: 0 auto;height: 100%;padding: 40px;box-sizing: border-box;display: flex;align-items: flex-end;justify-content: center;flex-wrap: nowrap;}
#mainCnt .vsl_sect .cnt_wrap{width: 100%;position: relative;z-index: 5;}
#mainCnt .vsl_sect .cnt_wrap .cnt_top{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;gap: 60px;}
#mainCnt .vsl_sect .cnt_wrap .cnt_bot{display: flex;align-items: center;width: 100%;margin-top: 175px;overflow: hidden;}

#mainCnt .vsl_sect .login_wrap{width: 100%;max-width: 420px;padding: 70px 60px;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);background-color: rgba(0, 0, 0, .12);border-radius: 8px;box-sizing: border-box;}
#mainCnt .vsl_sect .frm_box + .frm_box{margin-top: 10px;}
#mainCnt .vsl_sect .frm_box .frm_inp_box input[type="text"],
#mainCnt .vsl_sect .frm_box .frm_inp_box input[type="password"]{height: 46px;padding: 10px 20px;background-color: transparent;border: 0;border-bottom: 1px solid var(--color-white);border-radius: 0;color: var(--color-white);}
#mainCnt .vsl_sect .frm_box .frm_inp_box input[type="text"]::placeholder,
#mainCnt .vsl_sect .frm_box .frm_inp_box input[type="password"]::placeholder{color: var(--color-white);}
#mainCnt .vsl_sect .frm_box .frm_inp_box input:-webkit-autofill{-webkit-text-fill-color: var(--color-white);}

#mainCnt .vsl_sect .login_wrap .log_info_box{}
#mainCnt .vsl_sect .login_wrap .log_info_box .user_info{display: flex;align-items: center;flex-wrap: nowrap;gap: 16px;}
#mainCnt .vsl_sect .login_wrap .log_info_box .user_info .icon_login_profile{width: 72px;height: 50px;background-image: url('/img/icon/icon_login_profile.svg');}
#mainCnt .vsl_sect .login_wrap .log_info_box .user_info p{font-size: var(--fs-32);font-weight: 700;line-height: var(--lh-48);color: var(--color-white);}
#mainCnt .vsl_sect .login_wrap .log_info_box .user_info .user_name{display: inline-block;font-size: var(--fs-32);font-weight: 700;line-height: var(--lh-48);color: var(--color-white);}
#mainCnt .vsl_sect .login_wrap .log_info_box .access_info{display: flex;align-items: center;flex-wrap: nowrap;gap: 8px;margin-top: 20px;}
#mainCnt .vsl_sect .login_wrap .log_info_box .access_info p{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}

#mainCnt .vsl_sect .login_wrap .util_btn_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;margin-top: 30px;}
#mainCnt .vsl_sect .login_wrap .util_btn_box .btns{flex: 1;height: 54px;padding: 14px 0 16px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);text-align: center;background-color: var(--color-white);border: 0;border-radius: 8px;overflow: hidden;box-sizing: border-box;}
#mainCnt .vsl_sect .login_wrap .util_btn_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}

#mainCnt .vsl_sect .login_wrap .util_btn_box .btns_mypage{background-color: var(--color-base);color: var(--color-white);}
#mainCnt .vsl_sect .login_wrap .util_btn_box .btns_mypage .btns_name{color: var(--color-white);}

#mainCnt .vsl_sect .login_wrap .util_btn_box .btns_msg .msg_count{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#mainCnt .vsl_sect .login_wrap .util_btn_box .btns_msg .count_sta{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-red);}

#mainCnt .vsl_sect .login_wrap .login_btn_box{margin-top: 30px;}
#mainCnt .vsl_sect .login_wrap .login_btn_box .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 460px;height: 64px;margin: 0 auto;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-white);border-radius: 60px;box-sizing: border-box;}
#mainCnt .vsl_sect .login_wrap .login_btn_box .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}
#mainCnt .vsl_sect .login_wrap .login_btn_box .btns_logout{background-color: var(--color-koce-primary);border-color: var(--color-koce-primary);}
#mainCnt .vsl_sect .login_wrap .login_btn_box .btns_logout .btns_name{color: var(--color-white);}

#mainCnt .vsl_sect .login_wrap .login_etc_box{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;margin-top: 20px;}
#mainCnt .vsl_sect .login_wrap .login_etc_box .btns{display: inline-flex;align-items: center;flex-wrap: nowrap;height: 30px;padding: 5px 14px 7px;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-19);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-white);border-radius: 30px;box-sizing: border-box;}
#mainCnt .vsl_sect .login_wrap .login_etc_box .btns .btns_name{display: inline-block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-19);color: var(--color-base);}

#mainCnt .vsl_sect .desc_box{padding-bottom: 70px;}
#mainCnt .vsl_sect .desc_box .desc_noti{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-white);text-shadow: 4px 4px 4px rgba(0, 0, 0, .25);text-align: right;}
#mainCnt .vsl_sect .desc_box .desc_tit{font-size: var(--fs-56);font-weight: 700;line-height: var(--lh-80);color: var(--color-white);text-shadow: 4px 4px 4px rgba(0, 0, 0, .25);text-align: right;}
#mainCnt .vsl_sect .desc_box .desc_txt{margin-top: 20px;font-size: var(--fs-30);font-weight: 500;line-height: var(--lh-42);color: var(--color-white);text-shadow: 4px 4px 4px rgba(0, 0, 0, .25);text-align: right;}

#mainCnt .vsl_sect .quick_list{display: flex;align-items: center;flex-wrap: nowrap;border-radius: 8px;margin: 0 auto;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;background-color: var(--color-white);}
#mainCnt .vsl_sect .quick_item{width: 150px;flex: 0 0 auto;position: relative;}
#mainCnt .vsl_sect .quick_item + .quick_item::before{content: '';display: block;width: 1px;height: 30px;background-color: var(--color-gray);position:absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 1;transition: opacity .3s;}
#mainCnt .vsl_sect .quick_item .quick_link{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 20px 0;background-color: var(--color-white);transition: background-color .4s;}
#mainCnt .vsl_sect .quick_item .link_name{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-17);color: var(--color-base);text-align: center;transition: color .3s;}
#mainCnt .vsl_sect .quick_item .icon_box{width: 34px;height: 30px;margin: 0 auto;transition: background-image .3s;}
#mainCnt .vsl_sect .quick_item .icon_quick_01{background-image: url('/img/icon/icon_quick_01.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_02{background-image: url('/img/icon/icon_quick_02.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_03{background-image: url('/img/icon/icon_quick_03.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_04{background-image: url('/img/icon/icon_quick_04.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_05{background-image: url('/img/icon/icon_quick_05.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_06{background-image: url('/img/icon/icon_quick_06.svg');}
#mainCnt .vsl_sect .quick_item .icon_quick_07{background-image: url('/img/icon/icon_quick_07.svg');}

@media (hover: hover){
    #mainCnt .vsl_sect .quick_item:hover::before{display: none;}
    #mainCnt .vsl_sect .quick_item:hover + .quick_item::before{opacity: 0;}
    #mainCnt .vsl_sect .quick_item:hover .quick_link{background-color: var(--color-koce-primary);}
    #mainCnt .vsl_sect .quick_item:hover .link_name{color: var(--color-white);}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_01{background-image: url('/img/icon/icon_quick_01_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_02{background-image: url('/img/icon/icon_quick_02_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_03{background-image: url('/img/icon/icon_quick_03_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_04{background-image: url('/img/icon/icon_quick_04_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_05{background-image: url('/img/icon/icon_quick_05_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_06{background-image: url('/img/icon/icon_quick_06_white.svg');}
    #mainCnt .vsl_sect .quick_item:hover .icon_quick_07{background-image: url('/img/icon/icon_quick_07_white.svg');}
}
@media (max-width: 1099px){
    #mainCnt .vsl_sect .sect_inner{padding: 40px 20px;}

    #mainCnt .vsl_sect .cnt_wrap .cnt_top{gap: 40px;align-items: center;}
    #mainCnt .vsl_sect .login_wrap{max-width: 320px;padding: 40px 30px;}
    #mainCnt .vsl_sect .frm_box .frm_inp_box input[type="text"],
    #mainCnt .vsl_sect .frm_box .frm_inp_box input[type="password"]{height: 44px;padding: 10px;font-size: var(--fs-16);line-height: var(--lh-24);}
    #mainCnt .vsl_sect .login_wrap .login_btn_box{margin-top: 20px;}
    #mainCnt .vsl_sect .login_wrap .login_btn_box .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    #mainCnt .vsl_sect .login_wrap .login_btn_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info .icon_login_profile{width: 62px;height: 40px;background-size: contain;}
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info p{font-size: var(--fs-24);line-height: var(--lh-40);}
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info .user_name{font-size: var(--fs-24);line-height: var(--lh-40);}

    #mainCnt .vsl_sect .login_wrap .util_btn_box{margin-top: 20px;}
    #mainCnt .vsl_sect .login_wrap .util_btn_box .btns{height: 50px;padding: 12px 0 14px;}

    #mainCnt .vsl_sect .desc_box{padding-bottom: 0;}
    #mainCnt .vsl_sect .desc_box .desc_tit{font-size: var(--fs-36);line-height: var(--lh-52);}
    #mainCnt .vsl_sect .desc_box .desc_txt{font-size: var(--fs-20);line-height: var(--lh-29);}

    #mainCnt .vsl_sect .cnt_wrap .cnt_bot{margin-top: 200px;}
    #mainCnt .vsl_sect .quick_item{width: 120px;}
    #mainCnt .vsl_sect .quick_item + .quick_item::before{height: 25px;}
    #mainCnt .vsl_sect .quick_item .quick_link{padding: 16px 0;gap: 8px;}
    #mainCnt .vsl_sect .quick_item .icon_box{width: 29px;height: 25px;}
}
@media (max-width: 599px){
    #mainCnt .vsl_sect .sect_inner{padding: 20px 16px;}
    #mainCnt .vsl_sect .cnt_wrap{height: 100%;padding-bottom: 90px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
    #mainCnt .vsl_sect .cnt_wrap .cnt_top{flex-direction: column-reverse;gap: 20px;}
    #mainCnt .vsl_sect .login_wrap{padding: 30px 20px;}
    #mainCnt .vsl_sect .login_wrap .login_btn_box .btns{height: 44px;padding: 10px 12px 12px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .vsl_sect .login_wrap .login_btn_box .btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info{justify-content: center;gap: 8px;}
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info .icon_login_profile{width: 52px;height: 30px;}
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info p{font-size: var(--fs-20);line-height: var(--lh-29);}
    #mainCnt .vsl_sect .login_wrap .log_info_box .user_info .user_name{font-size: var(--fs-20);line-height: var(--lh-29);}
    #mainCnt .vsl_sect .login_wrap .log_info_box .access_info{justify-content: center;margin-top: 16px;}

    #mainCnt .vsl_sect .login_wrap .util_btn_box .btns{height: 44px;padding: 11px 0 13px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .vsl_sect .login_wrap .util_btn_box .btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .vsl_sect .login_wrap .util_btn_box .btns_msg .msg_count{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .vsl_sect .login_wrap .util_btn_box .btns_msg .count_sta{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mainCnt .vsl_sect .desc_box .desc_tit{font-size: var(--fs-24);line-height: var(--lh-30);text-align: center;}
    #mainCnt .vsl_sect .desc_box .desc_txt{margin-top: 10px;font-size: var(--fs-18);line-height: var(--lh-26);text-align: center;}
    #mainCnt .vsl_sect .cnt_wrap .cnt_bot{margin-top: 0;position: absolute;left: 0;right: 0;bottom: 16px;z-index: 5;}
    #mainCnt .vsl_sect .quick_item{width: 95px;}
    #mainCnt .vsl_sect .quick_item .quick_link{padding: 12px 0;}
}
@media (max-width: 319px){
    #mainCnt .vsl_sect .login_wrap{padding: 24px 16px;}
}

/* 배너 섹션 */
#mainCnt .banner_sect{margin-top: 30px;padding: 30px 0;}
#mainCnt .banner_sect .sect_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}

#mainCnt .banner_sect .sect_tit_box{}
#mainCnt .banner_sect .sect_tit_box .sect_tit{font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-54);color: var(--color-black);}
#mainCnt .banner_sect .banner_swiper_wrap{margin-top: 10px;}
#mainCnt .banner_sect .banner_swiper_list{}
#mainCnt .banner_sect .banner_swiper_item{width: 100%;max-width: 580px;}
#mainCnt .banner_sect .banner_swiper_item .img_wrap{display: block;width: 100%;height: 0;padding-top: 51.72%;border-radius: 4px;position: relative;overflow: hidden;}
#mainCnt .banner_sect .banner_swiper_item .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#mainCnt .banner_sect .banner_swiper_item .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#mainCnt .banner_sect .swiper_util_box{margin-top: 16px;display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;}
#mainCnt .banner_sect .swiper_btn_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;gap: 24px;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn{flex: 0 0 auto;width: 36px;height: 36px;background-color: var(--color-white);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background-color .3s;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn.swiper-button-disabled{background-color: #e4e2e0;cursor: not-allowed;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn .icon_box{width: 9px;height: 18px;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn .icon_box svg{width: 100%;height: 100%;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn .icon_box svg path{transition: stroke .3s;}
#mainCnt .banner_sect .swiper_btn_box .swiper_btn.swiper-button-disabled .icon_box svg path{stroke: #a6a7a9;}
#mainCnt .banner_sect .swiper_progress_box{flex: 1;}
#mainCnt .banner_sect .swiper_progress_box .swiper_progress{width: 100%;height: 4px;background-color: #ddd;border-radius: 4px;position: relative;left: unset;top: unset;overflow: hidden;}
#mainCnt .banner_sect .swiper_progress_box .swiper_progress > span{display: block;background-color: var(--color-koce-primary);border-radius: 4px;}

@media (max-width: 1099px){
    #mainCnt .banner_sect .sect_tit_box .sect_tit{font-size: var(--fs-28);line-height: var(--lh-36);}
    #mainCnt .banner_sect .banner_swiper_item{max-width: 80%;}
    #mainCnt .banner_sect .swiper_util_box{gap: 32px;}
    #mainCnt .banner_sect .swiper_btn_box{gap: 20px;}
}
@media (max-width: 599px){
    #mainCnt .banner_sect{margin-top: 20px;padding: 20px 0;}
    #mainCnt .banner_sect .sect_inner{padding: 0 16px;}
    #mainCnt .banner_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-29);}

    #mainCnt .banner_sect .swiper_util_box{gap: 16px;}
    #mainCnt .banner_sect .swiper_btn_box{gap: 8px;}
}
@media (max-width: 319px){}
/* 게시판 섹션 */
#mainCnt .board_sect{padding: 30px 0 100px;}
#mainCnt .board_sect .sect_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}

#mainCnt .board_sect .sect_tit_box{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
#mainCnt .board_sect .sect_tit_box .sect_tit{flex: 1;font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-54);color: var(--color-black);}
#mainCnt .board_sect .sect_tit_box .btn_link{flex: 0 0 auto;display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 8px;line-height: 0;}
#mainCnt .board_sect .sect_tit_box .btn_link .link_name{display: block;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: #000;}
#mainCnt .board_sect .sect_tit_box .btn_link .icon_view_more{width: 20px;height: 20px;background-image: url('/img/icon/icon_view_more.svg');}

#mainCnt .board_sect .main_board_wrap{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;gap: 48px;margin-top: 10px;}
#mainCnt .board_sect .board_nav_box{flex: 0 0 auto;}
#mainCnt .board_sect .main_board_nav{}
#mainCnt .board_sect .main_board_nav .nav_item{min-width: 90px; height: 40px;}
#mainCnt .board_sect .main_board_nav .nav_btn{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: #afafaf;position: relative;overflow: hidden;transition: padding-left .2s, color .35s;}
#mainCnt .board_sect .main_board_nav .nav_btn::before{content: '';display: block;width: 0;height: 8px;background-color: var(--color-koce-primary);position: absolute;left: 0;top: 10.5px;opacity: 0;transition: width .35s;}
#mainCnt .board_sect .main_board_nav .nav_btn.active{padding-left: 18px;color: var(--color-koce-primary);font-weight: 700;}
#mainCnt .board_sect .main_board_nav .nav_btn.active::before{width: 8px;opacity: 1;}

#mainCnt .board_sect .board_list_box{flex: 1 1 auto;width: 100%;max-width: 1000px;}
#mainCnt .board_sect .tab_cnt{display: none;}
#mainCnt .board_sect .tab_cnt.active{display: block;}

#mainCnt .board_sect .main_board_list{border-top: 3px solid var(--color-black);}
#mainCnt .board_sect .main_board_list .board_item{width: 100%;padding: 14px 24px 24px;border-bottom: 1px solid var(--color-gray);box-sizing: border-box;}
#mainCnt .board_sect .main_board_list .board_item .item_inner{display: flex;align-items: center;flex-wrap: nowrap;gap: 80px;}
#mainCnt .board_sect .main_board_list .board_item .item_left{flex: 0 0 80px;}
#mainCnt .board_sect .main_board_list .board_item .item_right{flex: 1;}

#mainCnt .board_sect .main_board_list .board_item .item_numb{font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-52);color: var(--color-koce-primary);letter-spacing: -1.4px;text-align: center;}
#mainCnt .board_sect .main_board_list .board_item .item_numb span{display: inline-block;font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-52);color: var(--color-koce-primary);letter-spacing: -1.4px;text-align: center;}
#mainCnt .board_sect .main_board_list .board_item .item_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-26);color: var(--color-gray);text-align: center;}
#mainCnt .board_sect .main_board_list .board_item .item_cate{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-koce-primary);letter-spacing: -1.4px;}
#mainCnt .board_sect .main_board_list .board_item .item_subject{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-29);color: var(--color-base);letter-spacing: -1.4px;word-break: break-all;}
#mainCnt .board_sect .main_board_list .board_item .item_cate + .item_subject{margin-top: 4px;}

@media (max-width: 1099px){
    #mainCnt .board_sect .sect_tit_box .sect_tit{font-size: var(--fs-28);line-height: var(--lh-36);}
    #mainCnt .board_sect .sect_tit_box .btn_link .link_name{font-size: var(--fs-16);line-height: var(--lh-24);}

    #mainCnt .board_sect .main_board_nav .nav_btn{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mainCnt .board_sect .main_board_nav .nav_btn::before{height: 6px;top: 9px;}
    #mainCnt .board_sect .main_board_nav .nav_btn.active::before{width: 6px;}

    #mainCnt .board_sect .main_board_list .board_item{padding: 14px 20px 20px;}
    #mainCnt .board_sect .main_board_list .board_item .item_inner{gap: 32px;}
    #mainCnt .board_sect .main_board_list .board_item .item_numb{font-size: var(--fs-28);line-height: var(--lh-36);}
    #mainCnt .board_sect .main_board_list .board_item .item_numb span{font-size: var(--fs-28);line-height: var(--lh-36);}
    #mainCnt .board_sect .main_board_list .board_item .item_date{line-height: var(--lh-20);}
    #mainCnt .board_sect .main_board_list .board_item .item_cate{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .board_sect .main_board_list .board_item .item_subject{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 599px){
    #mainCnt .board_sect{padding: 20px 0 80px;}
    #mainCnt .board_sect .sect_inner{padding: 0 16px;}
    #mainCnt .board_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-29);}
    #mainCnt .board_sect .sect_tit_box .btn_link .link_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mainCnt .board_sect .sect_tit_box .btn_link .icon_view_more{width: 16px;height: 16px;}

    #mainCnt .board_sect .main_board_wrap{flex-direction: column;gap: 10px;margin-top: 16px;}
    #mainCnt .board_sect .main_board_nav{display: flex;align-items: center;flex-wrap: nowrap;gap: 16px;}
    #mainCnt .board_sect .main_board_nav .nav_item{min-width: unset;}
    #mainCnt .board_sect .main_board_nav .nav_btn.active{padding-left: 14px;}

    #mainCnt .board_sect .main_board_list .board_item{padding: 16px 8px;}
    #mainCnt .board_sect .main_board_list .board_item .item_inner{gap: 16px;}
    #mainCnt .board_sect .main_board_list .board_item .item_numb{font-size: var(--fs-20);line-height: var(--lh-29);}
    #mainCnt .board_sect .main_board_list .board_item .item_numb span{font-size: var(--fs-24);line-height: var(--lh-32);}
}
@media (max-width: 319px){}
/* **************************** E:메인 **************************** */










/* **************************** S:page_component **************************** */
.page_component{width: 100%;max-width: 1440px;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.page_component .page_hd{}
.page_component .page_hd .page_tit_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 20px;}
.page_component .page_hd .page_tit{flex: 1;font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-54);color: var(--color-black);}
.page_component .page_hd .page_icon_box{display: inline-block;width: 60px;height: 60px;background-repeat: no-repeat;background-size: cover;background-position: center center;flex: 0 0 auto;}
.page_component .page_hd .icon_edu_intro{background-image: url('/img/icon/icon_edu_intro.svg');}
.page_component .page_hd .icon_edu_fee{background-image: url('/img/icon/icon_edu_fee.svg');}
.page_component .page_hd .icon_course_search{background-image: url('/img/icon/icon_course_search.svg');}
.page_component .page_hd .icon_course_list{background-image: url('/img/icon/icon_course_list.svg');}
.page_component .page_hd .icon_course_detail{background-image: url('/img/icon/icon_course_detail.svg');}
.page_component .page_hd .icon_edu_calendar{background-image: url('/img/icon/icon_edu_calendar.svg');}
.page_component .page_hd .icon_course_apply{background-image: url('/img/icon/icon_course_apply.svg');}
.page_component .page_hd .icon_faq{background-image: url('/img/icon/icon_faq.svg');}
.page_component .page_hd .icon_notice{background-image: url('/img/icon/icon_notice.svg');}

.page_component .page_hd .page_subtit_box{}
.page_component .page_hd .page_tit_box + .page_subtit_box{margin-top: 10px;}
.page_component .page_hd .page_subtit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
@media (max-width: 1099px){
    .page_component .page_hd .page_tit_box{gap: 16px;}
    .page_component .page_hd .page_icon_box{width: 45px;height: 45px;}
    .page_component .page_hd .page_tit{font-size: var(--fs-28);line-height: var(--lh-42);}

    .page_component .page_hd .page_tit_box + .page_subtit_box{margin-top: 8px;}
    .page_component .page_hd .page_subtit{font-size: var(--fs-18);line-height: var(--lh-26);}
}
@media (max-width: 599px){
    .page_component{padding-left: 16px;padding-right: 16px;}
    .page_component .page_hd .page_tit_box{align-items: flex-start;}
    .page_component .page_hd .page_icon_box{width: 36px;height: 36px;}
    .page_component .page_hd .page_tit{font-size: var(--fs-24);line-height: var(--lh-36);}
    .page_component .page_hd .page_subtit{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 374px){}
@media (max-width: 319px){
    .page_component .page_hd .page_tit_box{gap: 8px;}
    .page_component .page_hd .page_icon_box{width: 30px;height: 30px;}
    .page_component .page_hd .page_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .page_component .page_hd .page_subtit{font-size: var(--fs-14);line-height: var(--lh-20);}
}
/* **************************** E:page_coimponent **************************** */


/* **************************** S:교육소개 **************************** */
/* 교육안내 */
#introCnt{padding-top: 80px;padding-bottom: 160px;}

#introCnt .intro_tab_wrap{}
#introCnt .intro_tab_wrap .intro_cnt_box{}
#introCnt .intro_tab_wrap .intro_tab_cnt{display: none;opacity: 0;}
#introCnt .intro_tab_wrap .intro_tab_cnt.active{display: block;opacity: 1;}

#introCnt .intro_cate_box{margin: 60px auto 30px;padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;}
#introCnt .intro_cate_list{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;overflow: hidden;overflow-x: auto;scroll-behavior: smooth;}
#introCnt .intro_cate_item{min-width: 250px;}
#introCnt .intro_cate_item .intro_cate_link{display: block;width: 100%;height: 60px;padding: 15px 20px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);white-space: nowrap;text-align: center;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;transition: background-color .35s, color .35s, border-color .35s;}
#introCnt .intro_cate_item.active .intro_cate_link{color: var(--color-white);background-color: var(--color-msit-primary);border-color: var(--color-msit-primary);}

#introCnt .intro_sect{}
#introCnt .intro_sect + .intro_sect{margin-top: 40px;}
#introCnt .intro_sect .sect_inner{}

#introCnt .tab_wrap{}
#introCnt .tab_wrap .tab_list{}
#introCnt .tab_wrap .tab_item.active{}
#introCnt .tab_wrap .tab_item .tab_btns{}
#introCnt .tab_wrap .tab_item.active .tab_btns{}
#introCnt .tab_wrap .tab_cnt{opacity: 0;display: none;}
#introCnt .tab_wrap .tab_cnt.active{opacity: 1;display: block;}

#introCnt .intro_sect .sect_hd{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#introCnt .intro_sect .sect_icon_box{flex: 0 0 auto;line-height: 0;}
#introCnt .intro_sect .sect_icon_box .icon_box{width: 32px;height: 32px;}
#introCnt .intro_sect .sect_icon_box .icon_intro_expert{background-image: url('/img/icon/icon_intro_expert.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_target{background-image: url('/img/icon/icon_intro_target.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_schedule{background-image: url('/img/icon/icon_intro_schedule.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_goal{background-image: url('/img/icon/icon_intro_goal.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_course{background-image: url('/img/icon/icon_intro_course.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_howto{background-image: url('/img/icon/icon_intro_howto.svg');}
#introCnt .intro_sect .sect_icon_box .icon_intro_disaster{background-image: url('/img/icon/icon_intro_disaster.svg');}
#introCnt .intro_sect .sect_tit_box{flex: 1;}
#introCnt .intro_sect .sect_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-56);color: var(--color-base);}
#introCnt .intro_sect .sect_bd{margin-top: 20px;}

#introCnt .intro_card_list{display: flex;align-items: stretch;flex-wrap: wrap;gap: 20px;}
#introCnt .intro_card_list .intro_card_item{width: calc(50% - (20px/2));background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .intro_card_list .intro_card_item .item_inner{height: 100%;padding: 0 20px 24px;box-sizing: border-box;}
#introCnt .intro_card_list .intro_card_item .card_tit_box{padding: 20px 0;}
#introCnt .intro_card_list .intro_card_item .card_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);letter-spacing: -0.0075em;}
#introCnt .intro_card_list .intro_card_item .card_desc_box{padding-top: 20px;border-top: 1px solid var(--color-black);}
#introCnt .intro_card_list .intro_card_item .card_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#introCnt .intro_card_list .intro_card_item .card_desc + .card_desc{margin-top: 10px;}
#introCnt .intro_card_list .intro_card_item .card_desc.dot{padding-left: 22px;position: relative;}
#introCnt .intro_card_list .intro_card_item .card_desc.dot::before{content: '';display: block;width: 16px;height: 16px;background-image: url('/img/icon/icon_warning_line.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: 0;top: 4px;}

/* 전문교육 섹션 */
#introCnt .intro_expert_box{padding: 30px;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#introCnt .intro_expert_box .expert_tit_card{width: 100%;}
#introCnt .intro_expert_box .expert_tit_card .card_tit_box{}
#introCnt .intro_expert_box .expert_tit_card .card_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#introCnt .intro_expert_box .expert_tit_card .card_desc_box{margin-top: 20px;}
#introCnt .intro_expert_box .expert_tit_card .card_desc{padding-left: 22px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);position: relative;}
#introCnt .intro_expert_box .expert_tit_card .card_desc::before{content: '';display: block;width: 16px;height: 16px;background-image: url('/img/icon/icon_warning_line.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: 0;top: 4px;}

/* 교육대상 섹션 */
#introCnt .intro_target_box{}
#introCnt .intro_target_box .target_tit_box{width: 100%;padding: 32px 20px;background-color: var(--color-msit-primary2);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .intro_target_box .target_tit_box .target_tit{font-size: var(--fs-28);font-weight: 500;line-height: var(--lh-42);color: var(--color-white);text-align: center;}
#introCnt .intro_target_box .target_subtit_box{width: 100%;margin-top: 20px;padding: 32px 20px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .intro_target_box .target_subtit_box .target_subtit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-black);text-align: center;}
#introCnt .intro_target_box .target_desc_box{width: 100%;margin-top: 20px;padding: 32px 20px;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .intro_target_box .target_desc_box .target_desc{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);text-align: center;}
#introCnt .intro_target_box .target_msg_box{width: 100%;margin-top: 20px;}
#introCnt .intro_target_box .target_msg_box .target_msg{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);}
#introCnt .intro_target_box .intro_card_list{margin-top: 20px;}
#introCnt .intro_target_box .intro_card_item{border: 1px solid #ccc;}
#introCnt .intro_target_box .intro_card_item .item_inner{padding: 0 24px 24px;}

/* 교육주기 섹션 */
#introCnt .intro_schedule_box{}
#introCnt .intro_schedule_box .intro_card_item{box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;}
#introCnt .intro_schedule_box .intro_card_item .card_tit{font-size: var(--fs-22);}

/* 교육목표 섹션 */
#introCnt .intro_goal_box .intro_goal_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#introCnt .intro_goal_box .intro_goal_item{width: calc(33.3334% - (40px/3));background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;position: relative;}
#introCnt .intro_goal_box .intro_goal_item .item_inner{height: 100%;padding: 50px;box-sizing: border-box;}
#introCnt .intro_goal_box .intro_goal_item .item_numb_box{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;position: absolute;left: 0;top: 0;z-index: 5;background-color: var(--color-msit-primary2);border-top-left-radius: 8px;border-bottom-right-radius: 8px;box-sizing: border-box;}
#introCnt .intro_goal_box .intro_goal_item .item_numb{display: inline-block;font-size: var(--fs-24);font-weight: 500;line-height: 1;color: var(--color-white);}
#introCnt .intro_goal_box .intro_goal_item .item_desc_box{height: 100%;min-height: 52px;display: flex;align-items: center;justify-content: center;}
#introCnt .intro_goal_box .intro_goal_item .item_desc{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);text-align: center;}

/* 교육과정 */
#introCnt .intro_course_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#introCnt .intro_course_box .box_hd{}
#introCnt .intro_course_box .course_cate_box{position: relative;}
#introCnt .intro_course_box .course_cate_box::after{content: '';display: block;width: 100%;height: 1px;background-color: #ccc;position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;}
#introCnt .intro_course_box .course_cate_list{width: 100%;display: flex;align-items: center;flex-wrap: nowrap;overflow: hidden;overflow-x: auto;box-sizing: border-box;position: relative;scroll-behavior: smooth;}
#introCnt .intro_course_box .course_cate_item{padding: 40px 30px;position: relative;}
#introCnt .intro_course_box .course_cate_item:after{content: '';width: 0%;height: 2px;background-color: var(--color-msit-primary2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;transition: width .3s;}
#introCnt .intro_course_box .course_cate_item.active:after{width: 100%;}
#introCnt .intro_course_box .course_cate_btn{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: #aaa;white-space: nowrap;transition: color .3s;}
#introCnt .intro_course_box .course_cate_item.active .course_cate_btn{color: var(--color-msit-primary);}

#introCnt .intro_course_box .box_bd{padding: 50px 30px;}
#introCnt .intro_course_box .course_cnt_box{}
#introCnt .intro_course_box .cnt_txt_box{}
#introCnt .intro_course_box .cnt_txt_box .cnt_txt_list{}
#introCnt .intro_course_box .cnt_txt_box .cnt_txt_item{}
#introCnt .intro_course_box .cnt_txt_box .cnt_txt_item + .cnt_txt_item{margin-top: 10px;}
#introCnt .intro_course_box .cnt_txt_box .cnt_txt_item .cnt_txt{padding-left: 22px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);position: relative;}
#introCnt .intro_course_box .cnt_txt_box .cnt_txt_item .cnt_txt::before{content: '';display: block;width: 16px;height: 16px;background-image: url('/img/icon/icon_warning_line.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: 0;top: 4px;}

/* 교육방법 */
#introCnt .intro_howto_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#introCnt .intro_howto_box .howto_step_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: nowrap;padding: 0 20px;}
#introCnt .intro_howto_box .howto_step_list.row3{column-gap: 80px;}
#introCnt .intro_howto_box .howto_step_list.row4{column-gap: 60px;}

#introCnt .intro_howto_box .howto_step_item{flex: 1;position: relative;}
#introCnt .intro_howto_box .howto_step_list.row3 .howto_step_item + .howto_step_item::before{left: -55px;}
#introCnt .intro_howto_box .howto_step_list.row4 .howto_step_item + .howto_step_item::before{left: -45px;}
#introCnt .intro_howto_box .howto_step_item + .howto_step_item::before{content: '';display: block;width: 30px;height: 30px;background-image: url('/img/icon/icon_attn_step_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
#introCnt .intro_howto_box .howto_step_item .item_hd{padding: 30px 20px;}
#introCnt .intro_howto_box .howto_step_item .item_step_box{}
#introCnt .intro_howto_box .howto_step_item .item_step{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#introCnt .intro_howto_box .howto_step_item .item_txt_box{margin-top: 25px;min-height: 52px;}
#introCnt .intro_howto_box .howto_step_item .item_txt{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);}

#introCnt .intro_howto_box .howto_step_item .item_bd{}
#introCnt .intro_howto_box .howto_step_item .item_desc_box{padding: 20px 20px 30px;border-top: 1px solid #d9d9d9;}
#introCnt .intro_howto_box .howto_step_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}


/* 기업재난관리사 */
#introCnt .intro_disaster_box{width: 100%;padding: 30px 30px 40px;background-color: var(--color-white);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .intro_disaster_box .disaster_tit_box{width: 100%;padding: 30px 24px;background-color: #f6f6f6;border-radius: 8px;box-sizing: border-box;}
#introCnt .intro_disaster_box .disaster_tit_box .disaster_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}

#introCnt .intro_disaster_box .disaster_step_box{margin-top: 20px;}
#introCnt .intro_disaster_box .disaster_step_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 70px;background-color: var(--color-white);}
#introCnt .intro_disaster_box .disaster_step_item{flex: 1;display: flex;justify-content: center;}
#introCnt .intro_disaster_box .disaster_step_item + .disaster_step_item{position: relative;}
#introCnt .intro_disaster_box .disaster_step_item + .disaster_step_item:before{content: '';display: block;width: 40px;height: 40px;background-image: url('/img/icon/mois_intro_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: -55px;top: 50%;transform: translateY(-50%);}
#introCnt .intro_disaster_box .disaster_step_item .item_inner{height: 100%;padding: 30px 0;box-sizing: border-box;}
#introCnt .intro_disaster_box .disaster_step_item .item_icon_box{text-align: center;}
#introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box{width: 100px;height: 100px;}
#introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box.disaster_cnt_01{background-image: url('/img/icon/disaster_cnt_01.svg');}
#introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box.disaster_cnt_02{background-image: url('/img/icon/disaster_cnt_02.svg');}
#introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box.disaster_cnt_03{background-image: url('/img/icon/disaster_cnt_03.svg');}
#introCnt .intro_disaster_box .disaster_step_item .item_tit_box{margin-top: 20px;}
#introCnt .intro_disaster_box .disaster_step_item .item_tit_box .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);text-align: center;}

#introCnt .intro_disaster_box .disaster_edu_box{margin-top: 20px;padding-top: 30px;border-top: 1px solid #ccc;}
#introCnt .intro_disaster_box .disaster_edu_tit_box{}
#introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_subtit{margin-top: 5px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}
#introCnt .intro_disaster_box .disaster_edu_list_box{margin-top: 40px;width: 100%;padding: 0 20px;border: 1px solid var(--color-black);border-radius: 8px;box-sizing: border-box;}
#introCnt .intro_disaster_box .disaster_edu_list{}
#introCnt .intro_disaster_box .disaster_edu_item{width: 100%;min-height: 110px;padding: 30px 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#introCnt .intro_disaster_box .disaster_edu_item:nth-child(2){border-top: 1px solid var(--color-black);}
#introCnt .intro_disaster_box .disaster_edu_item:nth-child(3){border-top: 1px solid #aaa;}
#introCnt .intro_disaster_box .disaster_edu_item + .disaster_edu_item{position: relative;}
#introCnt .intro_disaster_box .disaster_edu_item + .disaster_edu_item::before{content: '';display: block;width: 40px;height: 40px;background-color: var(--color-white);background-image: url('/img/icon/mois_intro_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: 50%;top: -20px;transform: translateX(-50%) rotate(90deg);}
#introCnt .intro_disaster_box .disaster_edu_item .item_tit_box{}
#introCnt .intro_disaster_box .disaster_edu_item .item_tit_box .item_tit{font-size: var(--fs-28);font-weight: 500;line-height: var(--lh-42);color: var(--color-black);text-align: center;}
#introCnt .intro_disaster_box .disaster_edu_item .item_subtit_box{}
#introCnt .intro_disaster_box .disaster_edu_item .item_subtit_box .item_subtit{font-size: var(--fs-22);font-weight: 500;line-height: var(--lh-36);color: var(--color-base);text-align: center;}
#introCnt .intro_disaster_box .disaster_edu_item .item_time_list{width: 100%;display: flex;align-items: center;flex-wrap: nowrap;}
#introCnt .intro_disaster_box .disaster_edu_item .item_time_list .time_item{flex: 1;}
#introCnt .intro_disaster_box .disaster_edu_item .item_time_list .time_item_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);text-align: center;}


@media (max-width: 1099px){
    #introCnt{padding-top: 60px;padding-bottom: 120px;}
    #introCnt .intro_sect .sect_hd{align-items: flex-start;}
    #introCnt .intro_sect .sect_icon_box .icon_box{width: 30px;height: 30px;}
    #introCnt .intro_sect .sect_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #introCnt .intro_cate_box{margin: 40px auto 30px;}
    #introCnt .intro_cate_item .intro_cate_link{height: 50px;padding: 13px 20px;font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_card_list .intro_card_item .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_card_list .intro_card_item .card_desc_box{padding-top: 20px;}
    #introCnt .intro_card_list .intro_card_item .card_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_card_list .intro_card_item .card_desc.dot::before{top: 2px;}

    #introCnt .intro_target_box .target_tit_box{padding: 28px 20px;}
    #introCnt .intro_target_box .target_tit_box .target_tit{font-size: var(--fs-24);line-height: var(--lh-36);}
    #introCnt .intro_target_box .target_subtit_box{padding: 32px 20px;}
    #introCnt .intro_target_box .target_desc_box{padding: 32px 20px;}

    #introCnt .intro_expert_box{padding: 20px;}
    #introCnt .intro_expert_box .expert_tit_card .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #introCnt .intro_schedule_box .intro_card_item .card_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #introCnt .intro_schedule_box .intro_card_item .card_desc{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_goal_box .intro_goal_item .item_inner{padding: 40px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb_box{width: 40px;height: 40px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb{font-size: var(--fs-20);line-height: var(--lh-30);}
    #introCnt .intro_goal_box .intro_goal_item .item_desc_box{min-height: 48px;}
    #introCnt .intro_goal_box .intro_goal_item .item_desc{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_course_box .course_cate_item{padding: 30px 20px;}
    #introCnt .intro_course_box .course_cate_btn{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_course_box .box_bd{padding: 30px 20px;}


    #introCnt .intro_howto_box .howto_step_list{padding: 0 16px;}
    #introCnt .intro_howto_box .howto_step_list.row3{column-gap: 60px;}
    #introCnt .intro_howto_box .howto_step_list.row4{column-gap: 40px;}
    #introCnt .intro_howto_box .howto_step_item + .howto_step_item::before{width: 20px;height: 20px;}
    #introCnt .intro_howto_box .howto_step_list.row3 .howto_step_item + .howto_step_item::before{left: -40px;}
    #introCnt .intro_howto_box .howto_step_list.row4 .howto_step_item + .howto_step_item::before{left: -30px;}

    #introCnt .intro_howto_box .howto_step_item .item_hd{padding: 20px 16px;}
    #introCnt .intro_howto_box .howto_step_item .item_step{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_howto_box .howto_step_item .item_txt_box{margin-top: 20px;min-height: 72px;}
    #introCnt .intro_howto_box .howto_step_item .item_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_howto_box .howto_step_item .item_desc_box{padding: 20px 16px 30px;}
    #introCnt .intro_howto_box .howto_step_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    /* 기업재난관리사 */
    #introCnt .intro_disaster_box{padding: 30px 20px;}
    #introCnt .intro_disaster_box .disaster_tit_box{padding: 20px;}
    #introCnt .intro_disaster_box .disaster_tit_box .disaster_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #introCnt .intro_disaster_box .disaster_step_list{gap: 60px;}
    #introCnt .intro_disaster_box .disaster_step_item + .disaster_step_item:before{left: -50px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_inner{padding: 20px 0;}
    #introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box{width: 80px;height: 80px;}

    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box{margin-top: 20px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #introCnt .intro_disaster_box .disaster_edu_box{padding-top: 20px;}
    #introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_subtit{}
    #introCnt .intro_disaster_box .disaster_edu_list_box{margin-top: 20px;}
    #introCnt .intro_disaster_box .disaster_edu_item{min-height: 100px;padding: 20px 0;}
    #introCnt .intro_disaster_box .disaster_edu_item .item_tit_box .item_tit{font-size: var(--fs-22);line-height: var(--lh-36);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_subtit_box .item_subtit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_time_list .time_item_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 850px){
    #introCnt .intro_disaster_box .disaster_step_list{gap: 50px;}
    #introCnt .intro_disaster_box .disaster_step_item + .disaster_step_item:before{width: 30px;height: 30px;left: -40px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 767px){
    #introCnt{padding-top: 40px;padding-bottom: 100px;}
    #introCnt .intro_sect .sect_hd{gap: 8px;}
    #introCnt .intro_sect .sect_icon_box .icon_box{width: 26px;height: 26px;}
    #introCnt .intro_sect .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    
    #introCnt .intro_card_list .intro_card_item .item_inner{padding: 0 16px 20px;}
    #introCnt .intro_card_list .intro_card_item .card_tit_box{padding: 16px 0;}
    #introCnt .intro_card_list .intro_card_item .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_card_list .intro_card_item .card_desc_box{padding-top: 16px;}

    #introCnt .intro_expert_box .expert_tit_card .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_expert_box .expert_tit_card .card_desc_box{margin-top: 10px;}
    #introCnt .intro_expert_box .expert_tit_card .card_desc{padding-left: 20px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_expert_box .expert_tit_card .card_desc::before{top: 2px;}

    #introCnt .intro_target_box .target_tit_box{padding: 24px 20px;}
    #introCnt .intro_target_box .target_tit_box .target_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #introCnt .intro_target_box .target_subtit_box{padding: 24px 20px;}
    #introCnt .intro_target_box .target_subtit_box .target_subtit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_target_box .target_desc_box{padding: 24px 20px;}
    #introCnt .intro_target_box .target_desc_box .target_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_target_box .target_msg_box .target_msg{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_target_box .intro_card_item .item_inner{padding: 0 16px 20px;}

    #introCnt .intro_schedule_box .intro_card_item .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_schedule_box .intro_card_item .card_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .intro_goal_box .intro_goal_item .item_inner{padding: 30px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb_box{width: 30px;height: 30px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb{font-size: var(--fs-16);line-height: var(--lh-30);}

    #introCnt .intro_course_box .course_cate_item{padding: 20px;}

    #introCnt .intro_howto_box{background-color: transparent;border-bottom: 0;}
    #introCnt .intro_howto_box .howto_step_list{flex-direction: column;column-gap: 0;row-gap: 40px;padding: 0;}
    #introCnt .intro_howto_box .howto_step_item{flex: 0 0 auto;padding: 0 16px;background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;}
    #introCnt .intro_howto_box .howto_step_item + .howto_step_item::before{width: 24px;height: 24px;top: -32px;transform: translateY(0) translateX(-50%) rotate(90deg);}
    #introCnt .intro_howto_box .howto_step_list.row3 .howto_step_item + .howto_step_item::before{left: 50%;}
    #introCnt .intro_howto_box .howto_step_list.row4 .howto_step_item + .howto_step_item::before{left: 50%;}
    #introCnt .intro_howto_box .howto_step_item .item_hd{padding: 16px 8px;}
    #introCnt .intro_howto_box .howto_step_item .item_txt_box{margin-top: 16px;min-height: auto;}
    #introCnt .intro_howto_box .howto_step_item .item_desc_box{padding: 16px 8px 20px;}

    #introCnt .intro_disaster_box{padding: 20px;}
    #introCnt .intro_disaster_box .disaster_tit_box .disaster_tit{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .intro_disaster_box .disaster_step_list{flex-direction: column;gap: 40px;}
    #introCnt .intro_disaster_box .disaster_step_item + .disaster_step_item:before{left: 50%;top: -35px;transform: translateX(-50%) rotate(90deg);}
    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box{width: 80px;height: 80px;}

    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box{margin-top: 16px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .intro_disaster_box .disaster_edu_box{margin-top: 10px;padding-top: 20px;}
    #introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_disaster_box .disaster_edu_tit_box .disaster_edu_subtit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_disaster_box .disaster_edu_item{min-height: 80px;padding: 20px 0;}
    #introCnt .intro_disaster_box .disaster_edu_item .item_tit_box .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_subtit_box .item_subtit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_time_list .time_item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 599px){
    #introCnt{padding-left: 16px;padding-right: 16px;}
    #introCnt .intro_cate_box{margin: 30px auto 30px;}
    #introCnt .intro_cate_list{flex-direction: column;gap: 10px;}
    #introCnt .intro_cate_item{width: 100%;}

    #introCnt .intro_card_list{flex-direction: column;gap: 16px;}
    #introCnt .intro_card_list .intro_card_item{width: 100%;}
    #introCnt .intro_card_list .intro_card_item .card_desc.dot{padding-left: 18px;}
    #introCnt .intro_card_list .intro_card_item .card_desc.dot::before{width: 14px;height: 14px;top: 3px;}
    
    #introCnt .intro_target_box .target_tit_box{padding: 20px 16px;}
    #introCnt .intro_target_box .target_tit_box .target_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .intro_target_box .target_subtit_box{margin-top: 16px;padding: 20px 16px;}
    #introCnt .intro_target_box .target_subtit_box .target_subtit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_target_box .target_subtit_box .target_subtit br{display: none;}
    #introCnt .intro_target_box .target_desc_box{margin-top: 16px;padding: 20px 16px;}
    #introCnt .intro_target_box .target_msg_box{margin-top: 16px;}
    #introCnt .intro_target_box .target_msg_box .target_msg{font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .intro_target_box .intro_card_list{margin-top: 16px;}
    #introCnt .intro_schedule_box .intro_card_item .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #introCnt .intro_goal_box{padding: 20px 16px;}
    #introCnt .intro_goal_box .intro_goal_list{gap: 16px;}
    #introCnt .intro_goal_box .intro_goal_item{width: 100%;}
    #introCnt .intro_goal_box .intro_goal_item .item_inner{padding: 30px 16px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb_box{width: 24px;height: 24px;}
    #introCnt .intro_goal_box .intro_goal_item .item_numb{font-size: var(--fs-12);line-height: var(--lh-24);}
    #introCnt .intro_goal_box .intro_goal_item .item_desc_box{min-height: 40px;}
    #introCnt .intro_goal_box .intro_goal_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .intro_course_box .course_cate_list{padding: 0;}
    #introCnt .intro_course_box .course_cate_item{padding: 20px 16px;}
    #introCnt .intro_course_box .course_cate_btn{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_course_box .box_bd{padding: 20px 16px 30px;}

    #introCnt .intro_course_box .cnt_txt_box .cnt_txt_item .cnt_txt{padding-left: 18px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .intro_course_box .cnt_txt_box .cnt_txt_item .cnt_txt::before{width: 14px;height: 14px;top: 3px;}

    #introCnt .intro_howto_box .howto_step_item{padding: 0 8px;}
    #introCnt .intro_howto_box .howto_step_item + .howto_step_item::before{width: 20px;height: 20px;top: -30px;}
    #introCnt .intro_howto_box .howto_step_item .item_step{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_howto_box .howto_step_item .item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .intro_disaster_box{padding: 16px;}
    #introCnt .intro_disaster_box .disaster_tit_box{padding: 16px;}
    #introCnt .intro_disaster_box .disaster_step_box{margin-top: 10px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_inner{padding: 16px 0;}
    #introCnt .intro_disaster_box .disaster_step_item .item_icon_box .icon_box{width: 60px;height: 60px;}
    #introCnt .intro_disaster_box .disaster_step_item .item_tit_box{margin-top: 12px;}

    #introCnt .intro_disaster_box .disaster_edu_box{margin-top: 6px;padding-top: 16px;}
    #introCnt .intro_disaster_box .disaster_edu_item .item_tit_box .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_subtit_box .item_subtit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .intro_disaster_box .disaster_edu_item .item_time_list{flex-direction: column;gap: 8px;}
    #introCnt .intro_disaster_box .disaster_edu_item + .disaster_edu_item::before{width: 30px;height: 30px;top: -15px;}
    #introCnt .intro_disaster_box .disaster_edu_item .item_time_list .time_item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

}
@media (max-width: 374px){
    #introCnt .intro_course_box .box_bd{padding: 16px 12px 20px;}
}

/* **************************** E:교육소개 **************************** */

/* **************************** S:수강방법 **************************** */
#introCnt .howto_tab_list{overflow-x: hidden;flex-wrap: wrap;}
#introCnt .howto_tab_list .intro_cate_item{width: calc(20% - (80px/5));min-width: auto;}

#introCnt .howto_sect{margin-top: 40px;padding: 20px 30px;background-color: var(--color-white);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#introCnt .howto_sect .sect_inner{}
#introCnt .howto_sect .sect_bd{margin-top: 0;}

#introCnt .howto_cnt_box{}
#introCnt .howto_cnt_box + .howto_cnt_box{margin-top: 30px;border-top: 1px solid var(--color-black)}
#introCnt .howto_cnt_box .box_hd{}
#introCnt .howto_cnt_box .box_bd{}

#introCnt .howto_cnt_box .howto_tit_box{padding: 20px 0;border-bottom: 1px solid var(--color-black);box-sizing: border-box;}
#introCnt .howto_cnt_box .howto_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#introCnt .howto_cnt_box .howto_img_box{width: 100%;padding: 30px 60px;box-sizing: border-box;}
#introCnt .howto_cnt_box .howto_img_box .img_box{width: 100%;line-height: 0;}
#introCnt .howto_cnt_box .howto_img_box .img_box img{width: 100%;}

@media (max-width: 1099px){
    #introCnt .howto_tab_list .intro_cate_item{width: calc(25% - (60px/4));}
    #introCnt .howto_sect{padding: 10px 20px;}

    #introCnt .howto_cnt_box .howto_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .howto_cnt_box .howto_img_box{padding: 20px 40px;}
}
@media (max-width: 900px){
    #introCnt .howto_tab_list .intro_cate_item{width: calc(33.3334% - (40px/3));}
    #introCnt .howto_cnt_box .howto_img_box{padding: 20px 30px;}
}
@media (max-width: 767px){
    #introCnt .intro_cate_list{gap: 16px;}
    #introCnt .howto_tab_list .intro_cate_item{width: calc(33.3334% - (32px/3));}
    #introCnt .howto_cnt_box .howto_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .howto_cnt_box .howto_img_box{padding: 20px;}
}
@media (max-width: 599px){
    #introCnt .intro_cate_list{gap: 10px;flex-direction: unset;}
    #introCnt .howto_tab_list .intro_cate_item{width: calc(50% - (16px/2));}
    #introCnt .howto_tab_list .intro_cate_item .intro_cate_link{height: 40px;padding: 10px 5px;font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .howto_sect{padding: 0 16px;}
    #introCnt .howto_cnt_box .howto_tit_box{padding: 16px 0;}
    #introCnt .howto_cnt_box .howto_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .howto_cnt_box .howto_img_box{padding: 16px 0;}
}
@media (max-width: 374px){}
/* **************************** E:수강방법 **************************** */

/* **************************** S:교육비 안내 **************************** */
/* 교육비 */
#introCnt .intro_sect .sect_icon_box .icon_edu_feeInfo{background-image: url('/img/icon/icon_edu_feeInfo.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feePayment{background-image: url('/img/icon/icon_edu_feePayment.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeReceipt{background-image: url('/img/icon/icon_edu_feeReceipt.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeAccount{background-image: url('/img/icon/icon_edu_feeAccount.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeRefund{background-image: url('/img/icon/icon_edu_feeRefund.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeAmount{background-image: url('/img/icon/icon_edu_feeAmount.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeNotice{background-image: url('/img/icon/icon_edu_feeNotice.svg');}
#introCnt .intro_sect .sect_icon_box .icon_edu_feeMethod{background-image: url('/img/icon/icon_edu_feeMethod.svg');}

#introCnt .fee_info_box .fee_tbl_wrap{width: 100%;margin-top: 20px;overflow: hidden;overflow-x: auto;}
#introCnt .fee_info_box .fee_info_tbl{table-layout: auto;border-collapse: collapse;min-width: 320px;}
#introCnt .fee_info_box .fee_info_tbl th,
#introCnt .fee_info_box .fee_info_tbl td{padding: 16px 10px;font-size: var(--fs-16);line-height: var(--lh-24);color: var(--color-base);border: 1px solid #ccc;}
#introCnt .fee_info_box .fee_info_tbl th{font-weight: 700;text-align: center;vertical-align: middle;background-color: #fafafa;}
#introCnt .fee_info_box .fee_info_tbl td{font-weight: 500;text-align: center;vertical-align: middle;background-color: var(--color-white);}
#introCnt .fee_info_box .fee_info_tbl .bold{font-weight: 700;}

#introCnt .fee_payment_box .payment_chk_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#introCnt .fee_payment_box .payment_item{width: calc(25% - (60px /4));max-width: 300px;}
#introCnt .fee_payment_box .payment_item .item_label{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;cursor: pointer;width: 100%;padding: 20px;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 8px;overflow: hidden;box-sizing: border-box;transition: background-color .3s, border-color .3s;cursor:default}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked){background-color: var(--color-msit-primary2);border-color: var(--color-msit-primary2);} */
#introCnt .fee_payment_box .payment_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#introCnt .fee_payment_box .payment_item .item_tit{flex: 0 0 auto;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);transition: color .3s;}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit{color: var(--color-white);} */

#introCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 55px;height: 36px;flex: 0 0 auto;}
#introCnt .fee_payment_box .payment_item .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit.svg');}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit_chked.svg');} */
#introCnt .fee_payment_box .payment_item .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual.svg');}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual_chked.svg');} */
#introCnt .fee_payment_box .payment_item .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank.svg');}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank_chked.svg');} */
#introCnt .fee_payment_box .payment_item .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free.svg');}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free_chked.svg');} */
#introCnt .fee_payment_box .payment_item .item_tit_box .icon_method_onsite{background-image: url('/img/icon/method_onsite.svg');}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit_box .icon_method_onsite{background-image: url('/img/icon/method_onsite_chked.svg');} */

#introCnt .fee_payment_box .payment_item .item_chk_box{flex: 0 0 auto;opacity: 0;transition: opacity .3s;line-height: 0;}
/* #introCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_chk_box{opacity: 1;} */
#introCnt .fee_payment_box .payment_item .item_chk_box .icon_method_chk{width: 24px;height: 24px;background-image: url('/img/icon/icon_method_chk.svg');}
#introCnt .fee_payment_box .payment_item .item_label .payment_radio_inp{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}

#introCnt .fee_receipt_box{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 40px;}
#introCnt .fee_receipt_box .box_left{flex: 0 0 auto;padding-left: 20px;}
#introCnt .fee_receipt_box .box_right{flex: 1;max-width: 1000px;}

#introCnt .fee_receipt_box .receipt_tit_box{}
#introCnt .fee_receipt_box .receipt_tit_box .receipt_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#introCnt .fee_receipt_box .receipt_tit_box .receipt_subtit{margin-top: 10px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}
#introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 20px;margin-top: 30px;padding: 10px 30px;background-color: var(--color-msit-primary2);border-radius: 100px;box-sizing: border-box;}
#introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn .btn_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}
#introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn .icon_link_w{width: 20px;height: 20px;background-image: url('/img/icon/icon_link_w.svg');}

#introCnt .fee_receipt_box .receipt_card_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#introCnt .fee_receipt_box .receipt_card_item{flex: 1;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#introCnt .fee_receipt_box .receipt_card_item .item_inner{display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;gap: 30px;height: 100%;padding: 30px;box-sizing: border-box;}
#introCnt .fee_receipt_box .receipt_card_item .card_tit_box{width: calc(100% - 90px);}
#introCnt .fee_receipt_box .receipt_card_item .card_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);letter-spacing: -0.01em;}
#introCnt .fee_receipt_box .receipt_card_item .card_icon_box{align-self: flex-end;}
#introCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_box{width: 60px;height: 60px;}
#introCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_receipt_view{background-image: url('/img/icon/icon_receipt_view.svg');}
#introCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_invoice_view{background-image: url('/img/icon/icon_invoice_view.svg');}

#introCnt .fee_account_box{padding-bottom: 40px;}
#introCnt .fee_desc_list{padding: 30px;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#introCnt .fee_desc_list .fee_desc_item{}
#introCnt .fee_desc_list .fee_desc_item + .fee_desc_item{margin-top: 10px;}
#introCnt .fee_desc_list .fee_desc_item .fee_desc{padding-left: 24px;position: relative;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#introCnt .fee_desc_list .fee_desc_item .fee_desc::before{content: '';display: block;width: 16px;height: 16px;background-image: url('/img/icon/icon_warning_line.svg');background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;left: 0;top: 4px;}

#introCnt .fee_refund_box{}
#introCnt .fee_refund_box .refund_card_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 100px;position: relative;}
#introCnt .fee_refund_box .refund_card_item + .refund_card_item::before{content: '&';display: inline-block;font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-42);color: var(--color-black);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#introCnt .fee_refund_box .refund_card_item{flex: 1;padding: 40px 20px;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#introCnt .fee_refund_box .refund_card_item .item_inner{height: 100%;display: flex;align-items: center;justify-content: center;}
#introCnt .fee_refund_box .refund_card_item .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}

#introCnt .fee_amount_box{padding: 30px;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#introCnt .fee_amount_box .amount_tbl_box{width: 100%;overflow: hidden;overflow-x: auto;}
#introCnt .fee_amount_box .amount_tbl{table-layout: auto;border-collapse: collapse;min-width: 320px;}
#introCnt .fee_amount_box .amount_tbl th,
#introCnt .fee_amount_box .amount_tbl td{padding: 16px 10px;font-size: var(--fs-16);line-height: var(--lh-24);color: var(--color-base);border: 1px solid #ccc;}
#introCnt .fee_amount_box .amount_tbl th{font-weight: 700;text-align: center;vertical-align: middle;background-color: #fafafa;}
#introCnt .fee_amount_box .amount_tbl td{font-weight: 500;text-align: center;vertical-align: middle;background-color: var(--color-white);}

#introCnt .fee_method_box{padding-bottom: 40px;}

@media (max-width: 1240px){
    #introCnt .fee_payment_box .payment_chk_list{gap: 16px;}
    #introCnt .fee_payment_box .payment_item{width: calc(50% - (16px/2));max-width: 100%;}
}
@media(max-width: 1099px){
    #introCnt .fee_info_box .fee_info_tbl th,
    #introCnt .fee_info_box .fee_info_tbl td{padding: 12px 8px;font-size: var(--fs-14);line-height: var(--lh-20);}

    #introCnt .fee_receipt_box .box_left{padding-left: 0;}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_subtit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn{margin-top: 20px;gap: 12px;}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn .btn_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_link_btn .icon_link_w{width: 18px;height: 18px;}

    #introCnt .fee_receipt_box .receipt_card_item .item_inner{padding: 30px 20px;}
    #introCnt .fee_receipt_box .receipt_card_item .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_box{width: 50px;height: 50px;}
    
    #introCnt .fee_receipt_box .receipt_card_item .card_tit_box{width: calc(100% - 50px);}

    #introCnt .fee_payment_box .payment_item .item_label{padding: 16px;}
    #introCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 40px;height: 26.18px;}
    #introCnt .fee_payment_box .payment_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .fee_payment_box .payment_item .item_chk_box .icon_method_chk{width: 20px;height: 20px;}

    #introCnt .fee_refund_box .refund_card_item .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #introCnt .fee_refund_box .refund_card_item + .refund_card_item::before{font-size: var(--fs-24);line-height: var(--lh-36);}

    #introCnt .fee_amount_box .amount_tbl th,
    #introCnt .fee_amount_box .amount_tbl td{padding: 12px 8px;font-size: var(--lh-14);line-height: var(--lh-20);}
}
@media(max-width: 1023px){
    #introCnt .fee_receipt_box{flex-direction: column;align-items: flex-start;gap: 20px;}
    #introCnt .fee_receipt_box .receipt_tit_box .receipt_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #introCnt .fee_receipt_box .box_right{max-width: 100%;width: 100%;}
    #introCnt .fee_receipt_box .receipt_card_list{flex-direction: column;gap: 16px;}
    #introCnt .fee_receipt_box .receipt_card_item .item_inner{padding: 20px 16px;}
}
@media(max-width: 767px){
    #introCnt{padding-top: 40px;padding-bottom: 100px;}
    
    #introCnt .fee_receipt_box .receipt_card_item .card_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_box{width: 40px;height: 40px;}

    #introCnt .fee_desc_list{padding: 20px;}

    #introCnt .fee_refund_box .refund_card_list{flex-direction: column;gap: 70px;}
    #introCnt .fee_refund_box .refund_card_item{padding: 30px 20px;}

    #introCnt .fee_amount_box{padding: 20px;}
}
@media(max-width: 599px){
    #introCnt .fee_info_box .fee_info_tbl th,
    #introCnt .fee_info_box .fee_info_tbl td{padding: 8px;font-size: var(--fs-12);}

    #introCnt .fee_payment_box .payment_chk_list{gap: 8px;}
    #introCnt .fee_payment_box .payment_item{width: 100%;}
    #introCnt .fee_payment_box .payment_item .item_label{padding: 16px 10px;}
    #introCnt .fee_payment_box .payment_item .item_tit_box{gap: 8px;}
    #introCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 32px;height: 20.94px;}

    #introCnt .fee_desc_list{padding: 16px;}
    #introCnt .fee_desc_list .fee_desc_item .fee_desc{padding-left: 20px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #introCnt .fee_desc_list .fee_desc_item .fee_desc::before{width: 14px;height: 14px;top: 3px;}

    #introCnt .fee_refund_box .refund_card_list{gap: 50px;}
    #introCnt .fee_refund_box .refund_card_item{padding: 20px 16px;}
    #introCnt .fee_refund_box .refund_card_item + .refund_card_item::before{font-size: var(--fs-20);line-height: var(--lh-30);}
    #introCnt .fee_refund_box .refund_card_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}

    #introCnt .fee_amount_box{padding: 16px;}

    #introCnt .fee_amount_box .amount_tbl th,
    #introCnt .fee_amount_box .amount_tbl td{padding: 8px;font-size: var(--fs-12);}
}
@media (max-width: 279px){
    #introCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 26px;height: 17.02px;}
    #introCnt .fee_payment_box .payment_item .item_tit{font-size: var(--fs-12);line-height: var(--lh-17);}
    #introCnt .fee_payment_box .payment_item .item_chk_box .icon_method_chk{width: 17px;height: 17px;}
}
/* **************************** E:교육비 안내 **************************** */

/* **************************** S:교육신청 **************************** */
#courseCnt .apply_sect{margin-top: 40px;}
#courseCnt .apply_sect .sect_hd{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#courseCnt .apply_sect .sect_icon_box{flex: 0 0 auto;line-height: 0;}
#courseCnt .apply_sect .sect_icon_box .icon_box{width: 32px;height: 32px;}
#courseCnt .apply_sect .sect_icon_box .icon_intro_schedule{background-image: url('/img/icon/icon_intro_schedule.svg');}
#courseCnt .apply_sect .sect_icon_box .icon_course_process{background-image: url('/img/icon/icon_course_process.svg');}
#courseCnt .apply_sect .sect_icon_box .icon_apply_notice{background-image: url('/img/icon/icon_apply_notice.svg');}
#courseCnt .apply_sect .sect_icon_box .icon_edu_feeAccount{background-image: url('/img/icon/icon_edu_feeAccount.svg');}
#courseCnt .apply_sect .sect_icon_box .icon_edu_feeReceipt{background-image: url('/img/icon/icon_edu_feeReceipt.svg');}
#courseCnt .apply_sect .sect_tit_box{flex: 1;}
#courseCnt .apply_sect .sect_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-42);color: var(--color-base);}

#courseCnt .apply_sect .sect_bd{margin-top: 20px;}

#courseCnt .apply_tbl_wrap{}
#courseCnt .apply_tbl_wrap .tbl_box{}
#courseCnt .apply_tbl_wrap .apply_tbl{width: 100%;border-collapse: collapse;}

#courseCnt .apply_tbl_wrap .apply_tbl th,
#courseCnt .apply_tbl_wrap .apply_tbl td{padding: 20px;border: 1px solid #d6d6d6;vertical-align: middle;}

#courseCnt .apply_tbl_wrap .apply_tbl th{width: 200px;background-color: #fafafa;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#courseCnt .apply_tbl_wrap .apply_tbl th span{display: inline-block;word-break: break-all;}
#courseCnt .apply_tbl_wrap .apply_tbl td{background-color: var(--color-white);}
#courseCnt .apply_tbl_wrap .apply_tbl td span{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-base);word-break: break-all;}
#courseCnt .apply_tbl_wrap .apply_tbl td .red{color: var(--color-red);font-weight: 700;}

#courseCnt .payment_sect{}
#courseCnt .payment_sect .method_chk_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#courseCnt .payment_sect .method_item{width: calc(25% - (60px /3));}
#courseCnt .payment_sect .method_item .item_label{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;cursor: pointer;width: 100%;padding: 20px;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 8px;overflow: hidden;box-sizing: border-box;transition: background-color .3s, border-color .3s;}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked){background-color: var(--color-mois-primary2);border-color: var(--color-mois-primary2);}

#courseCnt .payment_sect .method_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#courseCnt .payment_sect .method_item .item_tit{flex: 0 0 auto;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);transition: color .3s;}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit{color: var(--color-white);}

#courseCnt .payment_sect .method_item .item_tit_box .icon_box{width: 55px;height: 36px;flex: 0 0 auto;}
#courseCnt .payment_sect .method_item .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_credit{background-image: url('/img/icon/method_credit_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_virtual{background-image: url('/img/icon/method_virtual_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_bank{background-image: url('/img/icon/method_bank_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_method_deferred{background-image: url('/img/icon/method_deferred.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_deferred{background-image: url('/img/icon/method_deferred_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_method_free{background-image: url('/img/icon/method_free_chked.svg');}

#courseCnt .payment_sect .method_item .item_tit_box .icon_receipt_cash{background-image: url('/img/icon/receipt_cash.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_cash{background-image: url('/img/icon/receipt_cash_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_receipt_invoice{background-image: url('/img/icon/receipt_invoice.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_invoice{background-image: url('/img/icon/receipt_invoice_chked.svg');}
#courseCnt .payment_sect .method_item .item_tit_box .icon_receipt_no{background-image: url('/img/icon/receipt_no.svg');}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_tit_box .icon_receipt_no{background-image: url('/img/icon/receipt_no_chked.svg');}

#courseCnt .payment_sect .method_item .item_chk_box{flex: 0 0 auto;opacity: 0;transition: opacity .3s;line-height: 0;}
#courseCnt .payment_sect .method_item .item_label:has(.method_radio_inp:checked) .item_chk_box{opacity: 1;}
#courseCnt .payment_sect .method_item .item_chk_box .icon_method_chk{width: 24px;height: 24px;background-image: url('/img/icon/icon_method_chk.svg');}

#courseCnt .payment_sect .method_item .item_label .method_radio_inp{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}

#courseCnt .apply_notice_box{width: 100%;padding: 30px;background-color: var(--color-white);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#courseCnt .apply_notice_box .apply_notice_item{}
#courseCnt .apply_notice_box .apply_notice_item + .apply_notice_item{margin-top: 10px;}
#courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg{padding-left: 22px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);position: relative;}
#courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg::before{content: '';display: block;width: 16px;height: 16px;background-image: url('/img/icon/icon_warning_line.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;left: 0;top: 4px;}

#courseCnt .apply_btns_box{margin-top: 60px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 20px;}
#courseCnt .apply_btns_box .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 315px;height: 64px;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 60px;box-sizing: border-box;}
#courseCnt .apply_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}

#courseCnt .apply_btns_box .btns_apply_next{background-color: var(--color-mois-primary);border-color: var(--color-mois-primary);color: var(--color-white);}
#courseCnt .apply_btns_box .btns_apply_next .btns_name{color: var(--color-white);}

#courseCnt .apply_btns_box .btns_go_mypage{background-color: var(--color-mois-primary);border-color: var(--color-mois-primary);color: var(--color-white);}
#courseCnt .apply_btns_box .btns_go_mypage .btns_name{color: var(--color-white);}

#courseCnt .apply_btns_box .btns_apply_payment{background-color: var(--color-mois-primary);border-color: var(--color-mois-primary);color: var(--color-white);}
#courseCnt .apply_btns_box .btns_apply_payment .btns_name{color: var(--color-white);}

#courseCnt .apply_btns_box .btns_go_mypage{background-color: var(--color-mois-primary);border-color: var(--color-mois-primary);color: var(--color-white);}
#courseCnt .apply_btns_box .btns_go_mypage .btns_name{color: var(--color-white);}

@media (max-width: 1240px){
    #courseCnt .payment_sect .method_chk_list{gap: 16px;}
    #courseCnt .payment_sect .method_item{width: calc(33.33% - (32px/3));}
}
@media (max-width: 1099px){
    #courseCnt .apply_sect .sect_hd{align-items: flex-start;}
    #courseCnt .apply_sect .sect_icon_box .icon_box{width: 30px;height: 30px;}
    #courseCnt .apply_sect .sect_tit{font-size: var(--fs-20);line-height: var(--lh-30);}

    #courseCnt .payment_sect .method_item .item_label{padding: 16px;}
    #courseCnt .payment_sect .method_item .item_tit_box .icon_box{width: 40px;height: 26.18px;}
    #courseCnt .payment_sect .method_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .payment_sect .method_item .item_chk_box .icon_method_chk{width: 20px;height: 20px;}

    #courseCnt .apply_notice_box{padding: 30px 20px;}
}
@media (max-width: 850px){
    #courseCnt .payment_sect .method_item{width: calc(50% - (16px/2));}
}
@media (max-width: 767px){
    #courseCnt .apply_sect .sect_hd{gap: 8px;}
    #courseCnt .apply_sect .sect_icon_box .icon_box{width: 26px;height: 26px;}
    #courseCnt .apply_sect .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #courseCnt .apply_tbl_wrap .apply_tbl th,
    #courseCnt .apply_tbl_wrap .apply_tbl td{padding: 16px;}
    #courseCnt .apply_tbl_wrap .apply_tbl th{width: 160px;}
    #courseCnt .apply_tbl_wrap .apply_tbl th span{font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .apply_tbl_wrap .apply_tbl td span{font-size: var(--fs-14);line-height: var(--lh-20);}

    #courseCnt .apply_btns_box{margin-top: 40px;}
    #courseCnt .apply_btns_box .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    #courseCnt .apply_btns_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 599px){
    #courseCnt .apply_tbl_wrap .apply_tbl th,
    #courseCnt .apply_tbl_wrap .apply_tbl td{padding: 10px 10px;}
    #courseCnt .apply_tbl_wrap .apply_tbl th{width: 100px;}

    #courseCnt .payment_sect .method_chk_list{gap: 8px;}
    #courseCnt .payment_sect .method_item{width: 100%;}
    #courseCnt .payment_sect .method_item .item_label{padding: 16px 10px;}
    #courseCnt .payment_sect .method_item .item_tit_box{gap: 8px;}
    #courseCnt .payment_sect .method_item .item_tit_box .icon_box{width: 32px;height: 20.94px;}

    #courseCnt .apply_notice_box{padding: 20px 16px;}
    #courseCnt .apply_notice_box .apply_notice_item + .apply_notice_item{margin-top: 5px;}
    #courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg{padding-left: 20px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg::before{width: 14px;height: 14px;top: 3px;}

    #courseCnt .apply_btns_box{flex-direction: column;gap: 12px;}
}
@media (max-width: 320px){
    #courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg{padding-left: 18px;font-size: var(--fs-12);line-height: var(--lh-16);}
    #courseCnt .apply_notice_box .apply_notice_item .apply_notice_msg::before{width: 12px;height: 12px;top: 2px;}
}
@media (max-width: 279px){
    #courseCnt .payment_sect .method_item .item_tit_box .icon_box{width: 26px;height: 17.02px;}
    #courseCnt .payment_sect .method_item .item_tit{font-size: var(--fs-12);line-height: var(--lh-17);}
    #courseCnt .payment_sect .method_item .item_chk_box .icon_method_chk{width: 17px;height: 17px;}
}
/* **************************** E:교육신청 **************************** */
/* **************************** S:고객센터 - 게시판 **************************** */
#boardCnt{padding-top: 80px;padding-bottom: 160px;}
@media (max-width: 1099px){
    #courseCnt{padding-top: 60px;padding-bottom: 120px;}
}
@media (max-width: 767px){}
@media (max-width: 599px){
    #courseCnt{padding-left: 16px;padding-right: 16px;}
}

/* 공지사항/자료실 - 목록 */
#boardCnt .board_search_box{margin-top: 60px;}
#boardCnt .board_search_box .search_frm_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;width: 100%;max-width: 1130px;margin: 0 auto;padding: 10px;background-color: #555;border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}

#boardCnt .board_search_box .search_inp_box{flex: 1;}
#boardCnt .board_search_box .search_inp{width: 100%;height: 60px;padding: 20px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);background-color: var(--color-white);border: 0;border-radius: 4px;box-sizing: border-box;}
#boardCnt .board_search_box .search_inp::placeholder{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: #555;}

#boardCnt .board_search_box .search_btn_box{flex: 0 0 auto;}
#boardCnt .board_search_box .btns_search{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 10px;width: 180px;height: 60px;padding: 18px 10px;background-color: #555;box-sizing: border-box;}
#boardCnt .board_search_box .btns_search .btns_name{display: inline-block;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}
#boardCnt .board_search_box .btns_search .icon_box{width: 24px;height: 24px;background-image: url('/img/icon/icon_search.svg');}

#boardCnt .board_list_box{margin-top: 100px;}
#boardCnt .board_list_box .list_info_box{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;}
#boardCnt .board_list_box .list_count{font-size: var(--fs-16);font-weight: 500;line-height: 1;color: var(--color-base);}
#boardCnt .board_list_box .list_count .count_sta{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: 1;color: var(--color-koce-primary2);}
#boardCnt .board_list_box .btns_board_write{flex: 0 0 auto;display: inline-block;padding: 0 50px;font-size: var(--16);font-weight: 500;line-height: 52px;background-color: var(--color-white);border: 1px solid var(--color-koce-primary2);border-radius: 4px;box-sizing: border-box;}

#boardCnt .board_list_box .board_list{width: 100%;margin-top: 20px;background-color: var(--color-white);border-top: 2px solid var(--color-black);border-bottom: 2px solid var(--color-black);box-sizing: border-box;}
#boardCnt .board_list_box .board_item{width: 100%;background-color: var(--color-white);}
#boardCnt .board_list_box .board_item.fixed{background-color: #EEF5FF;}
#boardCnt .board_list_box .board_item + .board_item{border-top: 1px solid #dfdfdf;}
#boardCnt .board_list_box .board_item .item_inner{display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;width: 100%;padding: 30px;box-sizing: border-box;}
#boardCnt .board_list_box .board_item.replyed .item_inner{padding: 30px 30px 30px 78px;position: relative;}
#boardCnt .board_list_box .board_item.replyed .item_inner::before{content: '';display: block;width: 18px;height: 18px;background-color: transparent;border-left: 1px solid var(--color-gray2);border-bottom: 1px solid var(--color-gray2);box-sizing: border-box;position: absolute;left: 30px;top: 30px;z-index: 2;}

#boardCnt .board_list_box .board_item .item_cnt{flex: 1;}
#boardCnt .board_list_box .board_item .item_tit_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 10px;}
#boardCnt .board_list_box .board_item .item_cate_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#boardCnt .board_list_box .board_item .item_cate{display: block;height: 30px;padding: 4px 10px;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-koce-primary2);background-color: var(--color-white);border: 1px solid var(--color-koce-primary2);border-radius: 4px;box-sizing: border-box;overflow: hidden;}
#boardCnt .board_list_box .board_item .item_cate.new{border-color: var(--color-red);color: var(--color-red);}
#boardCnt .board_list_box .board_item .item_subject{display: inline;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#boardCnt .board_list_box .board_item .item_reply_count{display: inline;margin-left: 8px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-30);color: var(--color-black);}
#boardCnt .board_list_box .board_item .item_secret{display: inline;margin-left: 8px;vertical-align: middle;}
#boardCnt .board_list_box .board_item .item_secret .icon_box{width: 18px;height: 24px;background-image: url('/img/icon/icon_lock.svg');}

#boardCnt .board_list_box .board_item .item_desc_box{margin-top: 8px;}
#boardCnt .board_list_box .board_item .item_desc{display: -webkit-box;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

#boardCnt .board_list_box .board_item .item_etc{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#boardCnt .board_list_box .board_item .item_date{flex: 0 0 auto;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#boardCnt .board_list_box .board_item .item_writer{flex: 0 0 auto;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#boardCnt .board_list_box .board_item .item_date + .item_writer{padding-left: 11px;position: relative;}
#boardCnt .board_list_box .board_item .item_date + .item_writer::before{content: '';display: inline-block;width: 1px;height: 12px;background-color: #ccc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

#boardCnt .paging_wrap{margin: 40px auto 0;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 24px;}
#boardCnt .paging_wrap .paging_btn{flex: 0 0 auto;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 50%;box-sizing: border-box;}
#boardCnt .paging_wrap .paging_btn .icon_box{width: 10px;height: 10px;}
#boardCnt .paging_wrap .paging_prev .icon_box{background-image: url('/img/icon/icon_paging_prev.svg');}
#boardCnt .paging_wrap .paging_next .icon_box{background-image: url('/img/icon/icon_paging_next.svg');}
#boardCnt .paging_wrap .paging_list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 40px;}
#boardCnt .paging_wrap .paging_item{}
#boardCnt .paging_wrap .paging_link{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray2);}
#boardCnt .paging_wrap .paging_link.active{font-size: var(--fs-20);font-weight: 700;color: var(--color-koce-primary2);position: relative;}
#boardCnt .paging_wrap .paging_link.active::after{content: '';display: block;width: 30px;height: 2px;background-color: var(--color-koce-primary2);border-radius: 2px;box-sizing: border-box;position: absolute;left: 50%;bottom: -4px;transform: translateX(-50%);}
@media (max-width: 1099px){
    #boardCnt{padding-top: 60px;padding-bottom: 120px;}
    #boardCnt .board_search_box .search_inp{height: 50px;padding: 10px 20px;}
    #boardCnt .board_search_box .btns_search{width: 160px;height: 50px;padding: 13px 20px;}

    #boardCnt .board_list_box .btns_board_write{padding: 0 30px;line-height: 42px;}

    #boardCnt .board_list_box .board_item .item_inner{gap: 30px;padding: 30px 20px;}
    #boardCnt .board_list_box .board_item .item_subject{font-size: var(--fs-18);}
    #boardCnt .board_list_box .board_item .item_reply_count{font-size: var(--fs-16);}
}
@media (max-width: 850px){
    #boardCnt .board_list_box .board_item .item_inner{flex-direction: column;align-items: flex-start;gap: 20px;}
    #boardCnt .board_list_box .board_item .item_tit_box{flex-direction: column;row-gap: 10px;}
}
@media (max-width: 767px){
    #boardCnt .board_search_box{margin-top: 40px;}
    #boardCnt .board_list_box{margin-top: 60px;}

    #boardCnt .paging_wrap .paging_btn{width: 26px;height: 26px;}
    #boardCnt .paging_wrap .paging_btn .icon_box{width: 8px;height: 8px;}
    #boardCnt .paging_wrap .paging_list{gap: 30px;}
    #boardCnt .paging_wrap .paging_link{font-size: var(--fs-14);line-height: var(--lh-20);}
    #boardCnt .paging_wrap .paging_link.active{font-size: var(--lh-16);}
    #boardCnt .paging_wrap .paging_link.active::after{width: 20px;bottom: -6px;}
}
@media (max-width: 599px){
    #boardCnt .board_search_box .search_frm_box{flex-direction: column;}
    #boardCnt .board_search_box .search_inp_box{width: 100%;}
    #boardCnt .board_search_box .search_btn_box{flex: 1;width: 100%;}
    #boardCnt .board_search_box .btns_search{width: 100%;}

    #boardCnt .board_list_box .list_info_box{gap: 8px;}
    #boardCnt .board_list_box .list_count{font-size: var(--fs-14);line-height: var(--lh-20);}
    #boardCnt .board_list_box .list_count .count_sta{font-size: var(--fs-14);line-height: var(--lh-20);}

    #boardCnt .board_list_box .board_item .item_inner{padding: 20px;}
    #boardCnt .board_list_box .board_item.replyed .item_inner{padding: 20px 20px 20px 54px;}
    #boardCnt .board_list_box .board_item.replyed .item_inner::before{left: 20px;top: 20px;width: 14px;height: 14px;}

    #boardCnt .board_list_box .board_item .item_tit_box{row-gap: 8px;}
    #boardCnt .board_list_box .board_item .item_subject{font-size: var(--fs-16);line-height: var(--lh-24);}
    #boardCnt .board_list_box .board_item .item_reply_count{margin-left: 6px;font-size: var(--fs-14);line-height: var(--lh-24);}
    #boardCnt .board_list_box .board_item .item_secret{margin-left: 6px;}
    #boardCnt .board_list_box .board_item .item_secret .icon_box{width: 14px;height: 20px;}
    #boardCnt .board_list_box .board_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    
    #boardCnt .board_list_box .board_item .item_etc{gap: 8px;}
    #boardCnt .board_list_box .board_item .item_date{font-size: var(--fs-12);line-height: var(--lh-20);}
    #boardCnt .board_list_box .board_item .item_writer{font-size: var(--fs-12);line-height: var(--lh-20);}
    #boardCnt .board_list_box .board_item .item_date + .item_writer{padding-left: 9px;}
    #boardCnt .board_list_box .board_item .item_date + .item_writer::before{height: 10px;}

}

/* 공지사항/자료실 - 상세 */
#boardCnt .board_detail_box{width: 100%;margin-top: 40px;background-color: var(--color-white);}
#boardCnt .detail_info_box{width: 100%;padding: 0 20px 30px;background-color: var(--color-white);border-top: 1px solid var(--color-gray2);border-bottom: 1px solid var(--color-gray2);box-sizing: border-box;}
#boardCnt .detail_info_box .detail_hd{width: 100%;padding: 20px 0;box-sizing: border-box;}
#boardCnt .detail_info_box .detail_subject_box{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 10px;}
#boardCnt .detail_info_box .detail_cate{flex: 0 0 auto;display: inline-block;height: 30px;padding: 4px 10px;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-koce-primary2);background-color: var(--color-white);border: 1px solid var(--color-koce-primary2);border-radius: 4px;box-sizing: border-box;overflow: hidden;}
#boardCnt .detail_info_box .detail_subject{flex: 1;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-black);}

#boardCnt .detail_info_box .detail_etc_box{margin-top: 20px;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#boardCnt .detail_info_box .detail_etc_box .etc_item{display: flex;align-items: center;flex-wrap: nowrap;gap: 8px;}
#boardCnt .detail_info_box .detail_etc_box .etc_item + .etc_item{padding-left: 11px;position: relative;}
#boardCnt .detail_info_box .detail_etc_box .etc_item + .etc_item::before{content: '';display: block;width: 1px;height: 12px;background-color: #dfdfdf;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#boardCnt .detail_info_box .detail_date{}
#boardCnt .detail_info_box .detail_date .icon_date{flex: 0 0 auto;width: 24px;height: 24px;background-image: url('/img/icon/icon_date.svg');}
#boardCnt .detail_info_box .detail_date .date_sta{flex: 0 0 auto;display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}

#boardCnt .detail_info_box .detail_writer{}
#boardCnt .detail_info_box .detail_writer .icon_writer{flex: 0 0 auto;width: 24px;height: 24px;background-image: url('/img/icon/icon_writer.svg');}
#boardCnt .detail_info_box .detail_writer .writer_sta{flex: 0 0 auto;display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}

#boardCnt .detail_info_box .detail_views{}
#boardCnt .detail_info_box .detail_views .icon_views{flex: 0 0 auto;width: 24px;height: 24px;background-image: url('/img/icon/icon_views.svg');}
#boardCnt .detail_info_box .detail_views .views_txt{flex: 0 0 auto;display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}
#boardCnt .detail_info_box .detail_views .views_sta{display: inline-block;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-gray);}

#boardCnt .detail_info_box .detail_bd{}

#boardCnt .detail_info_box .detail_files_box{width: 100%;padding: 18px 0 24px;border-top: 1px solid #dfdfdf;box-sizing: border-box;}
#boardCnt .detail_info_box .detail_files_box .files_item{}
#boardCnt .detail_info_box .detail_files_box .files_item .files_link{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 20px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-koce-primary2);text-decoration: underline;}
#boardCnt .detail_info_box .detail_files_box .files_item .files_link::after{content: '';display: block;width: 26px;height: 26px;background-color: var(--color-white);background-image: url('/img/icon/icon_download.svg');background-repeat: no-repeat;background-size: 16px 16px;background-position: center center;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}

#boardCnt .detail_info_box .detail_cnt_box{width: 100%;padding: 30px 0 60px;border-top: 1px solid #dfdfdf;box-sizing: border-box;}
#boardCnt .detail_info_box .detail_cnt_box p{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#boardCnt .detail_info_box .detail_ft{}
#boardCnt .detail_info_box .detail_btn_box{margin: 0 auto;padding: 30px 0;border-top: 1px solid #dfdfdf;display: flex;align-items: center;justify-content: center;gap: 20px;}
#boardCnt .detail_info_box .detail_btn_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;max-width: 200px;height: 40px;padding: 10px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 4px;box-sizing: border-box;}
#boardCnt .detail_info_box .detail_btn_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-18);color: var(--color-base);}
#boardCnt .detail_info_box .detail_btn_box .btns_reply{border-color: #d6d6d6;background-color: #d6d6d6;}
#boardCnt .detail_info_box .detail_btn_box .btns_reply .btns_name{color: #444;}
#boardCnt .detail_info_box .detail_btn_box .btns_delete{border-color: var(--color-red);}
#boardCnt .detail_info_box .detail_btn_box .btns_delete .btns_name{color: var(--color-red);}
#boardCnt .detail_info_box .detail_btn_box .btns_modify{border-color: var(--color-koce-primary2);}
#boardCnt .detail_info_box .detail_btn_box .btns_modify .btns_name{color: var(--color-koce-primary2);}
#boardCnt .detail_info_box .detail_btn_box .btns_list{}
#boardCnt .detail_info_box .detail_btn_box .btns_list .btns_name{}

#boardCnt .detail_reply_box{width: 100%;padding: 20px 20px 30px;box-sizing: border-box;}
#boardCnt .detail_reply_box .reply_hd{}

#boardCnt .detail_reply_box .reply_tit_box{}
#boardCnt .detail_reply_box .reply_tit_box .reply_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);}

#boardCnt .detail_reply_box .reply_write_box{margin-top: 10px;display: flex;align-items: stretch;flex-wrap: nowrap;gap: 10px;}
#boardCnt .detail_reply_box .reply_write_box textarea{flex: 1;height: 100px;padding: 12px 10px;font-family: "Noto Sans KR", sans-serif;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);background-color: var(--color-white);border: 1px solid #ccc;border-radius: 4px;overflow: hidden;overflow-y: auto;resize: none;outline: none;box-sizing: border-box;}
#boardCnt .detail_reply_box .reply_write_box .btns_reply_write{flex: 0 0 120px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);background-color: #555;border-radius: 4px;box-sizing: border-box;}

#boardCnt .detail_reply_box .reply_bd{}
#boardCnt .detail_reply_box .reply_list{margin-top: 30px;}
#boardCnt .detail_reply_box .reply_item{width: 100%;background-color: var(--color-white);border-top: 1px solid #dfdfdf;box-sizing: border-box;}
#boardCnt .detail_reply_box .reply_item .item_inner{width: 100%;padding: 30px 20px 40px;box-sizing: border-box;}
#boardCnt .detail_reply_box .reply_item .item_hd{display: flex;align-items: center;flex-wrap: nowrap;width: 100%;}
#boardCnt .detail_reply_box .reply_item .reply_writer{flex: 0 0 auto;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-gray);margin-right: 5px;padding-right: 6px;position: relative;}
#boardCnt .detail_reply_box .reply_item .reply_writer::after{content: '';display: inline-block;width: 1px;height: 10px;background-color: #d9d9d9;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#boardCnt .detail_reply_box .reply_item .reply_date{flex: 0 0 auto;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}
#boardCnt .detail_reply_box .reply_item .btns_reply_modify{margin-left: 10px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
#boardCnt .detail_reply_box .reply_item .icon_reply_modify{width: 18px;height: 18px;background-image: url('/img/icon/icon_reply_modify.svg');}

#boardCnt .detail_reply_box .reply_item .item_bd{}
#boardCnt .detail_reply_box .reply_item .reply_cnt_box{margin-top: 24px;}
#boardCnt .detail_reply_box .reply_item .reply_cnt_box .reply_cnt_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}

#boardCnt .detail_reply_box .reply_item .reply_modify_box{margin-top: 24px;}
#boardCnt .detail_reply_box .reply_item .reply_modify_box .modify_txt_box{}
#boardCnt .detail_reply_box .reply_item .reply_modify_box textarea{width: 100%;height: 70px;padding: 12px 10px;font-family: "Noto Sans KR", sans-serif;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);background-color: var(--color-white);border: 1px solid #dfdfdf;border-radius: 4px;box-sizing: border-box;overflow: hidden;overflow-y: auto;resize: none;outline: none;}
#boardCnt .detail_reply_box .reply_item .reply_modify_box .modify_btns_box{margin-top: 10px;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#boardCnt .detail_reply_box .reply_item .reply_modify_box .btns{display: inline-block;height: 30px;padding: 5px 12px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;}
#boardCnt .detail_reply_box .reply_item .reply_modify_box .btns_reply_remodify{border-color: #ccc;color: var(--color-gray);}
#boardCnt .detail_reply_box .reply_item .reply_modify_box .btns_reply_delete{}

@media (max-width: 1099px){
    #boardCnt .detail_info_box .detail_subject{font-size: var(--fs-18);}
    #boardCnt .detail_info_box .detail_etc_box{margin-top: 16px;}
}
@media (max-width: 850px){
    #boardCnt .detail_info_box .detail_subject_box{flex-direction: column;gap: 8px;}
}
@media (max-width: 767px){
}
@media (max-width: 599px){
    #boardCnt .detail_info_box{padding: 0 16px 20px;}
    #boardCnt .detail_info_box .detail_hd{padding: 16px 0;}
    #boardCnt .detail_info_box .detail_subject{font-size: var(--fs-16);line-height: var(--lh-24);}

    #boardCnt .detail_info_box .detail_etc_box{margin-top: 10px;}
    #boardCnt .detail_info_box .detail_etc_box .etc_item{gap: 6px;}
    #boardCnt .detail_info_box .detail_date .icon_date{width: 20px;height: 20px;}
    #boardCnt .detail_info_box .detail_date .date_sta{font-size: var(--fs-12);}
    #boardCnt .detail_info_box .detail_writer .icon_writer{width: 20px;height: 20px;}
    #boardCnt .detail_info_box .detail_writer .writer_sta{font-size: var(--fs-12);}
    #boardCnt .detail_info_box .detail_views .icon_views{width: 20px;height: 20px;}
    #boardCnt .detail_info_box .detail_views .views_txt{font-size: var(--fs-12);}
    #boardCnt .detail_info_box .detail_views .views_sta{font-size: var(--fs-12);}
    #boardCnt .detail_info_box .detail_files_box{padding: 16px 0;}
    #boardCnt .detail_info_box .detail_files_box .files_item + .files_item{margin-top: 8px;}
    #boardCnt .detail_info_box .detail_files_box .files_item .files_link{gap: 16px;}
    #boardCnt .detail_info_box .detail_files_box .files_item .files_link::after{width: 24px;height: 24px;background-size: 14px 14px;}

    #boardCnt .detail_info_box .detail_cnt_box{padding: 20px 0 40px;}
    #boardCnt .detail_info_box .detail_btn_box{padding: 20px 0;gap: 10px;}

    #boardCnt .detail_reply_box .reply_tit_box .reply_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #boardCnt .detail_reply_box{padding: 20px 16px 30px;}
    #boardCnt .detail_reply_box .reply_list{margin-top: 20px;}
    #boardCnt .detail_reply_box .reply_item .item_inner{padding: 20px 0;}
    #boardCnt .detail_reply_box .reply_item .reply_cnt_box{margin-top: 16px;}
    #boardCnt .detail_reply_box .reply_item .reply_writer{}
    #boardCnt .detail_reply_box .reply_item .reply_date{word-break: break-all;}
    #boardCnt .detail_reply_box .reply_item .btns_reply_modify{margin-left: 8px;}
}
@media (max-width: 450px){
    #boardCnt .detail_info_box .detail_btn_box{flex-direction: column;}
    #boardCnt .detail_info_box .detail_btn_box .btns{width: 100%;max-width: 100%;}
    #boardCnt .detail_reply_box .reply_write_box{display: block;}
    #boardCnt .detail_reply_box .reply_write_box textarea{width: 100%;height: 80px;}
    #boardCnt .detail_reply_box .reply_write_box .btns_reply_write{width: 100%;height: 40px;margin-top: 10px;}
}
@media (max-width: 319px){
    #boardCnt .detail_reply_box .reply_item .item_hd{flex-direction: column;align-items: flex-start;gap: 0;position: relative;}
    #boardCnt .detail_reply_box .reply_item .reply_writer{margin-right: 0;padding-right: 0;}
    #boardCnt .detail_reply_box .reply_item .reply_writer::after{display: none;}
    #boardCnt .detail_reply_box .reply_item .btns_reply_modify{margin-left: 0;position: absolute;top: 0;right: 0;}
}

/* 공지사항/자료실 - 등록 */
#boardCnt .board_write_box{width: 100%;margin-top: 40px;background-color: var(--color-white);}
#boardCnt .board_write_box .write_cnt_list{width: 100%;padding: 0 20px;border-top: 2px solid var(--color-gray2);border-bottom: 2px solid var(--color-gray2);box-sizing: border-box;}

#boardCnt .board_write_box .write_cnt_item{}
#boardCnt .board_write_box .write_cnt_item + .write_cnt_item{border-top: 1px solid #d9d9d9;}
#boardCnt .board_write_box .write_cnt_item .item_inner{display: flex;flex-wrap: nowrap;}
#boardCnt .board_write_box .write_cnt_item .cnt_tit_box{flex: 0 0 180px;padding: 20px;}
#boardCnt .board_write_box .write_cnt_item .cnt_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#boardCnt .board_write_box .write_cnt_item .cnt_box{flex: 1;padding: 8px 12px;}

#boardCnt .board_write_box .write_cnt_item .frm_board_tit{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#boardCnt .board_write_box .write_cnt_item .frm_board_tit .frm_inp_box{flex: 1;}
#boardCnt .board_write_box .write_cnt_item .frm_board_tit .frm_chk_box{flex: 0 0 auto;}

#boardCnt .board_write_box .write_cnt_item .frm_board_cate{}
#boardCnt .board_write_box .write_cnt_item .frm_board_cate .frm_slt_box{width: 100%;max-width: 200px;}
#boardCnt .board_write_box .write_cnt_item .frm_board_cate .frm_slt{width: 100%;height: 54px;padding: 14px 34px 14px 16px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);background-color: var(--color-white);background-image: url('/img/icon/icon_slt_arr.svg');background-repeat: no-repeat;background-size: 24px 24px;background-position: center right 10px; border: 1px solid var(--color-line);border-radius: 8px;box-sizing: border-box;outline: none;}

#boardCnt .board_write_box .write_cnt_item .frm_board_cnt{}
#boardCnt .board_write_box .write_cnt_item .frm_board_cnt .frm_txt_box{width: 100%;}
#boardCnt .board_write_box .write_cnt_item .frm_board_cnt textarea{width: 100%;height: 300px;padding: 12px 10px;font-family: "Noto Sans KR", sans-serif;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-base);background-color: var(--color-white);border: 1px solid #dfdfdf;border-radius: 8px;box-sizing: border-box;overflow: hidden;overflow-y: auto;resize: none;outline: none;}

#boardCnt .board_write_box .write_cnt_item.board_file_item .cnt_box{padding: 20px 12px;}

#boardCnt .board_btn_box{margin: 40px auto 0;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 20px;}
#boardCnt .board_btn_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;max-width: 200px;height: 40px;padding: 9px 10px 11px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 4px;box-sizing: border-box;}
#boardCnt .board_btn_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);text-align: center;}
#boardCnt .board_btn_box .btns_board_save{border-color: var(--color-koce-primary2);}
#boardCnt .board_btn_box .btns_board_save .btns_name{color: var(--color-koce-primary2);}

.multiFileSlt{display: flex;gap: 20px;}
.multiFileSlt input[type="file"]{position: absolute;left: -9999px;visibility: hidden;width: 0;height: 0;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.multiFileSlt label{flex: 0 0 auto;display: inline-block;height: 30px;padding: 4px 12px 6px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;cursor: pointer;}
.multiFileSlt .multiFileList{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.multiFileSlt .multiFileList .fileItem{display: flex;align-items: center;flex-wrap: nowrap;}
.multiFileSlt .multiFileList .fileItem .name{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
.multiFileSlt .multiFileList .fileItem .delete{flex: 0 0 auto;display: inline-block;margin-left: 8px;line-height: 0;cursor: pointer;}
.multiFileSlt .multiFileList .fileItem .icon_file_del{width: 20px;height: 20px;background-image: url('/img/icon/icon_file_del.svg');}
.multiFileSlt .multiFileList .fileItem::after{content: ',';display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
.multiFileSlt .multiFileList .fileItem:last-child::after{display: none;}

@media (max-width: 1099px){
    #boardCnt .board_write_box .write_cnt_item .cnt_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
}
@media (max-width: 850px){
}
@media (max-width: 767px){
    #boardCnt .board_write_box .write_cnt_item .frm_board_cate .frm_slt_box{max-width: 100%;}
    #boardCnt .board_write_box .write_cnt_item .cnt_tit_box{flex: 0 0 160px;}
    #boardCnt .board_write_box .write_cnt_item .frm_board_cate .frm_slt{font-size: var(--lh-16);}
}
@media (max-width: 599px){
    #boardCnt .board_write_box .write_cnt_list{padding: 0 16px;}
    #boardCnt .board_write_box .write_cnt_item .cnt_tit_box{flex: 0 0 100px;padding: 16px 8px;display: flex;align-items: center;}
    #boardCnt .board_write_box .write_cnt_item.board_cnt_item .cnt_tit_box{align-items: flex-start;}
    #boardCnt .board_write_box .write_cnt_item .cnt_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #boardCnt .board_write_box .write_cnt_item .cnt_box{padding: 8px;}
    #boardCnt .board_write_box .write_cnt_item .frm_board_cnt textarea{height: 200px;}
    #boardCnt .board_write_box .write_cnt_item.board_file_item .cnt_box{padding: 16px 8px;}
    #boardCnt .board_btn_box{margin: 30px auto 0;gap: 10px;}

    .multiFileSlt{gap: 16px;}
    .multiFileSlt .multiFileList .fileItem .name{font-size: var(--fs-14);line-height: var(--lh-20);}
    .multiFileSlt .multiFileList .fileItem::after{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 450px){
    #boardCnt .board_write_box .write_cnt_item .item_inner{display: block;padding: 16px 0 24px;}
    #boardCnt .board_write_box .write_cnt_item .cnt_tit_box{padding: 0;}
    #boardCnt .board_write_box .write_cnt_item .cnt_box{margin-top: 16px;padding: 0;}
    
    #boardCnt .board_write_box .write_cnt_item .frm_board_tit{flex-direction: column-reverse;align-items: flex-start; gap: 10px;}
    #boardCnt .board_write_box .write_cnt_item .frm_board_tit .frm_inp_box{width: 100%;}
    #boardCnt .board_write_box .write_cnt_item.board_file_item .cnt_box{padding: 0;}

    .multiFileSlt{flex-direction: column;align-items: flex-start;gap: 10px;}
}

/* 자주하는질문 */
#boardCnt .board_faq_box{}
#boardCnt .faq_filter_box{margin-top: 40px;}
#boardCnt .faq_filter_list{display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#boardCnt .faq_filter_item{}
#boardCnt .faq_filter_item .faq_filter{display: block;height: 60px;padding: 15px 30px 17px;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-gray2);background-color: var(--color-white);border: 1px solid var(--color-gray2);border-radius: 4px;box-sizing: border-box;}
#boardCnt .faq_filter_item.active .faq_filter{background-color: var(--color-koce-primary2);border-color: var(--color-koce-primary2);color: var(--color-white);}

#boardCnt .faq_list_box{margin-top: 60px;}
#boardCnt .faq_list{width: 100%;background-color: var(--color-white);border-top: 2px solid var(--color-gray2);border-bottom: 2px solid var(--color-gray2);box-sizing: border-box;}
#boardCnt .faq_item{background-color: var(--color-white);}
#boardCnt .faq_item + .faq_item{border-top: 1px solid #dfdfdf;}
#boardCnt .faq_item .item_hd{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 30px 20px;cursor: pointer;}
#boardCnt .faq_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#boardCnt .faq_item .item_tit_icon{flex: 0 0 auto;display: inline-block;width: 30px;height: 30px;padding: 3px 0 7px;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-black);text-align: center;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
#boardCnt .faq_item .item_tit{flex: 1;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);}
#boardCnt .faq_item .item_fold_btn{flex: 0 0 auto;cursor: pointer;transform: rotate(0);transition: transform .3s;}
#boardCnt .faq_item.opened .item_fold_btn{transform: rotate(-180deg);}
#boardCnt .faq_item .item_fold_btn .icon_faq_arr{width: 24px;height: 24px;background-image: url('/img/icon/icon_faq_arr.svg');}

#boardCnt .faq_item .item_bd{display: none;padding: 20px 20px 40px;background-color: var(--color-koce-primary2);}
#boardCnt .faq_item .item_cnt_box{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 20px;}
#boardCnt .faq_item .item_cnt_icon{flex: 0 0 auto;display: inline-block;width: 30px;height: 30px;padding: 3px 0 7px;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-black);text-align: center;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
#boardCnt .faq_item .item_cnt{flex: 1;}
#boardCnt .faq_item .item_cnt p{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}

@media (max-width: 1239px){
    #boardCnt .faq_filter_list{gap: 16px;}
    #boardCnt .faq_filter_item .faq_filter{padding: 15px 20px 17px;}
}
@media (max-width: 1099px){
    #boardCnt .faq_filter_list{width: 100%;overflow: hidden;overflow-x: auto;flex-wrap: nowrap;}
    #boardCnt .faq_filter_item .faq_filter{white-space: nowrap;}
    
    #boardCnt .faq_list_box{margin-top: 40px;}
}
@media (max-width: 850px){}
@media (max-width: 767px){
    #boardCnt .faq_filter_item .faq_filter{height: 50px;padding: 12px 20px 14px;font-size: var(--fs-16);line-height: var(--lh-24);}

    #boardCnt .faq_item .item_hd{padding: 20px;}
    #boardCnt .faq_item .item_tit_box{gap: 16px;}
    #boardCnt .faq_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #boardCnt .faq_item .item_bd{padding: 20px 20px 30px;}
    #boardCnt .faq_item .item_cnt_box{gap: 16px;}
    #boardCnt .faq_item .item_cnt p{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 599px){
    #boardCnt .faq_list_box{margin-top: 20px;}
    #boardCnt .faq_item .item_hd{padding: 16px;}
    #boardCnt .faq_item .item_bd{padding: 16px 16px 24px;}
    
    #boardCnt .faq_item .item_tit_box{align-items: flex-start;gap: 8px;}
    #boardCnt .faq_item .item_tit_icon{width: 24px;height: 24px;padding: 0;font-size: var(--fs-12);}
    #boardCnt .faq_item .item_cnt_box{gap: 8px;}
    #boardCnt .faq_item .item_cnt_icon{width: 24px;height: 24px;padding: 0;font-size: var(--fs-12);}

}
@media (max-width: 450px){
    #boardCnt .faq_filter_list{gap: 8px;}
    #boardCnt .faq_filter_item .faq_filter{height: 40px;padding: 9px 16px 11px;font-size: var(--fs-14);line-height: var(--lh-20);}
}


/* **************************** E:고객센터 - 게시판 **************************** */