/* common form */
::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-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; }

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

/* 타이틀(공통) */
[class^='titT']{ font-size:1.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 !important; }
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; }
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:#060606; font-size:1.2rem; margin-top:2rem; padding-top:1rem; background:url('/images/dgedu/template/TA01/layout/bu_tit1.png') no-repeat left top; }
.tit2{ position:relative; color:#009aa0; font-size:1.1rem; margin-top:1.5rem; }
.tit3{ position:relative; color:#060606; font-size:1rem; margin-top:1rem; }

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4, .list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_st1, .list_st1 > li { background:url('/images/dgedu/template/TA01/layout/bu_st1.png') no-repeat left .25rem;}
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:5px; height:5px; border-radius:50%; background:#50bae8; }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:5px; height:2px; background:#50bae8; }
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:3px; height:3px; background:#777; }
.bu_st2{ font-size:0.75rem; margin-left:0.25rem; }
.bu_st3{ font-size:0.75rem; margin-left:0.5rem; color:#606060; }
.bu_st4{ font-size:0.7rem; margin-left:0.75rem; color:#606060; }

/* 블릿 : 버튼사이즈 예외 */
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;}

/* 리스트 :블릿 타입 */
.list_st2 > li { font-size:.75rem; }
.list_st3 > li { font-size:.75rem; color:#606060; }
.list_st4 > li { font-size:.75rem; color:#606060; }

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; padding-left:1.6rem; margin-top:0.5rem; color:#555; 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:.75rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; background:#079bdc; letter-spacing:-1px;} 
.list_ol2 > li { position:relative; padding-left:1.25rem; margin-top:0.5rem; color:#555; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; height:1.25rem; line-height:1.25rem; font-size:.75rem; padding:0 2px; color:#079bdc; margin-right:.5rem; font-weight:700; letter-spacing:-1px; white-space:nowrap;} 
.list_ol2 > li > span.num:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#c9e3f4;}

/* 리스트 : 타이틀+텍스트 타입 */
.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; }

/* 리스트 :가로 나열 */
ul[class*='li_w']{ overflow:hidden; }
.li_w50 > li { width:50%; float:left; }
.li_w30 > li { width:33%; float:left; }
.li_w25 > li { width:25%; float:left; }
.li_w20 > li { width:20%; float:left; }

/* 텍스트 요소 :폰트컬러 타입 */
.pc_bl { color:#045ba6 !important; }
.pc_gr { color:#777 !important; }
.pc_navy { color:#2e415a !important; }
.pc_sky { color:#0082BC !important; }
.pc_org { color:#d53c03 !important; }
.pc_grn { color:#008489 !important; }

/* 텍스트 요소 :텍스트 배경색 */
.bg_bl, .bg_gr, .bg_navy, .bg_sky, .bg_org, .bg_org, .bg_grn, .bg_yel { padding:1px 0.5rem !important; display:inline-block; }
.bg_bl { color:#fff !important; background-color:#045ba6 !important; }
.bg_gr { color:#000 !important; background-color:#a6a6a6 !important; }
.bg_navy { color:#fff !important; background-color:#2e415a !important; }
.bg_sky { color:#fff !important; background-color:#0082BC !important; }
.bg_org { color:#fff !important; background-color:#d53c03 !important; }
.bg_grn { color:#fff !important; background-color:#008489 !important; }
.bg_yel { color:#000 !important; background-color:#fed652 !important; }

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

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .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_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:0.6rem !important; }
.fs13{ font-size:0.65rem !important; }
.fs14{ font-size:0.7rem !important; }
.fs16{ font-size:0.8rem !important; }
.fs18{ font-size:0.9rem !important; }
.fs20{ font-size:1rem !important; }
.fs22{ font-size:1.1rem !important; }
.fs24{ font-size:1.2rem !important; }
.fs26{ font-size:1.3rem !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:0 .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:#777; font-size:1rem; line-height:1;}
.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:#777; font-size:1rem; line-height:1;}
.bu_ment { position:relative; margin-top:0.25rem; padding-left:1rem; }
.bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0.2rem; display:block; font-family:'xeicon'; color:#2c51aa; line-height:1;}

/* 테이블 :테이블 기본 타입 */
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 #2e415a; -webkit-overflow-scrolling:touch; table-layout:fixed; word-break:break-all; }
div[class*='tbl_st'] > table th { padding:0.5rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-left:1px solid #dad8d9; border-bottom:1px solid #dad8d9; background:#f4f5f7; }
div[class*='tbl_st'] > table td { padding:0.5rem; line-height:1.5; color:#333; border-bottom:1px solid #dad8d9; border-left:1px solid #dad8d9; }
div[class*='tbl_st'] > table thead th { background:#f4f5f7; padding:1rem 0.5rem; border-bottom:1px solid #2e415a;}
div[class*='tbl_st'] > table tbody th { background:#f7f7f7; }
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 #dad8d9;}

/* 테이블 - form */
table select, table input { height:1.7rem; line-height:1.7rem; border:1px solid #ccc; padding:0 .5rem; color:#444; font-size:14px;}
table a[class^='btn_']{ padding:.3rem 0.5rem; font-size:0.75rem; margin:0; }
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:#effcf6 !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; }

/* 박스 :박스 기본 타입 */
[class^="box_st"]{ position:relative; margin-top:0.5rem; border-radius:.25rem 1rem .25rem .25rem; z-index:0;}
.box_st1{ position:relative; padding:3px; background:url('/images/dgedu/template/TA01/layout/pttrn_box_line.png'); overflow:hidden;}
.box_st1 .inner{ padding:1.5rem 2rem; border-radius:.25rem 1rem .25rem .25rem; background:#fff; }
.box_st2 { padding:1.5rem 2rem; border:1px solid #ccc;}
.box_st3 { padding:1.5rem 2rem; border:1px solid #f7f7f7; background:#f7f7f7;}
.box_st4 { padding:1.5rem 2rem; border:1px solid #4cb7e7; box-shadow:0 0 10px rgba(39, 223, 255, 0.1);}
[class^="box_st"].box_ico .inner { min-height:4.5rem; padding-left:5.5rem; }
[class^="box_st"].box_ico .ico { position:absolute; left:1rem; top:1rem; display:block; width:5rem; height:5rem; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f0f9fb; }
[class^="box_st"].box_ico .ico:before{ content:""; position:absolute; left:.5rem; top:0; width:100%; height:100%; border-radius:50%; background:url('/images/dgedu/template/TA01/layout/pttrn_box.png'); }
[class^="box_st"].box_ico .ico img{ position:relative;}
.box_st_img { padding:1rem; text-align:center;}
.box_st_img img { max-width:100%; }

/* 박스 : 강조박스 */
.box_ico_st1{ position:relative; display:table; width:100%; overflow:hidden;}
.box_ico_st1 .ico{ display:table-cell; width:7rem; padding-bottom:1.5rem; border-bottom:3px dotted #ccc;}
.box_ico_st1 .ico p{ position:relative; height:6.5rem; display:flex; align-items:center; justify-content:center; border-radius:1rem 1rem 3rem 1rem; border:1px solid #50bae8; overflow:hidden;}
.box_ico_st1 .ico p:before{ content:""; position:absolute; left:-2rem; top:-2rem; width:5.5rem; height:5.5rem; border-radius:50%; background:url('/images/dgedu/template/TA01/layout/pttrn_box.png'); } 
.box_ico_st1 .box{ position:relative; display:table-cell; padding-left:1.5rem; border-radius:0 .9rem .9rem 0; background:#fff; vertical-align:top;}
.box_ico_st1 .box:before,
.box_ico_st1 .box:after{ content:""; position:absolute; left:1.5rem; top:1rem; width:calc(100% - 1.5rem); border:3px solid; z-index:0;}
.box_ico_st1 .box:before{ height:calc(100% - 1rem); border-radius:0 .75rem .75rem 0; border-color:#efefef; border-left:0;}
.box_ico_st1 .box:after{ height:2.5rem; border-radius:0 .75rem 0 0;  border-color:#0badf4; border-left:0; border-bottom:0;}
.box_ico_st1 .box h3{ position:relative; display:inline-block; padding-right:1rem; background:#fff; z-index:1; max-width:calc(100% - 2rem);}
.box_ico_st1 .box h3 span{ display:inline-block; font-size:1rem; font-weight:700; padding:.5rem 1.25rem; border-radius:1rem 0; background:#daf0fb;}
.box_ico_st1 .box .inner{ position:relative; margin-top:1rem; padding:2.5rem 1.5rem;}
.box_ico_st1 .box .inner:before{ content:""; position:absolute; left:-10px; top:-9px; width:20px; height:20px; border-radius:50%; background:#0badf4; border:5px solid #f2fbfe; z-index:1;}
.box_ico_st1 .box h3 + .inner{ margin-top:0; padding-top:1.5rem;}
.box_ico_st1 .box h3 + .inner:before{ display:none;}

/* 탭 :공통 */
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.25rem; color:#666; font-weight:400;}
div[class^="tab_st"] a[target='_blank'].down:after{content:"\eb7c"; }
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 { display:flex; width:calc(100% + 1rem); margin-left:-.5rem; overflow:hidden; justify-content:space-between; align-items:end;}
.tab_st1 li { width:100%; padding:0 .5rem;}
.tab_st1 li a,
.tab_st1 > .select { padding:.65rem 1.5rem 0.65rem 1rem; border-radius:0.25rem 0.75rem 0.25rem 0.25rem;}
.tab_st1 li a{ border:1px solid #e1e1e1;}
.tab_st1 li a:before,
.tab_st1 > .select:before{content:"\e941"; position:absolute; right:0.6rem; top:0.75rem; font-family:'xeicon'; font-size:.8rem; opacity:.8;}
.tab_st1 li.on a,
.tab_st1 > .select { border:1px dotted #0099d7; color:#008ec8; font-weight:600; background:#f2fbfe; box-shadow:0 0 10px rgba(39, 223, 255, 0.1);}
.tab_st1 li.on a:before,
.tab_st1 > .select:before{ content:"\e928"; opacity:1;}
.tab_st1 li a[target='_blank']:before,
.tab_st1 > .select[target='_blank']:before{ content:"\e980";}
.tab_st1 li a:focus,
.tab_st1 li a:hover{color:#008ec8; font-weight:600;}
.tab_st1 li a[target='_blank']:after { font-size:0.7rem; }

/* 탭 :2차 탭 */
.tab_st2 { padding:0.75rem 1.5rem; overflow:hidden; border:2px dotted #0099d7; border-radius:0.25rem 0.75rem 0.25rem 0.25rem;}
.tab_st2 ul { display:flex; width:calc(100% + 1rem); margin-left:-.5rem; overflow:hidden; flex-wrap:wrap; align-items:flex-start;}
.tab_st2 li { width:25%; padding:.25rem; }
.tab_st2 li a,
.tab_st2 > .select { display:inline-block; padding-left:1.25rem;}
.tab_st2 li a:before,
.tab_st2 > .select:before{content:"\e91b"; position:absolute; left:0; top:0; font-family:'xeicon'; font-size:.9rem; color:#008ec8; font-weight:400 !important;}
.tab_st2 li.on a,
.tab_st2 > .select { font-weight:600; color:#000; box-shadow:0 -10px 0 0 inset rgba(206, 248, 245, 0.5);}
.tab_st2 li.on a:before,
.tab_st2 > .select:before{ content:"\e92c";}
.tab_st2 li a:hover,
.tab_st2 li a:focus {color:#008ec8; font-weight:600;}
.tab_st2 li a[target='_blank']:after { font-size:0.8rem; }

/* 탭 :개수 지정 */
div[class^="tab_st"][class*="Tab_w"] ul{flex-wrap:wrap;}
div[class^="tab_st"][class*="Tab_w"] ul li{padding:.25rem .5rem;}
.Tab_w50 li { width:50%; }
.Tab_w30 li { width:33%; }
.Tab_w20 li { width:20%; }

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

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

/* 버튼 :기본 */
.btn_bl { color:#fff; background:#045ba6; border:1px solid #045ba6; }
.btn_gr { color:#000; background:#a6a6a6; border:1px solid #a6a6a6; }
.btn_grL {color:#000; border:1px solid #a6a6a6; }
.btn_navy { color:#fff; background:#2e415a; border:1px solid #2e415a; }
.btn_sky { color:#fff; background:#169ac5; border:1px solid #169ac5; }
.btn_red { color:#fff; background:#db2430; border:1px solid #db2430; }
.btn_org { color:#fff; background:#d53c03; border:1px solid #d53c03; }
.btn_grn { color:#fff; background:#008489; border:1px solid #008489; }
.btn_yel { color:#000; background:#fed652; border:1px solid #fed652; }
.btn_pur { color:#fff; background:#305cc0; border:1px solid #305cc0; }
.btn_mint { color:#fff; background:#019298; border:1px solid #019298; }
.btn_bl, .btn_gr, .btn_navy, .btn_sky, .btn_org, .btn_grn, .btn_yel, .btn_red, .btn_grL, .btn_pur, .btn_mint {
  display:inline-block; margin:2px 1px; padding:0.5rem .75rem; border-radius:.25rem; vertical-align:middle; line-height:1rem; font-weight:600; -webkit-transition:background-color  0.2s, border-radius 0.2s; transition:background-color  0.2s, border-radius 0.2s; }
.btn_bl i, .btn_gr i, .btn_navy i, .btn_sky i, .btn_org i, .btn_grn i, .btn_yel i, .btn_red i, .btn_grL i, .btn_pur i,  .btn_mint i {
  font-size:0.8rem; line-height:1rem; padding-left:0.3rem; vertical-align:top; }
.btn_bl:hover, .btn_bl:focus, 
.btn_gr:hover, .btn_gr:focus, 
.btn_navy:hover, .btn_navy:focus, 
.btn_sky:hover, .btn_sky:focus,
.btn_org:hover, .btn_org:focus,
.btn_grn:hover, .btn_grn:focus,
.btn_yel:hover, .btn_yel:focus,
.btn_red:hover, .btn_red:focus,
.btn_grL:hover, .btn_grL:focus,
.btn_pur:hover, .btn_pur:focus,
.btn_mint:hover, .btn_mint:focus { color:#000; background:#fff; font-weight:600; border-top-right-radius:.75rem;}

/* 버튼 :작은버튼 */
a[class^="btn_"].mini,
button[class^="btn_"].mini { padding:.3rem .5rem; font-size:13px; }
a[class^="btn_"].mini:hover,
a[class^="btn_"].mini:focus
button[class^="btn_"].mini:hover,
button[class^="btn_"].mini:focus{ border-top-right-radius:.75rem;}

/* 버튼 :큰 버튼 */
a[class^="btn_"].large,
button[class^="btn_"].large { padding:.65rem 1.25rem; font-size:.9rem; }

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

/* 버튼 :예외버튼 */
.btn_fileDown{ position:relative; padding:.35rem 2.5rem .35rem .5rem; border-radius:.25rem; background:#f7f7f7; border:1px solid #aaa; overflow:hidden;}
.btn_fileDown em{ display:inline-block; width:23px; height:20px; border-radius:1rem; margin-right:.35rem; vertical-align: sub;}
.btn_fileDown i{ position:absolute; right:0; top:0; width:2rem; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; font-size:.9rem; color:#777; border-left:1px solid #aaa; border-radius:0 .2rem .2rem 0; }
.btn_fileDown em.pdf{ background:#888 url('/images/dgedu/template/TA01/layout/ico_pdf.png') no-repeat center;}
.btn_fileDown:hover,
.btn_fileDown:focus{ border-color:#2e415a;}
.btn_fileDown:hover i,
.btn_fileDown:focus i{ border-color:#2e415a; background:#2e2e2e; color:#fff;}
.btn_fileDown:hover em,
.btn_fileDown:focus em{ background-color:#2e415a;}
.btn_fileDown, .btn_fileDown em, .btn_fileDown i{transition: all .2s; -webkit-transition: all .2s;}

/* 버튼 :여백 */
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:5rem 1rem; text-align:center; background:url('/images/dgedu/template/TA01/layout/bg_coming.png') no-repeat center/contain; }
.Coming_soon h3{ font-size:1.5rem; color:#000; margin-top:1rem; }
.Coming_soon h3 span{font-weight:700; box-shadow:0 -15px 0 0 inset rgba(206, 229, 248, 0.5);}
.Coming_soon h3 em{ color:#045ba6;}
.Coming_soon p { position:relative; margin-top:1.5rem; font-size:.85rem; color:#000; }

/* 라인 */
.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; margin:0 !important; }

  /* 탭 :1차 탭 */
  .tab_st1 > .select{ padding:.75rem 1.75rem .75rem 1rem; }
  .tab_st1 > .select:before{ right:1rem;}
  .tab_st1 ul{width:100%; margin:0; border:1px solid #0099d7; border-top:0; overflow:hidden;}
  .tab_st1 li{margin:0; padding:0;}
  .tab_st1 li a{ border:0; }
  .tab_st1 li + li{border-top:1px solid #ddd;}
  .tab_st1 li.on a{ border:0; background:#fff; font-weight:400;}
  .tab_st1 li a:not([target="_blank"]):before{ display:none;}

  /* 탭 :2차 탭 */
  .tab_st2{ padding:0; border-width:1px;}
  .tab_st2 > .select{ padding:.75rem .5rem .75rem 2rem; box-shadow:none;}
  .tab_st2 > .select:before{ left:.75rem; top:.75rem;}
  .tab_st2 ul{width:100%; padding:.5rem; margin:0; border-top:1px dotted #0099d7; overflow:hidden;}
  .tab_st2 li{margin:0;}
  .tab_st2 li + li{border-top:1px solid #ddd;}
  .tab_st2 li.on a{ box-shadow:none; font-weight:400;}
  .tab_st2 li a:before{ content:"\e91b" !important;}

  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:25%; }
  /* 리스트 :가로 나열 */
  .li_w20 > li { width:25%; }

  /* 테이블 :유틸 */
  .tbl_utile { margin-top:0; }
  
  /* 웹 화면 none / 태블릿 모바일 blcok :이미지맵 사용시 */
	.WnTMb {display:block;}
}
@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%; }

}

@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%; }

  /* 탭 :1차 탭 */
  .tab_st1 > li { width:100%; }
  .tab_st1 > li a { padding:.75rem 1rem .75rem .5rem; }
}

@media screen and (max-width:640px){
  /* 탭 */
  .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"]:not(.box_st1),
  .box_st1 .inner{ padding:1rem;}

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

  /* 박스 : 강조박스 */
  .box_ico_st1 .ico{ display:none;}
  .box_ico_st1 .box{ display:block; padding-left:0;}
  .box_ico_st1 .box:before{ top:.5rem; left:0; width:100%; height:calc(100% - .5rem);}
  .box_ico_st1 .box:after{ top:.5rem; left:0; width:100%;}
  .box_ico_st1 .box h3{ padding-right:.5rem;}
  .box_ico_st1 .box h3 span{ font-size:.95rem;}
  .box_ico_st1 .box .inner{ padding:2rem 1rem 1rem;}
  .box_ico_st1 .box .inner:before{ left:0; top:0;}
  .box_ico_st1 .box h3 + .inner{ padding-top:1rem;}
}

@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%; }
}