/* 메인 */
.for_mobile { display: none; } 
.bg_gray { background: #f7f7f7 !important;} 
.bg_blue { background: #064a84 !important;} 
.pd_style01 { padding: 60px 0 80px; } 
.pd_style02 { padding: 150px 0 200px; } 
.pd_style03 { padding: 50px 0; } 
.pd_style04 { padding: 30px 0; } 
.mg_style01 { margin: 50px 0; } 
.bb_dark { border-bottom: 1px solid #666666; }
.bb_gray { border-bottom: 1px solid #dadada; } 
.bt_gray { border-top: 1px solid #dadada; } 
.btn_style02 { background: #064b85; color: #fff; border: 1px solid #064b85; border-radius: 30px; } 
.btn_style01 { background: #fff; color: #064b85; border: 1px solid #064b85; border-radius: 30px } 
.trt { text-align: right !important; } 
.tlt { text-align: left !important; } 
.tct { text-align: center !important; } 
.t_pd_style01 { padding-left: 60px !important; padding-right: 10px; } 

.swiper-button-prev::after, .swiper-button-next::after {content: none;}
.main_slide { overflow: hidden; } 
.main_wrap { height: 380px; position: relative; overflow: initial;}
.main_slide .swiper-wrapper a {display: block; border-radius: 20px; overflow: hidden;}
.main_wrap .swiper-button-prev,
.main_wrap .swiper-button-next { width: 25px; height: 33px; top: auto; margin-top: 0; top: 50%; transform: translateY(-50%); z-index: 1; } 
.main_wrap img { display: block; width: 100% } 
.main_wrap .swiper-button-prev { background: url(/images/hanmi/mb_prev.png) no-repeat center; left: 26px; } 
.main_wrap .swiper-button-next { background: url(/images/hanmi/mb_next.png) no-repeat; left: initial; right: 26px; } 
.main_wrap .swiper-pagination { position: static; font-size: 0; z-index: 1; } 
.main_wrap .swiper-pagination .swiper-pagination-bullet-active { background: #373737; } 
.main_wrap .swiper-pagination span { width: 14px; height: 14px; margin-right: 10px; } 
.main_wrap .swiper-button-play { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/images/hanmi/mb_start.png) center / contain no-repeat; text-indent: -99999px; z-index: 2; display: none } 
.main_wrap .swiper-button-pause { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/images/hanmi/mb_stop.png) center / contain no-repeat; text-indent: -99999px; z-index: 2; } 
.main_wrap .control { display: flex; width: 100%; position: absolute; bottom: 30px; align-items: center; justify-content: center; z-index: 2; } 
.main_wrap .control .swiper-btns { width: 12px; height: 14px; position: relative; } 

.gpmu_menu { padding: 100px 0 60px; } 
.gpmu_menu .menu_list { display: flex; margin: 0 60px; justify-content: space-between; } 
.gpmu_menu .menu_list li a { display: block; width: 100%; height: 100%; color: #373737; font-size: 1.6rem; font-weight: 500; text-align: center; } 
.gpmu_menu .menu_list li a::before { content: ''; display: block; width: 125px; height: 125px; margin: 0 auto 20px; background-color: #f7f7f7; background-position: center; background-repeat: no-repeat; border-radius: 50%; transition: all 0.35s; } 
.gpmu_menu .menu_list li a.icon01::before { background-image: url(/images/hanmi/menu_icon01.png); } 
.gpmu_menu .menu_list li a.icon02::before { background-image: url(/images/hanmi/menu_icon02.png); } 
.gpmu_menu .menu_list li a.icon03::before { background-image: url(/images/hanmi/menu_icon03.png); } 
.gpmu_menu .menu_list li a.icon04::before { background-image: url(/images/hanmi/menu_icon04.png); } 
.gpmu_menu .menu_list li a.icon05::before { background-image: url(/images/hanmi/menu_icon05.png); } 
.gpmu_menu .menu_list li a.icon06::before { background-image: url(/images/hanmi/menu_icon06.png); } 
.gpmu_menu .menu_list li a.icon01:hover::before { background-image: url(/images/hanmi/menu_icon01_on.png); } 
.gpmu_menu .menu_list li a.icon02:hover::before { background-image: url(/images/hanmi/menu_icon02_on.png); } 
.gpmu_menu .menu_list li a.icon03:hover::before { background-image: url(/images/hanmi/menu_icon03_on.png); } 
.gpmu_menu .menu_list li a.icon04:hover::before { background-image: url(/images/hanmi/menu_icon04_on.png); } 
.gpmu_menu .menu_list li a.icon05:hover::before { background-image: url(/images/hanmi/menu_icon05_on.png); } 
.gpmu_menu .menu_list li a.icon06:hover::before { background-image: url(/images/hanmi/menu_icon06_on.png); } 
.gpmu_menu .menu_list li a:hover { color: #064a84; font-weight: bold; } 
.gpmu_menu .menu_list li a:hover::before { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35); } 

.box_item { background: #fff; } 
.cont_slide .swiper-pagination,
 .cont_item .swiper-pagination { display: none; bottom: -40px; left: 50%; transform: translateX(-50%); } 
 .cont_slide .swiper-pagination span,
 .cont_item .swiper-pagination span { width: 14px; height: 14px; } 
 .cont_slide .swiper-pagination span + span,
 .cont_item .swiper-pagination span + span { margin-left: 6px; } 
 .cont_slide .swiper-pagination-bullet-active,
 .cont_item .swiper-pagination-bullet-active { background-color: #064a84; } 
.cont_slide .item {width: 280px; border: 1px solid #dadada; border-radius: 10px; box-sizing: border-box; overflow: hidden; } 
.cont_slide .item .img_wrap { height: 210px;}
.cont_slide .item .img_wrap img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.cont_slide .item .txt { padding: 12px 16px 10px; } 
.cont_slide .item .t_state .t_tag { display: inline-block; padding: 4px 10px; font-size: 1.2rem; color: #666666; border: 1px solid #666666; border-radius: 20px; } 
.cont_slide .item .t_state .t_tag + .t_tag { margin-left: 2px; } 
.cont_slide .item .t_state .t_tag.blue { color: #4d88f4; border-color: #4d88f4; } 
.cont_slide .item .t_state .t_tag.pink { color: #ff3e67; border-color: #ff3e67; } 
.cont_slide .item .txt .t_tit { display: -webkit-box; height: 46px; margin: 12px 0 8px; color: #212121; font-size: 1.6rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.cont_slide .item .txt .t_rate { display: flex; align-items: center; } 
.cont_slide .item .txt .t_rate .star_bg { width: 66px; height: 10px; position: relative; background: url(/images/hanmi/star_bg.png) no-repeat; z-index: 1; } 
.cont_slide .item .txt .t_rate .star_bg span { width: auto; height: 10px; position: absolute; left: 0; top: 0; background: url(/images/hanmi/star_on.png) no-repeat; z-index: 2; } 
.cont_slide .item .txt .t_rate .star_txt { margin-left: 4px; color: #666666; font-size: 1.3rem; } 

.cont_slide .item .btn_wrap { padding: 14px 0; background: #064a84; text-align: center; } 
.cont_slide .item .btn_wrap p { color: #fff; font-size: 1.7rem; font-weight: bold; } 
.cont_slide .item a { display: block; position: relative; } 
.cont_slide .item a:hover::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(22, 22, 22, 0.92); z-index: 5; } 
.cont_slide .item .h_wrap { display: none; width: 100%; height: 100%; padding: 50px 18px 16px; position: absolute; top: 0; bottom: 0; color: #fff; box-sizing: border-box; z-index: 8; } 
.cont_slide .item .h_wrap .h_tit { display: -webkit-box; height: 46px; margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 
.cont_slide .item .h_wrap li { padding-left: 16px; position: relative; font-size: 1.3rem; } 
.cont_slide .item .h_wrap li::before { content: ''; width: 12px; height: 12px; position: absolute; left: 0; top: 2px; background: url(/images/hanmi/h_list_icon.png) no-repeat; } 
.cont_slide .item .h_wrap li + li { margin-top: 10px; } 
.cont_slide .item .h_wrap .h_btn { margin-top: auto; padding: 10px 0; background: #ffffff; color: #373737; font-size: 1.7rem; font-weight: bold; text-align: center; border-radius: 10px; } 
.cont_slide .item a:hover .h_wrap { display: flex; flex-direction: column; } 
.cont_slide .slide_wrap { margin-top: 36px; position: relative; } 
.cont_slide .con_list { overflow: hidden; } 
.cont_slide .swiper-button-prev, .cont_slide .swiper-button-next { width: 60px; height: 63px; margin-top: 0; top: 50%; transform: translateY(-50%); } 
.cont_slide .swiper-button-prev { left: -100px; background: url(/images/hanmi/btn_prev.png) no-repeat; } 
.cont_slide .swiper-button-next { right: -100px; background: url(/images/hanmi/btn_next.png) no-repeat; } 
.page_tit { color: #373737; font-size: 3.7rem; font-family: 'NanumSquareRound', 'Noto Sans KR',sans-serif; font-weight: 800; } 
.page_tit02 { color: #373737; font-size: 4rem; font-weight: bold; text-align: center; } 
.page_tit span { color: #064a84; font-family: 'NanumSquareRound', 'Noto Sans KR',sans-serif; font-weight: 800; } 
.gpmu_pick .flex_box { display: flex; align-items: center; } 
.gpmu_pick .cont_tabs { display: flex; margin-left: auto; } 
.gpmu_pick .cont_tabs li + li { margin-left: 10px; } 
.gpmu_pick .cont_tabs li.active a { background: #373737; color: #fff; } 
.gpmu_pick .cont_tabs li a { display: flex; width: 100%; height: 100%; padding: 8px 22px; background: #fff; color: #666666; font-size: 1.5rem; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border: 1px solid #373737; border-radius: 30px; } 

.gpmu_banner { padding: 70px 0 10px; } 
.gpmu_banner .banner { background-image: url(/images/hanmi/banner_img.png); background-color: #1382ff; background-position: right -46px bottom -84px; background-repeat: no-repeat; border-radius: 20px; } 
.gpmu_banner .banner a { display: block; padding: 70px 40px; color: #fff; font-size: 2.8rem; } 

.gpmu_new .slide_wrap { position: relative; } 
.gpmu_new .con_list { margin-top: 3.6rem; overflow: hidden; } 
.gpmu_new .item a { display: block; width: 100%; height: 100%; } 
.gpmu_new .item a:hover .img_wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/images/hanmi/play_btn.png); background-color: rgba(22, 22, 22, 0.92); background-position: center; background-repeat: no-repeat; z-index: 5; } 
.gpmu_new .item .img_wrap { height: 160px; position: relative; border-radius: 10px; overflow: hidden; } 
.gpmu_new .item .img_wrap img { display: block; width: 100%; height: 100%;} 
.gpmu_new .item .txt { padding: 20px 30px 0; text-align: center; } 
.gpmu_new .item .txt span { color: #212121; font-size: 1.4rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: keep-all; overflow: hidden;} 
.gpmu_new .item .txt p { display: -webkit-box; height: 46px; margin: 12px 0 0; color: #212121; font-size: 1.8rem; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 

.gpmu_notice { padding: 50px 0 60px; } 
.gpmu_notice .slide_wrap { position: relative; } 
.gpmu_notice .con_list { margin-top: 3.6rem; overflow: hidden; } 
.gpmu_notice .con_list .item:hover a { border-color: #064a84; box-shadow: 0px 0px 16px 0px rgba(88, 88, 88, 0.3); } 
.gpmu_notice .con_list .item:hover a .tit { color: #064a84; } 
.gpmu_notice .con_list .item a { display: block; width: 100%; height: 100%; padding: 16px 18px; background: #fff; border: 1px solid #e8e8e8; border-radius: 15px; box-sizing: border-box; text-align: center; } 
.gpmu_notice .con_list .item a .tit { display: -webkit-box; color: #373737; font-size: 1.8rem; font-weight: 500; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; } 
.gpmu_notice .con_list .item a .date { display: block; margin-top: 13px; padding-top: 13px; color: #666666; font-size: 1.3rem; border-top: 1px solid #e8e8e8; } 
.gpmu_notice .control_btn { display: none; } 
.gpmu_notice .swiper-button-next { right: 0; background: url(/images/hanmi/slide_btn_next.png) no-repeat; } 
.gpmu_notice .swiper-button-prev { left: 0; background: url(/images/hanmi/slide_btn_prev.png) no-repeat; } 
.gpmu_notice .swiper-button-prev, .gpmu_notice .swiper-button-next { width: 20px; height: 34px; margin-top: 0; top: 50%; transform: translateY(-50%); } 
.gpmu_letter .slide_wrap { position: relative; } 
.gpmu_letter .con_list { margin-top: 3.6rem; overflow: hidden; } 
.gpmu_letter .item a { display: block; width: 100%; height: 100%; } 
.gpmu_letter .item a:hover .img_wrap img { transform: scale(1.1); } 
.gpmu_letter .item .img_wrap { border: 1px solid #e8e8e8; overflow: hidden; } 
.gpmu_letter .item .img_wrap { max-height: 260px; height: 100%; } 
.gpmu_letter .item .img_wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.35s; } 
.gpmu_letter .item .txt { margin-top: 25px; } 
.gpmu_letter .item .txt p { display: -webkit-box; height: 46px; margin: 12px 0 0; color: #212121; font-size: 1.8rem; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 23px; word-break: keep-all; overflow: hidden; } 

.gpmu_introduction { padding: 80px 0 90px; } 
.gpmu_introduction .con_list { display: flex; align-items: center; } 
.gpmu_introduction .txt_wrap { margin-right: 68px; } 
.gpmu_introduction .txt_wrap .tit { margin-bottom: 34px; color: #fff; font-size: 3.2rem; font-weight: bold; } 
.gpmu_introduction .txt_wrap .txt { margin-bottom: 36px; color: #fff; font-size: 1.8rem; line-height: 1.5; word-break: keep-all; } 
.gpmu_introduction .txt_wrap a { display: inline-block; padding: 14px 20px; position: absolute; color: #064a84; font-size: 1.8rem; font-weight: 500; border-radius: 30px; transition: all .3s; box-sizing: border-box; overflow: hidden; z-index: 1; } 
.gpmu_introduction .txt_wrap a::after { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: #fff; border-radius: 30px; transition: all .3s; z-index: -2; } 
.gpmu_introduction .txt_wrap a::before { content: ''; width: 0%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgb(6, 74, 132, 0.8); border-radius: 30px; transition: all .3s; z-index: -1; } 
.gpmu_introduction .txt_wrap a:hover::before { width: 100%; } 
.gpmu_introduction .txt_wrap a:hover { color: #fff; } 
.gpmu_introduction .txt_wrap a:hover span::after { background: url(/images/hanmi/arrow_btn_on.png) no-repeat; } 
.gpmu_introduction .txt_wrap a span { display: flex; align-items: center; } 
.gpmu_introduction .txt_wrap a span::after { content: ''; display: inline-block; width: 35px; height: 18px; margin-left: 16px; background: url(/images/hanmi/arrow_btn.png) no-repeat; } 
.gpmu_introduction .img_wrap { max-width: 600px; width: 100%; max-height: 340px; overflow: hidden; } 
.gpmu_introduction .img_wrap img { display: block; width: 100%; height: 100%; object-fit: cover; } 

/* login */
.login_tit { margin-bottom: 70px; color: #373737; font-size: 4rem; font-weight: bold; text-align: center; } 
.login_cont { display: flex; max-width: 465px; padding: 60px 10px; margin: 0 auto; background: #fff; border: 1px solid #000; border-radius: 30px; justify-content: center; } 
.login_cont > div { flex: 1; padding: 0 40px; } 
.login_cont .flex_item { display: flex; min-height: 300px; flex-direction: column; } 
.login_cont .big_btn { width: 100%; display: block; margin-top: auto; padding: 10px; border-radius: 30px; font-size: 1.5rem; font-weight: bold; text-align: center; border: 0; box-sizing: border-box; } 
.big_btn.btn_style01 { background: #064a84; color: #fff; border: 1px solid #064a84; } 
.big_btn.btn_style02 { background: #fff; color: #064a84; border: 1px solid #064a84; } 
.login_cont h4 { margin-bottom: 30px; color: #373737; font-size: 2.6rem; font-weight: bold; } 
.login_cont .login_item > div + div { margin-top: 1rem; } 
.login_cont .login_item input { width: 100%; background: #f7f8fa; padding: 1.2rem 3rem; font-size: 1.4rem; border: 0; border-radius: 10px; box-sizing: border-box; } 
.login_cont .login_item input::placeholder { color: #c5c6c7 } 
.login_cont .check_style { margin-top: 2rem; text-align: left;} 
.login_cont .check_style input[type="checkbox"] { display: none; } 
.login_cont .check_style label { color: #666666; font-size: 1.3rem; cursor: pointer; } 
.login_cont input[type="checkbox"] + label:before { content: ''; display: inline-block; width: 13px; height: 13px; margin: 0 8px 0 0; vertical-align: middle; border: 1px solid #c9cdd2; border-radius: 100%; cursor: pointer; } 

.login_cont input[type="checkbox"]:checked + label:before { content: ''; background: #064a84; border-color: #064a84; box-shadow: inset 0 0 1px 2px white; } 
.login_cont .find_box { display: flex; margin: 70px 0 40px; justify-content: center; } 
.login_cont .find_box a { position: relative; color: #666666; font-size: 1.3rem; } 
.login_cont .find_box a + a { margin-left: 10px; padding-left: 10px; } 
.login_cont .find_box a + a::after { content: ''; display: block; width: 1px; height: 10px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 

.login_cont .sign_box .txt { color: #666666; font-size: 1.4rem; line-height: 1.4; letter-spacing: -1.5px; } 
.login_cont .sign_box .txt::after { content: ''; display: block; width: 212px; height: 140px; margin: 40px auto; background: url(/images/hanmi/sign_icon01.png) no-repeat; } 

/* process_list */
.board_seach_area { max-width: 420px; width: 100%; margin: 60px auto; position: relative; } 
.board_seach_area .input_wrap { display: flex; width: 100%; padding: 10px 10px; border-radius: 30px; justify-content: space-between; box-shadow: rgba(17, 17, 26, 0.2) 0px 0px 16px; box-sizing: border-box; overflow: hidden; } 
.board_seach_area .input_wrap input { width: calc(100% - 30px); border: 0; font-size: 1.3rem; } 
.board_seach_area .input_wrap input::placeholder { color: #bcbcbc; } 
.board_seach_area .input_wrap button { width: 20px; background: url(/images/hanmi/seach_ico.png) center / contain no-repeat; border: 0; text-indent: -99999px; } 
.gpmu_list_tab .cont_tabs { display: flex; justify-content: center; } 
.gpmu_list_tab .cont_tabs li + li { margin-left: 10px; } 
.gpmu_list_tab .cont_tabs li.active a { background: #373737; color: #fff; } 
.gpmu_list_tab .cont_tabs li a { display: flex; width: 100%; height: 100%; padding: 8px 22px; background: #fff; color: #666666; font-size: 1.5rem; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border: 1px solid #373737; border-radius: 30px; } 
.notice_wrap { margin: 50px 0; padding-bottom: 20px; border-bottom: 1px solid #000; } 
.notice_wrap > p { color: #373737; font-size: 1.8rem; } 
.notice_wrap > p span { color: #064a84; font-weight: bold; } 
.notice_wrap .sort_list { margin-top: 20px; } 
.notice_wrap .sort_list .radio_btn { display: inline-block; border: 1px solid #064a84; border-radius: 30px; overflow: hidden; } 
.notice_wrap .sort_list .radio_btn input[type=radio] { display: none; } 
.notice_wrap .sort_list .radio_btn label { display: block; padding: 6px 18px; color: #064a84; font-size: 1.4rem; cursor: pointer; } 
.notice_wrap .sort_list .radio_btn input[type=radio]:checked + label { background: #064a84; color: #fff; } 
.gpmu_list .con_list { display: flex; flex-wrap: wrap; gap: 18px; } 
.gpmu_list .con_list .item { width: calc(25% - 18px); } 

.paging { display: flex; justify-content: center; margin-top: 60px; align-items: center; } 
.paging li a { display: flex; width: 26px; height: 26px; margin-right: 5px; color: #666666; font-size: 1.6rem; justify-content: center; align-items: center; border-radius: 100%; } 
.paging li.active a { background: #064a84; color: #fff; } 
.paging li.prev_arrow a { background: url(/images/hanmi/prev_arrow.png) no-repeat center; } 
.paging li.next_arrow a { background: url(/images/hanmi/next_arrow.png) no-repeat center; } 

.m_paging { display: none; justify-content: center; margin-top: 30px; align-items: center; } 
.m_paging a { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } 
.m_paging .prev_arrow { background: url(/images/hanmi/prev_arrow.png) no-repeat center; background-size: 5px; } 
.m_paging .next_arrow { background: url(/images/hanmi/next_arrow.png) no-repeat center; background-size: 5px; } 
.m_paging p { margin: 0 10px; font-size: 1.4rem; } 
.m_paging p .cut { color: #064a84; font-weight: bold; } 

.list_detail .list_tit { display: flex; padding-bottom: 2.6rem; border-bottom: 1px solid #373737; justify-content: space-between; } 
.list_detail .list_tit .tit { color: #373737; font-size: 2.4rem; } 
.list_detail .list_tit .etc_btn { display: inline-flex; } 
.list_detail .etc_btn a { display: inline-block; width: 30px; height: 30px; margin-right: 10px; border: 1px solid #dadada; border-radius: 100%; } 
.list_detail .etc_btn a.like_btn { background: url(/images/hanmi/icon_like.png) center no-repeat; } 
.list_detail .etc_btn a.like_btn.active { background: url(/images/hanmi/icon_like_on.png) center no-repeat; } 
.list_detail .etc_btn a.share_btn { background: url(/images/hanmi/icon_share.png) center no-repeat; } 
.list_detail .course_view .img_wrap img { display: block; width: 100%; height: 100%; } 
.list_detail .course_view { position: relative; } 
.list_detail .course_view .view_cont { width: calc(100% - 320px); margin-left: auto; padding: 20px 30px; border: 1px solid #dadada; border-radius: 20px; box-sizing: border-box; } 
.list_detail .course_view .img_wrap { width: 280px; height: 210px; position: absolute; top: 0; left: 0; } 
.list_detail .course_view .tit { margin-bottom: 26px; color: #212121; font-size: 2.2rem; font-weight: 500; } 
.list_detail .course_view .course_list { max-width: 460px; width: 100%; box-sizing: border-box; } 
.list_detail .course_view .course_list li { display: flex; } 
.list_detail .course_view .course_list li + li { margin-top: 14px; } 
.list_detail .course_view .course_list li strong { width: 130px; color: #373737; font-size: 1.5rem; flex-shrink: 0; } 
.list_detail .course_view .course_list li .txt { width: 100%; color: #666666; font-size: 1.5rem; font-weight: 300; letter-spacing: -0.5px; } 
.list_detail .course_view .course_btn { width: 260px; position: absolute; right: 34px; bottom: 34px; } 
.list_detail .course_view .course_btn a { display: block; padding: 10px 0; text-align: center; font-size: 1.8rem; font-weight: bold; } 
.list_detail .course_view .course_btn a + a { margin-top: 8px; } 
.select_style01 { width: 100%; padding-bottom: 4px; background: url(/images/hanmi/select_arrow.png) center right 10px no-repeat; color: #666666; font-size: 1.5rem; font-weight: 300; font-family: 'Noto Sans KR'; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; outline: none; appearance: none; border: 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; } 
.list_detail .cont_slide .swiper-pagination { display: block; } 

.list_detail .ld_tit { display: flex; padding-bottom: 16px; border-bottom: 1px solid #373737; justify-content: space-between; } 
.list_detail .ld_tit .tit { color: #373737; font-size: 2rem; font-weight: 500; } 
.list_detail .course_info { display: flex; flex-wrap: wrap; } 
.list_detail .course_info li { display: flex; width: 50%; padding: 1.8rem 3rem; border-bottom: 1px solid #dadada; box-sizing: border-box; }
.list_detail .course_info li#fileTr {width: 100%;}
.list_detail .course_info li:last-child { width: 100%; border-bottom-color: #373737; } 
.list_detail .course_info li strong { width: 170px; color: #373737; font-size: 1.5rem; flex-shrink: 0; } 
.list_detail .course_info li .txt { color: #666666; font-size: 1.5rem; font-weight: 500; }
.list_detail .txt_box { display: block; padding: 3.6rem 3rem; border-bottom: 1px solid #dadada; }

.list_detail .ld_tit .tit span { margin-left: 10px; color: #666666; font-size: 1.5rem; } 
.list_detail .ld_tit .rate_area { display: flex; align-items: center; } 
.list_detail .ld_tit .rate_area .txt { margin-right: 1.6rem; color: #666666; font-size: 1.5rem; } 
.list_detail .ld_tit .rate_area .score { margin-left: 1rem; color: #666666; font-size: 1.5rem; } 
.rate_area .rate { width: 86px; height: 14px; position: relative; background: url(/images/hanmi/list_star.png) no-repeat; z-index: 1; } 
.rate_area .rate span { width: auto; height: 14px; position: absolute; background: url(/images/hanmi/list_star_on.png) no-repeat; z-index: 2; } 
.list_detail .review .item { display: flex; padding: 3.6rem 3rem; border-bottom: 1px solid #dadada; } 
.list_detail .review .rv_score { max-width: 86px; margin-right: 5rem; } 
.list_detail .review .rv_score .score { margin-bottom: 10px; color: #000; font-size: 4rem; font-weight: 900; text-align: center; } 
.list_detail .review .rv_info { width: 100%; } 
.list_detail .review .rv_info ul { display: flex; margin-bottom: 2rem; align-items: flex-end; } 
.list_detail .review .rv_info li .rv_user { margin-right: 16px; color: #373737; font-size: 1.5rem; font-weight: 500; } 
.list_detail .review .rv_info li .rv_date { color: #72787f; font-size: 1.3rem; } 
.list_detail .review .rv_info .desc { color: #666666; font-size: 1.4rem; font-weight: 300; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 

.table_list table tbody > tr { border-bottom: 1px solid #dadada; } 
.table_list > table th, .table_list > table td { padding: 2rem 0; } 

/* 회사소개 */
.int_company .img_wrap { margin: 0 auto; } 
.int_company .img_wrap img { display: block; width: 100%; } 
.int_company .int_box .vod_wrap { max-width: 600px; margin: 0 auto; } 
.int_company .int_box .vod_wrap .vod_play { position: relative; width: 100%; padding-top: 56%; height: 0; } 
.int_company .int_box .vod_wrap .vod_play iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.int_company .int_box .img_wrap { max-width: 600px; margin-top: 50px; } 
.int_company .int_box .img_wrap .tit { margin-bottom: 20px; color: #000; font-size: 1.8rem; text-align: center; } 
.int_company .int_box .int_list { max-width: 600px; margin: 30px auto 0; } 
.int_company .int_box .int_list li { position: relative; padding-left: 10px; font-size: 1.6rem; } 
.int_company .int_box .int_list li + li { margin-top: 4px; } 
.int_company .int_box .int_list li::before { content: ''; width: 4px; height: 4px; position: absolute; top: 8px; left: 0; background: #000; border-radius: 100%; } 

/* 이용약관, 개인정보취급방침 */
.privacyWrap { position: relative; } 
.privacyWrap .topBtn { display: flex; width: 60px; height: 60px; position: fixed; right: 200px; bottom: 300px; background: #efefef; color: #000; font-size: 1.6rem; border-radius: 50%; align-items: center; justify-content: center; flex-direction: column; z-index: 100; opacity: 0.8; } 
.privacyWrap .topBtn::before { content: ''; width: 16px; height: 10px; background: url(../../images/hanmi/top_btn.png) no-repeat; } 
.privacyWrap .privacyTit { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 2px solid #000; text-align: center; } 
.privacyWrap .privacyTit h3 { color: #000; font-size: 3rem; font-weight: bold; } 
.privacyWrap .privacyTit p { margin-top: 1rem; color: #666; font-size: 1.6rem; } 
.privacyWrap .privacyCont h4 { margin-bottom: 3rem; color: #000; font-size: 2.4rem; font-weight: 500; } 
.privacyWrap .privacyItem { margin-bottom: 3rem; } 
.privacyWrap .privacyItem .tit { margin-bottom: 1rem; color: #000; font-size: 2rem; font-weight: 500; } 
.privacyWrap .privacyItem .s_txt {font-size: 1.6rem;}
.privacyWrap .privacyItem .p_list01 > li { position: relative; padding-left: 10px; color: #000; font-size: 1.6rem; line-height: 1.5; } 
.privacyWrap .privacyItem .p_list01 li.dot::before { content: ''; width: 3px; height: 3px; position: absolute; top: 10px; left: 0; background: #000; border-radius: 50%; } 
.privacyWrap .privacyItem .p_list02 > li { padding-left: 20px; } 
.privacyWrap .privacyItem .p_list03 > li { padding-left: 10px; } 
.privacyWrap .privacyItem .p_list04 > li { padding-left: 10px; } 

.privacyWrap .privacyList { margin-bottom: 2rem; } 
.privacyWrap .privacyList p { font-size: 1.4rem; } 
.privacyWrap .privacyList ul { padding: 2rem; margin: 2rem 0; border: 1px solid #ddd; } 
.privacyWrap .privacyList ul li { font-size: 1.6rem; } 
.privacyWrap .privacyList ul li+li { margin-top: 4px; } 
.privacyWrap .t_list { margin: 2rem 0; } 
.privacyWrap .t_list table { border-top: 1px solid #888888; } 
.privacyWrap .t_list table th,
.privacyWrap .t_list table td { padding: 1rem; font-size: 1.4rem; border-right: 1px solid #ddd; vertical-align: middle; word-break: break-all; } 
.privacyWrap .t_list table th:last-child,
.privacyWrap .t_list table td:last-child { border-right: 0; } 
.privacyWrap .t_list table th { background: #f5f5f5; font-weight: 500; } 
.privacyWrap .t_list table td { text-align: center; border-bottom: 1px solid #ddd; } 

.searchWrap { margin-top: 3rem; } 
.searchWrap .courseSearch { border: 1px solid #ddd; box-shadow: none; } 
.searchWrap .courseSearch table tr:last-child { border-bottom: none; }
.searchWrap .blue_scr_button input {cursor: pointer;}

.login_contain .login_wrap { position: static; margin: 0 auto; border: 0; } 
.login_contain .login_wrap ul.main_tab li a { text-align: center; } 
.login_contain .login_wrap .find_method .bottom_btn a { text-align: center; } 
.login_contain .id_find > div { margin-top: 0; border: 0; } 
.login_contain .login_wrap .info_text3 { margin: 0; padding: 2rem; } 
.login_contain .login_wrap input[type="text"]:hover, .login_wrap input[type="password"]:hover { border: 1px solid #dadada; } 
.login_contain .login_wrap ul.main_tab li.on a { color: #074B85; } 
.login_contain .login_wrap ul.main_tab li a:hover { color: #074B85; } 
.login_contain .login_wrap ul.main_tab li { border-bottom: 1px solid #074B85; } 
.login_contain .login_wrap ul.main_tab li.on { border: 1px solid #074B85; border-bottom: none; } 
.login_contain .login_wrap .find_enter { border: 1px solid #074B85; border-top: none; } 
.login_contain .login_wrap .find_method .bottom_btn a.confirm { background: #074B85; border: 1px solid #074B85; } 
.login_contain .login_wrap .info_text3 a { color: #074B85; } 
.login_contain .login_wrap .id_find_result, .login_contain .login_wrap .pw_find_result { border: 1px solid #074B85; } 
.login_contain .login_wrap .id_find_result h3, .login_contain .login_wrap .pw_find_result h3 { color: #074B85; } 
.login_contain .login_wrap .result_data a { background: #074B85; border: 1px solid #074B85; text-align: center; } 
.login_contain .login_wrap ul.find_tab li a::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; background: #fff; border: 1px solid #ddd; vertical-align: middle; } 
.login_contain .login_wrap ul.find_tab li a { padding-left: 0; background: #fff; } 
.login_contain .login_wrap ul.find_tab li a.on::before { content: '\2713'; background: #036dc7; color: #fff; font-size: 12px; text-align: center; } 
.login_contain .login_wrap ul.find_tab li a.on { background: none; } 

/* popup */
.pop_tag.blue { background: #064b85; } 
.bg_style01 { background: #373737; color: #fff; border: 1px solid #373737; } 
.bg_style02 { background: #fff; color: #373737; border: 1px solid #373737; } 
.hanmiPopup { display: block; width: 100%; max-width: 1000px; padding: 46px 40px; background: #f7f7f7; } 
.hanmiPopup .pop_head { margin-bottom: 46px; color: #373737; font-size: 30px; font-weight: bold; } 
.hanmiPopup .pop_cont { max-height: 100%; padding: 40px 36px; background: #fff; border-radius: 20px; overflow-y: visible; } 
.hanmiPopup .pop_cont .pop_tit { display: flex; text-align: left; margin-bottom: 30px; } 
.hanmiPopup .pop_cont .pop_tit p { color: #373737; font-size: 24px; font-weight: 500; } 
.hanmiPopup .pop_cont .pop_tit .pop_tag { display: inline-flex; padding: 0 20px; margin-left: 10px; color: #fff; font-size: 14px; border-radius: 20px; align-items: center; justify-content: center; } 
.hanmiPopup .pop_cont .edu_info { display: flex; margin-bottom: 50px; flex-wrap: wrap; border-top: 1px solid #dadada;; } 
.hanmiPopup .pop_cont .edu_info li { display: flex; width: 50%; border-bottom: 1px solid #dadada; } 
.hanmiPopup .pop_cont .edu_info li strong { display: inline-flex; width: 130px; padding: 12px 0; background: #f7f7f7; color: #373737; font-size: 15px; flex-shrink: 0; align-items: center; justify-content: center; } 
.hanmiPopup .pop_cont .edu_info li p { display: flex; padding: 12px 10px; font-size: 15px; align-items: center; } 
.hanmiPopup .pop_cont .question_wrap .item { padding-bottom: 40px; margin-top: 40px; position: relative; border-bottom: 1px solid #f5f5f5; } 
.hanmiPopup .pop_cont .question_wrap .item:last-child { border-bottom: 0; } 
.hanmiPopup .pop_cont .question_wrap .q_tit { padding-left: 40px; margin-bottom: 20px; color: #373737; font-size: 14px; line-height: 1.5; } 
.hanmiPopup .pop_cont .question_wrap .q_num { position: absolute; top: -2px; left: 0; color: #373737; font-size: 16px; font-weight: bold; } 
.hanmiPopup .pop_cont .question_wrap .q_list { padding-left: 40px; } 
.hanmiPopup .pop_cont .question_wrap .q_list li + li { margin-top: 4px; } 
.hanmiPopup .radio input[type="radio"]:checked + label:after { width: 9px; height: 9px; background: #064b85; border: 0; box-sizing: border-box; } 
.hanmiPopup .radio input[type="radio"] + label { font-size: 14px; } 
.hanmiPopup .radio input[type="radio"] + label:before { width: 15px; height: 15px; box-sizing: border-box; } 

@media all and (max-width:1400px){
 .cont_slide .swiper-button-next,
 .cont_slide .swiper-button-prev { display: none; } 
 .privacyWrap .topBtn {right: 20px;}
 }
 @media all and (max-width:1200px){
 .main_wrap { height: auto; } 
 .main_wrap .control { bottom: 15px; } 
 
 .gpmu_menu .menu_list { flex-wrap: wrap; gap: 20px; } 
 .gpmu_menu .menu_list li { width: calc(100% / 3 - 20px); } 
 
 .gpmu_pick .flex_box { display: block; } 
 .gpmu_pick .cont_tabs { margin: 2rem 0 0 0; overflow-x: auto; white-space: nowrap; } 
 .cont_slide .swiper-pagination,
 .cont_item .swiper-pagination { display: block; } 
 
 .list_detail .course_view .course_btn { width: 130px; } 
 }
 
 @media all and (max-width:1024px){
 .for_mobile { display: block; }
 .cont_slide .item .img_wrap {height: auto;}
 .gpmu_banner .banner { background-position: right 0 bottom -50px; background-size: 400px; } 
 .gpmu_notice .control_btn { display: block; } 
 .gpmu_notice .slide_wrap { padding: 0 40px; } 
 
 .gpmu_list_tab .cont_tabs { justify-content: flex-start; white-space: nowrap; overflow-x: auto; } 
 .gpmu_list .con_list .item { width: calc(100% / 3 - 14px); } 
 
 .list_detail .course_view .course_btn { width: 100%; margin-top: 20px; position: static; } 
 .list_detail .course_info li { width: 100%; } 
 }
 
 @media all and (max-width:860px){
 .t_pd_style01 { padding-left: 10px !important; } 
 .gpmu_introduction .con_list { flex-wrap: wrap; } 
 .gpmu_introduction .txt_wrap { margin-right: 0; order: 2; } 
 .gpmu_introduction .img_wrap { margin-bottom: 2rem; order: 1; }
 .cont_slide .item {width: 240px;}
 
 .list_detail .course_view .view_cont { width: 100%; } 
 .list_detail .course_view .img_wrap { width: 100%; height: auto; margin-bottom: 20px; position: static; } 
 .gpmu_list_tab { background: #f7f7f7; } 
 
 .list_detail .review .item { flex-direction: column; } 
 .list_detail .review .rv_score { margin: 0 0 20px 0; } 

 /* popup */
.hanmiPopup .pop_cont .edu_info { flex-direction: column; } 
.hanmiPopup .pop_cont .edu_info li { width: 100%; } 

 }
 @media all and (max-width:768px){
 .gpmu_list .con_list .item { width: calc(100% / 2 - 10px); } 

 .privacyWrap .t_list { width: 100%; overflow-y: auto; } 
 .privacyWrap .t_list table { width: 640px; } 

table.k-editor { height: auto !important; } 
.k-editor.k-resizable .k-editable-area { box-sizing: border-box !important; } 
.addFile .drag_Area .area .k-upload .k-upload-button { margin: 0 !important; } 
.addFile .k-grid.k-widget .k-grid-header tr { display: flex !important; border: 0 !important; } 
.addFile .k-grid.k-widget .k-grid-header th { height: auto !important; padding: 10px !important; } 
.addFile .drag_Area .k-dropzone span { width: 100% !important; padding-left: 140px !important;} 
.addFile .k-grid.k-widget .k-grid-header th:nth-child(3) { display: none; } 
.addFile .k-grid.k-widget .k-grid-content tr td:first-child { padding: 10px !important; } 
.addFile .k-grid.k-widget .k-grid-content td { height: auto !important; padding: 10px !important; text-align: left !important; } 
.addFile .k-grid.k-widget .k-grid-content tr td a.btn_inner {line-height: 26px !important;}
	
 }
 
 @media all and (max-width:640px){
 .mg_style01 { margin: 20px 0; } 
 .pd_style01 { padding: 30px 0 50px; } 
 .pd_style02 { padding: 50px 0; } 
 .t_mw15 { width: 15% !important; } 
 .t_mw20 { width: 20% !important; } 
 
 .cont_slide .item {width: 200px;}
 .cont_slide .item .btn_wrap {margin-top: 10px;}
 .main_slide .innerSection { width: 100%; padding: 0; } 
 .main_slide .swiper-wrapper a {border-radius: 0;}
 .main_wrap .control { bottom: 10px; } 
 .main_wrap .swiper-pagination span { width: 8px; height: 8px; margin-right: 6px; } 
 .main_wrap .swiper-button-play,
 .main_wrap .swiper-button-pause { width: 8px; height: 10px; } 
 .main_wrap .swiper-button-prev,
 .main_wrap .swiper-button-next { display: none; } 
 .gpmu_menu { padding: 30px 0 0; } 
 .gpmu_menu .menu_list { margin: 0; gap: 10px 5px; } 
 .gpmu_menu .menu_list li { width: calc(100% / 3 - 5px); }
 .gpmu_menu .menu_list li a::before { width: 90px; height: 90px; margin: 0 auto 10px; background-size: 35%; } 
 
 .cont_slide .item a:hover .h_wrap { display: none; } 
 .cont_slide .item a:hover::before { content: none; } 
 
 .cont_slide .swiper-pagination,
 .cont_item .swiper-pagination { bottom: -25px; } 
 .cont_slide .swiper-pagination span,
 .cont_item .swiper-pagination span { width: 8px; height: 8px; } 
 .cont_slide .swiper-pagination span + span,
 .cont_item .swiper-pagination span + span { margin-left: 4px; } 
 .gpmu_banner { padding: 0 0 10px; } 
 .gpmu_banner .innerSection { width: 100%; } 
 .gpmu_banner .banner { background-position: right -10px bottom -20px; background-size: 150px; border-radius: 0; } 
 .gpmu_banner .banner a { padding: 30px 20px; font-size: 2rem; } 
 .gpmu_new .item a:hover .img_wrap::before { content: none; } 
 .gpmu_new .item .txt { padding: 10px 10px 0; } 
 .gpmu_new .item .txt p { margin: 4px 0 0; } 
 .gpmu_introduction { padding: 30px 0; } 
 .gpmu_introduction .txt_wrap a:hover { color: #064a84; } 
 .gpmu_introduction .txt_wrap a:hover span::after { background: url(/images/hanmi/arrow_btn.png) no-repeat; } 
 .gpmu_introduction .txt_wrap a:hover::before { content: none; } 
 .gpmu_introduction .txt_wrap a { position: static; background: #fff; } 
 .gpmu_list .con_list { gap: 6px; } 
 .gpmu_list .con_list .item { width: calc(100% / 2 - 3px); } 
 .paging { display: none; } 
 .m_paging { display: flex; } 
 
 .login_cont { padding: 30px 10px; flex-direction: column; } 
 .login_cont > div { padding: 0 20px; } 
 .login_tit { margin-bottom: 30px; } 
 .login_cont .find_box { margin: 20px 0; } 
 .login_cont h4,
 .login_cont .sign_box .txt { display: none; } 
 .login_cont .flex_item { min-height: auto; margin-top: 10px; } 
 
 .list_detail .course_view .view_cont { border: 0; padding: 0; } 
 .list_detail .course_view .course_list { max-width: 100%; padding: 0 20px; } 
 .list_detail .course_view .course_list li strong { width: 90px; } 
 .list_detail .course_view .course_btn { display: flex; justify-content: center; } 
 .list_detail .course_view .course_btn a { width: calc(50% - 4px); } 
 .list_detail .course_view .course_btn a + a { margin-top: 0; margin-left: 5px;} 
 .list_detail .course_info li { padding: 1.4rem 1.5rem; } 
 .list_detail .course_info li strong { width: 80px; } 
 .list_detail .review .item { padding: 2rem 1rem; } 

 .privacyWrap .topBtn { width: 40px; height: 40px; font-size: 1.2rem; } 
 .privacyWrap .topBtn::before { width: 8px; height: 5px; background-size: contain; }
 .privacyWrap .privacyItem .p_list01 > li { padding-left: 4px;} 
 .privacyWrap .privacyItem .p_list02 > li { padding-left: 8px; } 
 .privacyWrap .privacyItem .p_list03 > li { padding-left: 4px; } 
 .privacyWrap .privacyItem .p_list04 > li { padding-left: 4px; } 

 .cont_slide .item .txt {padding: 12px 10px 0px;}
 .cont_slide .item .t_state .t_tag {padding: 2px 6px; font-size: 1rem;}
 
 .searchWrap .courseSearch table col.w80 {width: 80px !important;}
/* popup */
.hanmiPopup .pop_cont .edu_info { flex-direction: column; } 
.hanmiPopup .pop_cont .edu_info li { width: 100%; } .hanmiPopup { padding: 20px 5px; } 
.hanmiPopup .pop_head { margin-bottom: 20px; font-size: 20px; } 
.hanmiPopup .pop_cont { padding: 20px 14px; } 
.hanmiPopup .pop_cont .pop_tit { margin-bottom: 20px; } 
.hanmiPopup .pop_cont .pop_tit p { font-size: 16px; } 
.hanmiPopup .pop_cont .pop_tit .pop_tag { padding: 0 14px; margin-left: 6px; font-size: 12px; } 
.hanmiPopup .pop_cont .edu_info li { flex-direction: column; } 
.hanmiPopup .pop_cont .edu_info li strong { width: 100%; padding: 6px 0; font-size: 12px; } 
.hanmiPopup .pop_cont .edu_info li p { padding: 6px 0; font-size: 12px; justify-content: center; } 
.hanmiPopup .pop_cont .question_wrap .q_tit { padding-left: 26px; } 
.hanmiPopup .pop_cont .question_wrap .q_num { top: 2px; font-size: 12px; } 
.hanmiPopup .pop_cont .question_wrap .q_list { padding-left: 20px; } 
.hanmiPopup .pop_cont .question_wrap .item { padding-bottom: 20px; margin-top: 25px; } 

 }
 
 
 /* etc css */
 .table_style01 table td.number img {
 	width: 40px;
 }
 .like {
 z-index: 990 !important;
 }
 .mp_lecture .mp_lecture_list .item .more_cont {
 z-index: 999 !important;
 }
 .mp_lecture .mp_lecture_list .tit_area {
 	margin-top: 10px !important;
 }
 #newHeader .h_mobile_mid .balloon {display:none;}
 /* 팝업 */
.popup.organizeModal .pop_cont {padding: 20px; overflow-y: initial; }
.popup.organizeModal .pop_img {max-height: 500px;}
.popup.organizeModal .pop_img img {width: 100%; height: 100%;}

/* 수료증 */
.certi_wrap { width: 960px; margin: auto; padding: 170px 0 120px 150px; position: relative; background: url(../../images/hanmi/certi_bg.png) no-repeat; font-family: 'Tw Cen MT', sans-serif; box-sizing: border-box; } 
.certi_wrap::before { content: ''; width: 265px; height: 410px; position: absolute; top: 1px; right: 55px; background: url(../../images/hanmi/certificate.png) no-repeat; } 
.certi_wrap::after { content: ''; width: 281px; height: 35px; position: absolute; right: 55px; bottom: 55px; background: url(../../images/hanmi/certi_txt.png) no-repeat; } 
.certi_wrap .txt_wrap { margin-bottom: 150px; } 
.certi_wrap .txt_wrap p { color: #000; font-size: 18px; } 
.certi_wrap .txt_wrap .certi_date { margin-bottom: 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; } 
.certi_wrap .txt_wrap .certi_name { margin-bottom: 10px; font-size: 50px; font-weight: bold; text-transform: uppercase; } 
.certi_wrap .txt_wrap .certi_course { margin: 10px 0; font-size: 26px; font-weight: bold; text-transform: uppercase; } 
@media print { 
    @page { 
        size: A4 landscape; 
        margin: 0 2cm; } 
    body { margin-top: 1cm; } 
     html, body {
      height:auto;
       /*margin: 0 !important;*/ 
       padding: 0 !important; 
    }
 }
 
 /* 역량진단 */
 .svg-icon { display: inline-flex; width: 2.4rem; height: 2.4rem; margin-top: -0.2rem; background-color: #000; vertical-align: middle; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; } 
.svg-icon.right { margin-right: 0.5rem; } 
.svg-icon.left { margin-left: 0.5rem; } 
.svg-icon.ico-tip { mask-image: url(../../images/hanmi/ico_tip.svg); } 
.svg-icon.ico-arrow-right { mask-image: url(../../images/hanmi/ico_arrow_right.svg); } 
.svg-icon.ico-arrow-left { mask-image: url(../../images/hanmi/ico_arrow_left.svg); } 
.svg-icon.ico-arrow { mask-image: url(../../images/hanmi/ico_arrow.svg); } 
.svg-icon.ico-popup-close { mask-image: url(../../images/hanmi/ico_close.svg); background-color: #000 !important; } 
.inspect-wrap .inspect-container { display: flex; flex-direction: column; gap: 2rem; } 
.inspect-wrap .ins-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 220px; padding: 1rem; text-align: center; background: url(../../images/hanmi/visual_img.png) center no-repeat; } 
.inspect-wrap .ins-visual h2 { margin-bottom: 1.4rem; color: #fff; font-size: 3.6rem; font-weight: 700; } 
.inspect-wrap .ins-visual .txt { color: #c3c3c3; font-size: 1.4rem; } 
.inspect-wrap .ins-tip { padding: 2rem; background-color: #eee; border: 2px solid #ddd; border-radius: 10px; text-align: center; } 
.inspect-wrap .ins-tip .ico-tip { background-color: #064a84; } 
.inspect-wrap .ins-menu { padding: 2rem; background-color: #d0e8ff; border: 2px solid #2892f8; border-radius: 10px; } 
.inspect-wrap .ins-menu ul { display: flex; flex-direction: column; gap: 1rem; } 
.inspect-wrap .ins-menu li { display: flex; gap: 1rem; } 
.inspect-wrap .ins-menu li + li { margin-top: 1rem; padding-top: 2rem; border-top: 1px solid #ddd; } 
.inspect-wrap .ins-menu .ins-date { display: flex; align-items: center; gap: 1rem; } 
.inspect-wrap .ins-menu .ins-date strong { display: inline-flex; padding: 0.5rem 2rem; background-color: #2892f8; border-radius: 30px; color: #fff; font-weight: 500; } 
.inspect-wrap .btn-ins:disabled { opacity: 0.5; } 
.inspect-wrap .btn-ins { padding: 0.5rem 1.5rem; border: 0; font-size: 1.4rem; border-radius: 5px; letter-spacing: -1px; } 
.inspect-wrap .btn-ins.type02 { background-color: #62678f; color: #fff; } 
.inspect-wrap .btn-ins.type03 { background-color: #996565; color: #fff; } 
.inspect-wrap .btn-ins .svg-icon { background-color: #fff; } 
.inspect-wrap .ins-menu .btn-wrap { margin-left: auto; } 
.inspect-wrap .ins-menu .btn-ins { background-color: #2892f8; border: 0; color: #fff; } 
.inspect-wrap .ins-list ul { display: flex; flex-wrap: wrap; gap: 2rem; } 
.inspect-wrap .ins-list li { width: calc(100% / 4 - 16px); border-radius: 1rem; border: 1px solid #ccc; overflow: hidden; } 
.inspect-wrap .ins-list li:nth-child(3n+1) .ins-score { background-color: #e7f1fd; } 
.inspect-wrap .ins-list li:nth-child(3n+2) .ins-score { background-color: #e7e8fd; } 
.inspect-wrap .ins-list li:nth-child(3n+3) .ins-score { background-color: #f5e6fd; } 
.inspect-wrap .ins-list .ins-score { display: flex; align-items: center; justify-content: center; min-height: 15rem; position: relative; } 
.inspect-wrap .ins-list .ins-score .date-tag { position: absolute; top: 1rem; left: 1rem; } 
.inspect-wrap .ins-list .ins-score .date-tag span { padding: 0.2rem 1rem; background-color: #47768d; border-radius: 20px; color: #fff; font-size: 1.4rem; font-weight: 500; } 
.inspect-wrap .ins-list .ins-score .score { color: #656565; font-size: 6rem; font-weight: 700; text-align: center; } 
.inspect-wrap .ins-list .ins-text { padding: 1rem; min-height: 8.6rem; font-size: 1.4rem; } 
.inspect-wrap .ins-list .ins-text .btn-wrap { display: flex; gap: 4px; margin-top: 2rem; } 
.inspect-wrap .ins-list .ins-text .btn-wrap button { flex: 1 1 0; } 

/* 자가진단 */
.scroll-no { overflow: hidden; } 
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } 
.basic-btn[disabled] { opacity: 0.2; } 
.basic-btn { display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: auto; border-style: solid; cursor: pointer; white-space: nowrap; transition: 0.4s ease-in-out; border-width: 0.1rem; background-color: #256ef4; border-color: #256ef4; color: #ffffff; gap: 0.4rem; height: 40px; padding: 0 2rem; border-radius: 0.8rem; font-size: 1.6rem; } 
.basic-btn.type01 { background-color: #fff; border-color: #99B2F9; color: #99B2F9; } 
.basic-btn.type02 { background-color: #313c4f; border-color: #313c4f; color: #fff; } 
.basic-btn .svg-icon { margin-top: 0; background-color: #fff; } 
.pop-modal .modal-back { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; z-index: -1; background-color: #000000bf; } 
.pop-modal .modal-back.in { display: block; z-index: 1000; visibility: visible; } 
.pop-modal.in { display: block; z-index: 1010; transition-delay: 0s; opacity: 1; visibility: visible; } 
.pop-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; visibility: hidden; width: 100%; height: 100%; opacity: 0; transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s; font-size: 1.6rem; font-style: normal; font-weight: 500; text-align: left; text-decoration: none; text-shadow: none; } 
.pop-modal .modal-dialog { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; z-index: 1020; width: 600px; height: 100%; min-height: 260px; margin: 0 auto; } 
.pop-modal .modal-dialog .modal-content { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; max-height: 80%; background-color: #fff; border-radius: 1.2rem; border: 1px solid #b1b8be; color: #1e2124; outline-color: transparent; transition: outline-color 0.1s; box-shadow: 0 0 0.2rem 0 #00000014, 0 1.6rem 2.4rem 0 #0000001f; } 
.pop-modal .modal-dialog .modal-content > *:not(.btn-close) { width: 100%; } 
.pop-modal .modal-dialog .modal-header { width: 100%; background-color: inherit; border-top-left-radius: inherit; border-top-right-radius: inherit; padding-top: 2rem; padding-inline: 2rem; } 
.pop-modal .modal-dialog .modal-header .modal-title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 2rem; font-weight: 700; } 
.pop-modal .modal-dialog .modal-conts { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; overflow-y: auto; width: 100%; padding: 2rem; } 
.pop-modal .modal-dialog .conts-area { width: 100%; border-top: 1px solid #ddd; } 
.pop-modal .modal-dialog .modal-btn { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; gap: 1rem; padding: 2rem; } 
.pop-modal .modal-dialog .btn-close { padding: 0; position: absolute; top: 1rem; right: 2rem; z-index: 901; background-color: transparent; border: 0; } 
.basic-input[readonly] { background-color: #f3f3f3; } 
.basic-input { position: relative; width: 100%; height: 4rem; padding: 0 1.6rem; background-color: #fff; border: .1rem solid #d9d9d9; border-radius:0.6rem; font-family: inherit; color: #464c53; font-size: 1.6rem; transition: 0.4s ease-in-out; } 
.form-select[disabled] { background-color: #f3f3f3 !important; opacity: 1; } 
.form-select { -webkit-appearance : none; -moz-appearance: none; appearance: none; position: relative; width: 100%; height: 4rem; padding: 0 1.6rem; background-position: center right 1rem; background-image: url(../../images/hanmi/ico_angle.svg); background-color: transparent !important; background-size: 1.6rem; background-repeat: no-repeat; background-color: #fff; border: .1rem solid #d9d9d9; border-radius:0.6rem; font-family: inherit; color: #464c53; font-size: 1.6rem; transition: 0.4s ease-in-out; } 
.pop-modal .form-group { display: flex; flex-direction: column; gap: 1.4rem; } 
.pop-modal .form-group dl { display: flex; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid #eee; } 
.pop-modal .form-group dl dt { flex-shrink: 0; width: 6rem; padding-left: 1rem; } 
.pop-modal .form-group dl dd { width: 100%; } 
.pop-modal .flex-group { display: flex; gap: 1rem; } 
.pop-modal .flex-group > * { flex: 1 1 0; } 
.pop-modal .tip-box { margin-top: 1rem; padding: 2rem; border: 1px solid #ddd; background-color: #eee; border-radius: 10px; color: #464c53; font-weight: 400; text-align: center; } 
.pop-modal .tip-box .svg-icon { background-color: #064a84; } 
.pop-modal .line { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #000; } 
.mla { margin-left: auto; } 
.bagic-group { display: flex; align-items: center; } 
.modal-tag ul { display: flex; gap: 2rem; } 
.modal-tag ul li { display: flex; align-items: center; gap: 1rem; } 
.modal-tag .m-tag { display: inline-flex; flex-shrink: 0; padding: 0.5rem 1rem; background-color: #3d4495; color: #fff; font-size: 1.6rem; border-radius: 20px; } 
.pop-modal.st .modal-dialog { max-width: 1400px; width: calc(100% - 2.4rem); } 
.pop-modal.st .modal-dialog .modal-content { align-items: flex-start; height: 100%; min-height: 90%; border-radius: 0; } 
.pop-modal.st .modal-header { display: flex; flex-direction: column; justify-content: center; min-height: 80px; padding: 0; border-bottom: 1px solid #ddd; } 
.pop-modal.st .modal-header .bagic-group { padding: 0 2rem; } 
.pop-modal.st .modal-dialog .modal-header .modal-title { font-size: 2.6rem; } 
.pop-modal.st .modal-dialog .modal-conts { width: calc(100% - 250px); height: 100%; background-color: #f7f7f7; border-right: 1px solid #ddd; box-sizing: border-box; } 
.pop-modal.st .state-wrap { display: flex; flex-direction: column; gap: 1rem; width: 250px; height: 100%; padding: 2rem; position: absolute; top: 80px; right: 0; } 
.pop-modal.st .state-wrap .st-state { display: flex; align-items: center; justify-content: center; height: 120px; background-color: #eee; border: 1px solid #ddd; border-radius: 10px; } 
.pop-modal.st .state-wrap .st-state p { font-size: 1.8rem; } 
.pop-modal.st .state-wrap .st-state .eNum { color: rgb(255, 69, 69); font-size: 3.6rem; font-weight: 700; } 
.pop-modal.st .state-wrap .btn-wrap { display: flex; flex-wrap: wrap; gap: 0.5rem; } 
.pop-modal.st .state-wrap .btn-wrap button:nth-child(2) { flex: 2; } 
.pop-modal.st .state-wrap .btn-wrap button { flex: 1 1 0; font-size: 1.4rem; height: 3.6rem; } 
.pop-modal.st .modal-dialog .conts-area { border: 0; } 
.pop-modal.st input[type=radio], .pop-modal.st input[type=checkbox] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } 
.pop-modal.st .quest-list { width: 100%; box-sizing: border-box; } 
.pop-modal.st .quest-list > ul { display: flex; flex-direction: column; gap: 3rem; position: relative; } 
.pop-modal.st .quest-list .quest-item { position: relative; } 
.pop-modal.st .quest-list .quest-item .btn-wrap { margin-top: 2rem; text-align: center; } 
.pop-modal.st .circle-area { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: #4a4a4a; font-size: 2rem; color: #ffffff; text-align: center; z-index: 1; } 
.pop-modal.st .quest-list .quest-cont { display: flex; flex-direction: column; gap: 1rem; width: 100%; padding: 2rem; position: relative; border: 1px solid #e2e2e2; background: #fff; border-radius: 1rem; box-sizing: border-box; overflow: hidden;} 
.pop-modal.st .quest-list .modal-tag .m-tag { font-size: 1.4rem; } 
.pop-modal.st .quest-list .modal-tag p { font-size: 1.4rem; } 
.pop-modal.st .quest-list .quest-tit { padding: 2rem; border-top: 1px solid #d9dbe1; border-bottom: 1px solid #d9dbe1; background-color: #f5f5fa; font-size: 2rem; color: #3d4495; text-align: left; } 
.pop-modal.st .quest-list .ans-list .form-check input[type=radio] ~ label { cursor: pointer; } 

/* 역량검사 점수 */
.chart-wrap { background-color: #fff; } 
.chart-wrap .chart-container { display: flex; flex-direction: column; gap: 20px 0; } 
.chart-wrap .chart-cont { display: flex; flex-direction: column; gap: 20px 0; width: 100%; } 
.chart-wrap .chart-cont h3 { margin-bottom: 2rem; font-size: 2.2rem; font-weight: 500; } 
.chart-wrap .chart-cont h3 span { color: #6262e6; font-weight: 500; } 
.chart-wrap .chart-cont .item-box { padding: 2rem; background-color: #fff; border-radius: 20px; border: 1px solid #eee; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } 
.chart-wrap .edu-group .btn-wrap { margin-top: 2rem; padding-top: 2rem; text-align: center; border-top: 1px solid #ddd; } 
.chart-wrap .edu-group .btn-wrap .btn-more-hanmi { background-color: #fff; border: 0; color: #b3b3b3; font-size: 2rem; } 
.chart-wrap .edu-group .gpmu_list { display: flex; flex-wrap: wrap; gap: 10px; } 
.chart-wrap .edu-group .gpmu_list .img_wrap { position: relative; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list { position: absolute; top: 10px; left: 10px; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span { display: inline-flex; padding: 0.5rem 1rem; background-color: #fff; font-size: 1.2rem; border-radius: 20px; }
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type01 { background-color: #fff;}  
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type02 { background-color: #6262e6; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type03 { background-color: #ff3939; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type04 { background-color: #f89900; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type05 { background-color: #da00a7; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type06 { background-color: #5000db; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type07 { background-color: #0078cd; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type08 { background-color: #6fc300; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .img_wrap .tag-list span.tag-type09 { background-color: #db4900; color: #fff; } 
.chart-wrap .edu-group .gpmu_list .item:nth-child(n + 5) { display: none; } 
.chart-wrap .edu-group .gpmu_list .item { width: calc(100% / 4 - 8px); } 
.chart-wrap .edu-group .gpmu_list .item .txt .t_tit { margin: 0 0 4px; font-size: 1.4rem; } 
.chart-wrap .edu-group .gpmu_list .item .btn_wrap { margin-top: 10px; padding: 10px 0; } 
.chart-wrap .edu-group .gpmu_list .item .btn_wrap p { font-size: 1.4rem; } 
.chart-wrap .edu-group .gpmu_list .item a:hover::before { content: none; } 
.chart-wrap .chart-group { display: flex; flex-direction: column; gap: 2rem; } 
.chart-wrap .chart-group .chart-list { display: flex; flex-wrap: wrap; gap: 2rem; } 
.chart-wrap .chart-group .chart-list > * { flex: 1 1 0; } 
.chart-wrap .item-group { display: flex; flex-direction: column; gap: 2rem; } 
.chart-wrap .chart-group .chart-list .ct-cont { padding: 2rem; background-color: #f4f4f4; border: 1px solid #ccc; border-radius: 20px; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } 
.chart-wrap .chart-group .chart-list > .ct-item .ct-cont { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 549px; padding: 0; background-color: #fff; border: 2px solid #80b6da; } 
.chart-wrap .chart-group .chart-list .ct-cont .c-txt { font-size: 1.2rem; color: #717070; } 
.chart-wrap .score-group .item-box { display: flex; gap: 20px; } 
.chart-wrap .score-group .item-box:nth-child(1) { background-image: linear-gradient(135deg, #0071b9 10%, #064a84 100%); } 
.chart-wrap .score-group .item-box .item { flex: 1 1 0; } 
.chart-wrap .score-group .item-box .item:nth-child(2) { flex: 2 1 0; } 
.chart-wrap .score-group h3 { color: #fff; } 
.chart-wrap .score-group .score-info { display: flex; flex-direction: column; height: 250px; padding: 1rem 2rem; background-color: rgba(255, 255, 255, 1); border-radius: 10px; } 
.chart-wrap .score-group .score-info .scroe { margin-top: 4rem; color: #434141; font-size: 8rem; font-weight: 700; text-align: center; } 
.chart-wrap .score-group .score-info .btn-wrap { display: flex; gap: 1rem; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: auto; } 
.chart-wrap .score-group .score-info .btn-wrap .txt { color: #434141; } 
.chart-wrap .score-group .scroe-btn { padding: 0.5rem 1rem; margin-left: auto; background-color: #4c505c; border: 0; border-radius: 10px; color: #fff; font-size: 1.4rem; } 
.chart-wrap .edu-group .check-wrap .ck-item input[type=checkbox] + label:before { content: none; } 
.chart-wrap .edu-group .check-wrap .ck-item label { display: inline-flex; padding: 0.5rem 2rem; font-size: 1.6rem; border: 1px solid #e9e9e9; text-align: center; border-radius: 20px; } 
.chart-wrap .edu-group .check-wrap .ck-item input[type="checkbox"]:checked + label { color: #6262e6; border-color: #6262e6; font-weight: 500; } 
.chart-wrap .edu-group .edu-tip { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; font-size: 1.6rem; text-align: center; line-height: 1.5; } 
.chart-wrap .edu-group .edu-tip span { color: #ff0606; font-size: 1.8rem; font-weight: 500; } 
.chart-wrap .edu-group .check-wrap { display: flex; align-items: center; gap: 20px; margin-bottom: 2rem; padding: 20px 30px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; } 
.chart-wrap .edu-group .check-wrap .check-tit { flex-shrink: 0; font-weight: 500; } 
.chart-wrap .edu-group .check-wrap .check_area { display: inline-flex; gap: 0.5rem;} 
.chart-wrap .edu-group .edu-menu { margin-bottom: 2rem; } 
.chart-wrap .edu-group .edu-menu ul { display: flex; border: 1px solid #6262e6; border-radius: 10px; overflow: hidden; } 
.chart-wrap .edu-group .edu-menu ul li.active { background-color: #6262e6; color: #fff; } 
.chart-wrap .edu-group .edu-menu ul li { flex: 1 1 0; background-color: #fff; color: #6262e6; font-size: 1.8rem; font-weight: 500; text-align: center; } 
.chart-wrap .edu-group .edu-menu ul li + li { border-left: 1px solid #6262e6; } 
.chart-wrap .edu-group .edu-menu ul li a { display: block; padding: 1rem; } 
.chart-wrap .none-data {padding: 100px 0;}

.tct { text-align: center; } 
.table-wrap {position: relative; overflow-y: hidden; overflow-x: auto;} 
.table-wrap table { width: 100%;; border-collapse: collapse; border-radius: 1rem; border-style: hidden; box-shadow: 0 0 0 1px #eee; } 
.table-wrap table thead th:first-child { border-radius: 1rem 0 0 0;  font-size: 1.4rem;} 
.table-wrap table thead th:last-child { border-radius: 0 1rem 0 0; } 
.table-wrap table th, .table-wrap table td { padding: 1rem; vertical-align: middle; letter-spacing: -1px; } 
.table-wrap table thead th { background-color: #eff4ff; border: 1px solid #eee;  font-size: 1.2rem; font-weight: 500; word-break: keep-all; text-align: center;} 
.table-wrap table tbody td { border: 1px solid #eee; font-weight: 400; font-size: 1.4rem; } 
.table-wrap table .form-check { text-align: center; } 
.table-wrap table .tit { position: relative; padding-left: 2.2rem; color: #000; } 
.table-wrap table .tit .number { display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; position: absolute; left: 0; background-color: #b9b9b9; color: #fff; font-size: 1rem; border-radius: 50%; } 

.chart-wrap #radarchart01 { width: 450px; height: 450px; } 
.chart-wrap #barchart01 { height: 300px; } 
.chart-wrap #barchart02 { height: 80px; } 
.chart-wrap #linechart01 { height: 250px; } 
.chart-wrap .fill-color {fill: red;}





/* 공통 */
.form-check input[type=radio] ~ label:before, .form-check input[type=radio] ~ label:after, .form-check input[type=checkbox] ~ label:before, 
.form-check input[type=checkbox] ~ label:after { display: flex; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); } 
.form-check input[type=radio]:checked ~ label:before { border-color: #256ef4; } 
.form-check input[type=radio]:checked ~ label:after { background-color: #256ef4; } 
.form-check input[type=radio] ~ label, .form-check input[type=checkbox] ~ label { display: inline-flex; align-items: center; position: relative; gap: 0.8rem; font-size: 1.6rem; } 
.form-check input[type=radio] ~ label:before, .form-check input[type=checkbox] ~ label:before { flex-shrink: 0; width: 2rem; height: 2rem; z-index: 3; background-color: #fff; border: 0.1rem solid #58616a; } 
.form-check input[type=radio] ~ label:before { border-radius: 50%; } 
.form-check input[type=radio] ~ label:after { width: 1rem; height: 1rem; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } 
.form-check input[type=radio] ~ label:after, .form-check input[type=checkbox] ~ label:after { position: absolute; z-index: 4; } 

@media all and (max-width:1024px){
 .inspect-wrap .ins-list li { width: calc(100% / 3 - 14px); } 
 .pop-modal.st .modal-dialog .modal-conts { width: 100%; } 
 .pop-modal.st .modal-header { min-height: auto; padding: 1rem 0; } 
 .pop-modal.st .state-wrap { width: 100%; position: static; } 
 .pop-modal.st .state-wrap .st-state { height: 6rem;; } 
 .chart-wrap .edu-group .check-wrap .check_area {overflow-x: scroll; white-space: nowrap;}
 
 }

@media (max-width: 767px){
 .pop-modal:not([data-type=bottom-sheet]) .modal-dialog { width: calc(100% - 2.4rem); height: calc(100% - 2.4rem * 2); min-height: calc(100% - 2.4rem * 2); margin: 2.4rem auto; } 
 .pop-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content { max-height: 100%; } 

 .chart-wrap .score-group .item-box { flex-direction: column; } 
 .chart-wrap .chart-group .chart-list { flex-direction: column; } 
 .chart-wrap .chart-group .chart-list > .ct-item .ct-cont { height: auto; } 
 .chart-wrap .edu-group .gpmu_list .item { width: calc(100% / 3 - 7px); } 
 .chart-wrap .none-data {padding: 50px 0;}
}

@media (max-width: 640px){
 .inspect-wrap .inspect-container { gap: 1rem; } 
 .inspect-wrap .ins-list ul { gap: 1rem; } 
 .inspect-wrap .ins-list li { width: calc(100% / 2 - 4px); } 
 .pop-modal.st .modal-header .bagic-group { flex-wrap: wrap; gap: 1rem; } 

 .chart-wrap .score-group .score-info { height: 140px; } 
.chart-wrap .score-group .score-info .scroe { margin-top: 2rem; font-size: 6rem; } 
 .chart-wrap #radarchart01 { width: auto; height: 250px; } 
.chart-wrap #linechart01 { height: 150px; } 
.chart-wrap #barchart01 { height: 250px; } 
.chart-wrap #barchart02 { height: 80px; } 
.chart-wrap .edu-group .gpmu_list .item { width: calc(100% / 2 - 5px); } 
 }

@media (max-width: 420px){
 .inspect-wrap .ins-visual { height: 180px; } 
 .inspect-wrap .ins-list li { width: 100%; } 
 .inspect-wrap .ins-menu li { flex-direction: column; } 
 .inspect-wrap .ins-list .ins-score { min-height: 12rem; } 
 .inspect-wrap .ins-menu .ins-date { align-items: flex-start; flex-direction: column; } 
 .inspect-wrap .ins-list .ins-score .score { font-size: 5rem; } 
 }