:root {	--edu-main: #3a50a3; --edu-sub: #26C6DA; --edu-key: #00BFA5;} 
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

#preloader { background: #FFF; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }
#status { background-image: url(../image/loader.gif); background-position: center; background-repeat: no-repeat; height: 80px; left: 50%; margin: -40px 0 0 -40px; position: absolute; top: 50%; width: 80px; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 10px; right: 2em; }
.scroll-up a { background-color: rgba(0, 0, 0, 0.3); display: block; width: 34px; height: 34px; text-align: center; color: #fff; font-size: 15px;  line-height: 33px; border-radius:17px; }
.scroll-up a:hover, .scroll-up a:active { background-color: rgba(0, 0, 0, .9); color: #fff; border: 1px solid #000; }

    .popup_body {font-family:'Pretendard', sans-serif;   color:#1f2937; font-size: 14px;background: #f5f7fa; font-size: 14px;}
	.pop_header { background-color: #fff; display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;    align-items: center; height: 50px;width: 100%; border-bottom: 1px solid #ddd}
	.pop_header h2 { display: inline-block; font-size: 20px; margin-left: 20px; font-weight: 600;color: #111}
	.pop_header h2 i { color:var(--edu-main) }
	.pop_close { font-size: 18px; display: inline-block; padding: 5px; color: #333; margin-right: 15px;}
	.calculator_title { text-align: center; font-size: 24px; padding: 20px 0 ;}
	.calcal_pross { padding: 24px; display: flex; height: 100px}
	.pross_item {flex: 1 0 auto;  position: relative; cursor: pointer}
	.pross_item:after { content: ''; width: 100%; height: 2px; background-color: #ddd; display: block; position: absolute; top: 17px; left: 50%;z-index: 1}
	.calcal_pross .pross_item:last-child:after { content: none; display: none}
	.pross_item .pross_no { width: 34px; height: 34px; display: block; background-color: #ddd; color: #555; text-align: center; line-height: 30px; font-size: 18px; border-radius: 50%; position: absolute; top: 0; left: calc(50% - 17px); border:2px solid #f5f7fa;z-index: 9}
	.pross_item .pross_name { display: block; text-align: center; padding-top: 46px; font-size: 15px;color: #777;}
	.active .pross_no {background-color: var(--edu-main); color: #fff }
	.active .pross_name {color: var(--edu-main); font-weight: 600 }
	.calcul_title { font-size: 18px; font-weight: 600; color: #111; margin-bottom: 10px;}
	.calcul_title i { margin-right: 5px;color: var(--edu-main);}
	.calcul_label { font-size: 16px; font-weight: 600; margin-bottom: 5px;}
	.calcul_form { padding: 0 0 15px 0}
	.calcul_data { padding-bottom: 10px; min-height: 38px;}
	.wid_half {display: flex;flex-wrap: wrap;}
	.wid_half .form-check { flex: 0 0 auto;width: 50%; max-width: 100%;}
	.wid_quarter {display: flex;flex-wrap: wrap;}
	.wid_quarter .form-input, .wid_quarter .form-check { flex: 0 0 auto;width: 25%; max-width: 100%;}
	
	.form-input lable.tag { margin-right: 10px;}
	.calcul_info { padding: 12px; background-color: #f6f6f6; border-radius: 6px;}
	.table th { text-align: center; vertical-align: middle; font-weight: 500}
	.table .table_form { width: 100%; border: 0; text-align: right}
	.table_total .table_form { width: 100%; border: 0; text-align: right; font-weight:700; font-size: 18px;}
	.table .form_select { padding: 2px; line-height: 1.4; font-size: 14px; border-radius: 6px; border:0; display: inline-block}
	.table_th th { background: #F9F9F9 !important}
	.font_18 { font-size: 18px;}


	.body_appli {font-family:'Pretendard', sans-serif;   color:#1f2937; font-size: 14px;background: #f5f7fa;}
	.header_wrap { border-bottom: 1px solid #ddd;}
	.header_new { display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;    align-items: center; height: 80px;width: 100%; }
	.head_h1 { font-size: 28px; font-weight: 600; cursor: pointer}
	.h1_item { padding-left: 50px; background: url("../image/icon_logo.png") left center no-repeat; background-size: 40px; height: 40px}
	.h1_item span { display: block; font-size: 20px; color: #777; line-height: 40px;} 
	.top_cate_btn { display: none}
	.head_nav {display: flex; } 
    .head_nav li { display: inline-block;  padding: 12px 20px; color: #111; position: relative; }
	.head_nav li.nav_login_btn { display: none !important;}	
    .head_nav li.active { }
    .head_nav>li:before {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background-color: var(--edu-main) ;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: width 0.7s cubic-bezier(0.86, 0, 0.07, 1);
        transition: width 0.7s cubic-bezier(0.86, 0, 0.07, 1);
    }
    .head_nav li:hover:before {  width: 100%; }
    .head_nav li a {font-size: 24px; color: #000; font-weight: 500;cursor: pointer; padding: 5px 0 ;  display: block}
	.head_nav ul { width: 100%; display: none; background: #fff; position: absolute; left: 0; top:70px; box-shadow: 0px 5px 10px rgba(0,0,0,0.5); border-radius: 10px; padding: 10px 0; z-index:999 }
	.head_nav ul.show {display: block; }
	.head_nav ul li { display: block; padding: 0px 12px }
	.head_nav ul li a { font-size: 18px; padding: 5px}
	.head_login_btn a { display: inline-block; color: #fff; background-color: var(--edu-main); padding: 5px 18px; border-radius: 12px; font-weight:500; font-size: 18px;}
	.main_area { width: 100%; height: calc(100vh - 300px); margin: 20px auto; border-radius: 20px; background:var(--edu-main)  url("../image/mainbg_01.png") left center no-repeat;}
	.main_box { display: flex;justify-content: space-between; }
	.main_box .main_visual { width: auto;} 
	.main_service .login_area { padding: 24PX; margin: 24px; background-color: rgba(255,255,255,0.3); border-radius: 12px; }
	.login_form .login_control { margin: 12px 0;}
	.login_control input { border: 0; border-radius: 20px; height: 40px; width: 100%; padding: 0 20px; font-size: 16px;}
	.login_control .btn_submit {border: 0; border-radius: 20px; height: 40px; width: 100%; padding: 0 20px; font-size: 18px; text-align: center; background-color: darkcyan; color: #fff; font-weight: 600;font-family: 'Paperozi';}
	.btn_link { display: inline-block; margin: 0 6px; font-size: 14px; vertical-align: middle; color: #fff;}
	.btn_link + .btn_link:before { content: ''; width: 1px; height: 12px; background-color: rgba(255,255,255,0.4); display: inline-block; margin-right: 12px; vertical-align: middle}
	.main_q_area { padding: 24px 0 24px 80px; margin: 24px; background-color: #fff; border-radius: 12px; cursor: pointer}
	.main_q_icon1 {background:#fff  url("../image/icon_write.png") 15px center no-repeat; background-size: 45px;}
	.main_q_icon2 {background:#fff  url("../image/icon_cacul.png") 15px center no-repeat; background-size: 45px;}
	.main_q_ttl { font-size: 24px; font-weight: 700; color: #0e608a; font-family: 'Paperozi';}
	.main_q_txt { font-size: 16px; font-weight: 400; color: #666;font-family: 'Paperozi';}
	.main_box .main_visual { width: 100%; height: calc(100vh - 300px); display: flex; position: relative; align-items: center; background:url("../image/mainbg_04.png") right 10% bottom no-repeat; background-size: 500px;}
	.main_visual_txt span { color: #fff; display: block; font-family: 'Paperozi'; margin-left: 20%; width: 100%; z-index: 1}
	.m_txt_1 { font-size: 26px; line-height: 1.2}
	.m_txt_2 { font-size: 55px;font-weight: 600; line-height: 1.2}
	.m_txt_3 { font-size: 55px; font-weight: 600; line-height: 1.2}
	.m_txt_4 { margin-top: 20px; }
	.m_txt_4 a { transition:.2s; display: inline-block; color: #fff;  padding: 12px 24px; border-radius: 12px; font-weight:500; font-size: 26px;}
	.m_txt_4 .main_btn1 { background-color: var(--edu-sub); }
	.main_schedule { padding: 0 20px;}
	.m_txt_4 a + a { margin-left: 10px;}
	.m_txt_4 .main_btn2 { background:rgba(255,255,255,.15);  border:1px solid rgba(255,255,255,.4); backdrop-filter:blur(6px);  }
	.m_txt_4 a:hover {  transform:translateY(-2px) }
	
	.main_quick_section { margin-bottom: 40px;}
	.main_quick_title {font-size: 34px;font-family: 'Paperozi'; font-weight: 500; padding-bottom: 24px; margin-top: 40px; } 
	.main_quick_wrap {  display:grid;  grid-template-columns:repeat(3, 1fr);  gap:24px;  }
	.main_quick_box {  background: #fff;  border-radius: 24px; padding: 100px 24px 36px 36px;;  transition: .25s;  box-shadow: 0 4px 12px rgba(0, 0, 0, .05); cursor: pointer}
	.main_quick_box:hover{transform:translateY(-4px); box-shadow:0 10px 24px gba(0,0,0,.08);
    }
	.main_quick_txt1 {font-size:22px;  font-family: 'Paperozi'; font-weight: 600; margin-bottom:10px;}
    .main_quick_txt2 {  color:#6b7280;  font-size:16px;   }
	.main_quick_icon1 {background: #fff url("../image/icon_write2.png") 30px 20px no-repeat; background-size: 70px;}
	.main_quick_icon2 {background: #fff url("../image/icon_cacul2.png") 30px 20px no-repeat; background-size: 70px;}
	.main_quick_icon3 {background: #fff url("../image/icon_bn_info.png") 30px 20px no-repeat; background-size: 80px;}
	.main_quick_icon4 {background: #fff url("../image/icon_bn_search2.png") 30px 20px no-repeat; background-size: 70px;}
	.main_quick_icon5 {background: #fff url("../image/icon_bn_down2.png") 30px 20px no-repeat; background-size: 70px;}
	.main_quick_icon6 {background: #fff url("../image/icon_bn_faq.png") 30px 20px no-repeat; background-size: 80px;}
	.main_info_section {display: grid; grid-template-columns: 1fr 1fr;gap: 24px; margin-bottom: 40px;}
	.main_info_box {background: #fff;  border-radius: 24px; padding: 24px 24px 36px 36px;;  transition: .25s;  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);}
	
	/* SCHEDULE */
    .timeline{  margin-top:20px; }
	.section-title {font-size: 30px;font-family: 'Paperozi'; font-weight: 500;} 
    .timeline-item { display:flex;gap:30px; padding:10px 0;border-bottom:1px solid #eee;    } 
    .timeline-date { min-width:200px;font-weight:700; color:#1E88E5;  font-size: 18px; font-family: 'Paperozi';  } 
.timeline-date-to { color:#02569f; text-align: right;}
    .timeline-title { margin-bottom:4px;font-size: 20px; font-family: 'Paperozi'; font-weight: 500; } 
    .timeline-desc{color:#6b7280; font-size:14px;    } 
    /* NOTICE */
    .notice-list{ margin-top:16px;    } 
    .notice-item {padding:8px 0;border-bottom:1px solid #eee; cursor: pointer} 
    .notice-item strong{ display:block; margin-bottom:6px;  font-size: 20px; font-weight: 500  } 
	.notice-item:hover strong { color: var(--edu-main)}
    .notice-date{ color:#9ca3af; font-size:16px;    } 
	
 
	.footer_section { background:#777777;color: #fff; }
	.foot_links { display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;    align-items: center; height: 80px;width: 100%;}
	.foot_links a { font-size: 16px; color: #fff;; display: inline-block; margin: 0 10px;}
	.foot_links a strong { color: #fbfec8}
	.footer_section .link_home { border:1px solid #ccc; border-radius: 20px; padding: 6px 24px;}
	.footer_section .foot_address { font-size: 14px; padding: 0 12px; color: #ddd; line-height: 1.6; padding-bottom: 30px;}
	.sr-only { border: 0;
    clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px; overflow: hidden;  padding: 0; position: absolute; width: 1px;}
	
	
	
	@media (max-width: 1320px) {
		.main_short_item { padding-left: 6px;padding-right: 6px; }
		.main_visual_txt span { margin-left: 10%; width: 100%;}
	}@media (max-width: 1200px) {
		 
		.head_nav li { display: inline-block;  padding: 12px 10px; color: #111; position: relative; }
	 
    	.head_nav li a {font-size: 20px; color: #000; font-weight: 500;cursor: pointer; padding: 5px 0 ;  display: block}
	}
	@media (max-width: 990px) {
		.header_wrap { border-bottom: 1px solid #ddd;}
	.header_new { display: block ;  height: 60px;width: 100%; position: relative}
	.head_h1 { font-size: 20px; font-weight: 600; margin: 10px 0 0 12px}
	.h1_item { padding-left: 50px; background: url("../image/icon_logo.png") left center no-repeat; background-size: 40px;}
	.h1_item span { display: block; font-size: 16px; color: #777}	
    
	.head_nav li.nav_login_btn { display: block !important; padding-top: 12px; }	
	.head_nav li.nav_login_btn a {display: inline-block; color: #fff;  background-color: var(--edu-main); padding: 5px 18px; border-radius: 12px;}
		.head_nav li.nav_login_btn a:hover { color: #fff}
	.head_nav {display: none;font-family:"Wanted Sans Variable"; background: #f5f7fa; top: 61px; left: 0; position: absolute; width: 100%; padding-bottom: 20px; z-index: 999} 
	.head_nav.show {display: block;}
    .head_nav li { display: block;  padding: 6px 20px; color: #111; position: relative; text-align: left}
    .head_nav li.active { }
    .head_nav>li:before { content: " "; display: none;  }
    .head_nav li:hover:before {  width: 100%; }
    .head_nav li a {font-size: 20px; color: #000; font-weight: 500;cursor: pointer; padding: 5px 0 ;  display: block}
		.head_nav li a:hover { color: #198186}
    .head_nav ul { width: 100%; display: block; background: #f5f7fa; position:relative  ; box-shadow: none; border-radius: 0; padding: 10px 0; top: 0; left: 0 }
    .head_nav ul.show {display: block; }
    .head_nav ul li { display: block; padding: 0px 12px }
    .head_nav ul li a { font-size: 18px; padding: 5px}
	.head_login_btn { display: none}	
	.top_cate_btn { position: absolute; right:10px; top:10px; width:40px; height:40px; display: block}
    .top_cate_btn a { font-size:29px; color:#666; line-height:29px; cursor:pointer; display:block;width:40px; height:40px;}	
    .top_cate_btn .btn_top_menu {overflow: hidden;z-index:9;position: relative;width: 31px;height: 31px;right: 20px;top: 4px;margin-top: 0; cursor:pointer; left:0}
    .top_cate_btn .btn_top_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #555;
    transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
    .top_cate_btn .btn_top_menu span.barTop{top: 2px;}
    .top_cate_btn .btn_top_menu span.barMid{top: 11px; }
    .top_cate_btn .btn_top_menu span.barBot{width: 100%;top: 20px; }
    .top_cate_btn .btn_top_menu:hover span.barTop {width: 100%;}
    .top_cate_btn .btn_top_menu:hover span.barMid {width: 100%;}
    .top_cate_btn .btn_top_menu:hover span.barBot {width: 100%;}

    .top_cate_btn.top_cate_btn_open .btn_top_menu span {background-color: #333333;width: 100%;} 
    .top_cate_btn.top_cate_btn_open .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px;}
    .top_cate_btn.top_cate_btn_open .btn_top_menu span.barMid{width: 0; height:0;}
    .top_cate_btn.top_cate_btn_open .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;}
		
		
		.main_quick_section { padding: 0 20px; max-width: 100%}
		.main_quick_wrap {grid-template-columns:1fr;}
		.main_info_section {grid-template-columns:1fr; padding: 0 20px; max-width: 100% }
		
	}
	@media (max-width: 767px) {
	
	
		.main_area { width: 100%; height: calc(100vh - 200px);}
		.main_box .main_visual { width: 100%; height: calc(100vh - 200px);  display: flex; position: relative; align-items:flex-start; padding-top: 50px; background:url("../image/mainbg_04.png") center  bottom no-repeat; background-size: 300px;}
		.m_txt_1 { font-size: 20px; line-height: 1.2}
        .m_txt_2 { font-size: 35px;font-weight: 600; line-height: 1.2}
        .m_txt_3 { font-size: 35px; font-weight: 600; line-height: 1.2}
        .m_txt_4 { margin-top: 20px; }
        .m_txt_4 a { transition:.2s; display: inline-block; color: #fff;  padding: 12px 12px; border-radius: 12px; font-weight:500; font-size: 20px;}

		.main_short { margin: 30px  20px}
		.main_short_item {  border-right:0;padding-left: 12px;padding-right: 12px; padding-bottom: 20px; border-bottom: 1px solid #c4d8dc}  
		.main_info_bn { margin: 20px 15px }
	}


	
	.login_section { margin: 30px auto; width: 100%; max-width: 350px;}
	.login_section .login_title { font-size: 36px; font-weight: 600;margin-bottom: 30px;text-align: center}
	.login_section .form-label { font-size: 16px; color: #666; font-weight: 600}
	.login_section .form-control-lg { font-size: 18px;}
	.login_section .btn-primary { background-color: var(--edu-main); border-color:var(--edu-main); } 
	.login_section .links { text-align: center; }
	.links a {font-size: 16px; font-size: 16px;}
	.login_section .links a + a { margin-left: 10px}
	.login_section .links a + a:before { content: '|'; color: #ccc; margin-right: 10px; display: inline-block}
	.info_card {width: 100%; max-width: 800px; background: #f5f5f5; padding: 20px; margin: 0 auto}
	.info_ul li { padding: 5px 0; font-size: 16px; list-style: disc; list-style-position:inside;}

.find_section { margin: 30px auto; width: 100%; max-width: 800px;}
	.find_inner {  max-width: 350px; margin: 30px auto}
 
	.find_inner .form-label { font-size: 16px; color: #666; font-weight: 600}
	.find_inner .form-control-lg, .find_inner .input-group-lg { font-size: 18px;}
	.find_inner .btn-primary { background-color: var(--edu-main); border-color:var(--edu-main); } 
	.tab_simple { display: flex}
	.tab_simple .tab_btn {flex: 1; border: 0;
    display: inline-table;
    position: relative;
    table-layout: fixed;
    border-collapse: collapse;
    box-sizing: border-box;
    vertical-align: top;
    transition: all 0.1s;
    margin-left: -1px;
    width: calc(100% + 1px);
    margin-top: -1px;
	padding: 0 10px;height: 45px;
    font-size: 18px;line-height: 21px;
    text-align: center;background: #DFE3EC;font-weight: 500;transition: background-color 0.1s;
	}
	.tab_simple .tab_btn:first-child {border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;}
	.tab_simple .tab_btn:last-child {border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;}
	.tab_simple .active {background-color: var(--edu-main);color: #fff;font-weight: bold;}


.step-container { display: flex; align-items: center; width: 90%; max-width: 900px; margin: 0 auto; }  
/* °¢ ½ºÅÜ ¾ÆÀÌÅÛ (¾ÆÀÌÄÜ + ÅؽºÆ®) */ 
.step-item { display: flex; align-items: center; gap: 8px; white-space: nowrap; }  
/* ½ºÅÜ ¾ÆÀÌÄÜ °øÅë ½ºÅ¸ÀÏ */ 
.step-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%;   font-size: 12px; font-weight: bold; }  
/* ÅؽºÆ® ¶óº§ °øÅë ½ºÅ¸ÀÏ */ 
.step-label { font-size: 14px; font-weight: bold; color: #333333; } 
/* ¿¬°á¼± ½ºÅ¸ÀÏ */ 
.step-line { flex-grow: 1; height: 1px; background-color: #e0e0e0; margin: 0 16px; } 
/* »óź° ½ºÅ¸ÀÏ ºÐ¸® */  
/* 1. ¿Ï·áµÈ ´Ü°è (ÆĶõ»ö ¹è°æ + üũ) */ 
.step-item.active .step-icon.check { background-color: var(--edu-main); color: #ffffff; }  
/* 2. ÇöÀç ÁøÇà ´Ü°è (ÆĶõ»ö ¹è°æ + ¼ýÀÚ) */ 
.step-item.current .step-icon.number { background-color: var(--edu-main); color: #ffffff; }  
/* 3. ´ë±â ´Ü°è (Èò»ö ¹è°æ + ȸ»ö Å׵θ® + ¼ýÀÚ) */ 
.step-item:not(.active):not(.current) .step-icon.empty { background-color: #ffffff; color: #888888; border: 1px solid #d1d1d1; border-radius: 50%; }  
.step-item:not(.active):not(.current) .step-label { color: #000000; }  
/* È°¼ºÈ­µÈ ¿¬°á¼± (ÆĶõ»ö) */ .step-line.active { background-color: #0066cc; } 	
.body_title { text-align: center; font-size: 30px;padding: 20px 0; margin-bottom: 20px;} 
.join_container {  width: 90%; max-width: 700px; margin: 50px auto; font-size: 16px; } 
.form-text { font-size: 14px}


.main_h2 { padding: 10px ; margin: 0; font-size: 38px; font-weight: 600}
.search_wrap { text-align: right; padding: 12px;}
.main_h2 + .search_wrap { margin-top:-20px;}
.table_lg { border-collapse: collapse;  border-top: 2px solid #222; background-color: #f4f4f4;}
.table_lg th { text-align: center; font-size: 18px; font-weight: 500; padding: 12px 0;}
.table_lg td { font-size: 18px; font-weight: normal; padding: 12px 6px; color: #666}
.table_lg td a { font-weight: 600; color: #222}


.board_wrap{ width:100%; max-width:1400px; margin:0 auto; border-top:2px solid #333; }
/* °øÅë */ .ul_board li{ list-style:none;  }
.ul_board .li_row{ display:flex; align-items:center; width:100%; }
.ul_board .cell{ padding:22px 10px; border-bottom:1px solid #e5e5e5; font-size:18px; }
/* Çì´õ */ .board_head{ font-weight:700; background:#fff; }
.ul_board.board_head .cell { color: #222 !important} .board_head .cell{ color:#111; text-align:center; }
/* ¹Ùµð */ .board_body li:hover{ background:#fafafa; }
.board_body .title{ font-weight:600; font-size: 18px; }
.board_body .title a{ color:#222; text-decoration:none; transition:0.2s; }
.board_body .title a:hover{ color:#0066ff; }
/* Ä÷³ ³ÐÀÌ */ .ul_board .num{ width:90px; text-align:center; color:#666; flex-shrink:0; }
.ul_board .title{ flex:1; padding-left:20px; }
.ul_board .writer{ width:180px; text-align:center; color:#666; flex-shrink:0; }
.ul_board .date{ width:160px; text-align:center; color:#666; flex-shrink:0; }
.board_title { padding: 24px 20px; text-align: left; font-size: 21px; font-weight: 600; color: #222; border-top: 1px solid #999}
.board_info { background-color: #f4f4f4; padding: 16px 20px; font-size: 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;display: flex;  align-items: center;  width: 100%;}
.board_info .board_att {flex: 1;  }
.board_info .board_att div { font-size: 16px;}
.board_info .board_att div + div { padding-top: 5px;}
.board_info .board_att div i { color: #777;}
.board_info .board_value {width: 180px;  text-align: center; color: #666; flex-shrink: 0;}
.board_info .board_value { color: #222;}
.board_info .board_value label { color: #777}
.board_info .board_writer {width: 100%; color: #666; text-align: right;  }
.board_info .board_writer { color: #222;}
.board_info .board_writer label { color: #777}
.board_faq { border-top: 2px solid #999;}
.board_faq li { padding: 24px 20px;border-bottom: 1px solid #ccc; position: relative}
.board_faq li .questions { font-size: 18px; cursor: pointer; position: relative; padding-left: 30px; font-weight: 700}
.board_faq li .questions:before { content: 'Q'; font-size: 22px; font-weight: bold; color: var(--edu-main);; display: block; position: absolute; left: 0; top: -4px;}
.board_faq li .answer { font-size: 18px; display: none; padding-top: 15px; position: relative; padding-left: 30px;}
.board_faq li .answer:before { content: 'A'; font-size: 22px; font-weight: bold; color: #C51E21; display: block; position: absolute; left: 0; top: 14px;}
 /* ¸ð¹ÙÀÏ */ 
@media (max-width:768px){
.board_head{ display:none; }
.board_body li{ border-bottom:1px solid #e5e5e5; padding:16px 0; }
.board_body .li_row{ flex-wrap:wrap; }
.board_body .cell{ border:none; padding:0; font-size:15px; }
.ul_board .num{ display:none; }
.ul_board .title{ width:100%; flex:none;  margin-bottom:12px; padding-left:0; font-size:16px; }
.ul_board .writer, .date{ width:auto; text-align:left; font-size:14px; color:#888; }
.ul_board .writer::before{ content:"ÀÛ¼ºÀÚ : "; font-weight:600; color:#666; }
.ul_board .date{ margin-left:16px; }
.ul_board .date::before{ content:"ÀÛ¼ºÀÏ : "; font-weight:600; color:#666; }

.board_info {display: block;}
.board_info .board_att { flex:none; }
.board_info .board_value { color: #666; flex-shrink: none; width:auto; text-align:left; padding-top: 10px;}   
}

.tabmenu_blue { background: #d9dde5; display: flex; width: 100%; margin: 0; padding: 0; list-style: none; border-radius: 14px; overflow: visible; }
.tabmenu_blue li { flex: 1; position: relative; min-width: 0; }
.tabmenu_blue li a { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 6px 16px; background: #d9dde5; color: #222; text-decoration: none; text-align: center; font-size: clamp(14px, 1.6vw, 20px); font-weight: 600; line-height: 1.4; transition: .2s ease; word-break: keep-all; } 
.tabmenu_blue li:first-child a { border-radius: 16px 0 0 0; } 
.tabmenu_blue li:last-child a { border-radius: 0 16px 0 0; } 
.tabmenu_blue li.active a { background: var(--edu-main);; color: #fff; } 
.tabmenu_blue li.active::after { content: ""; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid var(--edu-main);;  }  
.tabmenu_blue li:not(.active) a:hover { background: #cfd5df; } 
	
	.apply_title { text-align: center; font-size: 22px; font-weight: 600}	
	.photo_profile { width: 150px; height: 193px; margin: 10px auto; border: 1px solid #eee;}
	.photo_profile img { width: 100%; height: 100%;object-fit:contain;}
	.basic_table { border-collapse: collapse}
	.basic_table th, .basic_table td { height: 35px; padding: 5px 0; text-align: left; font-size: 16px;}
	.basic_table th[align="center"], .basic_table td[align="center"] { text-align: center}
	.basic_table th { font-weight: 600}
	
	
/* Tablet */
@media (max-width: 768px) { .tabmenu_blue li a {     min-height: 42px;     padding: 5px;     font-size: 15px; } .tabmenu_blue li.active::after {     border-left-width: 10px;     border-right-width: 10px;     border-top-width: 10px;     bottom: -10px; } 
} 
/* Mobile */
@media (max-width: 480px) { .tabmenu_blue li a {     min-height: 42px;     padding: 4px;     font-size: 13px; } .tabmenu_blue li.active::after {     border-left-width: 8px;     border-right-width: 8px;     border-top-width: 8px;     bottom: -8px; } 
}