/* common form */
/* 인코딩타입 : UTF-8*/
 ::placeholder,
 ::-webkit-input-placeholder,
 ::-ms-input-placeholder{color:#333; font-weight: 400;}

 label { vertical-align:middle; margin-right:0.5rem; }
 label input { margin-right:0.25rem; vertical-align:middle; }
 input.w100{ width:100%; }
 input.w80{ width:80%; }
 input.w60{ width:60%; }
 input.w50{ width:50%; }
 input.w40{ width:40%; }
 input.w30{ width:30%; }
 input.w20{ width:20%; }
 input.mx-w5{ width:100%; max-width:5rem; }
 input.mx-w7{ width:100%; max-width:7rem; }
 input.mx-w10{ width:100%; max-width:10rem; }
 input.mx-w20{ width:100%; max-width:20rem; }
 input.mx-w30{ width:100%; max-width:30rem; }
 input.mx-w40{ width:100%; max-width:40rem; }
  
/* input disable */
.inp_disable{color:#666;}
.inp_disable[type="text"],
.inp_disable[type="password"],
.inp_disable[type="number"],
select.inp_disable{ background:#f1f1f1;} 
.inp_disable[type="radio"],
.inp_disable[type="checkbox"],
.inp_disable input[type="radio"],
.inp_disable input[type="checkbox"]{opacity: 0.5;}

  /* 들여쓰기 */
  .indent{margin-left:1rem;}

  /* 타이틀(공통) */
  h3[class^='tit']{ line-height:1.3; font-weight:700; margin-top:3rem; }
  [class^="box_st"] [class^='tit']:nth-of-type(1){ margin-top:0rem; }
  h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2']{ margin-top:0.75rem; }
  .tab_st3 + h3[class^="tit"],
  h3[class^="tit"]:first-of-type { margin-top:0; font-size:1.5rem; }
  div + h3[class^='tit'], p + h3[class^='tit']{ margin-top:2.5rem !important; }
  h4[class^='tit']{ line-height:1.3; font-weight:700; margin-top:2.5rem; }
  h4[class^='tit']:nth-of-type(1){ margin-top:0rem; }
  h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3']{ margin-top:0.5rem; }
  *:not(h3) + h4[class^='tit']{ margin-top:1.5rem !important; }
  h5[class^='tit']{ line-height:1.3; font-weight:700; margin-top:2rem; }
  h5[class^='tit']:nth-of-type(1){ margin-top:0rem; }
  h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4']{ margin-top:0.5rem; }
  *:not(h4) + h5[class^='tit']{ margin-top:1rem !important; }
  .box_st2 h4[class^='tit']:first-of-type { margin-top:0 !important; }
  .box_st2 h5[class^='tit']:first-of-type { margin-top:0 !important; }

  /* 타이틀(텍스트 타입) */
  .tit1{ position:relative; color:#000; font-size:1.2rem; margin-top:2rem; margin-bottom:.5rem; }
  .tit2{ position:relative; color:#333; font-size:1.1rem; margin-top:1.5rem; margin-bottom:.5rem; padding-top:13px; background:url('/resource/images/dgedu/con_com/bu_tit2.png') no-repeat left top; }
  .tit3{ position:relative; color:#333; font-size:1.5rem; margin-top:1rem; margin-bottom:.3rem; padding-left:28px; background:url('/resource/images/dgedu/con_com/bu_tit3.png') no-repeat left .2rem/1rem auto; }

  /* 블릿 */
  .bu_st1, .bu_st2, .bu_st3, .bu_st4, .list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li{ position:relative; padding-left:13px; margin-top:0.25rem;}
  .bu_st1:before, .list_st1 > li:before {content:''; position:absolute; top:0.4rem; left:2px; width:3px; height:9px; border-radius:3px; background: #3d63cd; transform:rotate(-35deg); -webkit-transform:rotate(-35deg); }
  .bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.5rem; left:2px; width:4px; height:4px; border-radius:50%; background:#999; }
  .bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.6rem; left:0; width:7px; height:2px; background:#999; }
  .bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:3px; height:3px; background:#999; }
  .bu_st1{ font-size:0.75rem; margin-left:0.25rem; color:#333; }
  .bu_st2{ font-size:0.75rem; margin-left:0.25rem; color:#333; }
  .bu_st3{ font-size:0.75rem; margin-left:0.5rem; color:#444; }
  .bu_st4{ font-size:0.7rem; margin-left:0.75rem; color:#444; }

  /* 블릿 : 버튼사이즈 예외 */
  p[class^='bu_st'] .mini,
  ol[class^='list_st'] .mini,
  ul[class^='list_st'] .mini{ margin:0 1px; padding:.1rem .5rem !important; vertical-align: top;}

  /* 리스트 :블릿 타입 */
  ul[class*='list_st'] + p{ margin-top:.5rem;}
  .list_st1 > li { font-size:1.5rem; color:#333;}
  .list_st2 > li { font-size:.75rem; color:#333;}
  .list_st3 > li { font-size:.75rem; color:#444; }
  .list_st4 > li { font-size:.75rem; color:#444; }

  li.bu_none:before { display:none !important; }

  /* 리스트 : 텍스트 타입 */
  .list_stT1 > li { font-size:.75rem; margin-top:.25rem;}
  .list_stT1 ol li,
  .list_stT1 ul li{ padding-left:10px;}
  .list_stT1 li ul[class^="list_st"]{ margin-left:10px; }
  .list_stT2 > li { font-size:.75rem; margin-top:.15rem; color:#444; }
  .list_stT2 ol li,
  .list_stT2 ul li{ padding-left:10px;}
  .list_stT2 li ul[class^="list_st"]{ margin-left:10px; }

  /* 리스트 :순차적 리스트 타입 */
  .list_ol1 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
  .list_ol1 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; background:#1f64b2; letter-spacing: -1px;} 
  .list_ol1 > li > p{ margin-left:0;} 
  
   /* 리스트 : 타이틀+텍스트 타입 */
  .list_stTit { font-size:0.75rem; margin-top:.25rem; }
  .list_stTit > li { position:relative; padding-left:3.7rem; margin-top:0.25rem; }
  .list_stTit > li span.tag { position:absolute; left:0; top:0; width:3rem; text-align:center; overflow:hidden; }
   
  /* 리스트 :가로 나열 */
  ol[class*='li_w'],
  ul[class*='li_w']{ display:flex; flex-wrap:wrap;}
  ol[class*='li_w'] > li,
  ul[class*='li_w'] > li{ padding-right:.5rem;}
  .li_w50 > li { width:50%; }
  .li_w30 > li { width:33%; }
  .li_w25 > li { width:25%; }
  .li_w20 > li { width:20%; }
  .li_w16 > li { width:16%; }

  /* 텍스트 요소 :폰트컬러 타입 */
  .pc_gray { color:#333 !important; }
  .pc_black { color:#000 !important; }
  .pc_blue { color:#083891 !important; }
  .pc_red { color:#db0d3f !important; }
  .pc_navy { color:#00255b !important; }
  .pc_org { color:#ff4400 !important; }
  .pc_green { color:#099e5e !important; }
  .pc_yellow { color:#eb8809 !important; }

  /* 텍스트 요소 :텍스트 배경색 */
  .bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_org, .bg_black, .bg_green, .bg_yellow { padding:1px 0.5rem !important; color:#fff !important; display:inline-block; }
  .bg_gray { background:#333 !important; }
  .bg_black { background:#000 !important; }
  .bg_blue { background:#0d69cd !important; }
  .bg_red { background:#db0d3f !important; }
  .bg_navy { background:#00255b !important; }
  .bg_org { background:#ff4400 !important; }
  .bg_green { background:#099e5e !important; }
  .bg_yellow { background:#eb8809 !important; }

  /* 텍스트 요소 :강조 타입 */
  .Tline_b { text-decoration:underline !important; }
  .f_weightB { font-weight:bold; }
  .font_Fr { font-weight:400 !important; }
  .font_Fm { font-weight:600 !important; }
  .font_Fb { font-weight:700 !important; }

  /* 텍스트 요소 :폰트 크기 */
  .fs12{ font-size:1.2rem !important; }
  .fs13{ font-size:1.3rem !important; }
  .fs14{ font-size:1.4rem !important; }
  .fs16{ font-size:1.6rem !important; }
  .fs18{ font-size:1.8rem !important; }
  .fs20{ font-size:2rem !important; }
  .fs22{ font-size:2.2rem !important; }
  .fs24{ font-size:2.4rem !important; }
  .fs26{ font-size:2.6rem !important; }

  /* 텍스트 요소 :링크 타입 */
  a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down { position:relative; display:inline-block; word-break:break-all; text-decoration:underline; } 
  .txt_p > [class^="bu_"],
  [class^="list_st"] > li > [class^="bu_"]{ margin-right:.25rem; margin-left:.25rem; }
  a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { display:inline-block; font-size:0.75rem; font-family:'xeicon'; padding-right:0.15rem; }
  a.bu_link { color:#091f46; }
  a.bu_link:after { background:#091f46; }
  a.bu_link:before { content:"\e980"; }
  a.bu_mail { color:#091f46; }
  a.bu_mail:after { background:#091f46; }
  a.bu_mail:before { content:"\ea07"; }
  a.bu_down { color:#091f46; }
  a.bu_down:after { background:#091f46; }
  a.bu_down:before { content:"\eb7c"; }
  a.bu_tel { color:#091f46; }
  a.bu_tel:after { background:#091f46; }
  a.bu_tel:before { content:"\e9d3"; }

  /* 텍스트 요소 :주의&경고&말풍선 타입 */
  div + .bu_atte, div + .bu_wnrn, div + .bu_ment, 
  table + .bu_atte, table + .bu_wnrn, table + .bu_ment, 
  ul + .bu_atte, ul + .bu_wnrn, ul + .bu_ment { margin-top:1rem; }
  .bu_atte { position:relative; margin-top:0.25rem; padding-left:1rem; }
  .bu_atte:before { content:"※"; position:absolute; left:0; top:0; display:block;  color:#000; }
  .bu_wnrn { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
  .bu_wnrn:before { content:"\e9a6"; position:absolute; left:0; top:0.1rem; display:block; font-family:'xeicon'; color:#999; font-size:1rem; line-height:1.2; }
  .bu_wnrnL { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
  .bu_wnrnL:before { content:"\e9a7"; position:absolute; left:0; top:0.1rem; display:block; font-family:'xeicon'; color:#999; font-size:1rem; line-height:1.2; }
  .bu_ment { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
  .bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0.075rem; display:block; font-family:'xeicon'; color:#2c51aa; }

  /* 테이블 :테이블 기본 타입 */
  div[class*='tbl_st'] { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
  div[class*='tbl_st'] > table { position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1963d1; -webkit-overflow-scrolling:touch; table-layout:fixed; word-break:break-all;  }
  div[class*='tbl_st'] > table th { padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#f5fbff; }
  div[class*='tbl_st'] > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }
  div[class*='tbl_st'] > table thead th { background:#f5fbff; padding:1rem 0.5rem;  }
  div[class*='tbl_st'] > table tbody th { background:#f9f9f9; }
  div[class*='tbl_st'] > table tfoot th { background:#f0f0f0; }

  /* 테이블 : PC 스크롤 */
  div[class*='tbl_st'].scroll_wide { overflow: auto;}

  /* 테이블 :테이블2 라인 타입 */
  .tbl_st2 > table{margin-left:0 !important; border-right:1px solid #d7d7d7;}

  /* 테이블 - form */
  table select, table input { height:2.2rem; line-height:1.7rem; border:1px solid #ccc; padding:0 .5rem; color:#444; font-size:14px; vertical-align: middle;}
  table a[class^='btn_']{ padding:.2rem 0.4rem; font-size:0.7rem; margin:0; }
  table a[class^='btn_'] i{ font-size:.75rem; padding-left:.3rem;}
  table .list_st3 > li, 
  table .list_st4 > li { color:#333; }

  /* 테이블 - 기타 */
  .tbl_utile { margin-top:-20px; text-align:right; line-height:16px; font-size:0.75rem; }

  /* 유틸 */
  /* td 정렬사용 */
  .tb_txtL td { text-align:left; }
  .tb_txtC td { text-align:center; }
  .tb_txtR td { text-align:right; }

  /* tr 색상 */
  .tbl_bg_bl, .tbl_bg_bl th { color:#111; background-color:#dfe9f8 !important; }/* 블루 */
  .tbl_bg_ye, .tbl_bg_ye th { color:#111; background-color:#f5f0df !important; }/* 옐로우 */
  .tbl_bg_re, .tbl_bg_re th { color:#111; background-color:#fceff0 !important; }/* 레드 */
  .tbl_bg_gr, .tbl_bg_gr th { color:#111; background-color:#f9f9f9 !important; }/* 그린 */
  .tbl_l { border:2px solid #333 !important; }
  .tbl_L_t { border-top:2px solid #333 !important; }
  .tbl_L_b { border-bottom:2px solid #333 !important; }
  .tbl_L_l { border-left:2px solid #333 !important; }
  .tbl_Lbl { border:2px solid #014d9b !important; }
  .tbl_Lbl_t { border-top:2px solid #014d9b !important; }
  .tbl_Lbl_b { border-bottom:2px solid #014d9b !important; }
  .tbl_Lbl_l { border-left:2px solid #014d9b !important; }
  .tbl_Lre { border:2px solid #ff6363 !important; }
  .tbl_Lre_t { border-top:2px solid #ff6363 !important; }
  .tbl_Lre_b { border-bottom:2px solid #ff6363 !important; }
  .tbl_Lre_l { border-left:2px solid #ff6363 !important; }
  .tbl_Lgr { border:2px solid #099e5e !important; }
  .tbl_Lgr_t { border-top:2px solid #099e5e !important; }
  .tbl_Lgr_b { border-bottom:2px solid #099e5e !important; }
  .tbl_Lgr_l { border-left:2px solid #099e5e !important; }
  .tbl_Lye { border:2px solid #f9ba00 !important; }
  .tbl_Lye_t { border-top:2px solid #f9ba00 !important; }
  .tbl_Lye_b { border-bottom:2px solid #f9ba00 !important; }
  .tbl_Lye_l { border-left:2px solid #f9ba00 !important; }

  /* 선 없음 :테이블 좌, 우 선 없는 테이블 사용시 필요 */
  .tbl_LT_none { border-top:none !important; }
  .tbl_LB_none { border-bottom:none !important; }
  .tbl_LL_none { border-left:none !important; }
  .tbl_LR_none { border-right:none !important; }

  /* 기본 텍스트 */
  .txt_p { margin-top:.25rem; color:#333; font-weight:400; font-size:.75rem; }
  .txt_p + p,
  .txt_p + div{ margin-top:.5rem}

  /* 박스 :박스 기본 타입 */
  [class^="box_st"]{ position:relative; margin-top:0.5rem; z-index: 0;}
  [class^="box_st"] .tit3{color:#111; margin-bottom:.25rem; padding-left:0; font-size:1rem; background:none;}
  .box_st1 { border-radius:0 2rem 0 0; padding:.75rem 1.5rem; border:3px dotted #b1d4ff; }
  .box_st2 { border-radius:0 2rem 0 0; padding:1rem 1.5rem; background:#f4f9ff; font-size:1.5rem}
  .box_st2:before { content:""; position:absolute; left:0; top:-1px; width:6rem; height:3px; background:#3d63cd; }
  .box_st2:after { content:""; position:absolute; left:6.3rem; top:-1px; width:3px; height:3px; background:#3d63cd; border-radius:50%; }
  .box_st3 { padding:1rem; background:#fff; border:1px solid #dee1e9;}
  .box_st4 { padding:.5rem 1rem; border:1px solid #c5c9d6; background:#f7f7f7; }
  [class^="box_st"].box_ico .inner { min-height:5rem; padding-left:6.5rem; padding-top:.35rem; }
  [class^="box_st"].box_ico .ico {position:absolute; left:1.75rem; top:1.5rem; display:block; width:5rem; height:5rem; background: #fff; border-radius:0 2rem 0 0; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
  [class^="box_st"].box_ico .ico img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
  .box_st_img { padding:1rem; text-align:center; }
  .box_st_img img { max-width:100%; }

  /* 박스 : 타이틀 박스 */
  .titBox{ position:relative; width:calc(100% - .5rem); margin-top:2rem; z-index:0;}
  .titBox:first-of-type { margin-top:0; }
  .titBox h3 { position:relative; display:inline-block; min-width:13rem; padding:.75rem 1.5rem; font-size:1rem; text-align:center; color:#fff; font-weight:600; background:#1963d1; border-radius:1rem 1rem 1rem 0; z-index:1;}
  .titBox .inner{ position:relative; padding:2.5rem 1.5rem 1.5rem; margin-top:-1.75rem; border:2px solid #ddd; border-radius:0rem 1rem 1rem 1rem; background:#fff;}
  .titBox .inner:before{ content:""; position:absolute; left:0.5rem; top:0.5rem; width:100%; height:100%; border-radius:0rem 1rem 1rem 1rem; background:url('/resource/images/dgedu/con_com/titBox_pttrn.png'); z-index:-1;}

  /* 기본 박스 : 검색 */
  [class^="box_st"] .search_wrap { overflow:hidden; }
  [class^="box_st"] .search_wrap  input { float:left; width:calc(100% - 110px); height:45px; padding:0 .5rem; border:1px solid #e7e7e7;  border-radius:0; }
  [class^="box_st"] .search_wrap  .btn_style3 { float:left; width:100px;  margin:0 0 0 10px; padding:0; text-align:center; line-height:45px; }

  /* 박스정렬 */
  .box_wrap { width:102%; margin-left:-1%; display:flex; flex-wrap:wrap;}
  .box_wrap [class^="box_st"]{ margin:.5rem 1%;}
  .box_wrap.box_w50 [class^="box_st"]{ width:48%; }
  .box_wrap.box_w30 [class^="box_st"]{ width:31.33%; }
  .box_wrap.box_w25 [class^="box_st"]{ width:23%; }
  .box_wrap.box_w20 [class^="box_st"]{ width:18%; }

  /* 탭 :공통 */
  * + div[class^="tab_st"]{ margin-top:1.5rem;}
  div[class^="tab_st"] { position:relative; font-weight:600; margin-bottom:1.5rem; }
  div[class^="tab_st"] > .select { display:none; }
  div[class^="tab_st"] a { position:relative; display:block; line-height:1.4; }
  div[class^="tab_st"] a[target='_blank']:after{content:"\e980"; font-family: 'xeicon'; display:inline-block; font-size:.75rem; font-weight:400; margin-left:5px; }
  div[class^="tab_st"] a,
  div[class^="tab_st"] ::before { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

  /* 탭 :1차 탭 */
  .tab_st1 ul { width:100%; display:flex; flex-wrap:wrap; background:#f9f9f9;}
  .tab_st1 li { position:relative; }
  .tab_st1 li a{ padding-right:1rem; font-size:.8rem; z-index:2;}
  .tab_st1 li a:before,
  .tab_st1 > a.select:before{content:"\e943"; position:absolute; right:0; top:calc(50% - .7rem); font-family: 'xeicon'; }
  .tab_st1 li.on:before,
  .tab_st1 li.on:after{ opacity: 1;}
  .tab_st1 li.on a,
  .tab_st1 li:not(.on) a:focus,
  .tab_st1 li:not(.on) a:hover{ color:#2457a3;}
  /* 탭 :1차 : background none */
  .tab_st1 li:nth-child(4n + 1){background:none;}
  .tab_st1.Tab_w50 li:nth-child(2n + 1){background:none;}
  .tab_st1.Tab_w30 li:nth-child(3n + 1){background:none;}
  .tab_st1.Tab_w20 li:nth-child(5n + 1){background:none;}
  .tab_st1.Tab_w16 li:nth-child(6n + 1){background:none;} /* 230802 gsjeong 추가 */
  
  .tab_st1.Tab_w30 li:nth-child(4n + 1){background:url('/resource/images/dgedu/con_com/bg_tab01.png') no-repeat left center;}
  .tab_st1.Tab_w20 li:nth-child(4n + 1){background:url('/resource/images/dgedu/con_com/bg_tab01.png') no-repeat left center;}
  .tab_st1.Tab_w16 li:nth-child(4n + 1){background:url('/resource/images/dgedu/con_com/bg_tab01.png') no-repeat left center;} /* 230802 gsjeong 추가 */
  .tab_st1.Tab_w20 li:first-child, .tab_st1.Tab_w50 li:first-child, .tab_st1.Tab_w30 li:first-child, .tab_st1.Tab_w16 li:first-child {background:none;} /* 230802 gsjeong w16 추가 */
  
  @media screen and (min-width:1241px){  

    .tab_st1 ul { border-radius:0 0 2rem 0;}
    .tab_st1 li { width:25%; padding:0 1.2rem; border-bottom:2px solid #fff; background:url('/resource/images/dgedu/con_com/bg_tab01.png') no-repeat left center;}
    .tab_st1 li:before,
    .tab_st1 li:after{  content:""; position:absolute; width:100%; height:100%; border-radius:0 2rem 0 0; opacity: 0;}
    .tab_st1 li:before{ left:0; top:0; z-index:2; background: #1f6abb;
      background: -moz-linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%);
      background: -webkit-linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%);
      background: linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%); }
    .tab_st1 li:after{ left:.5rem; top:.5rem; background:#cddcec; z-index:1;}
    .tab_st1 li a{display:flex; width:100%; min-height:3.3rem; align-items:center; }
    .tab_st1 li.on a{ color:#fff;}
  }

  /* 탭 :2차 탭 */
  .tab_st2 ul { width:100%; display:flex; flex-wrap:wrap; }
  .tab_st2 li { position:relative; width:25%; }
  .tab_st2 li a { width:100%; font-size:.8rem; padding-right:1rem; z-index:2;}
  .tab_st2 li a:before,
  .tab_st2 > a.select:before{content:"\e935"; position:absolute; right:0; top:calc(50% - .5rem); font-family: 'xeicon'; font-size:.7rem;}
  .tab_st2 li.on a,
  .tab_st2 li a:hover,
  .tab_st2 li a:focus { color:#1e5fad; }
  @media screen and (min-width:1241px){  
    
    .tab_st1 ul {/* border-top:1px solid #ddd; */}
    .tab_st2 li {margin-top:-1px; padding:0 1rem; border-bottom:1px solid #ddd;}
    .tab_st2 li:before{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#ddd;}
    .tab_st2 li.on:before{ background:#1963d1;}
    .tab_st2 li a { display:flex; min-height:3rem; align-items:center;}
  }

  /* 탭 :리스트 */
  * + .tab_list{ margin-top:.5rem;}
  .tab_list { padding:0.75rem 0; overflow:hidden; border:2px solid #ddd; }
  .tab_list ul { width:100%; display:flex; flex-wrap:wrap;}
  .tab_list li { width:25%; float:left; padding:0 1rem; }
  .tab_list li a { position:relative; display:block; padding:.5rem 0 .5rem 1.25rem; line-height:1rem; font-size:.8rem; color:#999; font-weight: 600; -webkit-transition:all .3s ease; transition:all .3s ease; }
  .tab_list li a:after { position:absolute; top:.5rem; left:0; font-weight: 400; font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e92c'; -webkit-transition:color .3s; transition:color .3s; }
  .tab_list li a:hover, .tab_list li a:focus { color:#333; }
  .tab_list li.on a,
  .tab_list li a:hover,
  .tab_list li a:focus {color: #000;}
  .tab_list li.on a:after {color: #1161bc; content:'\e92b'; }

  /* 탭 :개수 지정 */
  .Tab_w50 li { width:50%; }
  .Tab_w30 li { width:33%; }
  .Tab_w20 li { width:20%; }
  .Tab_w16 li { width:16.6%; } /* 230802 gsjeong 추가 */  

  /* 탭 : 반응형 */
  .reactTab { display:block; }
  .reactTab a.selectTab { display:none; }

  /* 버튼 : 버튼들 감싸는 레이아웃 */
  .btns { margin:2rem 0; }

  /* 버튼 :기본 */
  .btn_bl { color:#fff; background:#0085d8; border:1px solid #0085d8; }
  .btn_st { color:#fff; background:#0085d8; border:1px solid #0085d8; }
  .btn_blL {color: #063a74; background:#fff; border: 1px solid #063a74; }
  .btn_gr { color:#fff; background:#464646; border:1px solid #464646; }
  .btn_grL { color:#464646; background:#fff; border:1px solid #666; }
  .btn_red { color:#fff; background:#f2264b; border:1px solid #f2264b; }
  .btn_pur { color:#fff; background:#5174d0; border:1px solid #5174d0; }
  .btn_org { color:#fff; background:#ff9b0b; border:1px solid #ff9b0b; }
  .btn_mint { color:#fff; background:#21cecc; border:1px solid #21cecc; }
  .btn_navy {color:#fff; background:#115da7; border:1px solid #115da7;}
  .btn_grn {color:#fff; background:#33b462; border:1px solid #33b462}
  .btn_yel { color:#000; background:#ffe14f; border:1px solid #ffe14f; }
  .btn_bl:hover, .btn_bl:focus { background:#fff; color:#0085d8;}
  .btn_st:hover, .btn_st:focus { background:#fff; color:#0085d8;}
  .btn_blL:hover, .btn_blL:focus { background:#eef2f7; color:#063a74;}
  .btn_gr:hover, .btn_gr:focus { background:#fff; color:#333; }
  .btn_grL:hover, .btn_grL:focus { background:#eee; color:#000; }
  .btn_red:hover, .btn_red:focus { background:#fff; color:#f2264b; }
  .btn_pur:hover, .btn_pur:focus { background:#fff; color:#2c4da0; }
  .btn_org:hover, .btn_org:focus { background:#fff; color:#ca590d; }
  .btn_mint:hover, .btn_mint:focus { background:#fff; color:#1b7c7b;}
  .btn_navy:hover, .btn_navy:focus { background:#fff; color:#115da7;}
  .btn_grn:hover, .btn_grn:focus { background:#fff; color:#33b462;}
  .btn_yel:hover, .btn_yel:focus { background:#fff;}
  .btn_gr, .btn_grL, .btn_bl, .btn_blL, .btn_red, .btn_pur, .btn_org, .btn_mint, .btn_navy, .btn_grn, .btn_yel, .btn_st{
    display:inline-block; margin:3px 1px; padding:1.6rem 3.2rem; vertical-align:middle; line-height:1rem; font-size: var(--fs17); font-weight:400; -webkit-transition:background-color .2s, border-radius .2s; transition:background-color .2s, border-radius .2s; border-radius: .6rem;}
  .btn_gr i, .btn_grL i, .btn_bl i, .btn_blL i, .btn_red i, .btn_pur i, .btn_org i, .btn_mint i, .btn_navy i, .btn_grn i, .btn_yel i, .btn_st i {
    font-size:0.8rem; line-height:1rem; padding-left:0.5rem; vertical-align:top; }

  /* 버튼 : 작은버튼 */
  a[class^="btn_"].mini,
  button[class^="btn_"].mini { padding:.25rem .5rem; font-size:13px; font-weight:400; }

  /* 버튼 : 포인트버튼 */
  a[class^="btn_"].pt,
  button[class^="btn_"].pt { border-radius:0 1rem 0 0; }
  a[class^="btn_"].pt:hover,
  a[class^="btn_"].pt:focus,
  button[class^="btn_"].pt:hover,
  button[class^="btn_"].pt:focus { border-radius:0 0 1rem 0; }

  /* 버튼 : 아이콘만 */
  a[class^="btn_"].ico i,
  button[class^="btn_"].ico i{padding-left:0;}

  /* 버튼 : 여백 */
  div + a[class^="btn_"],
  table + a[class^="btn_"],
  ul + a[class^="btn_"],
  p + a[class^="btn_"],
  br + a[class^="btn_"] { margin-top:0.5rem; }
  /* 이미지 사이즈 :확대보기 */
  .rsp_img { position:relative; width:auto; line-height:0; max-width:100%; }
  .rsp_img img { max-width:100%; }
  .rsp_img .btn-zoom { position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url("/resource/images/dgedu/con_com/ico_rsp_img.png") no-repeat; text-indent:-9999em; overflow:hidden; }

  /* 콘텐츠 준비중 */
  .Coming_soon { padding:50px 20px; border:5px solid #dfe6ee; text-align:center; }
  .Coming_soon h3{ font-size:1.5rem; color:#222; }
  .Coming_soon p { position:relative; margin-top:1.5rem; padding-top:1.5rem; }
  .Coming_soon p:before { content:''; position:absolute; top:0; left:50%; width:2rem; height:3px; margin-left:-1rem; background:#222; }

  /* 라인 */
  .line_dot { margin-bottom:1rem; padding-top:1rem; border-bottom:2px dotted #d2d2d2; }
  .line_dot_b { border-bottom:2px dotted #d2d2d2; }

  /* display */
  .disIb { display:inline-block !important; }

  /* input select px */
  .InpSel_50{ width:50px !important; }
  .InpSel_80{ width:80px !important; }
  .InpSel_100{ width:100px !important; }
  .InpSel_150{ width:150px !important; }
  .InpSel_200{ width:200px !important; }
  .InpSel_250{ width:250px !important; }
  .InpSel_300{ width:300px !important; }
  .InpSel_350{ width:350px !important; }
  .InpSel_400{ width:400px !important; }
  .InpSel_450{ width:450px !important; }
  .InpSel_500{ width:500px !important; }

  /* input select  % */
  .InpSel_w10{ width:10% !important; }
  .InpSel_w20{ width:20% !important; }
  .InpSel_w30{ width:30% !important; }
  .InpSel_w40{ width:40% !important; }
  .InpSel_w50{ width:50% !important; }
  .InpSel_w60{ width:60% !important; }
  .InpSel_w70{ width:70% !important; }
  .InpSel_w80{ width:80% !important; }
  .InpSel_w90{ width:90% !important; }
  .InpSel_w100{ width:100% !important; }

  /* 패딩 */
  .pd0{ padding:0 !important; }
  .pd5{ padding:5px !important; }
  .pd10{ padding:10px !important; }
  .pd15{ padding:15px !important; }
  .pd20{ padding:20px !important; }
  .pd30{ padding:30px !important; }
  .pdt5{ padding-top:5px !important; }
  .pdt10{ padding-top:10px !important; }
  .pdt15{ padding-top:15px !important; }
  .pdt20{ padding-top:20px !important; }
  .pdt30{ padding-top:30px !important; }
  .pdt40{ padding-top:40px !important; }
  .pdr5{ padding-right:5px !important; }
  .pdr10{ padding-right:10px !important; }
  .pdr15{ padding-right:15px !important; }
  .pdr20{ padding-right:20px !important; }
  .pdr30{ padding-right:30px !important; }
  .pdb5{ padding-bottom:5px !important; }
  .pdb10{ padding-bottom:10px !important; }
  .pdb15{ padding-bottom:15px !important; }
  .pdb20{ padding-bottom:20px !important; }
  .pdb30{ padding-bottom:30px !important; }
  .pdl5{ padding-left:5px !important; }
  .pdl10{ padding-left:10px !important; }
  .pdl15{ padding-left:15px !important; }
  .pdl20{ padding-left:20px !important; }
  .pdl30{ padding-left:30px !important; }

  /* 마진 */
  .mg0{ margin:0 !important; }
  .mg5{ margin:5px !important; }
  .mg10{ margin:10px !important; }
  .mg15{ margin:15px !important; }
  .mg20{ margin:20px !important; }
  .mg30{ margin:30px !important; }
  .mgt5{ margin-top:5px !important; }
  .mgt10{ margin-top:10px !important; }
  .mgt15{ margin-top:15px !important; }
  .mgt20{ margin-top:20px !important; }
  .mgt30{ margin-top:30px !important; }
  .mgt40{ margin-top:40px !important; }
  .mgt5n { margin-top:-5px !important; }
  .mgt10n { margin-top:-10px !important; }
  .mgr5{ margin-right:5px !important; }
  .mgr10{ margin-right:10px !important; }
  .mgr15{ margin-right:15px !important; }
  .mgr20{ margin-right:20px !important; }
  .mgr30{ margin-right:30px !important; }
  .mgb0{ margin-bottom:0 !important; }
  .mgb5{ margin-bottom:5px !important; }
  .mgb10{ margin-bottom:10px !important; }
  .mgb15{ margin-bottom:15px !important; }
  .mgb20{ margin-bottom:20px !important; }
  .mgb30{ margin-bottom:30px !important; }
  .mgl5{ margin-left:5px !important; }
  .mgl10{ margin-left:10px !important; }
  .mgl15{ margin-left:15px !important; }
  .mgl20{ margin-left:20px !important; }
  .mgl30{ margin-left:30px !important; }

  /* 웹 화면 none / 태블릿 모바일 blcok : 이미지맵 사용시 */
  .WnTMb {display:none;}
  
  @media screen and (max-width:1240px){

    /* 탭 :공통 */
    .reactTab[class^="tab_st"] > .select{display:block;}
    .reactTab[class^="tab_st"] ul { display:none; text-align:left; margin-bottom:0; }
    .reactTab[class^="tab_st"] li { display:block; width:100% !important;}
    .reactTab[class^="tab_st"] li a:before{display:none;}
    
    /* 탭 :1차 탭 */
    .tab_st1 > a.select{ font-size:.85rem; border-radius:0 1.25rem 0 0; color:#fff; padding:.75rem 2.25rem .75rem 1rem; background:#1f6abb;
    background: -moz-linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%);
    background: -webkit-linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%);
    background: linear-gradient(90deg, #1f6abb 0%, #1f6abb 100%);}
    .tab_st1 > a.select:before{ right:1.25rem;}
    .tab_st1 ul{ overflow:hidden; border:1px solid #ddd; border-top:0;}
    .tab_st1 li + li{border-top:1px solid #ddd;}
    .tab_st1 li a{ padding:.6rem 1rem; }
    
    /* 탭 :1차 탭 */
    .tab_st2 > a.select{ font-size:.85rem; padding:.75rem 2.25rem .75rem 1rem; color:#014d9b; border-top:2px solid #014d9b; border-bottom:1px solid #ccc;}
    .tab_st2 > a.select:before{ right:1.25rem;}
    .tab_st2 ul{ overflow:hidden; border-bottom:1px solid #ddd; background:#f6faff;}
    .tab_st2 li + li{border-top:1px solid #ddd;}
    .tab_st2 li a{ padding:.6rem 1rem; }
    
    /* 탭 :개수 지정 */
    .Tab_w20 > li { width:25%; }
    /* 리스트 :가로 나열 */
    .li_w20 > li { width:25%; }
  	.li_w16 > li { width:20%; }
    
    /* 테이블 : 유틸 */
    .tbl_utile { margin-top:0; }
      
    /* 웹 화면 none / 태블릿 모바일 blcok : 이미지맵 사용시 */
    .WnTMb {display:block;}
    
    /* 테이블 :테이블 기본 타입 */
    div[class*='tbl_st'] > table { word-break:break-all;}
  }
  @media screen and (max-width:1024px){

    
    /* 테이블 스크롤 */
    div[class*='tbl_st'].scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat;  background-position:right 5px; background-size:30px 100%; z-index:1;
      background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
      background-image:linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
    div[class*='tbl_st'].scroll_gr table { width:1024px; }

    /* 탭 :리스트 */
    .tab_list li { width:33.33%; }

    /* 탭 :개수 지정 */
    .Tab_w20 > li { width:33%; }

    /* 리스트 :가로 나열 */
    .li_w25 > li { width:33%; }
    .li_w20 > li { width:33%; }
  	.li_w16 > li { width:33%; }

  }

  @media screen and (max-width:860px){
    /* 탭 :리스트 */
    .tab_list li { width:50%; }

    /* 탭 :개수 지정 */
    .Tab_w30 > li { width:50%; }
    .Tab_w20 > li { width:50%; }

    /* 리스트 :가로 나열 */
    .li_w30 > li { width:50%; }
    .li_w25 > li { width:50%; }
    .li_w20 > li { width:50%; }
  	.li_w16 > li { width:50%; }

    /* 탭 :1차 탭 */
    .tab_st1 > li { width:100%; }
    .tab_st1 > li a { padding:.75rem 1rem .75rem .5rem; }
    
    /* 박스정렬 */
    .box_wrap.box_w50 [class^="box_st"]{ width:98%; }
    .box_wrap.box_w30 [class^="box_st"]{ width:48%; }
    .box_wrap.box_w25 [class^="box_st"]{ width:48%; }
    .box_wrap.box_w20 [class^="box_st"]{ width:31.33%; }
  }

  @media screen and (max-width:640px){
    
    /* 박스정렬 */
    .box_wrap.box_w30 [class^="box_st"]{ width:98%; }
    .box_wrap.box_w25 [class^="box_st"]{ width:98%; }
    .box_wrap.box_w20 [class^="box_st"]{ width:48%; }

    /* 탭 */
    .tab_list { margin:0; }
    .tab_list li { width:100%; }
    .tab_list li a { padding: .3rem 0 .3rem 1.25rem; }
  }

  @media screen and (max-width:560px){

    /* 박스 */
    [class^="box_st"]{ padding:1rem;}
    
    /* 박스정렬 */
    .box_wrap{ width:100%; margin-left:0;}
    .box_wrap.box_w50 [class^="box_st"],
    .box_wrap.box_w30 [class^="box_st"],
    .box_wrap.box_w25 [class^="box_st"],
    .box_wrap.box_w20 [class^="box_st"]{ width:100%; }

    /* 박스 : 이미지박스 */
    [class^="box_st"].box_ico .ico{ display:none;}
    .box_st2.box_ico .inner{ min-height:0px; padding-left:0; padding-top:0;}
  }


  @media screen and (max-width:480px){

    /* 탭 :개수 지정 */
    .Tab_w50 li { width:100%; }
    .Tab_w30 li { width:100%; }
    .Tab_w20 li { width:100%; }
    /* 리스트 :가로 나열 */
    .li_w50 > li { width:100%; }
    .li_w30 > li { width:100%; }
    .li_w25 > li { width:100%; }
    .li_w20 > li { width:100%; }
  	.li_w16 > li { width:100%; }
  }

.nttUseDt > th > span {
  font-size: 1.5rem !important;
}