@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_course_search{background-image: url('../img/icon/icon_course_search.svg');}
.page_component .page_hd .icon_course_result{background-image: url('../img/icon/icon_course_result.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 .icon_attn{background-image: url('../img/icon/icon_attn.svg');}
.page_component .page_hd .icon_spec{background-image: url('../img/icon/icon_spec.svg');}
.page_component .page_hd .icon_replicated{background-image: url('../img/icon/icon_replicated.svg');}
.page_component .page_hd .icon_edu_system{background-image: url('../img/icon/icon_edu_system.svg');}
.page_component .page_hd .icon_edu_system{background-image: url('../img/icon/icon_edu_system.svg');}
.page_component .page_hd .icon_edu_fee{background-image: url('../img/icon/icon_edu_fee.svg');}
.page_component .page_hd .icon_facility_guide{background-image: url('../img/icon/icon_facility_guide.svg');}
.page_component .page_hd .icon_edu_calendar{background-image: url('../img/icon/icon_edu_calendar.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:수강신청 - 교육검색 **************************** */
#courseCnt{padding-top: 80px;padding-bottom: 160px;}
#courseCnt .cnt_sect{}
#courseCnt .cnt_sect .sect_inner{}

#courseCnt .search_box{margin-top: 26px;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 .search_box .box_inner{padding: 0 40px;box-sizing: border-box;}
#courseCnt .search_box .box_hd{padding: 20px 0;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
#courseCnt .search_box .selected_cnt{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 56px;}
#courseCnt .search_box .selected_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;flex: 0 0 auto;}
#courseCnt .search_box .selected_tit_box .selected_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-44);color: var(--color-base);}
#courseCnt .search_box .selected_tit_box .icon_my_select{width: 24px;height: 24px;background-image: url('../img/icon/icon_my_select.svg');}
#courseCnt .search_box .selected_list{display: flex;align-items: flex-start;flex-wrap: wrap;gap: 10px;flex: 1;}
#courseCnt .search_box .selected_list .selected_item{height: 44px;padding: 8px 20px 10px;background-color: #ededed;border: 1px solid #ccc;border-radius: 100px;overflow: hidden;transition: background-color .3s, border-color .3s;}
#courseCnt .search_box .selected_list .selected_item .item_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);transition: color .3s;}
#courseCnt .search_box .selected_list .selected_item.active{background-color: #fccc0a;border-color: #fccc0a;}
#courseCnt .search_box .selected_list .selected_item.active .item_name{color: var(--color-base);}

#courseCnt .search_box .box_bd{padding: 30px 0 60px;}
#courseCnt .search_option_wrap{display: none;}
#courseCnt .search_option_wrap.active{display: block;}
#courseCnt .search_option_wrap + .search_option_wrap{margin-top: 40px;}
#courseCnt .search_option_wrap .option_hd{display: flex;align-items: center;justify-content: space-between;column-gap: 16px;flex-wrap: nowrap;}
#courseCnt .search_option_wrap .option_hd_left{display: flex;align-items: center;flex-wrap: wrap;column-gap: 10px;row-gap: 4px;}
#courseCnt .search_option_wrap .icon_search_option{width: 24px;height: 24px;background-image: url('../img/icon/icon_search_option.svg');}
#courseCnt .search_option_wrap .option_tit_box{display: flex;align-items: center;flex-wrap: wrap;column-gap: 10px;row-gap: 4px;}
#courseCnt .search_option_wrap .option_tit_box .option_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#courseCnt .search_option_wrap .option_hd .chk_option_name{display: none;height: 30px;padding: 5px 10px 7px;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);color: var(--color-white);background-color: var(--color-koce-primary2);border-radius: 30px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: opacity .3s;visibility: hidden;}
#courseCnt .search_option_wrap .option_hd .chk_option_name.active{display: inline-block;opacity: 1;visibility: visible;}
#courseCnt .search_option_wrap .option_hd .option_fold_btns{display: block;width: 30px;height: 30px;background-color: var(--color-white);position: relative;overflow: hidden;cursor: pointer;}
#courseCnt .search_option_wrap .option_hd .option_fold_btns::before{content: '';display: block;width: 24px;height: 4px;border-radius: 20px;background-color: var(--color-koce-primary2);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1;transition: opacity .3s, background-color .3s;}
#courseCnt .search_option_wrap .option_hd .option_fold_btns::after{content: '';display: block;width: 4px;height: 24px;border-radius: 20px;background-color: var(--color-koce-primary2);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1;transition: opacity .3s, background-color .3s;}
#courseCnt .search_option_wrap.on .option_hd .option_fold_btns::before{opacity: 1;background-color: var(--color-gray2);}
#courseCnt .search_option_wrap.on .option_hd .option_fold_btns::after{opacity: 0;background-color: var(--color-gray2);}

#courseCnt .search_option_wrap .option_bd{display: none;margin-top: 20px;}
#courseCnt .search_option_wrap .option_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;column-gap: 20px;row-gap: 20px;}
#courseCnt .search_option_wrap .option_item{width: calc(25% - 60px/4);padding: 12px 20px;border: 1px solid #d9d9d9;background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: nowrap;cursor: pointer;transition: border-color .3s;}
#courseCnt .search_option_wrap .option_item .option_name{flex: 1;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);transition: color .3s;}
#courseCnt .search_option_wrap .option_item .option_chk_box{flex: 0 0 auto;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: linear-gradient(135deg, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 100%);overflow: hidden;box-sizing: border-box;transition: background .3s;}
#courseCnt .search_option_wrap .option_item .option_chk_box .icon_opt_chk{width: 24px;height: 24px;background-image: url('../img/icon/icon_option_chk.svg');}

#courseCnt .search_option_wrap .option_item.chked{background-color: var(--color-koce-primary2);border-color: var(--color-koce-primary2);}
#courseCnt .search_option_wrap .option_item.chked .option_name{color: var(--color-white);}
#courseCnt .search_option_wrap .option_item.chked .option_chk_box{background: linear-gradient(135deg, rgba(252,204,10,1) 0%, rgba(212,86,53,1) 100%);}
#courseCnt .search_option_wrap .option_item.chked .option_chk_box .icon_opt_chk{width: 24px;height: 24px;background-image: url('../img/icon/icon_option_chked.svg');}

#courseCnt .search_btn_box{margin-top: 60px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 10px;}
#courseCnt .search_btn_box .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 400px;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-base);border-radius: 60px;box-sizing: border-box;}
#courseCnt .search_btn_box .btns + .btns{margin-top: 20px;}
#courseCnt .search_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);}

#courseCnt .search_btn_box .btns_course_search{background-color: var(--color-koce-primary2);border-color: var(--color-koce-primary2);color: var(--color-white);}
#courseCnt .search_btn_box .btns_course_search .btns_name{color: var(--color-white);}

@media (hover: hover){
    #courseCnt .search_option_wrap .option_item:not(.chked):hover{border-color: var(--color-koce-primary2);}
    #courseCnt .search_option_wrap .option_item:not(.chked):hover .option_name{color: var(--color-koce-primary2);}
}
@media (max-width: 1099px){
    #courseCnt{padding-top: 60px;padding-bottom: 120px;}
    #courseCnt .search_box .box_inner{padding: 0 32px;}
    #courseCnt .search_box .selected_cnt{gap: 32px;}
    #courseCnt .search_box .selected_tit_box{gap: 8px;}
    #courseCnt .search_box .selected_tit_box .selected_tit{font-size: var(--fs-18);line-height: var(--lh-36);}
    #courseCnt .search_box .selected_list{gap: 8px;}
    #courseCnt .search_box .selected_list .selected_item{height: 36px;padding: 4px 16px 6px;}

    #courseCnt .search_box .box_bd{padding: 20px 0 40px;}
    #courseCnt .search_option_wrap + .search_option_wrap{margin-top: 32px;}
    #courseCnt .search_option_wrap .option_hd{align-items: flex-start;}
    #courseCnt .search_option_wrap .option_hd_left{column-gap: 8px;row-gap: 2px;}
    #courseCnt .search_option_wrap .option_tit_box{column-gap: 8px;row-gap: 2px;}
    #courseCnt .search_option_wrap .option_tit_box .option_tit{font-size: var(--fs-18);line-height: var(--lh-30);}
    #courseCnt .search_option_wrap .option_hd .option_fold_btns::before{height: 3px;}
    #courseCnt .search_option_wrap .option_hd .option_fold_btns::after{width: 3px;}

    #courseCnt .search_option_wrap .option_bd{margin-top: 16px;}
    #courseCnt .search_option_wrap .option_list{column-gap: 16px;row-gap: 16px;}
    #courseCnt .search_option_wrap .option_item{width: calc(33.3334% - (32px/3));padding: 10px 16px;gap: 8px;}
    #courseCnt .search_option_wrap .option_item .option_chk_box{width: 32px;height: 32px;}
    #courseCnt .search_option_wrap .option_item .option_chk_box .icon_opt_chk{width: 20px;height: 20px;}
    #courseCnt .search_option_wrap .option_item.chked .option_chk_box .icon_opt_chk{width: 20px;height: 20px;}

    #courseCnt .search_btn_box{margin-top: 48px;}
    #courseCnt .search_btn_box .btns{height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    #courseCnt .search_btn_box .btns + .btns{margin-top: 12px;}
    #courseCnt .search_btn_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 768px){
    #courseCnt .search_box .box_inner{padding: 0 20px;}
    #courseCnt .search_option_wrap .option_item{width: calc(50% - (16px/2));}
}
@media (max-width: 599px){
    #courseCnt{padding-left: 16px;padding-right: 16px;}
    #courseCnt .search_box .box_inner{padding: 0 16px;}
    #courseCnt .search_box .selected_cnt{flex-direction: column;align-items: flex-start;gap: 16px;}
    #courseCnt .search_option_wrap .option_hd_left{flex-direction: column;align-items: flex-start;}
    #courseCnt .search_option_wrap .option_list{column-gap: 8px;row-gap: 8px;}
    #courseCnt .search_option_wrap .option_item{width: 100%;}
}
@media (max-width: 319px){
    #courseCnt .search_box .selected_tit_box{gap: 6px;}
    #courseCnt .search_box .selected_tit_box .icon_my_select{width: 20px;height: 20px;}
    #courseCnt .search_box .selected_tit_box .selected_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #courseCnt .search_box .selected_list .selected_item{height: 30px;padding: 3px 10px 5px;}
    #courseCnt .search_box .selected_list .selected_item .item_name{font-size: var(--fs-12);line-height: var(--lh-20);}

    #courseCnt .search_option_wrap .option_hd_left{row-gap: 4px;}
    #courseCnt .search_option_wrap .option_tit_box{column-gap: 6px;}
    #courseCnt .search_option_wrap .option_tit_box .option_tit{font-size: var(--fs-16);line-height: var(--lh-26);}
    #courseCnt .search_option_wrap .icon_search_option{width: 20px;height: 20px;}
    #courseCnt .search_option_wrap .option_hd .option_fold_btns{width: 28px;height: 28px;}
    #courseCnt .search_option_wrap .option_hd .option_fold_btns::before{width: 20px;height: 2px;}
    #courseCnt .search_option_wrap .option_hd .option_fold_btns::after{width: 2px;height: 20px;}

    #courseCnt .search_option_wrap .option_item{padding: 8px 12px;}
    #courseCnt .search_option_wrap .option_item .option_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .search_option_wrap .option_item .option_chk_box{width: 28px;height: 28px;}
    #courseCnt .search_option_wrap .option_item .option_chk_box .icon_opt_chk{width: 18px;height: 18px;}
    #courseCnt .search_option_wrap .option_item.chked .option_chk_box .icon_opt_chk{width: 18px;height: 18px;}
}
/* **************************** E:수강신청 - 교육검색 **************************** */

/* **************************** S:수강신청 - 교육검색결과 **************************** */
#courseCnt .result_filter_box{margin-top: 32px;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 .result_filter_box .box_inner{padding: 20px;box-sizing: border-box;}

#courseCnt .result_filter_box .filter_line{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 30px;padding: 20px 0;box-sizing: border-box;}
#courseCnt .result_filter_box .filter_line + .filter_line{border-top: 1px solid #d9d9d9;}
#courseCnt .result_filter_box .filter_line .filter_tit_box{flex: 0 0 160px;}
#courseCnt .result_filter_box .filter_line .filter_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#courseCnt .result_filter_box .filter_line .filter_cnt_box{flex: 1;}
#courseCnt .result_filter_box .filter_line .filter_cnt_box.d_flex{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
#courseCnt .result_filter_box .filter_line .filter_cnt_box.d_flex .filter_option_list{flex: 1;}
#courseCnt .result_filter_box .filter_line .filter_cnt_box .filter_btn_box{flex: 0 0 auto;}
#courseCnt .result_filter_box .filter_line .filter_cnt_box .btns_search_re{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;height: 46px;margin: 0 auto;padding: 10px 28px;background-color: var(--color-white);border: 1px solid var(--color-koce-primary);border-radius: 4px;box-sizing: border-box;}
#courseCnt .result_filter_box .filter_line .filter_cnt_box .btns_search_re{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-koce-primary);}

#courseCnt .result_filter_box .filter_line .filter_option_list{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
#courseCnt .result_filter_box .filter_line .filter_option_item{height: 30px;padding: 5px 10px 7px;background-color: var(--color-koce-primary2);border-radius: 30px;box-sizing: border-box;overflow: hidden;}
#courseCnt .result_filter_box .filter_line .filter_option_item .item_name{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);color: var(--color-white);}

#courseCnt .result_filter_box .filter_line .filter_condition_list{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;}
#courseCnt .result_filter_box .filter_line .filter_condition_item{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#courseCnt .result_filter_box .filter_line .filter_condition_noti_box{margin-top: 4px;}
#courseCnt .result_filter_box .filter_line .filter_condition_noti{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray);}

#courseCnt .result_filter_box .filter_line .date_range_box{display: flex;align-items: center;flex-wrap: wrap;gap: 16px;}
#courseCnt .result_filter_box .filter_line .date_range_box .frm_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;gap: 6px;}
#courseCnt .result_filter_box .filter_line .date_range_box .frm_box .frm_inp_box .frm_inp_date{max-width: 220px;padding-right: 36px;background-image: url('../img/icon/icon_inp_date.svg');background-repeat: no-repeat;background-size: 24px 24px;background-position: center right 10px;cursor: pointer;}
#courseCnt .result_filter_box .filter_line .date_range_box .wave{flex: 0 0 auto;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-base);}
#courseCnt .result_filter_box .filter_line .date_range_box .frm_btn_box{flex: 0 0 auto;}
#courseCnt .result_filter_box .filter_line .date_range_box .btns_date_find{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 180px;height: 54px;margin: 0 auto;padding: 14px 28px;background-color: var(--color-white);border: 1px solid var(--color-koce-primary);border-radius: 4px;box-sizing: border-box;}
#courseCnt .result_filter_box .filter_line .date_range_box .btns_date_find .btns_name{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-koce-primary);}

#courseCnt .course_list_box{margin-top: 60px;}
#courseCnt .course_list_box .course_list{}
#courseCnt .course_list_box .course_item{border-radius: 20px;box-sizing: border-box;overflow: hidden;}

#courseCnt .course_list_box .course_item.noitem{display: block;width: 100%;max-width: 450px;margin: 0 auto;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);background-color: var(--color-white);box-sizing: border-box;}
#courseCnt .course_list_box .course_item.noitem .noitem_inner{padding: 30px 20px;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-30);color: var(--color-base);text-align: center;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg + .noitem_msg{margin-top: 20px;padding-top: 20px;border-top: 1px solid #d9d9d9;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg > span{display: block;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_tit{font-weight: 700;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_numb{margin-top: 8px;display: flex;align-items: center;justify-content: center;gap: 4px;}
#courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_numb > a{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_numb .icon_qa{width: 24px;height: 24px;background-image: url('../images/icon/icon_qa_tel.svg');}

#courseCnt .course_list_box .course_item + .course_item{margin-top: 40px;}
#courseCnt .course_list_box .course_item .item_hd{background: linear-gradient(90deg, rgba(122,174,208,1) 0%, rgba(66,93,187,1) 100%);}
#courseCnt .course_list_box .course_item .item_hd .hd_inner{padding: 24px 40px;box-sizing: border-box;}
#courseCnt .course_list_box .course_item .item_fold_box{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;gap: 16px;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;}

#courseCnt .course_list_box .course_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#courseCnt .course_list_box .course_item .item_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-40);color: var(--color-white);}
#courseCnt .course_list_box .course_item a.item_tit:hover{text-decoration:underline;}
#courseCnt .course_list_box .course_item .item_score{height: 30px;padding: 6px 16px;background-color: var(--color-white);border-radius: 30px;box-sizing: border-box;overflow: hidden;}
#courseCnt .course_list_box .course_item .item_score .score_sta{display: inline-block;font-size: var(--fs-12);font-weight: 700;line-height: var(--lh-18);color: var(--color-koce-primary2);}

#courseCnt .course_list_box .course_item .item_fold_btn{flex: 0 0 auto;cursor: pointer;transform: rotate(0);transition: transform .3s;}
#courseCnt .course_list_box .course_item.opened .item_fold_btn{transform: rotate(-180deg);}
#courseCnt .course_list_box .course_item .item_fold_btn .icon_course_arr{width: 40px;height: 40px;background-image: url('../img/icon/icon_course_arr.svg');}

#courseCnt .course_list_box .course_item .item_course_info{padding-top: 20px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;gap: 16px;}
#courseCnt .course_list_box .course_item .item_course_info .info_course_dtl{flex: 1;}
#courseCnt .course_list_box .course_item .item_course_info .course_dtl_name{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-white);}
#courseCnt .course_list_box .course_item .item_course_info .course_dtl_name + .course_dtl_name{margin-top: 5px;}
#courseCnt .course_list_box .course_item .item_course_info .info_btn_box{flex: 0 0 auto;}
#courseCnt .course_list_box .course_item .item_course_info .btns_course_view{height: 54px;margin: 0 auto;padding: 15px 40px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);background-color: var(--color-white);border-radius: 30px;box-sizing: border-box;}

#courseCnt .course_list_box .course_item .item_bd{display: none;background-color: var(--color-white);border: 1px solid var(--color-koce-primary2);border-top: 0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
#courseCnt .course_list_box .course_item .item_bd .bd_inner{padding: 30px 40px;box-sizing: border-box;}

#courseCnt .course_list_box .course_item .item_date_info{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;}
#courseCnt .course_list_box .course_item .item_date_info + .item_date_info{margin-top: 20px;}

#courseCnt .course_list_box .course_item .item_date_info .info_date_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;flex: 1;}
#courseCnt .course_list_box .course_item .item_date_info .info_date{display: flex;align-items: center;flex-wrap: nowrap;gap: 4px;}
#courseCnt .course_list_box .course_item .item_date_info .info_date + .info_date{padding-left: 21px;position: relative;}
#courseCnt .course_list_box .course_item .item_date_info .info_date + .info_date::before{content: '';display: block;width: 1px;height: 20px;background-color: var(--color-gray2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#courseCnt .course_list_box .course_item .item_date_info .info_date .info_tit{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-base);}
#courseCnt .course_list_box .course_item .item_date_info .info_date .info_tit .tit_sta{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);}
#courseCnt .course_list_box .course_item .item_date_info .info_date .info_date{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-base);}
#courseCnt .course_list_box .course_item .item_date_info .info_date .info_date .date_sta{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-base);}

#courseCnt .course_list_box .course_item .item_date_info .info_btn_box{flex: 0 0 auto;}
#courseCnt .course_list_box .course_item .item_date_info .btns_course_apply{height: 40px;margin: 0 auto;padding: 10px 20px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-koce-primary2);background-color: var(--color-white);border: 1px solid var(--color-koce-primary2);border-radius: 8px;box-sizing: border-box;}

@media (max-width: 1099px){
    #courseCnt .result_filter_box .box_inner{padding: 0 20px;}
    #courseCnt .result_filter_box .filter_line{gap: 16px;}
    #courseCnt .result_filter_box .filter_line .filter_tit_box{flex: 0 0 150px;}
    #courseCnt .result_filter_box .filter_line .filter_tit{font-size: var(--fs-18);}
    
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_box .frm_inp_box .frm_inp_date{height: 50px;padding: 12px 34px 12px 10px;font-size: var(--fs-16);line-height: var(--lh-24);}
    #courseCnt .result_filter_box .filter_line .date_range_box .btns_date_find{height: 50px;padding: 12px 20px;}
    
    #courseCnt .course_list_box .course_item .item_hd .hd_inner{padding: 20px;}
    #courseCnt .course_list_box .course_item .item_tit{font-size: var(--fs-20);line-height: var(--lh-36);}
    #courseCnt .course_list_box .course_item .item_fold_btn .icon_course_arr{width: 36px;height: 36px;}
    #courseCnt .course_list_box .course_item .item_course_info .course_dtl_name{font-size: var(--fs-16);line-height: var(--lh-24);}
    #courseCnt .course_list_box .course_item .item_course_info .btns_course_view{height: 50px;padding: 13px 32px;}
    
    #courseCnt .course_list_box .course_item .item_date_info .info_date_box{gap: 16px;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date + .info_date{padding-left: 17px;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date .info_tit{font-size: var(--fs-16);line-height: var(--lh24);}
    #courseCnt .course_list_box .course_item .item_date_info .info_date .info_tit .tit_sta{font-size: var(--fs-16);line-height: var(--lh24);}
    #courseCnt .course_list_box .course_item .item_date_info .info_date .info_date{font-size: var(--fs-16);line-height: var(--lh24);}
    #courseCnt .course_list_box .course_item .item_date_info .info_date .info_date .date_sta{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #courseCnt .course_list_box .course_item .item_bd .bd_inner{padding: 20px;}

    #courseCnt .course_list_box .course_item.noitem .noitem_msg{font-size: var(--fs-18);line-height: var(--lh-26);}
    #courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_numb > a{font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .course_list_box .course_item.noitem .noitem_msg > .qa_numb .icon_qa{width: 20px;height: 20px;}
}
@media (max-width: 767px){
    #courseCnt .result_filter_box .filter_line .date_range_box{flex-direction: column;align-items: flex-start;gap: 16px;}
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_box{flex: 1;width: 100%;}
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_inp_box{flex: 1;}
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_btn_box{flex: 1;width: 100%;}
    #courseCnt .result_filter_box .filter_line .date_range_box .btns_date_find{max-width: 100%;}


    #courseCnt .result_filter_box .filter_line .filter_cnt_box.d_flex{flex-direction: column;align-items: flex-start;gap: 16px;}
    #courseCnt .result_filter_box .filter_line .filter_cnt_box.d_flex .filter_option_list{flex: 1;}
    #courseCnt .result_filter_box .filter_line .filter_cnt_box .filter_btn_box{flex: 1;width: 100%;}
    #courseCnt .result_filter_box .filter_line .filter_cnt_box .btns_search_re{width: 100%;height: 50px;padding: 12px 20px;}
    #courseCnt .result_filter_box .filter_line .filter_cnt_box .btns_search_re{}

}

@media (max-width: 599px){
    #courseCnt .result_filter_box .box_inner{padding: 8px 16px;}
    #courseCnt .result_filter_box .filter_line{flex-direction: column;align-items: flex-start;gap: 8px;padding: 16px 0;}
    #courseCnt .result_filter_box .filter_line .filter_tit_box{flex: 0 0 auto;}
    #courseCnt .result_filter_box .filter_line .filter_cnt_box{width: 100%;}
    #courseCnt .result_filter_box .filter_line .filter_condition_list{gap: 0;}
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_box .frm_inp_box .frm_inp_date{max-width: 100%;}

    #courseCnt .course_list_box .course_item .item_hd .hd_inner{padding: 16px;}
    #courseCnt .course_list_box .course_item .item_tit_box{gap: 8px;}
    #courseCnt .course_list_box .course_item .item_tit{font-size: var(--fs-18);}
    #courseCnt .course_list_box .course_item .item_score{padding: 6px 12px;}
    #courseCnt .course_list_box .course_item .item_fold_box{padding-bottom: 16px;}
    #courseCnt .course_list_box .course_item .item_course_info{padding-top: 16px;}
    #courseCnt .course_list_box .course_item .item_course_info{flex-direction: column;}
    #courseCnt .course_list_box .course_item .item_course_info .info_btn_box{flex: 1;width: 100%;}
    #courseCnt .course_list_box .course_item .item_course_info .btns_course_view{width: 100%;}

    #courseCnt .course_list_box .course_item .item_bd .bd_inner{padding: 16px;}
    #courseCnt .course_list_box .course_item .item_date_info{flex-direction: column;align-items: flex-start;}
    #courseCnt .course_list_box .course_item .item_date_info + .item_date_info{margin-top: 16px;padding-top: 16px;border-top: 1px solid #d9d9d9;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date_box{flex-direction: column;align-items: flex-start;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date{align-items: flex-start;flex-direction: column;row-gap: 8px;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date + .info_date{padding-left: 0;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date + .info_date::before{display: none;}
    #courseCnt .course_list_box .course_item .item_date_info .info_date .info_tit{flex: 0 0 auto;}

    #courseCnt .course_list_box .course_item .item_date_info .info_btn_box{flex: 1;width: 100%;}
    #courseCnt .course_list_box .course_item .item_date_info .btns_course_apply{width: 100%;}

    #courseCnt .course_list_box .course_item.noitem .noitem_msg{font-size: var(--fs-16);line-height: var(--lh-24);}
}

@media (max-width: 399px){
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_box{flex-direction: column;}
    #courseCnt .result_filter_box .filter_line .date_range_box .frm_inp_box{width: 100%;}
    #courseCnt .result_filter_box .filter_line .date_range_box .wave{line-height: 1;}
}
@media (max-width: 319px){
    #courseCnt .course_list_box .course_item .item_tit_box{flex-wrap: wrap;row-gap: 6px;}
}

.courseIntroLy .course_intro_box{}
.courseIntroLy .course_intro_box .course_tit_box{padding-bottom: 24px;border-bottom: 1px solid #000;display: flex;align-items: center;justify-content: space-between;}
.courseIntroLy .course_intro_box .course_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-black);flex: 1;}
.courseIntroLy .course_intro_box .btn_exCourse{flex: 0 0 auto;display: inline-block;width: 100%;max-width: 80px;height: 40px;margin: 0 auto;padding: 10px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-koce-primary);background-color: var(--color-white);border: 1px solid var(--color-koce-primary);border-radius: 8px;box-sizing: border-box;transition: background-color .3s, color .3s;}

.courseIntroLy .course_intro_box .intro_hd{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 10px;margin-top: 30px;}
.courseIntroLy .course_intro_box .intro_hd .hd_left{flex: 0 0 auto;}
.courseIntroLy .course_intro_box .intro_thumb_box{width: 160px;height: 0;padding-top: 112.5%;position: relative;overflow: hidden;background-color: #fafafa;border: 1px solid #d9d9d9;border-radius: 8px;}
.courseIntroLy .course_intro_box .intro_thumb_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.courseIntroLy .course_intro_box .intro_thumb_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.courseIntroLy .course_intro_box .intro_hd .hd_right{flex: 1;}
.courseIntroLy .course_intro_box .intro_tbl_box{width: 100%;}
.courseIntroLy .course_intro_box .intro_tbl{width: 100%;border-collapse: collapse;}
.courseIntroLy .course_intro_box .intro_tbl th,
.courseIntroLy .course_intro_box .intro_tbl td{border: 1px solid #d9d9d9;}
.courseIntroLy .course_intro_box .intro_tbl th{width: 160px;padding: 20px 10px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);background-color: #fafafa;}
.courseIntroLy .course_intro_box .intro_tbl td{padding: 20px 10px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);word-break: break-all;}

.courseIntroLy .course_intro_box .intro_bd{margin-top: 30px;}
.courseIntroLy .course_intro_box .intro_cate_box{}
.courseIntroLy .course_intro_box .intro_cate_box + .intro_cate_box{margin-top: 20px;}
.courseIntroLy .course_intro_box .intro_cate_box .cate_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.courseIntroLy .course_intro_box .intro_cate_box .icon_intro_cate{width: 24px;height: 24px;background-image: url('../img/icon/icon_intro_cate.svg');}
.courseIntroLy .course_intro_box .intro_cate_box .cate_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
.courseIntroLy .course_intro_box .intro_cate_box .cate_desc_box{margin-top: 10px;padding: 20px;background-color: #f7f7f7;border-radius: 8px;overflow: hidden;}
.courseIntroLy .course_intro_box .intro_cate_box .cate_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}

/* 교육제도 확인하러 가기 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_course_policy{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_course_policy .btns_name{color: var(--color-white);}

@media (hover:hover){
    .courseIntroLy .course_intro_box .btn_exCourse:hover{background-color: var(--color-koce-primary);color: var(--color-white);}
}
@media (max-width: 1099px){
    .courseIntroLy .course_intro_box .course_tit_box{padding-bottom: 16px;}
    .courseIntroLy .course_intro_box .course_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    .courseIntroLy .course_intro_box .intro_hd{margin-top: 20px;}

    .courseIntroLy .course_intro_box .intro_tbl{table-layout: auto;}
    .courseIntroLy .course_intro_box .intro_tbl th{width: auto;}

    .courseIntroLy .course_intro_box .intro_bd{margin-top: 20px;}
}
@media (max-width: 599px){
    .courseIntroLy .course_intro_box .intro_hd{flex-direction: column;}
    .courseIntroLy .course_intro_box .btn_exCourse{max-width: unset;width: auto;}
}
@media (max-width: 374px){
    .courseIntroLy .course_intro_box .intro_hd .hd_left{flex: 1;width: 100%;}
    .courseIntroLy .course_intro_box .intro_thumb_box{width: 100%;}
}
/* **************************** E:수강신청 - 교육검색결과 **************************** */


/* **************************** S:수강신청 - 교육신청 **************************** */
#courseCnt .apply_step_box{width: 100%;max-width: 1130px;margin: 0 auto;margin-top: 60px;}
#courseCnt .apply_step_box .apply_step_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 30px;}
#courseCnt .apply_step_box .apply_step_item{flex: 1;background-color: #f7f7f7;border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;transition: background-color .3s}
#courseCnt .apply_step_box .apply_step_item.now{background-color: var(--color-white);}
#courseCnt .apply_step_box .apply_step_item.fin{background-color: #6781DC;}

#courseCnt .apply_step_box .apply_step_item .item_inner{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;padding: 48px 20px 40px;position: relative;}

#courseCnt .apply_step_box .apply_step_item .apply_chk_box{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #dedede;border-radius: 50%;box-sizing: border-box;overflow: hidden;position: absolute;right: 20px;top: 20px;transition: background-color .3s;}
#courseCnt .apply_step_box .apply_step_item.now .apply_chk_box{background-color: var(--color-koce-primary2);}
#courseCnt .apply_step_box .apply_step_item.fin .apply_chk_box{background-color: var(--color-white);}

#courseCnt .apply_step_box .apply_step_item .apply_chk_box .icon_box{width: 24px;height: 24px;background-image: url('../img/icon/icon_apply_chk_disable.svg');transition: background-image .3s;}
#courseCnt .apply_step_box .apply_step_item.now .apply_chk_box .icon_box{background-image: url('../img/icon/icon_apply_chk_now.svg');}
#courseCnt .apply_step_box .apply_step_item.fin .apply_chk_box .icon_box{background-image: url('../img/icon/icon_apply_chk_fin.svg');}

#courseCnt .apply_step_box .apply_step_item .apply_icon_box{line-height: 0;}
#courseCnt .apply_step_box .apply_step_item .apply_icon_box .icon_box{width: 100px;height: 100px;transition: background-image .3s;}
#courseCnt .apply_step_box .apply_step_item .icon_apply_step1{background-image: url('../img/icon/icon_apply_step1_disable.svg');}
#courseCnt .apply_step_box .apply_step_item .icon_apply_step2{background-image: url('../img/icon/icon_apply_step2_disable.svg');}
#courseCnt .apply_step_box .apply_step_item .icon_apply_step3{background-image: url('../img/icon/icon_apply_step3_disable.svg');}
#courseCnt .apply_step_box .apply_step_item .icon_apply_step4{background-image: url('../img/icon/icon_apply_step4_disable.svg');}

#courseCnt .apply_step_box .apply_step_item.now .icon_apply_step1{background-image: url('../img/icon/icon_apply_step1_now.svg');}
#courseCnt .apply_step_box .apply_step_item.now .icon_apply_step2{background-image: url('../img/icon/icon_apply_step2_now.svg');}
#courseCnt .apply_step_box .apply_step_item.now .icon_apply_step3{background-image: url('../img/icon/icon_apply_step3_now.svg');}
#courseCnt .apply_step_box .apply_step_item.now .icon_apply_step4{background-image: url('../img/icon/icon_apply_step4_now.svg');}

#courseCnt .apply_step_box .apply_step_item.fin .icon_apply_step1{background-image: url('../img/icon/icon_apply_step1_fin.svg');}
#courseCnt .apply_step_box .apply_step_item.fin .icon_apply_step2{background-image: url('../img/icon/icon_apply_step2_fin.svg');}
#courseCnt .apply_step_box .apply_step_item.fin .icon_apply_step3{background-image: url('../img/icon/icon_apply_step3_fin.svg');}
#courseCnt .apply_step_box .apply_step_item.fin .icon_apply_step4{background-image: url('../img/icon/icon_apply_step4_fin.svg');}

#courseCnt .apply_step_box .apply_step_item .apply_number_box{margin-top: 10px;}
#courseCnt .apply_step_box .apply_step_item .apply_number{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray2);transition: color .3s;}
#courseCnt .apply_step_box .apply_step_item.now .apply_number{color: var(--color-koce-primary2);}
#courseCnt .apply_step_box .apply_step_item.fin .apply_number{color: var(--color-white);}

#courseCnt .apply_step_box .apply_step_item .apply_tit_box{margin-top: 10px;}
#courseCnt .apply_step_box .apply_step_item .apply_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-gray2);transition: color .3s;}
#courseCnt .apply_step_box .apply_step_item.now .apply_tit{color: var(--color-koce-primary2);}
#courseCnt .apply_step_box .apply_step_item.fin .apply_tit{color: var(--color-white);}

#courseCnt .apply_sect{}
#courseCnt .apply_sect + .apply_sect{margin-top: 80px;}
#courseCnt .apply_sect .sect_tit_box{}
#courseCnt .apply_sect .sect_tit_box.d_flex{display: flex;align-items: center;justify-content: flex-start;flex-wrap: nowrap;gap: 10px;}
#courseCnt .apply_sect .sect_tit_box .sect_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-40);color: var(--color-black);}
#courseCnt .apply_sect .sect_tit_box.d_flex .icon_course_info{width: 32px;height: 32px;background-image: url('../img/icon/icon_course_info.svg');}
#courseCnt .apply_sect .sect_tit_box + .sect_cnt{margin-top: 20px;}

#courseCnt .apply_tbl_wrap{}
#courseCnt .apply_tbl_wrap + .apply_tbl_wrap{margin-top: 24px;}
#courseCnt .apply_tbl_wrap .tbl_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#courseCnt .apply_tbl_wrap .icon_tbl_tit{width: 24px;height: 24px;background-image: url('../img/icon/icon_cnt_tit.svg');}
#courseCnt .apply_tbl_wrap .tbl_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}

#courseCnt .apply_tbl_wrap .tbl_box{}
#courseCnt .apply_tbl_wrap .tbl_tit_box + .tbl_box{margin-top: 10px;}
#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 .frm_inp_box{max-width: 400px;}
#courseCnt .apply_tbl .frm_user_regi .frm_flex_box .frm_inp_box{flex: 1;max-width: 260px;}
#courseCnt .apply_tbl .frm_user_regi .frm_flex_box .dash{display: block;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}

#courseCnt .apply_tbl .find_company_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#courseCnt .apply_tbl .find_company_box .btns_search_company{width: 100px;height: 46px;padding: 10px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-koce-primary);background-color: var(--color-white);border: 1px solid var(--color-koce-primary);border-radius: 8px;box-sizing: border-box;}
#courseCnt .apply_tbl .find_company_box .selected_company_info{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-koce-primary);}

#courseCnt .apply_history_box{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_history_box .box_inner{padding: 10px 40px;}
#courseCnt .apply_history_box .history_line{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 70px;padding: 20px 0;}
#courseCnt .apply_history_box .history_line + .history_line{border-top: 1px solid #d9d9d9;}
#courseCnt .apply_history_box .history_line .line_tit_box{flex: 0 0 180px;}
#courseCnt .apply_history_box .history_line .line_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);text-align: center;}
#courseCnt .apply_history_box .history_line .line_cnt_box{flex: 1;}
#courseCnt .apply_history_box .history_line .line_cnt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
#courseCnt .apply_history_box .history_line .line_cnt + .line_cnt{}
#courseCnt .apply_history_box .history_line .line_cnt .schedule_sta{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}

#courseCnt .apply_notice_box{margin-top: 40px;}
#courseCnt .apply_notice_box .notice_msg{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}
#courseCnt .apply_notice_box .notice_msg.bold{font-weight: 700;}
#courseCnt .apply_notice_box .notice_msg + .notice_msg{margin-top: 10px;}

#courseCnt .apply_sect.payment_sect{margin-top: 40px;padding-top: 40px;border-top: 1px solid #d9d9d9;}
#courseCnt .apply_cnt_wrap{}
#courseCnt .apply_tbl_wrap + .apply_cnt_wrap{margin-top: 40px;}
#courseCnt .apply_cnt_wrap + .apply_cnt_wrap{margin-top: 40px;}
#courseCnt .apply_cnt_wrap .cnt_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#courseCnt .apply_cnt_wrap .icon_cnt_tit{width: 24px;height: 24px;background-image: url('../img/icon/icon_cnt_tit.svg');}
#courseCnt .apply_cnt_wrap .cnt_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#courseCnt .apply_cnt_wrap .cnt_tit_box + .cnt_box{margin-top: 20px;}

#courseCnt .apply_caution_box{}
#courseCnt .apply_caution_box .caution_item{}
#courseCnt .apply_caution_box .caution_item + .caution_item{margin-top: 8px;}
#courseCnt .apply_caution_box .caution_item .caution_txt{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 5px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#courseCnt .apply_caution_box .caution_item .caution_txt::before{display: inline-block;flex: 0 0 auto;}
#courseCnt .apply_caution_box .caution_item:nth-child(1) .caution_txt::before{content: '1.';}
#courseCnt .apply_caution_box .caution_item:nth-child(2) .caution_txt::before{content: '2.';}
#courseCnt .apply_caution_box .caution_item:nth-child(3) .caution_txt::before{content: '3.';}
#courseCnt .apply_caution_box .caution_item:nth-child(4) .caution_txt::before{content: '4.';}
#courseCnt .apply_caution_box .caution_item:nth-child(5) .caution_txt::before{content: '5.';}
#courseCnt .apply_caution_box .caution_item:nth-child(6) .caution_txt::before{content: '6.';}
#courseCnt .apply_caution_box .caution_item:nth-child(7) .caution_txt::before{content: '7.';}
#courseCnt .apply_caution_box .caution_item:nth-child(8) .caution_txt::before{content: '8.';}
#courseCnt .apply_caution_box .caution_item:nth-child(9) .caution_txt::before{content: '9.';}
#courseCnt .apply_caution_box .caution_item:nth-child(10) .caution_txt::before{content: '10.';}

#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-koce-primary2);border-color: var(--color-koce-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_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-koce-primary);border-color: var(--color-koce-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-koce-primary);border-color: var(--color-koce-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-koce-primary);border-color: var(--color-koce-primary);color: var(--color-white);}
#courseCnt .apply_btns_box .btns_apply_payment .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_step_box{margin-top: 40px;}
    #courseCnt .apply_step_box .apply_step_list{gap: 20px;}
    #courseCnt .apply_step_box .apply_step_item .item_inner{padding: 28px 16px 32px;}

    #courseCnt .apply_step_box .apply_step_item .apply_chk_box{width: 40px;height: 40px;position: static;}
    #courseCnt .apply_step_box .apply_step_item .apply_chk_box .icon_box{width: 20px;height: 20px;}

    #courseCnt .apply_step_box .apply_step_item .apply_icon_box{margin-top: 16px;}
    #courseCnt .apply_step_box .apply_step_item .apply_icon_box .icon_box{width: 80px;height: 80px;}

    #courseCnt .apply_sect + .apply_sect{margin-top: 60px;}
    #courseCnt .apply_sect.payment_sect{margin-top: 40px;}
    #courseCnt .apply_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    
    #courseCnt .apply_tbl_wrap + .apply_tbl_wrap{margin-top: 20px;}
    #courseCnt .apply_tbl_wrap + .apply_cnt_wrap{margin-top: 20px;}
    #courseCnt .apply_cnt_wrap + .apply_cnt_wrap{margin-top: 20px;}
    #courseCnt .apply_tbl_wrap .tbl_tit_box{gap: 8px;}
    #courseCnt .apply_cnt_wrap .cnt_tit_box{gap: 8px;}
    #courseCnt .apply_cnt_wrap .cnt_tit_box + .cnt_box{margin-top: 16px;}

    #courseCnt .apply_history_box .box_inner{padding: 10px 20px;}
    #courseCnt .apply_history_box .history_line{padding: 16px 0;gap: 40px;}
    #courseCnt .apply_history_box .history_line .line_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #courseCnt .apply_history_box .history_line .line_cnt{font-size: var(--fs-14);line-height: var(--lh-26);word-break: break-all;}
    #courseCnt .apply_history_box .history_line .line_cnt .schedule_sta{font-size: var(--fs-14);line-height: var(--lh-26);word-break: break-all;}

    #courseCnt .apply_notice_box .notice_msg{font-size: var(--fs-18);line-height: var(--lh-26);}

    #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;}

}
@media (max-width: 850px){
    #courseCnt .payment_sect .method_item{width: calc(50% - (16px/2));}
}

@media (max-width: 767px){
    #courseCnt .apply_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-29);}
    #courseCnt .apply_sect .sect_tit_box.d_flex{gap: 8px;}
    #courseCnt .apply_sect .sect_tit_box.d_flex .icon_course_info{width: 28px;height: 28px;background-image: url('../img/icon/icon_course_info.svg');}

    #courseCnt .apply_history_box .history_line{gap: 30px;}
    #courseCnt .apply_history_box .history_line .line_tit_box{flex: 0 0 140px;}
    #courseCnt .apply_history_box .history_line .line_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #courseCnt .apply_history_box .history_line .line_cnt{line-height: var(--lh-24);}
    #courseCnt .apply_history_box .history_line .line_cnt .schedule_sta{line-height: var(--lh-24);}

    #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;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_tbl .find_company_box{flex-wrap: wrap;column-gap: 16px;row-gap: 8px;}
    #courseCnt .apply_tbl .find_company_box .btns_search_company{height: 40px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .apply_tbl .find_company_box .selected_company_info{font-size: var(--fs-14);line-height: var(--lh-20);}
    
    #courseCnt .apply_notice_box .notice_msg{font-size: var(--fs-16);line-height: var(--lh-24);}

    #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_sect + .apply_sect{margin-top: 40px;}

    #courseCnt .apply_step_box{margin-top: 20px;}
    #courseCnt .apply_step_box .apply_step_list{gap: 10px;}
    #courseCnt .apply_step_box .apply_step_item .item_inner{padding: 20px 16px 24px;}

    #courseCnt .apply_step_box .apply_step_item .apply_chk_box{width: 30px;height: 30px;}
    #courseCnt .apply_step_box .apply_step_item .apply_chk_box .icon_box{width: 16px;height: 16px;}
    
    #courseCnt .apply_step_box .apply_step_item .apply_icon_box{margin-top: 10px;}
    #courseCnt .apply_step_box .apply_step_item .apply_icon_box .icon_box{width: 40px;height: 40px;}
    #courseCnt .apply_step_box .apply_step_item .apply_number{font-size: var(--fs-14);line-height: var(--lh-20);}
    #courseCnt .apply_step_box .apply_step_item .apply_tit{font-size: var(--fs-16);line-height: var(--lh-24);}

    #courseCnt .apply_history_box .history_line{gap: 20px;}
    #courseCnt .apply_history_box .history_line{flex-direction: column;}
    #courseCnt .apply_history_box .history_line .line_tit_box{flex: 0 0 auto;}

    #courseCnt .apply_tbl_wrap .tbl_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #courseCnt .apply_cnt_wrap .cnt_tit_box{align-items: flex-start;}
    #courseCnt .apply_cnt_wrap .cnt_tit{font-size: var(--fs-16);line-height: var(--lh-24);}

    #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 .apply_tbl_wrap .apply_tbl .frm_box.frm_company_info .frm_flex_box{flex-wrap: wrap;}

    #courseCnt .apply_tbl_wrap .apply_tbl .frm_box.frm_user_regi .frm_flex_box{flex-direction: column;}
    #courseCnt .apply_tbl .frm_user_regi .frm_flex_box .frm_inp_box{max-width: 100%;width: 100%;}
    #courseCnt .apply_tbl .frm_user_regi .frm_flex_box .dash{display: none;}

    #courseCnt .apply_caution_box .caution_item + .caution_item{margin-top: 6px;}
    #courseCnt .apply_caution_box .caution_item .caution_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #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_btns_box{flex-direction: column;gap: 12px;}
}
@media (max-width: 450px){
    #courseCnt .apply_step_box .apply_step_item .apply_chk_box{width: 20px;height: 20px;}
    #courseCnt .apply_step_box .apply_step_item .apply_chk_box .icon_box{width: 12px;height: 12px;}
    #courseCnt .apply_step_box .apply_step_item .item_inner{padding: 16px 8px 20px;}
    #courseCnt .apply_step_box .apply_step_item .apply_number_box{margin-top: 8px;}
    #courseCnt .apply_step_box .apply_step_item .apply_number{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-17);}
    #courseCnt .apply_step_box .apply_step_item .apply_tit_box{margin-top: 6px;}
    #courseCnt .apply_step_box .apply_step_item .apply_tit{font-size: var(--fs-12);line-height: var(--lh-17);}
}
@media (max-width: 375px){}
@media (max-width: 320px){
    #courseCnt .apply_step_box .apply_step_list{flex-wrap: wrap;}
    #courseCnt .apply_step_box .apply_step_item{flex: 0 0 auto;width: calc(50% - (10px/2));}
}
@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;}
}


/* 레이어팝업 */
.ly_pop .company_search_wrap{}

.ly_pop .company_search_wrap .company_search_box{}
.ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.ly_pop .company_search_wrap .company_search_box .frm_inp_box{flex: 1;width: calc(100% - 98px);}
.ly_pop .company_search_wrap .company_search_box .frm_btn_box{flex: 0 0 auto;}
.ly_pop .company_search_wrap .company_search_box .frm_inp_btns{display: block;width: 90px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}

.ly_pop .company_search_wrap .company_result_box{margin-top: 30px;padding: 0 10px;border-top: 1px solid var(--color-blue);}
.ly_pop .company_search_wrap .company_result_box .company_result_item{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 10px;margin-top: 30px;}
.ly_pop .company_search_wrap .company_result_box .company_result_item p{flex: 1;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
.ly_pop .company_search_wrap .company_result_box .company_result_item .btns_company_select{flex: 0 0 auto;display: block;width: 100%;max-width: 80px;height: 40px;padding: 10px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 4px;box-sizing: border-box;}

.ly_pop .company_search_wrap .company_result_box .company_noresult_item{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;margin-top: 30px;}
.ly_pop .company_search_wrap .company_result_box .company_noresult_item p{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}

.ly_pop .company_search_wrap .company_edit_box{margin-top: 60px;}
.ly_pop .company_search_wrap .company_edit_box .frm_box + .frm_box{margin-top: 10px;}

.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{display: flex;align-items: flex-start;flex-wrap: wrap;gap: 10px;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_box + .frm_inp_box{}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr1_box{flex: 1;width: 100%;max-width: calc(100% - 100px);}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_btn_box{flex: 0 0 auto;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{display: block;width: 90px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr2_box{width: 100%;}

.ly_pop .receipt_save_wrap{}
.ly_pop .receipt_tit_box{}
.ly_pop .receipt_tit_box .receipt_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
.ly_pop .receipt_tbl_box{width: 100%;margin-top: 30px;padding: 30px 20px;border-top: 1px solid var(--color-black);box-sizing: border-box;overflow: hidden;overflow-x: auto;}
.ly_pop .receipt_tbl_box .receipt_tbl{width: 100%;table-layout: auto;border-collapse: collapse;}
.ly_pop .receipt_tbl_box .receipt_tbl th,
.ly_pop .receipt_tbl_box .receipt_tbl td{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);text-align: center;vertical-align: middle;word-break: break-all;border: 1px solid #d6d6d6;}
.ly_pop .receipt_tbl_box .receipt_tbl th{padding: 20px 8px;font-weight: 500;background-color: #fafafa;}
.ly_pop .receipt_tbl_box .receipt_tbl td{padding: 10px 20px;text-align: left;}

.ly_pop .receipt_tbl_box .receipt_tbl .bizRegNo_box{display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.ly_pop .receipt_tbl_box .receipt_tbl .bizRegNo_box .bizRegNo_numb{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);}
.ly_pop .receipt_tbl_box .receipt_tbl .bizRegNo_box .btns_find_company{height: 40px;padding: 10px 20px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-blue);background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;}
.ly_pop .receipt_tbl_box .receipt_tbl .date_pick_box .frm_inp_date{max-width: 220px;background-image: url('../img/icon/icon_inp_date.svg');background-repeat: no-repeat;background-size: 24px 24px;background-position: center right 10px;cursor: pointer;}

.ly_pop .receipt_tbl_box .receipt_tbl .frm_receipt_radio .frm_flex_box{flex-wrap: wrap;}

/* 회사등록 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_edit_company{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_edit_company .btns_name{color: var(--color-white);}
/* 계산서발행정보저장 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_receipt_save{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_receipt_save .btns_name{color: var(--color-white);}
/* 레이어팝업 확인 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_confirm_alert{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_confirm_alert .btns_name{color: var(--color-white);}

@media (max-width: 800px){
    .ly_pop .receipt_tit_box .receipt_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    .ly_pop .receipt_tbl_box{margin-top: 20px;padding: 20px 0;}
    .ly_pop .receipt_tbl_box .receipt_tbl th{padding: 12px 8px;}
    .ly_pop .receipt_tbl_box .receipt_tbl td{padding: 10px;}

}
@media (max-width: 767px){
    .ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{gap: 8px;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_btns{height: 50px;padding: 15px 0;line-height: var(--lh-20);}

    .ly_pop .company_search_wrap .company_result_box{margin-top: 20px;}
    .ly_pop .company_search_wrap .company_result_box .company_result_item{margin-top: 20px;gap: 8px;}
    .ly_pop .company_search_wrap .company_result_box .company_result_item p{font-size: var(--fs-16);line-height: var(--lh-22);}
    .ly_pop .company_search_wrap .company_result_box .company_result_item .btns_company_select{height: 36px;padding: 8px 0;}
    .ly_pop .company_search_wrap .company_result_box .company_noresult_item{margin-top: 20px;}
    .ly_pop .company_search_wrap .company_result_box .company_noresult_item p{font-size: var(--fs-16);line-height: var(--lh-22);}

    .ly_pop .company_search_wrap .company_edit_box{margin-top: 32px;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{gap: 8px;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{height: 50px;padding: 15px 0;line-height: var(--lh-20);}
}
@media (max-width: 600px){
    .ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{flex-direction: column;align-items: flex-start;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_box{width: 100%;flex: 1;}
    .ly_pop .company_search_wrap .company_search_box .frm_btn_box{width: 100%;flex: 1;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_btns{width: 100%;}

    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{flex-direction: column;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr1_box{order: 0;max-width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_btn_box{flex: 1;order: 2;width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr2_box{flex: 1;order: 1;width: 100%;}

    .ly_pop .receipt_tbl_box .receipt_tbl .bizRegNo_box{flex-direction: column;align-items: flex-start;gap: 10px;}
    .ly_pop .receipt_tbl_box .receipt_tbl .bizRegNo_box .btns_find_company{width: 100%;text-align: center;}

    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="text"],
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="password"],
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="tel"],
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="number"],
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="email"]{height: 44px;padding: 10px 8px;font-size: var(--fs-14);line-height: var(--lh-20);}

    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="text"]::placeholder,
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="password"]::placeholder,
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="tel"]::placeholder,
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="number"]::placeholder,
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="email"]::placeholder{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray2);}
    .ly_pop .receipt_tbl_box .receipt_tbl .frm_box .frm_inp_box input[type="date"]::placeholder{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray2);}


}
/* **************************** 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:고객센터 - 게시판 **************************** */


/* **************************** S:학습유의사항  **************************** */
#attnCnt{padding-top: 80px;padding-bottom: 160px;}
#attnCnt .page_bd {margin-top: 30px;overflow: hidden;}
#attnCnt .attn_tab_wrap{}
#attnCnt .attn_tab_wrap .attn_cnt_box{}
#attnCnt .attn_tab_wrap .attn_tab_cnt{display: none;opacity: 0;}
#attnCnt .attn_tab_wrap .attn_tab_cnt.active{display: block;opacity: 1;}

#attnCnt .attn_cate_box{margin: 60px auto 30px;padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;}
#attnCnt .attn_cate_list{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#attnCnt .attn_cate_item{width: 250px;}
#attnCnt .attn_cate_item .attn_cate_link{display: block;width: 100%;height: 60px;padding: 13px 10px 15px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_cate_item.active .attn_cate_link{color: var(--color-white);background-color: var(--color-koce-primary);border-color: var(--color-koce-primary);}

#attnCnt .tbl_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#attnCnt .icon_tbl_tit{width: 24px;height: 24px;background-image: url('../img/icon/icon_cnt_tit.svg');}
#attnCnt .tbl_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}

#attnCnt .attn_sect{}
#attnCnt .attn_sect + .attn_sect{margin-top: 40px;}
#attnCnt .attn_sect .sect_inner{}

#attnCnt .attn_sect .sect_hd{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#attnCnt .attn_sect .sect_icon_box{flex: 0 0 auto;line-height: 0;}
#attnCnt .attn_sect .sect_icon_box .icon_box{width: 32px;height: 32px;}
#attnCnt .attn_sect .sect_icon_box .icon_attn_step{background-image: url('../img/icon/icon_attn_step.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_attn_standard{background-image: url('../img/icon/icon_attn_standard.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_attn_notice{background-image: url('../img/icon/icon_attn_notice.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_support_program{background-image: url('../img/icon/icon_support_program.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_repl_def{background-image: url('../img/icon/icon_repl_def.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_repl_proc{background-image: url('../img/icon/icon_repl_proc.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_repl_crit{background-image: url('../img/icon/icon_repl_crit.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_repl_std{background-image: url('../img/icon/icon_repl_std.svg');}
#attnCnt .attn_sect .sect_icon_box .icon_repl_mon{background-image: url('../img/icon/icon_repl_mon.svg');}
#attnCnt .attn_sect .sect_tit_box{flex: 1;}
#attnCnt .attn_sect .sect_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-56);color: var(--color-base);}

#attnCnt .cnt_flx_cont{}
#attnCnt .cnt_flx_cont + .cnt_flx_cont{margin-top:50px}
#attnCnt .cnt_flx_box{display:flex;flex-direction: column;margin-top: 20px;gap: 20px;}
#attnCnt .cnt_flx_box .flx_top{display:flex;justify-content: space-between;}
#attnCnt .cnt_flx_box .flx_top .flx_tit{display: flex;align-items: center;gap: 10px;font-size:var(--fs-16);font-weight:700;}
#attnCnt .cnt_flx_box .flx_top .flx_tit span{line-height:var(--lh-24);color:var(--color-koce-primary);border:solid 1px #ccc;padding:5px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;margin:0 auto;padding:4px 10px;background-color:var(--color-white);border:1px solid var(--color-koce-primary);border-radius:4px;box-sizing:border-box}
#attnCnt .cnt_flx_box .flx_cont{display:flex;gap:20px}
#attnCnt .cnt_flx_box .flx_cont .flx_cont_img{width: 50%;}
#attnCnt .cnt_flx_box .flx_cont .flx_cont_img img{width: 100%;}

#attnCnt .cnt_flx_cont .cnt_txt_box{padding-bottom:20px}
#attnCnt .cnt_flx_cont .cnt_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}


#attnCnt .attn_sect .sect_bd{margin-top: 20px;}

#attnCnt .attn_step_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#attnCnt .attn_step_box .attn_step_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: nowrap;padding: 0 20px;}
#attnCnt .attn_step_box .attn_step_list.row3{column-gap: 80px;}
#attnCnt .attn_step_box .attn_step_list.row4{column-gap: 60px;}

#attnCnt .attn_step_box .attn_step_item{flex: 1;position: relative;}
#attnCnt .attn_step_box .attn_step_list.row3 .attn_step_item + .attn_step_item::before{left: -55px;}
#attnCnt .attn_step_box .attn_step_list.row4 .attn_step_item + .attn_step_item::before{left: -45px;}
#attnCnt .attn_step_box .attn_step_item + .attn_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;}
#attnCnt .attn_step_box .attn_step_item .item_hd{padding: 30px 20px;}
#attnCnt .attn_step_box .attn_step_item .item_step_box{}
#attnCnt .attn_step_box .attn_step_item .item_step{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#attnCnt .attn_step_box .attn_step_item .item_txt_box{margin-top: 25px;min-height: 52px;}
#attnCnt .attn_step_box .attn_step_item .item_txt{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);}

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

#attnCnt .attn_std_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#attnCnt .attn_std_box .attn_std_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: nowrap;padding: 0 20px;}
#attnCnt .attn_std_box .attn_std_list.row3{column-gap: 80px;}
#attnCnt .attn_std_box .attn_std_list.row4{column-gap: 60px;}

#attnCnt .attn_std_box .attn_std_item{flex: 1;position: relative;}
#attnCnt .attn_std_box .attn_std_list.row3 .attn_std_item + .attn_std_item::before{left: -60px;}
#attnCnt .attn_std_box .attn_std_list.row4 .attn_std_item + .attn_std_item::before{left: -50px;}

#attnCnt .attn_std_box .attn_std_item + .attn_std_item::before{content: '';display: block;width: 40px;height: 40px;background-image: url('../img/icon/icon_standard_plus.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;top: calc(50% - 10px);transform: translateY(-50%);z-index: 1;}
#attnCnt .attn_std_box .attn_std_item + .attn_std_item:last-child::before{background-image: url('../img/icon/icon_standard_equal.svg');}
#attnCnt .attn_std_box .attn_std_item .item_hd{padding: 30px 20px;}
#attnCnt .attn_std_box .attn_std_item .item_tit_box{}
#attnCnt .attn_std_box .attn_std_item .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}

#attnCnt .attn_std_box .attn_std_item .item_bd{}
#attnCnt .attn_std_box .attn_std_item .item_desc_box{padding: 20px 20px 30px;border-top: 1px solid #d9d9d9;}
#attnCnt .attn_std_box .attn_std_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-30);color: var(--color-gray);}
#attnCnt .attn_std_box .attn_std_item .item_desc .per_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);vertical-align: bottom;}

#attnCnt .attn_notice_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#attnCnt .attn_notice_box .box_hd{}
#attnCnt .attn_notice_box .notice_cate_box{position: relative;}
#attnCnt .attn_notice_box .notice_cate_box::after{content: '';display: block;width: 100%;height: 1px;background-color: #ccc;position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;}
#attnCnt .attn_notice_box .notice_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;}
#attnCnt .attn_notice_box .notice_cate_item{padding: 40px 30px;position: relative;}
#attnCnt .attn_notice_box .notice_cate_item:after{content: '';width: 0%;height: 2px;background-color: var(--color-koce-primary2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;transition: width .3s;}
#attnCnt .attn_notice_box .notice_cate_item.active:after{width: 100%;}
#attnCnt .attn_notice_box .notice_cate_btn{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: #aaa;white-space: nowrap;transition: color .3s;}
#attnCnt .attn_notice_box .notice_cate_item.active .notice_cate_btn{color: var(--color-koce-primary);}

#attnCnt .attn_notice_box .box_bd{padding: 50px 30px;}
#attnCnt .attn_notice_box .notice_cnt_box{}

#attnCnt .attn_notice_box .cnt_txt_box{}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line{padding-left: 24px;position: relative;}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line + .txt_line{margin-top: 10px;}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line::before{content: '';display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);position: absolute;left: 0;top: 0;}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(1):before{content: '1.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(2):before{content: '2.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(3):before{content: '3.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(4):before{content: '4.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(5):before{content: '5.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(6):before{content: '6.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(7):before{content: '7.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(8):before{content: '8.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(9):before{content: '9.';}
#attnCnt .attn_notice_box .cnt_txt_box .txt_line:nth-child(10):before{content: '10.';}

#attnCnt .attn_notice_box .cnt_txt_box .cnt_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}

#attnCnt .attn_notice_box .cnt_card_list{margin-top: 20px;margin-bottom: 30px;}
#attnCnt .attn_notice_box .cnt_card_list .cnt_card_item{padding: 20px;background-color: #f6f6f6;border: 1px solid #ccc;border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_notice_box .cnt_card_list .cnt_card_item + .cnt_card_item{margin-top: 10px;}
#attnCnt .attn_notice_box .cnt_card_list .cnt_card_item.big{padding: 30px;}
#attnCnt .attn_notice_box .cnt_card_list .card_item_line{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 20px;}
#attnCnt .attn_notice_box .cnt_card_list .card_item_line + .card_item_line{margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_card_list .item_tit_box{flex: 0 0 60px;}
#attnCnt .attn_notice_box .cnt_card_list .cnt_card_item.big .item_tit_box{flex: 0 0 90px;text-align: right;}
#attnCnt .attn_notice_box .cnt_card_list .item_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_card_list .item_txt_box{flex: 1;}
#attnCnt .attn_notice_box .cnt_card_list .item_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_card_list .item_txt .point{font-weight: 700;}

#attnCnt .attn_notice_box .cnt_card_list.type2{display: flex;align-items: stretch;flex-wrap: wrap;gap: 20px;}
#attnCnt .attn_notice_box .cnt_card_list.type2 .cnt_card_item{width: 180px;padding: 14px;background-color: #f6f6f6;border: 1px solid #ccc;border-radius: 8px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
#attnCnt .attn_notice_box .cnt_card_list.type2 .cnt_card_item + .cnt_card_item{margin-top: 0;}
#attnCnt .attn_notice_box .cnt_card_list.type2 .item_txt_box{flex: unset;}

#attnCnt .attn_notice_box .cnt_ox_box{margin-top: 30px;padding-top: 30px;border-top: 1px solid #ccc;}
#attnCnt .attn_notice_box .cnt_ox_box .box_tit{}
#attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit .point{display: inline;font-size: var(--fs-18);font-weight: 700;color: #343465;}
#attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit .bold{display: inline;font-size: var(--fs-18);font-weight: 700;}

#attnCnt .attn_notice_box .cnt_ox_box .ox_box{margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_line{display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_line + .ox_line{margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_icon_box{flex: 0 0 auto;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_icon_box .icon_box{width: 30px;height: 30px;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_icon_box .icon_o{background-image: url('../img/icon/icon_o.svg');}
#attnCnt .attn_notice_box .cnt_ox_box .ox_icon_box .icon_x{background-image: url('../img/icon/icon_x.svg');}
#attnCnt .attn_notice_box .cnt_ox_box .ox_item_list{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_item{width: 180px;height: 54px;padding: 14px 10px 16px;background-color: var(--color-white);border: 1px solid #ccc;border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_notice_box .cnt_ox_box .ox_item .item_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);text-align: center;}

#attnCnt .attn_notice_box .cnt_warning_box{width: 100%;margin-top: 30px;padding: 30px;background-color: #f6f6f6;border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_notice_box .cnt_warning_box.type2{margin-top: 10px;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_tit{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_tit .icon_warning{width: 30px;height: 30px;background-image: url('../img/icon/icon_warning.svg');}
#attnCnt .attn_notice_box .cnt_warning_box .warning_tit .tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}

#attnCnt .attn_notice_box .cnt_warning_box .warning_item_list{margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_item{padding-left: 28px;position: relative;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_item::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: 4px;top: 4px;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_item + .warning_item{margin-top: 10px;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_item .warning_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}

#attnCnt .attn_notice_box .cnt_warning_box .warning_btns{margin-left: 28px;margin-top: 20px;display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 10px;height: 40px;padding: 8px 20px 10px;background-color: var(--color-white);border: 1px solid #425dbb;border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_btns .btns_name{flex: 1;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: #425dbb;}
#attnCnt .attn_notice_box .cnt_warning_box .warning_btns .icon_box{width: 18px;height: 18px;background-image: url('../img/icon/icon_links.svg');flex: 0 0 auto;}

#attnCnt .attn_notice_box .cnt_tbl_box{width: 100%;margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_tbl_wrap{width: 100%;max-width: 920px;overflow: hidden;overflow-x: auto;}
#attnCnt .attn_notice_box .cnt_tbl{width: 100%;min-width: 600px;table-layout: auto;border-collapse: collapse;}
#attnCnt .attn_notice_box .cnt_tbl th,
#attnCnt .attn_notice_box .cnt_tbl td{border: 1px solid #d6d6d6;text-align: center;vertical-align: middle;word-break: break-all;}
#attnCnt .attn_notice_box .cnt_tbl th{padding: 20px;background-color: #fafafa;}
#attnCnt .attn_notice_box .cnt_tbl th div{font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_tbl td{padding: 10px;background-color: var(--color-white);}
#attnCnt .attn_notice_box .cnt_tbl td div{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_tbl td.point{background-color: #EFCC60;}

#attnCnt .attn_notice_box .cnt_tbl_info{margin-top: 20px;}
#attnCnt .attn_notice_box .cnt_tbl_info .info_line{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 10px;}
#attnCnt .attn_notice_box .cnt_tbl_info .info_tit_box{flex: 0 0 70px;}
#attnCnt .attn_notice_box .cnt_tbl_info .info_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-base);}
#attnCnt .attn_notice_box .cnt_tbl_info .info_txt_box{flex: 1;}
#attnCnt .attn_notice_box .cnt_tbl_info .info_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);}

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

#attnCnt .attn_spec_box{margin-top: 40px;}
#attnCnt .attn_spec_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 30px;row-gap: 20px;}
#attnCnt .attn_spec_item{flex: 1 1 calc(33.3334% - (60px/3));background-color: var(--color-white);border-bottom: 2px solid #ccc;box-sizing: border-box;}
#attnCnt .attn_spec_item.item_memory{flex: 1 1 calc(50% - (30px/2));}
#attnCnt .attn_spec_item.item_resolution{flex: 1 1 calc(50% - (30px/2));}

#attnCnt .attn_spec_item .item_inner{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 50px;height: 100%;padding: 48px;background-color: var(--color-white);box-sizing: border-box;}
#attnCnt .attn_spec_item .item_left{flex: 0 0 auto;}
#attnCnt .attn_spec_item .item_icon_box{}
#attnCnt .attn_spec_item .item_icon_box .icon_box{width: 70px;height: 70px;}
#attnCnt .attn_spec_item .item_icon_box .icon_browser{background-image: url('../img/icon/icon_browser.png');}
#attnCnt .attn_spec_item .item_icon_box .icon_speed{background-image: url('../img/icon/icon_speed.svg');}
#attnCnt .attn_spec_item .item_icon_box .icon_cpu{background-image: url('../img/icon/icon_cpu.svg');}
#attnCnt .attn_spec_item .item_icon_box .icon_memory{background-image: url('../img/icon/icon_memory.svg');}
#attnCnt .attn_spec_item .item_icon_box .icon_resolution{background-image: url('../img/icon/icon_resolution.svg');}
#attnCnt .attn_spec_item .item_right{}
#attnCnt .attn_spec_item .item_tit_box{}
#attnCnt .attn_spec_item .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#attnCnt .attn_spec_item .item_desc_box{margin-top: 16px;}
#attnCnt .attn_spec_item .item_desc{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);}

#attnCnt .attn_program_box{}
#attnCnt .attn_program_list{border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}
#attnCnt .attn_program_item{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: nowrap;padding: 26px 20px;background-color: var(--color-white);box-sizing: border-box;}
#attnCnt .attn_program_item + .attn_program_item{border-top: 1px solid #dfdfdf;}
#attnCnt .attn_program_item .item_desc_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}

#attnCnt .attn_program_item .item_icon_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;padding: 10px 20px;background-color: var(--color-white);border-radius: 40px;box-sizing: border-box;overflow: hidden;}
#attnCnt .attn_program_item.item_hancom .item_icon_box{border: 1px solid #209DDF;}
#attnCnt .attn_program_item.item_acrobat .item_icon_box{border: 1px solid #C24632;}
#attnCnt .attn_program_item.item_ppt .item_icon_box{border: 1px solid #A0210B;}
#attnCnt .attn_program_item.item_remote .item_icon_box{border: 1px solid #1D7FF9;}

#attnCnt .attn_program_item .item_icon_box .icon_box{height: 18px;}
#attnCnt .attn_program_item .item_icon_box .icon_name{display: inline-block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);}

#attnCnt .attn_program_item.item_hancom .item_icon_box .icon_name{color: #209DDF;}
#attnCnt .attn_program_item.item_hancom .item_icon_box .icon_box{width: 13px;background-image: url('../img/icon/icon_hancom.svg');}

#attnCnt .attn_program_item.item_acrobat .item_icon_box .icon_name{color: #C24632;}
#attnCnt .attn_program_item.item_acrobat .item_icon_box .icon_box{width: 19px;background-image: url('../img/icon/icon_acrobat.svg');}

#attnCnt .attn_program_item.item_ppt .item_icon_box .icon_name{color: #A0210B;}
#attnCnt .attn_program_item.item_ppt .item_icon_box .icon_box{width: 19px;background-image: url('../img/icon/icon_ppt.svg');}

#attnCnt .attn_program_item.item_remote .item_icon_box .icon_name{color: #1D7FF9;}
#attnCnt .attn_program_item.item_remote .item_icon_box .icon_box{width: 27px;background-image: url('../img/icon/icon_remote_program.svg');}

#attnCnt .attn_program_item .item_subject_box{flex: 0 0 auto;}
#attnCnt .attn_program_item .item_subject{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);}

#attnCnt .attn_program_item .item_btn_box{flex: 0 0 auto;}
#attnCnt .attn_program_item .item_down_btns{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;height: 40px;padding: 10px 20px;background-color: var(--color-koce-primary2);border-radius: 8px;box-sizing: border-box;}
#attnCnt .attn_program_item .item_down_btns .icon_program_down{width: 18px;height: 18px;background-image: url('../img/icon/icon_program_down.svg');flex: 0 0 auto;}
#attnCnt .attn_program_item .item_down_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-white);flex: 0 0 auto;}

/* 모사답안 */
#attnCnt .replicated_cnt_wrap{margin-top: 30px;}
#attnCnt .repl_def_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 70px;padding: 50px;background: linear-gradient(90deg, rgba(122,174,208,1) 0%, rgba(66,93,187,1) 100%);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#attnCnt .repl_def_box .def_thumb_box{flex: 0 0 auto;height: 100px;}
#attnCnt .repl_def_box .def_thumb_box .img_box{height: 100%;line-height: 0;}
#attnCnt .repl_def_box .def_thumb_box .img_box img{height: 100%;}
#attnCnt .repl_def_box .def_desc_box{flex: 1;}
#attnCnt .repl_def_box .def_desc_box .desc_tit_box{}
#attnCnt .repl_def_box .def_desc_box .desc_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-40);color: var(--color-white);}
#attnCnt .repl_def_box .def_desc_box .desc_txt_box{margin-top: 20px;}
#attnCnt .repl_def_box .def_desc_box .desc_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}

#attnCnt .repl_proc_box{}

#attnCnt .repl_proc_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#attnCnt .repl_proc_box .repl_proc_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: nowrap;padding: 0 20px;}
#attnCnt .repl_proc_box .repl_proc_list.row3{column-gap: 80px;}
#attnCnt .repl_proc_box .repl_proc_list.row4{column-gap: 60px;}

#attnCnt .repl_proc_box .repl_proc_item{flex: 1;position: relative;}
#attnCnt .repl_proc_box .repl_proc_list.row3 .repl_proc_item + .repl_proc_item::before{left: -55px;}
#attnCnt .repl_proc_box .repl_proc_list.row4 .repl_proc_item + .repl_proc_item::before{left: -45px;}
#attnCnt .repl_proc_box .repl_proc_item + .repl_proc_item::before{content: '';display: block;width: 30px;height: 30px;background-image: url('../img/icon/icon_repl_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
#attnCnt .repl_proc_box .repl_proc_item .item_inner{height: 100%;}
#attnCnt .repl_proc_box .repl_proc_item .item_hd{padding: 30px 20px 20px;}
#attnCnt .repl_proc_box .repl_proc_item .item_tit_box{}
#attnCnt .repl_proc_box .repl_proc_item .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#attnCnt .repl_proc_box .repl_proc_item .item_txt_box{margin-top: 6px;}
#attnCnt .repl_proc_box .repl_proc_item .item_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}

#attnCnt .repl_proc_box .repl_proc_item .item_bd{}
#attnCnt .repl_proc_box .repl_proc_item .item_desc_box{padding: 20px 20px;border-top: 1px solid #d9d9d9;}
#attnCnt .repl_proc_box .repl_proc_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-30);color: var(--color-gray);}
#attnCnt .repl_proc_box .repl_proc_item .item_desc.red{color: var(--color-red);}
#attnCnt .repl_proc_box .repl_proc_item .item_desc span{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);vertical-align: bottom;}
#attnCnt .repl_proc_box .repl_proc_item .item_desc span.red{color: var(--color-red);}
#attnCnt .repl_proc_box .repl_proc_item .item_desc span.blue{color: var(--color-blue);}

#attnCnt .repl_crit_box{}
#attnCnt .repl_crit_box .repl_crit_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#attnCnt .repl_crit_box .repl_crit_item{flex: 1;background-color: var(--color-white);border-bottom: 2px solid #ccc;box-sizing: border-box;}
#attnCnt .repl_crit_box .repl_crit_item .item_inner{width: 100%;height: 100%;padding: 40px;box-sizing: border-box;display: flex;align-items: center;flex-wrap: nowrap;gap: 60px;}
#attnCnt .repl_crit_box .repl_crit_item .item_icon_box{flex: 0 0 auto;line-height: 0;}
#attnCnt .repl_crit_box .repl_crit_item .item_icon_box .icon_box{width: 100px;height: 100px;}
#attnCnt .repl_crit_box .repl_crit_item .item_icon_box .repl_crit_cnt01{background-image: url('../img/icon/repl_crit_cnt01.svg');}
#attnCnt .repl_crit_box .repl_crit_item .item_icon_box .repl_crit_cnt02{background-image: url('../img/icon/repl_crit_cnt02.svg');}

#attnCnt .repl_crit_box .repl_crit_item .item_desc_box{flex: 1;}
#attnCnt .repl_crit_box .repl_crit_item .item_tit_box{}
#attnCnt .repl_crit_box .repl_crit_item .item_tit{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}
#attnCnt .repl_crit_box .repl_crit_item .item_txt_box{margin-top: 10px;}
#attnCnt .repl_crit_box .repl_crit_item .item_txt{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-42);color: var(--color-black);}

#attnCnt .repl_std_box{width: 100%;padding: 30px;background-color: var(--color-white);border-bottom: 2px solid #ccc;box-sizing: border-box;}
#attnCnt .repl_std_box .repl_std_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#attnCnt .repl_std_box .repl_std_item{width: calc(33.3334% - (40px/3));padding: 50px;background-color: #f6f6f6;border-radius: 8px;box-sizing: border-box;overflow: hidden;position: relative;}
#attnCnt .repl_std_box .repl_std_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-koce-primary2);border-top-left-radius: 8px;border-bottom-right-radius: 8px;box-sizing: border-box;}
#attnCnt .repl_std_box .repl_std_item .item_numb{display: inline-block;font-size: var(--fs-24);font-weight: 500;line-height: 1;color: var(--color-white);}
#attnCnt .repl_std_box .repl_std_item .item_desc_box{height: 100%;min-height: 52px;display: flex;align-items: center;justify-content: center;}
#attnCnt .repl_std_box .repl_std_item .item_desc{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);text-align: center;}

#attnCnt .repl_std_box .repl_std_result{margin-top: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;}
#attnCnt .repl_std_box .repl_std_result .result_icon_box{}
#attnCnt .repl_std_box .repl_std_result .icon_result_arr{width: 40px;height: 40px;background-image: url('../img/icon/icon_result_arr.svg');}
#attnCnt .repl_std_box .repl_std_result .result_msg_box{padding: 16px 50px;background-color: var(--color-red);border-radius: 100px;box-sizing: border-box;overflow: hidden;}
#attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-white);text-align: center;}
#attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg span{display: block;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-white);}


#attnCnt .repl_mon_box{}
#attnCnt .repl_mon_box .repl_mon_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#attnCnt .repl_mon_box .repl_mon_item{flex: 1;background-color: var(--color-white);border-bottom: 2px solid #ccc;box-sizing: border-box;}
#attnCnt .repl_mon_box .repl_mon_item .item_inner{width: 100%;height: 100%;padding: 30px;box-sizing: border-box;}
#attnCnt .repl_mon_box .repl_mon_item .item_tit_box{padding-bottom: 20px;border-bottom: 1px solid var(--color-base);}
#attnCnt .repl_mon_box .repl_mon_item .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#attnCnt .repl_mon_box .repl_mon_item .item_desc_box{margin-top: 30px;}
#attnCnt .repl_mon_box .repl_mon_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-base);padding-left: 22px;position: relative;}
#attnCnt .repl_mon_box .repl_mon_item .item_desc + .item_desc{margin-top: 10px;}
#attnCnt .repl_mon_box .repl_mon_item .item_desc::before{content: '';display: block;width: 16px;height: 16px;background-image: url('../img/icon/icon_warning_line.svg');position: absolute;left: 0;top: 4px;}


#attnCnt .calendar_cnt_wrap{margin-top: 40px;}
#attnCnt .edu_calendar_box{width: 100%;padding: 60px 20px 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;}
#attnCnt .edu_calendar_box #eduCalendar .fc-event{cursor: pointer;}
#attnCnt .edu_calendar_box #eduCalendar .fc-prev-button {background-color: #425DBB; color: #ffffff;border: none;}
#attnCnt .edu_calendar_box #eduCalendar .fc-next-button {background-color: #425DBB; color: #ffffff;border: none;}
#attnCnt .edu_calendar_box #eduCalendar .fc-today-button {background-color: #ffffff; color: var(--color-base);border: 1px solid var(--color-base);}
#attnCnt .edu_calendar_box #eduCalendar .fc-today-button:disabled {opacity: 1;cursor: not-allowed;}
#attnCnt .edu_calendar_box #eduCalendar .fc-prev-button:hover,
#attnCnt .edu_calendar_box #eduCalendar .fc-next-button:hover{background-color: #425DBB; /* hover 시 배경색 */}

.ly_pop .onsite_info_box{}
.ly_pop .onsite_info_box .onsite_info_tbl{}
.ly_pop .onsite_info_box .onsite_info_tbl{table-layout: auto;border-collapse: collapse;}
.ly_pop .onsite_info_box .onsite_info_tbl th,
.ly_pop .onsite_info_box .onsite_info_tbl td{padding: 16px 10px;font-size: var(--fs-14);line-height: var(--lh-20);color: var(--color-base);border: 1px solid #ccc;}
.ly_pop .onsite_info_box .onsite_info_tbl th{font-weight: 700;text-align: center;vertical-align: middle;background-color: #fafafa;}
.ly_pop .onsite_info_box .onsite_info_tbl td{font-weight: 500;text-align: left;vertical-align: middle;background-color: var(--color-white);word-break: break-word;}

.ly_pop .ly_bd .ly_btns_box .btns_ly_closed{border-color: var(--color-blue);color: var(--color-blue);}
.ly_pop .ly_bd .ly_btns_box .btns_ly_closed .btns_name{color: var(--color-blue);}


@media (max-width: 1099px){
    #attnCnt{padding-top: 60px;padding-bottom: 120px;}
    #attnCnt .attn_sect .sect_hd{align-items: flex-start;}
    #attnCnt .attn_sect .sect_icon_box .icon_box{width: 30px;height: 30px;}
    #attnCnt .attn_sect .sect_tit{font-size: var(--fs-20);line-height: var(--lh-30);}

    #attnCnt .attn_cate_box{margin: 40px auto 30px;}
    #attnCnt .attn_cate_item{width: auto;}
    #attnCnt .attn_cate_item .attn_cate_link{height: 50px;padding: 12px 20px 14px;font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .attn_step_box .attn_step_list{padding: 0 16px;}
    #attnCnt .attn_step_box .attn_step_list.row3{column-gap: 60px;}
    #attnCnt .attn_step_box .attn_step_list.row4{column-gap: 40px;}
    #attnCnt .attn_step_box .attn_step_item + .attn_step_item::before{width: 20px;height: 20px;}
    #attnCnt .attn_step_box .attn_step_list.row3 .attn_step_item + .attn_step_item::before{left: -40px;}
    #attnCnt .attn_step_box .attn_step_list.row4 .attn_step_item + .attn_step_item::before{left: -30px;}

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

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

    #attnCnt .attn_std_box .attn_std_list{padding: 0 16px;}
    #attnCnt .attn_std_box .attn_std_list.row3{column-gap: 60px;}
    #attnCnt .attn_std_box .attn_std_list.row4{column-gap: 60px;}
    #attnCnt .attn_std_box .attn_std_item + .attn_std_item::before{width: 30px;height: 30px;}
    #attnCnt .attn_std_box .attn_std_list.row3 .attn_std_item + .attn_std_item::before{left: -45px;}
    #attnCnt .attn_std_box .attn_std_list.row4 .attn_std_item + .attn_std_item::before{left: -45px;}

    #attnCnt .attn_std_box .attn_std_item .item_hd{padding: 20px 16px;}
    #attnCnt .attn_std_box .attn_std_item .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #attnCnt .attn_std_box .attn_std_item .item_desc_box{padding: 20px 16px 30px;}
    #attnCnt .attn_std_box .attn_std_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_std_box .attn_std_item .item_desc .per_sta{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .notice_cate_item{padding: 30px 20px;}
    #attnCnt .attn_notice_box .notice_cate_btn{font-size: var(--fs-18);line-height: var(--lh-26);}

    #attnCnt .attn_notice_box .box_bd{padding: 30px 20px;}

    #attnCnt .attn_spec_list{column-gap: 20px;}
    #attnCnt .attn_spec_item{flex: 1 1 calc(33.3334% - (40px/3));}
    #attnCnt .attn_spec_item.item_cpu{flex: 1 1 calc(50% - (20px/2))}
    #attnCnt .attn_spec_item.item_memory{flex: 1 1 calc(50% - (20px/2))}
    #attnCnt .attn_spec_item.item_resolution{flex: 1 1 calc(50% - (20px/2))}
    #attnCnt .attn_spec_item .item_inner{padding: 48px 24px;gap: 30px;}
    #attnCnt .attn_spec_item .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #attnCnt .attn_spec_item .item_desc{font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .attn_program_item{padding: 24px 20px;}
    #attnCnt .attn_program_item .item_subject{font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .repl_def_box{padding: 40px;gap: 60px;}
    #attnCnt .repl_def_box .def_thumb_box{height: 80px;}
    #attnCnt .repl_def_box .def_desc_box .desc_tit{font-size: var(--fs-24);line-height: var(--lh-36);}

    #attnCnt .repl_proc_box .repl_proc_list{padding: 0 16px;}
    #attnCnt .repl_proc_box .repl_proc_list.row3{column-gap: 60px;}
    #attnCnt .repl_proc_box .repl_proc_list.row4{column-gap: 40px;}
    #attnCnt .repl_proc_box .repl_proc_item + .repl_proc_item::before{width: 20px;height: 20px;}
    #attnCnt .repl_proc_box .repl_proc_list.row3 .repl_proc_item + .repl_proc_item::before{left: -40px;}
    #attnCnt .repl_proc_box .repl_proc_list.row4 .repl_proc_item + .repl_proc_item::before{left: -30px;}

    #attnCnt .repl_proc_box .repl_proc_item .item_hd{padding: 20px 16px;}
    #attnCnt .repl_proc_box .repl_proc_item .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #attnCnt .repl_proc_box .repl_proc_item .item_txt_box{}
    #attnCnt .repl_proc_box .repl_proc_item .item_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .repl_proc_box .repl_proc_item .item_desc_box{padding: 20px 16px 30px;}
    #attnCnt .repl_proc_box .repl_proc_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-24);}
    #attnCnt .repl_proc_box .repl_proc_item .item_desc span{font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .repl_crit_box .repl_crit_item .item_inner{padding: 40px 30px;gap: 40px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_icon_box .icon_box{width: 80px;height: 80px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .repl_crit_box .repl_crit_item .item_txt{font-size: var(--fs-24);line-height: var(--lh-36);}

    #attnCnt .repl_std_box{padding: 20px;}
    #attnCnt .repl_std_box .repl_std_item{width: calc(50% - (20px/2));padding: 40px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb_box{width: 40px;height: 40px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb{font-size: var(--fs-20);line-height: var(--lh-30);}
    #attnCnt .repl_std_box .repl_std_item .item_desc_box{min-height: 48px;}
    #attnCnt .repl_std_box .repl_std_item .item_desc{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg{font-size: var(--fs-18);line-height: var(--lh-26);}

    #attnCnt .repl_mon_box .repl_mon_item .item_inner{padding: 20px 20px 30px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_tit{font-size: var(--lh-18);line-height: var(--lh-26);}
    #attnCnt .repl_mon_box .repl_mon_item .item_desc_box{margin-top: 20px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_desc + .item_desc{margin-top: 8px;}
}
@media (max-width: 767px){
    #attnCnt{padding-top: 40px;padding-bottom: 100px;}
    #attnCnt .attn_sect .sect_hd{gap: 8px;}
    #attnCnt .attn_sect .sect_icon_box .icon_box{width: 26px;height: 26px;}
    #attnCnt .attn_sect .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    
    #attnCnt .attn_step_box{background-color: transparent;border-bottom: 0;}
    #attnCnt .attn_step_box .attn_step_list{flex-direction: column;column-gap: 0;row-gap: 40px;padding: 0;}
    #attnCnt .attn_step_box .attn_step_item{flex: 0 0 auto;padding: 0 16px;background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;}
    #attnCnt .attn_step_box .attn_step_item + .attn_step_item::before{width: 24px;height: 24px;top: -32px;transform: translateY(0) translateX(-50%) rotate(90deg);}
    #attnCnt .attn_step_box .attn_step_list.row3 .attn_step_item + .attn_step_item::before{left: 50%;}
    #attnCnt .attn_step_box .attn_step_list.row4 .attn_step_item + .attn_step_item::before{left: 50%;}
    #attnCnt .attn_step_box .attn_step_item .item_hd{padding: 16px 8px;}
    #attnCnt .attn_step_box .attn_step_item .item_txt_box{margin-top: 16px;min-height: auto;}
    #attnCnt .attn_step_box .attn_step_item .item_desc_box{padding: 16px 8px 20px;}

    #attnCnt .attn_std_box{background-color: transparent;border-bottom: 0;}
    #attnCnt .attn_std_box .attn_std_list{flex-direction: column;column-gap: 0;row-gap: 50px;padding: 0;;}
    #attnCnt .attn_std_box .attn_std_item{flex: 0 0 auto;padding: 0 16px;background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;}
    #attnCnt .attn_std_box .attn_std_item + .attn_std_item::before{width: 24px;height: 24px;top: -37px;transform: translateY(0) translateX(-50%);}
    #attnCnt .attn_std_box .attn_std_list.row3 .attn_std_item + .attn_std_item::before{left: 50%;}
    #attnCnt .attn_std_box .attn_std_list.row4 .attn_std_item + .attn_std_item::before{left: 50%;}
    #attnCnt .attn_std_box .attn_std_item .item_hd{padding: 16px 8px;}
    #attnCnt .attn_std_box .attn_std_item .item_desc_box{padding: 16px 8px 20px;}

    #attnCnt .attn_notice_box .notice_cate_item{padding: 20px;}

    #attnCnt .attn_notice_box .cnt_card_list.type2 .cnt_card_item{flex: 1;width: auto;}
    #attnCnt .attn_notice_box .cnt_card_list.type2 .cnt_card_item .item_txt{text-align: center;}

    #attnCnt .repl_def_box{flex-direction: column;align-items: center;gap: 40px;padding: 40px 20px;}
    #attnCnt .repl_def_box .def_desc_box .desc_tit{font-size: var(--fs-20);line-height: var(--lh-30);text-align: center;}
    #attnCnt .repl_def_box .def_desc_box .desc_txt{text-align: center;}

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

    #attnCnt .repl_crit_box .repl_crit_item .item_inner{padding: 30px 20px;gap: 30px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_icon_box .icon_box{width: 60px;height: 60px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_txt_box{margin-top: 6px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_txt{font-size: var(--fs-20);line-height: var(--lh-30);}

    #attnCnt .repl_std_box .repl_std_item{padding: 30px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb_box{width: 30px;height: 30px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb{font-size: var(--fs-16);line-height: var(--lh-30);}

    #attnCnt .repl_std_box .repl_std_result .icon_result_arr{width: 30px;height: 30px;}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box{padding: 12px 30px;}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg span{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .repl_mon_box .repl_mon_list{flex-direction: column;gap: 16px;}

}
@media (max-width: 599px){
    #attnCnt{padding-left: 16px;padding-right: 16px;}
    
    #attnCnt .attn_cate_box{margin: 30px auto 30px;}
    #attnCnt .attn_cate_list{flex-direction: column;gap: 10px;}
    #attnCnt .attn_cate_item{width: 100%;}

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

    #attnCnt .attn_std_box .attn_std_item{padding: 0 8px;}
    #attnCnt .attn_std_box .attn_std_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}

    #attnCnt .attn_notice_box .notice_cate_list{padding: 0;}
    #attnCnt .attn_notice_box .notice_cate_item{padding: 20px 16px;}
    #attnCnt .attn_notice_box .notice_cate_btn{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .attn_notice_box .box_bd{padding: 20px 16px 30px;}

    #attnCnt .attn_notice_box .cnt_txt_box .txt_line{padding-left: 22px;}
    #attnCnt .attn_notice_box .cnt_txt_box .txt_line + .txt_line{margin-top: 8px;}
    #attnCnt .attn_notice_box .cnt_txt_box .txt_line::before{font-size: var(--lh-14);line-height: var(--lh-20);}
    #attnCnt .attn_notice_box .cnt_txt_box .cnt_txt{font-size: var(--lh-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .cnt_ox_box{margin-top: 20px;padding-top: 20px;}
    #attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit .point{font-size: var(--fs-16);}
    #attnCnt .attn_notice_box .cnt_ox_box .box_tit .tit .bold{font-size: var(--fs-16);}

    #attnCnt .attn_notice_box .cnt_ox_box .ox_box{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_line{gap: 20px;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_line + .ox_line{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_icon_box .icon_box{width: 20px;height: 20px;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_item_list{gap: 8px;flex: 1;align-items: stretch;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_item{flex: 1;width: auto;height: auto;padding: 10px;display: flex;align-items: center;justify-content: center;}
    #attnCnt .attn_notice_box .cnt_ox_box .ox_item .item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .cnt_warning_box{margin-top: 20px;padding: 20px 16px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_tit{gap: 10px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_tit .icon_warning{width: 24px;height: 24px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_tit .tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #attnCnt .attn_notice_box .cnt_warning_box .warning_item_list{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_item{padding-left: 24px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_item::before{width: 14px;height: 14px;left: 2px;top: 3px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_item + .warning_item{margin-top: 8px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_item .warning_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .cnt_warning_box .warning_btns{margin-left: 24px;margin-top: 12px;height: 30px;padding: 4px 16px 6px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_btns .btns_name{font-size: var(--fs-12);}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_btns .icon_box{width: 16px;height: 16px;}

    #attnCnt .attn_notice_box .cnt_card_list{margin-top: 16px;margin-bottom: 20px;}
    #attnCnt .attn_notice_box .cnt_card_list .cnt_card_item{padding: 16px 12px;}
    #attnCnt .attn_notice_box .cnt_card_list .cnt_card_item.big{padding: 16px 12px;}
    #attnCnt .attn_notice_box .cnt_card_list .card_item_line{flex-direction: column;gap: 4px;}
    #attnCnt .attn_notice_box .cnt_card_list .card_item_line + .card_item_line{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_card_list .item_tit_box{flex: 1;}
    #attnCnt .attn_notice_box .cnt_card_list .cnt_card_item.big .item_tit_box{flex: 1;}
    #attnCnt .attn_notice_box .cnt_card_list .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_notice_box .cnt_card_list .item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .cnt_tbl_box{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_tbl{min-width: 470px;}
    #attnCnt .attn_notice_box .cnt_tbl th{padding: 8px;}
    #attnCnt .attn_notice_box .cnt_tbl th div{font-size: var(--fs-12);}
    #attnCnt .attn_notice_box .cnt_tbl td{padding: 8px;}
    #attnCnt .attn_notice_box .cnt_tbl td div{font-size: var(--fs-12);}

    #attnCnt .attn_notice_box .cnt_tbl_info{margin-top: 16px;}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_line{gap: 8px;}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_line + .info_line{margin-top: 8px;}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_tit_box{flex: 0 0 60px;}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .attn_notice_box .cnt_card_list.type2{flex-direction: column;gap: 8px;}
    #attnCnt .attn_notice_box .cnt_card_list.type2 .cnt_card_item{padding: 12px 8px;}

    #attnCnt .attn_spec_box{margin-top: 30px;}
    #attnCnt .attn_spec_list{column-gap: 16px;row-gap: 16px;}
    #attnCnt .attn_spec_item{flex: 1 1 100%;}
    #attnCnt .attn_spec_item .item_right{flex: 1;}
    #attnCnt .attn_spec_item.item_cpu{flex: 1 1 100%;}
    #attnCnt .attn_spec_item.item_memory{flex: 1 1 100%;}
    #attnCnt .attn_spec_item.item_resolution{flex: 1 1 100%;}
    #attnCnt .attn_spec_item .item_inner{padding: 24px 16px;gap: 20px;}
    
    #attnCnt .attn_spec_item .item_icon_box .icon_box{width: 50px;height: 50px;}
    #attnCnt .attn_spec_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .attn_spec_item .item_desc_box{margin-top: 8px;}
    #attnCnt .attn_spec_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}


    #attnCnt .attn_program_item{padding: 20px 16px;flex-direction: column;align-items: flex-start;gap: 16px;}
    #attnCnt .attn_program_item .item_desc_box{flex: 1;width: 100%;flex-direction: column;gap: 4px;}
    #attnCnt .attn_program_item .item_icon_box .icon_box{}
    #attnCnt .attn_program_item .item_btn_box{flex: 1;width: 100%;}
    #attnCnt .attn_program_item .item_down_btns{justify-content: center;}

    #attnCnt .repl_def_box{padding: 30px 16px;gap: 20px;}
    #attnCnt .repl_def_box .def_thumb_box{height: 60px;}
    #attnCnt .repl_def_box .def_desc_box .desc_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #attnCnt .repl_def_box .def_desc_box .desc_txt_box{margin-top: 16px;}
    #attnCnt .repl_def_box .def_desc_box .desc_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #attnCnt .repl_proc_box .repl_proc_item{padding: 0;}
    #attnCnt .repl_proc_box .repl_proc_item + .repl_proc_item::before{width: 20px;height: 20px;top: -30px;}
    #attnCnt .repl_proc_box .repl_proc_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .repl_proc_box .repl_proc_item .item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .repl_proc_box .repl_proc_item .item_desc span{font-size: var(--fs-14);line-height: var(--lh-20);vertical-align: baseline;}

    #attnCnt .repl_crit_box .repl_crit_list{flex-direction: column;gap: 16px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_inner{padding: 30px 16px;gap: 20px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .repl_crit_box .repl_crit_item .item_txt{font-size: var(--fs-18);line-height: var(--lh-26);}

    #attnCnt .repl_std_box{padding: 20px 16px;}
    #attnCnt .repl_std_box .repl_std_list{gap: 16px;}
    #attnCnt .repl_std_box .repl_std_item{width: 100%;padding: 30px 16px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb_box{width: 24px;height: 24px;}
    #attnCnt .repl_std_box .repl_std_item .item_numb{font-size: var(--fs-12);line-height: var(--lh-24);}
    #attnCnt .repl_std_box .repl_std_item .item_desc_box{min-height: 40px;}
    #attnCnt .repl_std_box .repl_std_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .repl_std_box .repl_std_result{margin-top: 16px;gap: 16px;}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .repl_std_box .repl_std_result .result_msg_box .result_msg span{font-size: var(--fs-12);line-height: var(--lh-20);}

    #attnCnt .repl_mon_box .repl_mon_item .item_inner{padding: 16px 16px 24px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_tit_box{padding-bottom: 16px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #attnCnt .repl_mon_box .repl_mon_item .item_desc_box{margin-top: 16px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);padding-left: 20px;}
    #attnCnt .repl_mon_box .repl_mon_item .item_desc::before{width: 14px;height: 14px;top: 3px;}

    #attnCnt .edu_calendar_box{padding: 40px 16px 20px;}
}

@media (max-width: 374px){
    #attnCnt .attn_notice_box .box_bd{padding: 16px 12px 20px;}
    #attnCnt .attn_notice_box .cnt_warning_box{margin-top: 16px;padding: 16px 12px;}
    #attnCnt .attn_notice_box .cnt_warning_box .warning_btns{height: auto;gap: 8px;padding: 4px 10px 6px;}

    #attnCnt .attn_notice_box .cnt_tbl_info .info_line{flex-direction: column;gap: 4px;}
    #attnCnt .attn_notice_box .cnt_tbl_info .info_tit_box{flex: 0 0 auto;}

    #attnCnt .attn_spec_list{row-gap: 10px;}
    #attnCnt .attn_spec_item .item_inner{gap: 16px;padding: 20px 16px;}
    #attnCnt .attn_spec_item .item_icon_box .icon_box{width: 40px;height: 40px;}
    #attnCnt .attn_spec_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_spec_item .item_desc{font-size: var(--fs-12);line-height: var(--lh-16);}

    #attnCnt .attn_program_item .item_icon_box{padding: 8px 16px;}
    #attnCnt .attn_program_item .item_icon_box .icon_name{font-size: var(--fs-10);line-height: var(--lh-16);}
    #attnCnt .attn_program_item .item_icon_box .icon_box{height: 16px;}
    #attnCnt .attn_program_item.item_hancom .item_icon_box .icon_box{width: 11px;}
    #attnCnt .attn_program_item.item_acrobat .item_icon_box .icon_box{width: 17px;}
    #attnCnt .attn_program_item.item_ppt .item_icon_box .icon_box{width: 17px;}
    #attnCnt .attn_program_item.item_remote .item_icon_box .icon_box{width: 25px;}
    
    #attnCnt .attn_program_item .item_desc_box{gap: 8px;}
    #attnCnt .attn_program_item .item_subject{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .attn_program_item .item_down_btns .icon_program_down{width: 14px;height: 14px;}
}
@media (max-width: 319px){
    #attnCnt .repl_crit_box .repl_crit_item .item_inner{flex-direction: column;gap: 16px;padding: 20px 16px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_icon_box .icon_box{width: 50px;height: 50px;}
    #attnCnt .repl_crit_box .repl_crit_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #attnCnt .repl_crit_box .repl_crit_item .item_txt{font-size: var(--fs-18);line-height: var(--lh-26);}
}
/* **************************** E:학습유의사항  **************************** */


/* **************************** S:교육소개  **************************** */
/* 교육제도 안내 */
#eduCnt{max-width: 100%;padding-top: 80px;padding-bottom: 160px;padding-left: 0;padding-right: 0;}

#eduCnt .page_bd{margin-top: 30px;overflow: hidden;}

#eduCnt .eduCnt_tab_wrap{}
#eduCnt .eduCnt_tab_wrap .attn_cnt_box{}
#eduCnt .eduCnt_tab_wrap .attn_tab_cnt{display: none;opacity: 0;}
#eduCnt .eduCnt_tab_wrap .attn_tab_cnt.active{display: block;opacity: 1;}


#eduCnt .edu_sect{}
#eduCnt .edu_sect + .edu_sect{margin-top: 60px;}
#eduCnt .edu_sect .sect_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}

#eduCnt .edu_sect .sect_hd{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#eduCnt .edu_sect .sect_icon_box{flex: 0 0 auto;}
#eduCnt .edu_sect .sect_icon_box .icon_box{width: 32px;height: 32px;}
#eduCnt .edu_sect .sect_icon_box .icon_edu_reason{background-image: url('../img/icon/icon_edu_reason.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_target{background-image: url('../img/icon/icon_edu_target.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_range{background-image: url('../img/icon/icon_edu_range.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_info{background-image: url('../img/icon/icon_edu_info.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_schedule{background-image: url('../img/icon/icon_edu_schedule.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_advantage{background-image: url('../img/icon/icon_edu_advantage.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_failure{background-image: url('../img/icon/icon_edu_failure.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_fine{background-image: url('../img/icon/icon_edu_fine.svg');}

#eduCnt .edu_sect .sect_tit_box{flex: 1;}
#eduCnt .edu_sect .sect_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-56);color: var(--color-black);}

#eduCnt .edu_sect .sect_bd{margin-top: 20px;}
#eduCnt .edu_reason_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;}
#eduCnt .edu_reason_box .edu_reason_list{}
#eduCnt .edu_reason_box .edu_reason_item{}
#eduCnt .edu_reason_box .edu_reason_item + .edu_reason_item{margin-top: 24px;}
#eduCnt .edu_reason_box .edu_reason_item .item_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 64px;}
#eduCnt .edu_reason_box .edu_reason_item .item_tit_box{flex: 0 0 228px;}
#eduCnt .edu_reason_box .edu_reason_item .item_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);}
#eduCnt .edu_reason_box .edu_reason_item .item_desc_box{flex: 1;}
#eduCnt .edu_reason_box .edu_reason_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}

#eduCnt .edu_target_box{}
#eduCnt .edu_target_box .edu_target_list{display: flex;align-items: stretch;flex-wrap: wrap;gap: 20px;}
#eduCnt .edu_target_box .edu_target_item{width: calc(33.3334% - (40px/3));min-height: 184px;padding: 20px 20px 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;}
#eduCnt .edu_target_box .edu_target_item .item_numb_box{}
#eduCnt .edu_target_box .edu_target_item .item_numb{font-size: var(--fs-28);font-weight: 700;line-height: 1;color: var(--color-base);}
#eduCnt .edu_target_box .edu_target_item .item_desc_box{margin-top: 16px;}
#eduCnt .edu_target_box .edu_target_item .item_desc{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}

#eduCnt .edu_sect + .edu_banner_sect{margin-top: 160px;}
#eduCnt .edu_banner_box{background-color: var(--color-koce-primary2);}
#eduCnt .edu_banner_box .banner_desc_box{width: 100%;max-width: 1440px;margin: 0 auto;padding: 55px 20px;padding-right: 590px;box-sizing: border-box;position: relative;}
#eduCnt .edu_banner_box .banner_tit{font-size: var(--fs-28);font-weight: 500;line-height: var(--lh-52);color: var(--color-white);}
#eduCnt .edu_banner_box .banner_tit span{display: inline-block;font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-52);color: var(--color-white);}
#eduCnt .edu_banner_box .banner_txt{margin-top: 10px;font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-30);color: var(--color-white);}
#eduCnt .edu_banner_box .banner_img_box{position: absolute;right: -260px;bottom: 10px;width: 100%;max-width: 800px;}
#eduCnt .edu_banner_box .banner_img_box .img_box{width: 100%;line-height: 0;}
#eduCnt .edu_banner_box .banner_img_box .img_box img{width: 100%;}

#eduCnt .edu_range_box{}
#eduCnt .edu_range_list{}
#eduCnt .edu_range_item{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#eduCnt .edu_range_item + .edu_range_item{margin-top: 20px;}
#eduCnt .edu_range_item .range_tit_box{flex: 0 0 130px;display: flex;align-items: center;justify-content: center;height: 110px;padding: 12px 0;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;}
#eduCnt .edu_range_item.range_type .range_tit_box{border-color: #6781DC;}
#eduCnt .edu_range_item.range_warning .range_tit_box{height: auto;border-color: #ccc;}
#eduCnt .edu_range_item .range_tit_box .range_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);text-align: center;}
#eduCnt .edu_range_item .range_desc_list{flex: 1;display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#eduCnt .edu_range_item .range_desc_item{flex: 1;padding: 14px 20px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;}
#eduCnt .edu_range_item.range_type .range_desc_item{background-color: #6781DC;border-color: #6781DC;}
#eduCnt .edu_range_item.range_warning .range_desc_item{border-color: #ccc;}
#eduCnt .edu_range_item .range_desc_item .item_inner{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#eduCnt .edu_range_item.range_warning .range_desc_item .item_inner{align-items: flex-start;}
#eduCnt .edu_range_item .range_desc{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);text-align: center;}
#eduCnt .edu_range_item.range_type .range_desc{color: var(--color-white);}
#eduCnt .edu_range_item .range_sub_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}

#eduCnt .edu_info_box{background-color: var(--color-white);border-bottom: 2px solid #ccc;}
#eduCnt .edu_info_box .box_hd{}
#eduCnt .edu_info_box .infor_cate_box{position: relative;}
#eduCnt .edu_info_box .infor_cate_box::after{content: '';display: block;width: 100%;height: 1px;background-color: #ccc;position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;}
#eduCnt .edu_info_box .infor_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;}
#eduCnt .edu_info_box .infor_cate_item{padding: 40px 30px;position: relative;}
#eduCnt .edu_info_box .infor_cate_item:after{content: '';width: 0%;height: 2px;background-color: var(--color-koce-primary2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;transition: width .3s;}
#eduCnt .edu_info_box .infor_cate_item.active:after{width: 100%;}
#eduCnt .edu_info_box .infor_cate_btn{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: #aaa;white-space: nowrap;transition: color .3s;}
#eduCnt .edu_info_box .infor_cate_item.active .infor_cate_btn{color: var(--color-koce-primary);}

#eduCnt .edu_info_box .infor_cnt_box{display: none;opacity: 0;}
#eduCnt .edu_info_box .infor_cnt_box.active{display: block;opacity: 1;}

#eduCnt .edu_info_box .infor_cnt_list{padding: 10px 30px;background-color: var(--color-white);box-sizing: border-box;}
#eduCnt .edu_info_box .infor_cnt_item{width: 100%;padding: 20px;box-sizing: border-box;}
#eduCnt .edu_info_box .infor_cnt_item + .infor_cnt_item{border-top: 1px solid #d9d9d9;}
#eduCnt .edu_info_box .infor_cnt_item .item_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 60px;}
#eduCnt .edu_info_box .infor_cnt_item .item_subject_box{flex: 0 0 120px;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#eduCnt .edu_info_box .infor_cnt_item .icon_box{width: 24px;height: 24px;flex: 0 0 auto;}
#eduCnt .edu_info_box .infor_cnt_item .icon_infor_desc{background-image: url('../img/icon/icon_infor_desc.svg');}
#eduCnt .edu_info_box .infor_cnt_item .icon_infor_target{background-image: url('../img/icon/icon_infor_target.svg');}
#eduCnt .edu_info_box .infor_cnt_item .icon_infor_time{background-image: url('../img/icon/icon_infor_time.svg');}
#eduCnt .edu_info_box .infor_cnt_item .icon_infor_complete{background-image: url('../img/icon/icon_infor_complete.svg');}
#eduCnt .edu_info_box .infor_cnt_item .icon_infor_notice{background-image: url('../img/icon/icon_infor_notice.svg');}
#eduCnt .edu_info_box .infor_cnt_item .item_subject{flex: 0 0 auto;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);}
#eduCnt .edu_info_box .infor_cnt_item .item_desc_box{flex: 1;}
#eduCnt .edu_info_box .infor_cnt_item .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);}
#eduCnt .edu_info_box .infor_cnt_item .item_desc.sm{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);}

#eduCnt .edu_info_box .infor_cnt_item.type_normal .item_tit_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#eduCnt .edu_info_box .infor_cnt_item.type_normal .item_tit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);}
#eduCnt .edu_info_box .infor_cnt_item.type_normal .item_desc_box{margin-top: 14px;padding-left: 34px;}
#eduCnt .edu_info_box .infor_cnt_item.type_normal .item_desc{}


#eduCnt .edu_sched_box{}
#eduCnt .edu_sched_box .edu_sched_card{width: 100%;padding: 24px 20px;background-color: #121040;border-radius: 8px;box-sizing: border-box;}
#eduCnt .edu_sched_box .edu_sched_card .card_tit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-white);}

#eduCnt .edu_sched_box .edu_sched_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 40px;margin-top: 20px;}
#eduCnt .edu_sched_box .edu_sched_item{flex: 1;padding: 30px;background: linear-gradient(90deg, rgba(122,174,208,1) 0%, rgba(66,93,187,1) 100%);border-radius: 8px;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);box-sizing: border-box;overflow: hidden;}
#eduCnt .edu_sched_box .edu_sched_item .item_desc_box{}
#eduCnt .edu_sched_box .edu_sched_item .item_tit{font-size: var(--fs-28);font-weight: 500;line-height: var(--lh-42);color: var(--color-white);}
#eduCnt .edu_sched_box .edu_sched_item .item_txt{margin-top: 10px;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-30);color: var(--color-white);}
#eduCnt .edu_sched_box .edu_sched_item .item_link_box{margin-top: 48px;text-align: right;}
#eduCnt .edu_sched_box .edu_sched_item .item_link{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 40px;height: 54px;padding: 14px 40px;background-color: var(--color-white);border-radius: 100px;box-sizing: border-box;}
#eduCnt .edu_sched_box .edu_sched_item .item_link .img_box{display: block;height: 26px;}
#eduCnt .edu_sched_box .edu_sched_item .item_link .img_box img{height: 100%;}
#eduCnt .edu_sched_box .edu_sched_item .item_link .icon_link{width: 18px;height: 18px;background-image: url('../img/icon/icon_link.svg');}

#eduCnt .edu_adv_box{}
#eduCnt .edu_adv_box .adv_msg_box{margin-top: 32px;}
#eduCnt .edu_adv_box .adv_msg_box .adv_msg{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray);}

#eduCnt .edu_card_box{}
#eduCnt .edu_card_box .edu_card_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#eduCnt .edu_card_box .edu_card_items{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;}
#eduCnt .edu_card_box .edu_card_items .item_inner{height: 100%;padding: 20px 20px 30px;box-sizing: border-box;}
#eduCnt .edu_card_box .edu_card_items .item_tit_box{padding-bottom: 20px;border-bottom: 1px solid #121040;}
#eduCnt .edu_card_box .edu_card_items .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);letter-spacing: -0.075em;color: #121040;}
#eduCnt .edu_card_box .edu_card_items .item_desc_box{margin-top: 20px;}
#eduCnt .edu_card_box .edu_card_items .item_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);letter-spacing: -0.075em;color: #6E6D8A;}

#eduCnt .edu_fail_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;}
#eduCnt .edu_fail_box .fail_tit_card{width: 100%;padding: 30px;background-color: #f6f6f6;border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#eduCnt .edu_fail_box .fail_tit_card .card_tit_box{}
#eduCnt .edu_fail_box .fail_tit_card .card_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-base);}
#eduCnt .edu_fail_box .fail_tit_card .card_desc_box{margin-top: 20px;}
#eduCnt .edu_fail_box .fail_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;}
#eduCnt .edu_fail_box .fail_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;}

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

#eduCnt .edu_fine_box .edu_card_list{gap: 40px;padding-bottom: 40px;}


/* 교육비 */
#eduCnt .edu_sect .sect_tit{}
#eduCnt .edu_sect .sect_tit .sm{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);vertical-align: middle;}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeInfo{background-image: url('../img/icon/icon_edu_feeInfo.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feePayment{background-image: url('../img/icon/icon_edu_feePayment.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeReceipt{background-image: url('../img/icon/icon_edu_feeReceipt.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeAccount{background-image: url('../img/icon/icon_edu_feeAccount.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeRefund{background-image: url('../img/icon/icon_edu_feeRefund.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeAmount{background-image: url('../img/icon/icon_edu_feeAmount.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeNotice{background-image: url('../img/icon/icon_edu_feeNotice.svg');}
#eduCnt .edu_sect .sect_icon_box .icon_edu_feeMethod{background-image: url('../img/icon/icon_edu_feeMethod.svg');}

#eduCnt .edu_cate_box{width: 100%;max-width: 1440px;margin: 0 auto 30px;padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
#eduCnt .edu_cate_list{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#eduCnt .edu_cate_item{width: 250px;}
#eduCnt .edu_cate_item .edu_cate_link{display: block;width: 100%;height: 60px;padding: 13px 10px 15px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-30);color: var(--color-base);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 8px;box-sizing: border-box;}
#eduCnt .edu_cate_item.active .edu_cate_link{color: var(--color-white);background-color: var(--color-koce-primary);border-color: var(--color-koce-primary);}

#eduCnt .tab_cnt{display: none;opacity: 0;}
#eduCnt .tab_cnt.active{display: block;opacity: 1;}

#eduCnt .fee_info_box .fee_tbl_wrap{width: 100%;margin-top: 20px;overflow: hidden;overflow-x: auto;}
#eduCnt .fee_info_box .fee_info_tbl{table-layout: auto;border-collapse: collapse;min-width: 320px;}
#eduCnt .fee_info_box .fee_info_tbl th,
#eduCnt .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;}
#eduCnt .fee_info_box .fee_info_tbl th{font-weight: 700;text-align: center;vertical-align: middle;background-color: #fafafa;}
#eduCnt .fee_info_box .fee_info_tbl td{font-weight: 500;text-align: center;vertical-align: middle;background-color: var(--color-white);}

#eduCnt .fee_payment_box .payment_chk_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
#eduCnt .fee_payment_box .payment_item{width: calc(25% - (60px /4));max-width: 300px;}
#eduCnt .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}
/* #eduCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked){background-color: var(--color-koce-primary2);border-color: var(--color-koce-primary2);} */
#eduCnt .fee_payment_box .payment_item .item_tit_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#eduCnt .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;}
/* #eduCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_tit{color: var(--color-white);} */

#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 55px;height: 36px;flex: 0 0 auto;}
#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_method_credit{background-image: url('../img/icon/method_credit.svg');}
/* #eduCnt .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');} */
#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_method_virtual{background-image: url('../img/icon/method_virtual.svg');}
/* #eduCnt .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');} */
#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_method_bank{background-image: url('../img/icon/method_bank.svg');}
/* #eduCnt .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');} */
#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_method_free{background-image: url('../img/icon/method_free.svg');}
/* #eduCnt .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');} */
#eduCnt .fee_payment_box .payment_item .item_tit_box .icon_method_onsite{background-image: url('../img/icon/method_onsite.svg');}
/* #eduCnt .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');} */

#eduCnt .fee_payment_box .payment_item .item_chk_box{flex: 0 0 auto;opacity: 0;transition: opacity .3s;line-height: 0;}
/* #eduCnt .fee_payment_box .payment_item .item_label:has(.payment_radio_inp:checked) .item_chk_box{opacity: 1;} */
#eduCnt .fee_payment_box .payment_item .item_chk_box .icon_method_chk{width: 24px;height: 24px;background-image: url('../img/icon/icon_method_chk.svg');}
#eduCnt .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;}

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

#eduCnt .fee_receipt_box .receipt_tit_box{}
#eduCnt .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);}
#eduCnt .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);}
#eduCnt .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-koce-primary2);border-radius: 100px;box-sizing: border-box;}
#eduCnt .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);}
#eduCnt .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');}

#eduCnt .fee_receipt_box .receipt_card_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;}
#eduCnt .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;}
#eduCnt .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;}
#eduCnt .fee_receipt_box .receipt_card_item .card_tit_box{width: calc(100% - 90px);}
#eduCnt .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;}
#eduCnt .fee_receipt_box .receipt_card_item .card_icon_box{align-self: flex-end;}
#eduCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_box{width: 60px;height: 60px;}
#eduCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_receipt_view{background-image: url('../img/icon/icon_receipt_view.svg');}
#eduCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_invoice_view{background-image: url('../img/icon/icon_invoice_view.svg');}

#eduCnt .fee_account_box{padding-bottom: 40px;}
#eduCnt .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;}
#eduCnt .fee_desc_list .fee_desc_item{}
#eduCnt .fee_desc_list .fee_desc_item + .fee_desc_item{margin-top: 10px;}
#eduCnt .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);}
#eduCnt .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;}

#eduCnt .fee_refund_box{}
#eduCnt .fee_refund_box .refund_card_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 100px;position: relative;}
#eduCnt .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%);}
#eduCnt .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;}
#eduCnt .fee_refund_box .refund_card_item .item_inner{height: 100%;display: flex;align-items: center;justify-content: center;}
#eduCnt .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);}

#eduCnt .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;}
#eduCnt .fee_amount_box .amount_tbl_box{width: 100%;overflow: hidden;overflow-x: auto;}
#eduCnt .fee_amount_box .amount_tbl{table-layout: auto;border-collapse: collapse;min-width: 320px;}
#eduCnt .fee_amount_box .amount_tbl th,
#eduCnt .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;}
#eduCnt .fee_amount_box .amount_tbl th{font-weight: 700;text-align: center;vertical-align: middle;background-color: #fafafa;}
#eduCnt .fee_amount_box .amount_tbl td{font-weight: 500;text-align: center;vertical-align: middle;background-color: var(--color-white);}

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


@media (max-width: 1240px){
    #eduCnt .fee_payment_box .payment_chk_list{gap: 16px;}
    #eduCnt .fee_payment_box .payment_item{width: calc(50% - (16px/2));max-width: 100%;}
}
@media(max-width: 1099px){
    #eduCnt{padding-top: 60px;padding-bottom: 120px;}
    #eduCnt .edu_sect .sect_hd{align-items: flex-start;}
    #eduCnt .edu_sect .sect_icon_box .icon_box{width: 30px;height: 30px;}
    #eduCnt .edu_sect .sect_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #eduCnt .edu_sect .sect_tit .sm{font-size: var(--fs-16);line-height: var(--lh-24);}

    #eduCnt .infor_cate_box .infor_cate_item{padding: 30px 20px;}
    #eduCnt .infor_cate_box .infor_cate_btn{font-size: var(--fs-18);line-height: var(--lh-26);}

    #eduCnt .edu_reason_box{padding: 20px;}
    #eduCnt .edu_reason_box .edu_reason_item .item_inner{gap: 48px;}
    #eduCnt .edu_reason_box .edu_reason_item .item_tit_box{flex: 0 0 180px;}
    #eduCnt .edu_reason_box .edu_reason_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_reason_box .edu_reason_item .item_desc{font-size: var(--fs-16);line-height: var(--lh-24);}

    #eduCnt .edu_target_box .edu_target_list{}
    #eduCnt .edu_target_box .edu_target_item{width: calc(50% - (20px/2));min-height: auto;padding: 20px 20px 40px;}
    #eduCnt .edu_target_box .edu_target_item .item_numb{font-size: var(--fs-20);}
    #eduCnt .edu_target_box .edu_target_item .item_desc{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #eduCnt .edu_sect + .edu_banner_sect{margin-top: 120px;}
    #eduCnt .edu_banner_box .banner_desc_box{padding-right: 540px;}
    #eduCnt .edu_banner_box .banner_tit{font-size: var(--fs-24);line-height: var(--lh-44);}
    #eduCnt .edu_banner_box .banner_tit span{font-size: var(--fs-32);line-height: var(--lh-44);}
    #eduCnt .edu_banner_box .banner_txt{}
    #eduCnt .edu_banner_box .banner_img_box{max-width: 700px;right: -200px;}

    #eduCnt .edu_range_item .range_desc_item{}
    #eduCnt .edu_range_item .range_desc{font-size: var(--fs-18);line-height: var(--lh-26);}

    #eduCnt .edu_info_box .infor_cnt_list{padding: 10px 20px;}
    #eduCnt .edu_info_box .infor_cnt_item .item_inner{gap: 40px;}

    #eduCnt .edu_sched_box .edu_sched_card{padding: 20px;}
    #eduCnt .edu_sched_box .edu_sched_card .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #eduCnt .edu_sched_box .edu_sched_list{gap: 20px;}
    #eduCnt .edu_sched_box .edu_sched_item{padding: 24px 20px;}
    #eduCnt .edu_sched_box .edu_sched_item .item_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #eduCnt .edu_sched_box .edu_sched_item .item_txt{margin-top: 8px;font-size: var(--lh-18);line-height: var(--lh-26);}
    #eduCnt .edu_sched_box .edu_sched_item .item_link_box{margin-top: 32px;}
    #eduCnt .edu_sched_box .edu_sched_item .item_link{height: 44px;padding: 12px 30px;gap: 20px;}
    #eduCnt .edu_sched_box .edu_sched_item .item_link .img_box{height: 20px;}

    #eduCnt .edu_cate_item .edu_cate_link{height: 50px;padding: 12px 20px 14px;font-size: var(--fs-16);line-height: var(--lh-24);}

    #eduCnt .edu_card_box .edu_card_items .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #eduCnt .edu_fail_box{padding: 30px 20px;}
    #eduCnt .edu_fail_box .fail_tit_card{padding: 20px;}
    #eduCnt .edu_fail_box .fail_tit_card .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    #eduCnt .fee_info_box .fee_info_tbl th,
    #eduCnt .fee_info_box .fee_info_tbl td{padding: 12px 8px;font-size: var(--fs-14);line-height: var(--lh-20);}

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

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

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

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

    #eduCnt .fee_amount_box .amount_tbl th,
    #eduCnt .fee_amount_box .amount_tbl td{padding: 12px 8px;font-size: var(--lh-14);line-height: var(--lh-20);}
}
@media(max-width: 1023px){

    #eduCnt .fee_receipt_box{flex-direction: column;align-items: flex-start;gap: 20px;}
    #eduCnt .fee_receipt_box .receipt_tit_box .receipt_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .fee_receipt_box .box_right{max-width: 100%;width: 100%;}
    #eduCnt .fee_receipt_box .receipt_card_list{flex-direction: column;gap: 16px;}
    #eduCnt .fee_receipt_box .receipt_card_item .item_inner{padding: 20px 16px;}
}
@media(max-width: 850px){
    #eduCnt .edu_banner_box .banner_desc_box{padding: 40px 0 40px 20px;}
    #eduCnt .edu_banner_box .banner_img_box{margin-top: 40px;margin-left: auto;position: relative;right: unset;bottom: unset;}
}
@media(max-width: 767px){
    #eduCnt{padding-top: 40px;padding-bottom: 100px;}

    #eduCnt .edu_sect + .edu_sect{margin-top: 40px;}
    #eduCnt .edu_sect .sect_icon_box .icon_box{width: 26px;height: 26px;}
    #eduCnt .edu_sect .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    
    #eduCnt .infor_cate_box .infor_cate_item{padding: 20px;}

    #eduCnt .edu_reason_box .edu_reason_item + .edu_reason_item{margin-top: 20px;}
    #eduCnt .edu_reason_box .edu_reason_item .item_inner{gap: 36px;}

    #eduCnt .edu_banner_box .banner_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #eduCnt .edu_banner_box .banner_tit span{font-size: var(--fs-24);line-height: var(--lh-30);}
    #eduCnt .edu_banner_box .banner_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    #eduCnt .edu_range_item{gap: 12px;}
    #eduCnt .edu_range_item + .edu_range_item{margin-top: 12px;}
    #eduCnt .edu_range_item .range_tit_box{flex: 0 0 100px;height: 100px;}
    #eduCnt .edu_range_item .range_tit_box .range_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_range_item .range_desc_list{gap: 12px;}
    #eduCnt .edu_range_item .range_desc_item{padding: 12px 16px;}
    #eduCnt .edu_range_item .range_desc{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_range_item .range_sub_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    #eduCnt .edu_info_box .infor_cnt_list{padding: 10px 0;}
    #eduCnt .edu_info_box .infor_cnt_item .item_inner{gap: 30px;}
    #eduCnt .edu_info_box .infor_cnt_item .item_subject_box{gap: 8px;flex: 0 0 100px;}
    #eduCnt .edu_info_box .infor_cnt_item .icon_box{width: 20px;height: 20px;}
    #eduCnt .edu_info_box .infor_cnt_item .item_subject{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_info_box .infor_cnt_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_info_box .infor_cnt_item.type_normal .item_tit_box{gap: 8px;}
    #eduCnt .edu_info_box .infor_cnt_item.type_normal .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_info_box .infor_cnt_item.type_normal .item_desc_box{margin-top: 10px;padding-left: 28px;}

    #eduCnt .edu_sched_box .edu_sched_item{display: flex;flex-direction: column;justify-content: space-between;}
    #eduCnt .edu_sched_box .edu_sched_item .item_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #eduCnt .edu_sched_box .edu_sched_item .item_txt{margin-top: 4px;font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_sched_box .edu_sched_item .item_link{height: 40px;padding: 10px 24px;}

    #eduCnt .edu_card_box .edu_card_list{flex-wrap: wrap;}
    #eduCnt .edu_card_box .edu_card_items{flex: auto;width: calc(50% - (20px/2));}

    #eduCnt .edu_fail_box .fail_tit_card .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_fail_box .fail_tit_card .card_desc_box{margin-top: 10px;}
    #eduCnt .edu_fail_box .fail_tit_card .card_desc{padding-left: 20px;font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_fail_box .fail_tit_card .card_desc::before{top: 2px;}
    #eduCnt .edu_fail_box .fail_tbl th,
    #eduCnt .edu_fail_box .fail_tbl td{padding: 12px 8px;font-size: var(--fs-14);line-height: var(--lh-20);}

    #eduCnt .fee_receipt_box .receipt_card_item .card_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .fee_receipt_box .receipt_card_item .card_icon_box .icon_box{width: 40px;height: 40px;}

    #eduCnt .fee_desc_list{padding: 20px;}

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

    #eduCnt .fee_amount_box{padding: 20px;}
}
@media(max-width: 599px){
    #eduCnt .edu_sect .sect_inner{padding-left: 16px;padding-right: 16px;}

    #eduCnt .edu_cate_box{margin: 0 auto 30px;}
    #eduCnt .edu_cate_list{flex-direction: column;gap: 10px;}
    #eduCnt .edu_cate_item{width: 100%;}

    #eduCnt .edu_reason_box .edu_reason_item + .edu_reason_item{margin-top: 16px;}
    #eduCnt .edu_reason_box .edu_reason_item .item_inner{flex-direction: column;gap: 0;}
    #eduCnt .edu_reason_box .edu_reason_item .item_tit_box{flex: 1;}
    #eduCnt .edu_reason_box .edu_reason_item .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_reason_box .edu_reason_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    #eduCnt .edu_banner_box .banner_desc_box{padding: 30px 16px;}
    #eduCnt .edu_banner_box .banner_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    #eduCnt .edu_banner_box .banner_tit span{font-size: var(--fs-20);line-height: var(--lh-26);}
    #eduCnt .edu_banner_box .banner_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_banner_box .banner_img_box{margin-top: 30px;margin-right: -16px;}

    #eduCnt .edu_target_box .edu_target_list{gap: 16px;}
    #eduCnt .edu_target_box .edu_target_item{width: 100%;padding: 16px 16px 24px;}
    #eduCnt .edu_target_box .edu_target_item .item_numb{font-size: var(--fs-18);}
    #eduCnt .edu_target_box .edu_target_item .item_desc_box{margin-top: 12px;}
    #eduCnt .edu_target_box .edu_target_item .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    
    #eduCnt .edu_range_item .range_tit_box{flex: 0 0 80px;height: auto;min-height: 100px}
    #eduCnt .edu_range_item .range_tit_box .range_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_range_item .range_desc_list{flex-direction: column;}
    #eduCnt .edu_range_item .range_desc_item{padding: 10px 14px;}
    #eduCnt .edu_range_item.range_warning .range_desc_item .item_inner{align-items: center;}
    #eduCnt .edu_range_item .range_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    #eduCnt .edu_range_item .range_sub_desc{text-align: center;}

    #eduCnt .edu_info_box .infor_cnt_list{padding: 0;}
    #eduCnt .edu_info_box .infor_cnt_item{padding: 20px 16px;}
    #eduCnt .edu_info_box .infor_cnt_item .item_inner{flex-direction: column;gap: 12px;}
    #eduCnt .edu_info_box .infor_cnt_item .item_subject_box{flex: 1;}
    #eduCnt .edu_info_box .infor_cnt_item.type_normal .item_desc_box{margin-top: 12px;padding-left: 0;}

    #eduCnt .infor_cate_box .infor_cate_item{padding: 20px 16px;}
    #eduCnt .infor_cate_box .infor_cate_btn{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #eduCnt .edu_sched_box .edu_sched_card .card_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_sched_box .edu_sched_list{flex-direction: column;gap: 16px;margin-top: 16px;}
    #eduCnt .edu_sched_box .edu_sched_item{padding: 20px 16px;}
    #eduCnt .edu_sched_box .edu_sched_item .item_link .icon_link{width: 16px;height: 16px;flex: 0 0 auto;}

    #eduCnt .edu_card_box .edu_card_list{gap: 16px;}
    #eduCnt .edu_card_box .edu_card_items{width: 100%;}
    #eduCnt .edu_card_box .edu_card_items .item_inner{padding: 20px 16px;}
    #eduCnt .edu_card_box .edu_card_items .item_tit_box{padding-bottom: 16px;}
    #eduCnt .edu_card_box .edu_card_items .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #eduCnt .edu_card_box .edu_card_items .item_desc_box{margin-top: 16px;}
    #eduCnt .edu_card_box .edu_card_items .item_desc{font-size: var(--fs-14);line-height: var(--lh-20);}

    #eduCnt .fee_info_box .fee_info_tbl th,
    #eduCnt .fee_info_box .fee_info_tbl td{padding: 8px;font-size: var(--fs-12);}

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

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

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

    #eduCnt .fee_amount_box{padding: 16px;}

    #eduCnt .fee_amount_box .amount_tbl th,
    #eduCnt .fee_amount_box .amount_tbl td{padding: 8px;font-size: var(--fs-12);}
}
@media (max-width: 374px){
    #eduCnt .edu_sched_box .edu_sched_item .item_link{width: 100%;justify-content: center;}
}
@media (max-width: 279px){
    #eduCnt .fee_payment_box .payment_item .item_tit_box .icon_box{width: 26px;height: 17.02px;}
    #eduCnt .fee_payment_box .payment_item .item_tit{font-size: var(--fs-12);line-height: var(--lh-17);}
    #eduCnt .fee_payment_box .payment_item .item_chk_box .icon_method_chk{width: 17px;height: 17px;}
}


/* **************************** E:교육소개  **************************** */
/* **************************** S:과정소개 새탭 **************************** */
#courseIntro .popup_wrap {margin-top:200px; margin-bottom:80px;}
@media (max-width: 1220px) {
#courseIntro .popup_wrap {margin-top:140px; margin-bottom:80px;}
}
@media (max-width: 1100px) {
#courseIntro .popup_wrap {margin-top:70px; margin-bottom:80px;}
}
/* **************************** E:과정소개 새탭 **************************** */