@charset "utf-8";
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v109/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* ****** reset *******************************************************************************************************************/
/* 정렬 *************************************/
.pos-f{position:fixed!important;}
.pos-a{position:absolute!important;}
.pos-r{position:relative!important;}
.pos-st{position:static!important;}
.pos-sk{position:sticky!important;}
.dis-i{display:inline!important;}
.dis-ib{display:inline-block!important;}
.dis-b{display:block!important;}
.top_center{top:50%;transform:translate(0px,-50%);}
.left_center{left:50%;transform:translate(-50%,0);}
/* 텍스트 정렬 */
.t_right{text-align:right!important;}
.t_left{text-align:left!important;}
.t_center{text-align:center!important;}
.t_top{vertical-align:top;}
/* 객체 정렬 */
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both!important;}
/* font style *************************************/
/* 굵기 */
.bold{font-weight:bold!important;}
.normal{font-weight:normal!important;}
.lighter{font-weight:lighter!important;}
/* 말줄임 */
.ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;}
.ellipsis2{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.ellipsis3{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;}
.ellipsis4{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;}
/* 줄바꿈 */
.wordkeep{white-space:normal!important;word-break:keep-all!important;}
/* 기울기 */
.italic{font-style:italic!important;}
.underline{text-decoration:underline;}
/* 사이즈 */
.font_ss{font-size:x-small!important;}
/* medium(기본 글자크기)에 대한 상대적인 크기 */
.font_s{font-size:small!important;}
.font_m{font-size:medium!important;}
.font_l{font-size:large!important;}
.font_xl{font-size:x-large!important;}
.font8{font-size:8px!important;}
.font9{font-size:9px!important;}
.font10{font-size:10px!important;}
.font11{font-size:11px!important;}
.font12{font-size:12px!important;}
.font13{font-size:13px!important;}
.font14{font-size:14px!important;}
.font15{font-size:15px!important;}
.font16{font-size:16px!important;}
.font17{font-size:17px!important;}
.font18{font-size:18px!important;}
.font19{font-size:19px!important;}
.font20{font-size:20px!important;}
.font22{font-size:22px!important;}
.font24{font-size:24px!important;}
.font26{font-size:26px!important;}
.font28{font-size:28px!important;}
.font30{font-size:30px!important;}
.font32{font-size:32px!important;}
.font34{font-size:34px!important;}
.font36{font-size:36px!important;}
.font38{font-size:38px!important;}
.font40{font-size:40px!important;}
.font42{font-size:42px!important;}
.font44{font-size:44px!important;}
.font46{font-size:46px!important;}
.font48{font-size:48px!important;}
.font50{font-size:50px!important;}
/*줄간격*/
.lh0{line-height:0!important;}
.lh110{line-height:110%!important;}
.lh120{line-height:120%!important;}
.lh130{line-height:130%!important;}
.lh140{line-height:140%!important;}
.lh150{line-height:150%!important;}
.lh160{line-height:160%!important;}
.lh170{line-height:170%!important;}
.lh180{line-height:180%!important;}
.lh190{line-height:190%!important;}
/* 색상속성 *************************************/
/* font color */
.white{color:#fff!important;}
.yellow{color:#fff46d!important;}
.orange{color:#ff8d00!important;}
.pink{color:#ff458a!important;}
.red{color:#fc352a!important;}
.mint{color:#87e4db!important;}
.green{color:#006908!important;}
.blue{color:#0056b2!important;}
.navy{color:#252f68!important;}
.lightgray{color:#eee!important;}
.gray{color:#989898!important;}
.darkgray{color:#555!important;}
.black{color:#000!important;}
/* bg color */
.bg_white{background:#fff!important;}
.bg_yellow{background:#fff89f!important;}
.bg_orange{background:#ffa637!important;}
.bg_red{background:#e81e0f!important;}
.bg_blue{background:#0056b2!important;}
.bg_green{background:#006908!important;}
.bg_navy{background:#252f68!important;}
.bg_lightgray{background:#f4f4f4!important;}
.bg_gray{background:#989898!important;}
.bg_darkgray{background:#333!important;}
.bg_black{background:#000!important;}
/* button *************************************/
.btWrap{width:100%!important;}
.btWrap > *{cursor:pointer!important;display:inline-block!important;margin:0!important;}
.btn_ss{padding:0 7px!important;height:26px!important;font-size:12px!important;line-height:26px!important;}
.btn_s{padding:0 10px!important;height:32px!important;font-size:12px!important;line-height:32px!important;}
.btn_m{padding:0 20px!important;height:40px!important;font-size:14px!important;line-height:40px!important;}
.btn_l{padding:0 30px!important;height:53px!important;font-size:14px!important;line-height:53px!important;}
.btn_xl{padding:0 50px!important;height:65px!important;font-size:20px!important;line-height:65px!important;}
@media screen and (max-width:740px){
}
/* border style **********************************/
/* border line */
.br{border:1px solid #b9b9b9;}
.br_none{border:none!important;}
.br_white{border:1px solid #fff;}
.br_black{border:1px solid #000;}
.br_right{border-right:1px solid #b9b9b9;}
.br_bottom{border-bottom:1px solid #b9b9b9;}
.br_top{border-top:1px solid #b9b9b9;}
.br_left{border-left:1px solid #b9b9b9;}
/* border-radius */
.rd0{border-radius:0px!important;-webkit-border-radius:0px!important;}
.rd1{border-radius:1px!important;-webkit-border-radius:1px!important;}
.rd2{border-radius:2px!important;-webkit-border-radius:2px!important;}
.rd3{border-radius:3px!important;-webkit-border-radius:3px!important;}
.rd4{border-radius:4px!important;-webkit-border-radius:4px!important;}
.rd5{border-radius:5px!important;-webkit-border-radius:5px!important;}
.rd6{border-radius:6px!important;-webkit-border-radius:6px!important;}
.rd7{border-radius:7px!important;-webkit-border-radius:7px!important;}
.rd8{border-radius:8px!important;-webkit-border-radius:8px!important;}
.rd9{border-radius:9px!important;-webkit-border-radius:9px!important;}
.rd10{border-radius:10px!important;-webkit-border-radius:10px!important;}
.rd11{border-radius:11px!important;-webkit-border-radius:11px!important;}
.rd12{border-radius:12px!important;-webkit-border-radius:12px!important;}
.rd13{border-radius:13px!important;-webkit-border-radius:13px!important;}
.rd14{border-radius:14px!important;-webkit-border-radius:14px!important;}
.rd15{border-radius:15px!important;-webkit-border-radius:15px!important;}
.rd20{border-radius:20px!important;-webkit-border-radius:20px!important;}
.rd50{border-radius:50px!important;-webkit-border-radius:50px!important;}
/* circle */
.circle{display:inline-block;border-radius:50%;text-align:center;}
/* scrollbar style *********************************************/
/* ::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(25,25,25,0.3);-webkit-border-radius:8px;border-radius:8px;} */
/* padding margin 5단위로 설정 *************************************/
/* padding */
.pt0{padding-top:0!important;}
.pt5{padding-top:5rem!important;}
.pt10{padding-top:10rem!important;}
.pt15{padding-top:15rem!important;}
.pt20{padding-top:20rem!important;}
.pt25{padding-top:25rem!important;}
.pt30{padding-top:30rem!important;}
.pt35{padding-top:35rem!important;}
.pt40{padding-top:40rem!important;}
.pt45{padding-top:45rem!important;}
.pt50{padding-top:50rem!important;}
.pb5{padding-bottom:5rem!important;}
.pb10{padding-bottom:10rem!important;}
.pb15{padding-bottom:15rem!important;}
.pb20{padding-bottom:20rem!important;}
.pb25{padding-bottom:25rem!important;}
.pb30{padding-bottom:30rem!important;}
.pb35{padding-bottom:35rem!important;}
.pb40{padding-bottom:40rem!important;}
.pb50{padding-bottom:50rem!important;}
.pr5{padding-right:5rem!important;}
.pr10{padding-right:10rem!important;}
.pr15{padding-right:15rem!important;}
.pr20{padding-right:20rem!important;}
.pr25{padding-right:25rem!important;}
.pr30{padding-right:30rem!important;}
.pr35{padding-right:35rem!important;}
.pr40{padding-right:40rem!important;}
.pr50{padding-right:50rem!important;}
.pl5{padding-left:5rem!important;}
.pl10{padding-left:10rem!important;}
.pl15{padding-left:15rem!important;}
.pl20{padding-left:20rem!important;}
.pl25{padding-left:25rem!important;}
.pl30{padding-left:30rem!important;}
.pl35{padding-left:35rem!important;}
.pl40{padding-left:40rem!important;}
.pl50{padding-left:50rem!important;}
/* margin */
.mt0{margin-top:0!important;}
.mt5{margin-top:.5rem!important;}
.mt10{margin-top:1.0rem!important;}
.mt15{margin-top:1.5rem!important;}
.mt20{margin-top:2.0rem!important;}
.mt25{margin-top:2.5rem!important;}
.mt30{margin-top:3.0rem!important;}
.mt35{margin-top:3.5rem!important;}
.mt40{margin-top:4.0rem!important;}
.mt45{margin-top:4.5rem!important;}
.mt50{margin-top:5.0rem!important;}
.mb5{margin-bottom:.5rem!important;}
.mb10{margin-bottom:1.0rem!important;}
.mb15{margin-bottom:1.5rem!important;}
.mb20{margin-bottom:2.0rem!important;}
.mb25{margin-bottom:2.5rem!important;}
.mb30{margin-bottom:3.0rem!important;}
.mb35{margin-bottom:3.5rem!important;}
.mb40{margin-bottom:4.0rem!important;}
.mb50{margin-bottom:5.0rem!important;}
.mr5{margin-right:.5rem!important;}
.mr10{margin-right:1.0rem!important;}
.mr15{margin-right:1.5rem!important;}
.mr20{margin-right:2.0rem!important;}
.mr25{margin-right:2.5rem!important;}
.mr30{margin-right:3.0rem!important;}
.mr35{margin-right:3.5rem!important;}
.mr40{margin-right:4.0rem!important;}
.mr50{margin-right:5.0rem!important;}
.ml5{margin-left:.5rem!important;}
.ml10{margin-left:1.0rem!important;}
.ml15{margin-left:1.5rem!important;}
.ml20{margin-left:2.0rem!important;}
.ml25{margin-left:2.5rem!important;}
.ml30{margin-left:3.0rem!important;}
.ml35{margin-left:3.5rem!important;}
.ml40{margin-left:4.0rem!important;}
.ml50{margin-left:5.0rem!important;}
/* width 5% ~ 100% 비율 */
.w5{width:5%!important;}
.w6{width:6%!important;}
.w7{width:7%!important;}
.w8{width:8%!important;}
.w9{width:9%!important;}
.w10{width:10%!important;}
.w11{width:11%!important;}
.w12{width:12%!important;}
.w13{width:13%!important;}
.w14{width:14%!important;}
.w15{width:15%!important;}
.w16{width:16%!important;}
.w17{width:17%!important;}
.w18{width:18%!important;}
.w19{width:19%!important;}
.w20{width:20%!important;}
.w21{width:21%!important;}
.w22{width:22%!important;}
.w23{width:23%!important;}
.w24{width:24%!important;}
.w25{width:25%!important;}
.w26{width:26%!important;}
.w27{width:27%!important;}
.w28{width:28%!important;}
.w29{width:29%!important;}
.w30{width:30%!important;}
.w31{width:31%!important;}
.w32{width:32%!important;}
.w33{width:33%!important;}
.w33_3{width:33.3333333%!important;}
.w34{width:34%!important;}
.w35{width:35%!important;}
.w36{width:36%!important;}
.w37{width:37%!important;}
.w38{width:38%!important;}
.w39{width:39%!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w46{width:46%!important;}
.w47{width:47%!important;}
.w48{width:48%!important;}
.w49{width:49%!important;}
.w50{width:50%!important;}
.w51{width:51%!important;}
.w52{width:52%!important;}
.w53{width:53%!important;}
.w54{width:54%!important;}
.w55{width:55%!important;}
.w56{width:56%!important;}
.w57{width:57%!important;}
.w58{width:58%!important;}
.w59{width:59%!important;}
.w60{width:60%!important;}
.w65{width:65%!important;}
.w66{width:66%!important;}
.w67{width:67%!important;}
.w68{width:68%!important;}
.w69{width:69%!important;}
.w70{width:70%!important;}
.w71{width:71%!important;}
.w72{width:72%!important;}
.w73{width:73%!important;}
.w74{width:74%!important;}
.w75{width:75%!important;}
.w76{width:76%!important;}
.w77{width:77%!important;}
.w78{width:78%!important;}
.w79{width:79%!important;}
.w80{width:80%!important;}
.w81{width:81%!important;}
.w82{width:82%!important;}
.w83{width:83%!important;}
.w84{width:84%!important;}
.w85{width:85%!important;}
.w86{width:86%!important;}
.w87{width:87%!important;}
.w88{width:88%!important;}
.w89{width:89%!important;}
.w90{width:90%!important;}
.w95{width:95%!important;}
.w96{width:96%!important;}
.w97{width:97%!important;}
.w98{width:98%!important;}
.w99{width:99%!important;}
.w100{width:100%!important;}
/* 공백 */
.height5{height:5px!important;}
.height10{height:10px!important;}
.height15{height:15px!important;}
.height20{height:20px!important;}
.height25{height:25px!important;}
.height30{height:30px!important;}
.height35{height:35px!important;}
.height40{height:40px!important;}
.height45{height:45px!important;}
.height50{height:50px!important;}
.height55{height:55px!important;}
.height60{height:60px!important;}
.height65{height:65px!important;}
.height70{height:70px!important;}
.height75{height:75px!important;}
.height80{height:80px!important;}
.height85{height:85px!important;}
.height90{height:90px!important;}
.height95{height:95px!important;}
.height100{height:100px!important;}
.height110{height:110px!important;}
.height120{height:120px!important;}
.height130{height:130px!important;}
.height140{height:140px!important;}
.height150{height:150px!important;}
.height160{height:160px!important;}
.height170{height:170px!important;}
.height180{height:180px!important;}
.height190{height:190px!important;}
.height200{height:200px!important;}
.height210{height:210px!important;}
.height220{height:220px!important;}
.height230{height:230px!important;}
.height240{height:240px!important;}
.height250{height:250px!important;}
.height260{height:260px!important;}
.height270{height:270px!important;}
.height280{height:280px!important;}
.height290{height:290px!important;}
.height300{height:300px!important;}
.height310{height:310px!important;}
.height320{height:320px!important;}
.height330{height:330px!important;}
.height340{height:340px!important;}
.height350{height:350px!important;}
.height360{height:360px!important;}
.height370{height:370px!important;}
.height380{height:380px!important;}
.height390{height:390px!important;}
.height400{height:400px!important;}
.height410{height:410px!important;}
.height420{height:420px!important;}
.height430{height:430px!important;}
.height440{height:440px!important;}
.height450{height:450px!important;}
.height460{height:460px!important;}
.height470{height:470px!important;}
.height480{height:480px!important;}
.height490{height:490px!important;}
.height500{height:500px!important;}
.height510{height:510px!important;}
.height520{height:520px!important;}
.height530{height:530px!important;}
.height540{height:540px!important;}
.height550{height:550px!important;}
.height600{height:600px!important;}
.height650{height:650px!important;}
.height700{height:700px!important;}
.height750{height:750px!important;}
.height800{height:800px!important;}
.height850{height:850px!important;}
.height900{height:900px!important;}
.height950{height:950px!important;}
.height1000{height:1000px!important;}
/* ****** main *******************************************************************************************************************/
:root{--main-color:#192B6B;--sub1-color:#CC0011;--tab-active:#24304E;--tab-bg:#F5F7FB;--tab-bg-hover:#e5ebf6;--tab-border:#E2E7F1;--tab-color:#999FB2;}
@media screen and (max-width:1500px){
	.wFix{padding:0 20px;}
	/* .main_sc{padding: 80px 0px !important;}
	.main_sc.wFix{padding: 80px 20px !important;} */
}
.btn_st1{max-width:170px;width:100%;min-height:60px;background:#192b6b;color:#fff;display:flex;transition:all 0.26s ease;    /* border-radius:5px; */align-items:center;font-size:0.9rem;justify-content:center;}
.btn_st1:hover{background:#25387c;}
.btn_st2{color:#fff;line-height:60px;background:#333;transition:all 0.3s ease;margin:0 auto;max-width:170px;width:100%;height:60px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.btn_st2:hover{background:#000;}
.btn_st3{background:var(--sub1-color);color:#fff;    /* border-radius: 5px; */transition:all 0.3s ease;display:block;    /* margin: 0 auto; */min-width:170px;min-height:60px;display:flex;align-content:center;align-items:center;justify-content:center;}
.btn_st3:hover{background:#b5000f;}
.btn_st4{background:#f2f6ff;border:1px solid #868c99;    /* border-radius:5px; */color:#002e95;transition:all 0.3s ease;}
.btn_st4:hover{background:#e6eeff;}
.btn_st5{border:1px solid #787878;color:#4f4f4f;transition:all 0.3s;}
.btn_st5:hover{background:#f9f9f9;}
.btn_st6{background:#FFF6F7;border:1px solid #D5626C;color:#D41C2C;transition:all 0.3s ease;padding:5px 10px;font-size:1rem;}
.btn_st6:hover{background:#ffeaec;text-decoration:underline;}
.btn_st7{padding:0px 9px;font-size:0.8rem;background:#ffffff;color:#333;border:1px solid #6d6d6d;margin-left:7px;}
.btn_st7:hover{text-decoration:underline;}
.btn_st8{border:1px solid #f30000;padding:0px 9px;color:#d30000;font-size:0.8rem;margin:0px;background:#fff5f5;}
.btn_st8:hover{text-decoration:underline;}

.count_box{}
.count_box li{font-size:1.2rem;width: 100%;float: left;margin-bottom: 15px;display: flex;align-items: center;}
.count_box span{width: 28px;height: 28px;background: #333;color: #fff;line-height:28px;border-radius:50%;display: flex;align-items: center;justify-content: center;float: left;font-size: 1rem;font-weight: 600;}

.bullet{position:relative;font-size:1.6rem;display:inline-block;width:100%;padding-top:10px;}
.bullet::before{content: '';display:block;width:26px;background:#CC0011;height:3px;float:left;position:absolute;top:0;}
.s_bullet{display:flex;align-items:center;font-size:1.1rem;word-break:keep-all;position:relative;padding-left:14px;flex-wrap:wrap;}
.s_bullet::before{content: '';display:block;width:7px;background:#333;height:7px;border-radius:50%;float:left;position:absolute;left:2px;top:7px;}
/* ****** common *******************************************************************************************************************/
/* display layout *********************************************************************************************************/
.wFix{max-width:1400px;width:100%;margin:0 auto;position:relative;}
.webView{display:block!important;}
.mView{display:none!important;}
.link{cursor:pointer;}
/* 숨김 */
.ov_hidden{overflow:hidden;}
/* 영역을 제외한 나머지 숨김 */
.hidden{visibility:hidden;}
/* 공간은 그대로 */
.blind{width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.sound_only{}
.clearfix::after{content: '';display:block;clear:both;}
/*정렬값*/
.absolute{position:absolute;}
.relative{position:relative;}
.fixed{position:fixed;}
.d_flex{display:flex!important;}
.d_inline{display:inline-block!important;}
.d_block{display:block!important;}
/* 폰트 사이즈 */
.font_ss{font-size:x-small!important;}
/* medium(기본 글자크기)에 대한 상대적인 크기 */
.font_s{font-size:small!important;}
.font_m{font-size:medium!important;}
.font_l{font-size:large!important;}
.font_xl{font-size:x-large!important;}
/* font weight */
.font_300{font-weight:300!important;}
.font_400{font-weight:400!important;}
.font_500{font-weight:500!important;}
.font_bold,
.font_600{font-weight:bold!important;}
.font_normal{font-weight:normal!important;}
/* 텍스트 정렬 */
.t_right{text-align:right!important;}
.t_left{text-align:left!important;}
.t_center{text-align:center!important;}
.t_top{vertical-align:top!important;}
.t_bottom{vertical-align:bottom!important;}
.t_middle{vertical-align:middle!important;}
.t_baseline{vertical-align:baseline!important;}
.t_sub{vertical-align:sub!important;}
.t_text-top{vertical-align:text-top!important;}
.t_text-bottom{vertical-align:text-bottom!important;}
/* position */
.p_fixed{position:fixed!important;}
.p_absolute{position:absolute!important;}
.p_relative{position:relative!important;}
/* .p_stiky{position:stiky !important;} */
.p_unset{position:unset!important;}
/* flex */
.f-d_row{flex-direction:row!important;}
.f-d_column{flex-direction:column!important;}
.f-d_row-reverse{flex-direction:row-reverse!important;}
.f-d_column-reverse{flex-direction:column-reverse!important;}
.f-w_nowrap{flex-wrap:nowrap!important;}
.f-w_wrap{flex-wrap:wrap!important;}
.a-i_center{align-items:center!important;}
.a-i_flex-start{align-items:flex-start!important;}
.a-i_flex-end{align-items:flex-end!important;}
.a-i_stretch{align-items:stretch!important;}
.a-i_baseline{align-items:baseline!important;}
.a-c_center{align-content:center!important;}
.a-c_flex-start{align-content:flex-start!important;}
.a-c_flex-end{align-content:flex-end!important;}
.a-c_space-around{align-content:space-around!important;}
.a-c_space-between{align-content:space-between!important;}
.a-c_stretch{align-content:stretch!important;}
.j-c_center{justify-content:center!important;}
.j-c_flex-start{justify-content:flex-start!important;}
.j-c_flex-end{justify-content:flex-end!important;}
.j-c_space-between{justify-content:space-between!important;}
.j-c_space-around{justify-content:space-around!important;}
.j-c_space-evenly{justify-content:space-evenly!important;}
.btn_box{display: flex;    justify-content: flex-end;    width: 100%;}

/* title */
.bullet_st2{font-size:1.3rem;color:#000;position:relative;display:inline-block;padding:0 5px;}
.bullet_st2::before{content: '';position:absolute;left:0;bottom:0;width:100%;height:12px;z-index:-1;background-color:#ffdede;display:block;border-radius:5px;}
/*****tab ***/
.m_sub_menu{display: none;}
.current{display: block !important;}

@media screen and (max-width: 740px) {
	.wFix{width:100%;padding: 0 10px !important;}
	.webView{display:none !important;}
	.mView{display:block !important;}
}
/* table style ********************************************/
/* table 정렬 : table class 추가해서 적용 */
.cell_center td,
.cell_center th{text-align:center!important;}
.cell_left td,
.cell_left th{text-align:left!important;}
.th_cell_center th{text-align:center!important;}
/* th bg_gray table */
.table_basic,
.tbl_basic{border-collapse:collapse;border-spacing:0;min-width:100%;border-top:1px solid #4d4d4d;border-bottom:1px solid #959595;width:100%!important;}
.table_basic th,
.table_basic td,
.tbl_basic th,
.tbl_basic td{word-break:break-all!important;line-height:30px;font-weight:600;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:left;}
.table_basic th,
.tbl_basic th{padding:5px 5px;color:#222;background:#fafafa;}
.table_basic thead th,
.tbl_basic thead th{color:#222;text-align:center;}
.table_basic th.point,
.tbl_basic th.point{background:#fafafa;}
.table_basic td,
.tbl_basic td{padding:5px 5px;font-weight:normal;color:#444;background:#fff;}
.table_basic td.txt{text-align:left;}
.table_basic td.point,
.tbl_basic td.point{background:#fafafa;}
.table_basic tr th:first-child,
.table_basic tr td:first-child,
.tbl_basic tr th:first-child,
.tbl_basic tr td:first-child{border-left:none;border-right:1px solid #d9d9d9;}
.table_basic tr th:last-child,
.table_basic tr td:last-child,
.tbl_basic tr th:last-child,
.tbl_basic tr td:last-child{border-right:none;}
.table_basic thead th,
.tbl_basic thead th{border-bottom:1px solid #c1c1c1;}
.table_basic tbody th,
.tbl_basic tbody th{color:#333;}
.table_basic img{max-width:100%!important;}
.table_basic .cell_dark{background:#f1f1f1;}
.table_st1{border-collapse:collapse;border-spacing:0;min-width:100%;width:100%!important;font-size:16px;line-height:30px;}
.table_st1 .adr_th input{width:calc(100% - 116px);}
.table_st1 tbody{border-top:2px solid #000;border-bottom:1px solid #ddd;}
.table_st1 tbody tr:nth-child(1) th,
.table_st1 tbody tr:nth-child(1) td{border-top:1px solid #000!important;}
.table_st1 th,
.table_st1 td{word-break:break-all!important;border:1px solid #E6E6E6;text-align:left;vertical-align:middle;}
.table_st1 th{padding:10px;background:#f8f8f8;}
.table_st1 thead th{color:#fff;text-align:center;border-color:#7d7d7d!important;}
.table_st1 td{padding:10px;font-weight:normal;color:#777;background:#fff;}
.table_st1 thead th{border-bottom:1px solid #c1c1c1;}
.table_st1 tbody th{}
.table_st1 img{max-width:100%!important;}
.table_st2{border-collapse:collapse;border-spacing:0;min-width:100%;width:100%!important;line-height:1.2;}
.table_st2 tbody{border-top:1px solid #000;border-bottom:1px solid #ddd;}
.table_st2 tbody tr:nth-child(1) th,
.table_st1 tbody tr:nth-child(1) td{border-top:1px solid #000!important;}
.table_st2 th,
.table_st1 td{word-break:break-all!important;border:1px solid #E6E6E6;text-align:left;vertical-align:middle;}
.table_st2 th{padding:20px 5px;background:#f8f8f8;}
.table_st2 thead th{text-align:center;border-top:2px solid #000;}
.table_st2 td{padding:20px 10px;font-weight:normal;background:#fff;border:1px solid #ddd;text-align:center;vertical-align:middle;}
.table_st2 td a:hover{text-decoration:underline;}
.table_st2 tr th:first-child,
.table_st2 tr td:first-child{border-left:none;}
.table_st2 tr th:last-child,
.table_st2 tr td:last-child{border-right:none;}
.table_st2 thead th{}
.table_st2 tbody th{}
.stop_txt span{padding:3px 10px;color:#fff;background:#002e95;border-radius:40px;font-size:1rem;}
.appro_txt span{padding:3px 10px;color:#fff;background:#085c08;border-radius:50px;font-size:1rem;}
.turn_txt span:nth-child(1){padding:3px 10px;color:#fff;background:var(--sub1-color);border-radius:50px;font-size:1rem;margin-bottom:9px;margin-bottom:3px;}
.turn_txt span:nth-child(2){font-size:13px;text-decoration:underline;cursor:pointer;}
.table_st3{border-collapse:collapse;border-spacing:0;min-width:100%;width:100%!important;font-size:16px;line-height:30px;}
.table_st3 tbody{border-bottom:1px solid #ddd;}
.table_st3 th{padding:10px;border-right:1px solid #e6e6e6;vertical-align:middle;border-bottom:1px solid #e6e6e6;}
.table_st3 td{padding:10px;font-weight:normal;background:#fff;border-bottom:1px solid #e6e6e6;}
.table_st3 thead th{border-bottom:1px solid #c1c1c1;background:var(--main-color);color:#fff;}
.table_st3 tbody th{background:#F8F9F9;}
.table_st3 img{max-width:100%!important;}
.table_notice{bordER-top:2px solid;width:100%;}
.no_data{padding:25px 15px;}
.no_data span{color:#9aa0ad;font-size:2.6rem;}
.table_notice li{border-bottom:1px solid #ddd;}
.table_notice .fix.num{background:#333;border-color:#333;color:#fff;}
.table_notice .num{width:60px;text-align:center;padding:6px 0;border-radius:50px;}
.table_notice .tag{color:#192B6B;width:180px;margin:0 10px;text-align:center;}
.table_notice .tag em{border:1px solid var(--sub1-color);padding:3px 10px;color:var(--sub1-color);}
.table_notice .tag .a_on{color:#fff;background:var(--sub1-color)}
.table_notice .title{width:100%;font-size:1.43rem;font-weight:600;}
.table_notice .info{width:calc(100% - 320px);}
.table_notice .info em{color:#444444;margin-top:8px;display:inline-block;}
.table_notice a{width:100%;display:flex;flex-wrap:wrap;align-items:center;padding:20px 16px;transition:all 0.3s ease;}
.table_notice a:hover{background:#f7f7f7;}
@media screen and (max-width:740px){
	.table_notice a{padding:20px 10px;}
	.table_notice .info{width:100%;padding:10px 0;}
	.table_notice .tag{text-align:left;width:calc(100% - 80px);}
	.table_notice .num{font-size:0.9rem;}
	.table_notice .file{float:right;width:100%;}
	.table_notice .file img{float:right;}
	.table_notice .num{border:1px solid;border-color:#c9c9c9;}
}
/* table header fixed */
.fixed-table{width:100%;height:410px;position:relative;padding-top:40px;}
.fixed-table .header-bg{background:#fafafa;height:42px;position:absolute;top:0;right:0;left:0;border-top:1px solid #4d4d4d;border-bottom:1px solid #ddd;}
.fixed-table .table-wrapper{overflow-x:hidden;overflow-y:auto;height:100%;}
.fixed-table table{width:100%;border-collapse:collapse;border-spacing:0;overflow:auto;max-height:800px;}
.fixed-table table th{padding:0px;}
.fixed-table table td{border-bottom:1px solid #ddd;padding:5px 3px;line-height:30px;}
.fixed-table table td + td{border-left:1px solid #ddd;}
.fixed-table table .th-text{position:absolute;top:0;width:inherit;line-height:40px;border-left:1px solid #ddd;color:#000;}
.fixed-table table th:first-child .th-text{border-left:none;}
/* table scroll */
.tbody_scroll{width:100%;padding:0 0 20px 0;background:#fff;overflow-y:hidden;overflow-x:auto;}
.tbody_scroll_y{width:100%;height:57vh;background:#fff;overflow-y:auto;overflow-x:hidden;}
.table_scroll > .thead_scroll > table{width:1600px!important;}
.table_scroll > .tbody_scroll > table{width:1600px!important;}
.notice{color:#f2443a!important;}
.notice i{background:#ffefef;border-radius:50%;padding:5px;}
@media screen and (max-width:740px){
/* 반응형 테이블 */
	table.responsive colgroup{display:none}
	table.responsive thead th{display:none;}
	table.responsive tbody th{background:#fff;border-bottom:none;}
	table.responsive tbody{border-top:1px solid #151515;}
	table.responsive tbody tr{display:block;padding:10px 0;border-bottom:1px solid #d9d9d9;}
	table.responsive tbody tr:after{display:block;clear:both;content: ".";visibility:hidden;height:0;}
	table.responsive tbody tr{display:inline-block;}
	table.responsive tbody tr{display:block;position:relative;}
	table.responsive tbody td{width:100%;float:left;margin:1px 7px;padding:0;border:none;text-align:left;box-sizing:border-box;}
	table.responsive tbody td.num{width:auto;min-width:50px;text-align:center;font-size:0.9rem;border:1px solid #ddd;border-radius:25px;color:#999;float:left;margin:3px 0 5px 5px;padding:0;}
	table.responsive tbody td.subject{width:100%;color:#000;margin:10px 0;font-weight:600;font-size:1.5rem;}
	table.responsive tbody td.data{width:auto;color:#999;position:relative;}
	table.responsive tbody td.data ~ td.data::before{content: '•';margin-right:10px;}
	table.responsive tbody td.gubn{font-size:1.1rem;color:#334899;font-weight:600;float:left;display:inline-block;width:auto;width:100%;}
	table.responsive tbody td.none{display:none;}
	table.responsive [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;}
	.table_scroll{width:100%;overflow:auto;}
	.table_scroll .fixed-table{min-width:500px;height:57vh;}
	.table_st2 td.state_txt span{padding:6px 15px;}
	.table_st2 td.state_txt span,
	.table_st2 td.state_txt button{float:right;}
	.member table.responsive tbody th{background:transparent;border-bottom:none;}
	.member table.responsive tbody tr{border-bottom:none;}
	.member table.responsive{border-bottom:1px solid #ddd;}
}
/* ****** page *******************************************************************************************************************/
/*========================인사말========================*/
.greeting .title{font-size:2.2rem;line-height:1.4;position:relative;padding-bottom:30px;}
.greeting .title:before,
.greeting .title:after{content: '';display:block;height:2px;left:0;bottom:0;position:absolute;}
.greeting .title:before{width:90px;background:var(--sub1-color);z-index:1;}
.greeting .title:after{width:100%;background:#e5e5e5;}
.greeting .txt_box{display:flex;flex-wrap:wrap;align-items:flex-start;}
.greeting .txt_box > div{width:calc(100% - 440px);word-break:keep-all;line-height:1.6;font-size:1.15rem;color:#333;}
.greeting .txt_box .btm{margin-top:22px;float:right;}
.greeting .txt_box .btm span{display:inline-block;text-align:right;line-height:1.1;width:100%;}
.greeting .txt_box .btm em{font-size:2.3rem;display:inline-block;width:100%;text-align:right;}
.greeting .txt_box .btm b{letter-spacing:0;margin-right:14px;}
.greeting .txt_box img{margin-right:40px;width:100%;max-width:400px;}
@media screen and (max-width:969px){
	.greeting .txt_box img{margin:0 auto;}
	.greeting .txt_box{display:flex;flex-direction:column;}
	.greeting .txt_box > div{width:100%;margin-top:30px;}
}
/*========================연혁========================*/
.history{}
.history .tit{color:#000;font-size:2.2rem;font-weight:bold;display:block;}
.history .txt{color:#000;font-weight:bold;display:block;}
.history .history_tab{display:flex;flex-wrap:wrap;}
.history .history_tab li{flex:1;min-width:170px;padding:5px;}
.history .history_tab li ~ li{}
.history .history_tab .current button{border:3px solid #000;}
.history .history_tab button{width:100%;height:70px;border:1px solid #ddd;font-size:1.2rem;color:#000;font-weight:600;transition:all 0.3s ease;}
.history .wrapper{width:100%;min-height:100vh;height:100%;padding:100px 20px 200px;box-sizing:border-box;}
.history .block{z-index:0;position:relative;}
.history .block:before{content: "";position:absolute;height:calc(100% + 5%);width:2px;background-color:#000;left:50%;margin-top:0;top:0;transform:translate(-50%,0px);z-index:-32;}
.history .title{font-size:2rem;font-weight:700;text-align:center;padding:20px;transition:all 0.8s ease-in-out;background:#fff;z-index:1;position:relative;}
.history .each-event{    /* background-color: #f4f4f4; */
color:#333;padding:15px 0 15px 0;margin:30px -20px;width:50%;position:relative;display:inline-block;border-radius:4px;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.history .each-event::before{content: "";position:absolute;top:23px;left:-26px;width:11px;height:11px;background-color:#000;z-index:1;}
.history .each-event::after{content: '';position:absolute;top:20px;left:-29px;width:17px;height:17px;background:#fff;border:1px solid #000;z-index:0;}
.history .event_box span{color:#E83E30;font-size:1.3rem;font-weight:700;position:absolute;top:-13px;width:50px;left:0px;}
.history .event_box span::after{content: '월';}
.history .title.non-focus{font-size:24px;line-height:34px;transition:all 0.8s ease-in-out;}
.history .each-event.non-focus{color:#d2d2d2;    /* background: #e6e6e6; */margin-top:90px;    /* transform: rotateZ(45deg); */transition:all 0.8s ease-in-out;}
.history .each-event.non-focus::before{opacity:0;background-color:#aaa;}
.history .event-description{padding:20px 20px 0;line-height:1.4;}
.history .event-description::after{content: '';display:block;position:absolute;width:110px;border-top:1px solid #787878;height:0;right:-20px;top:29px;z-index:-1;}
.history .each-event:nth-child(odd) .event-description::after{left:-20px;}
.history .each-event:nth-child(odd){margin-left:calc(50% + 20px);padding:15px 0px 15px 0;}
.history .each-event:nth-child(even){text-align:right;}
.history .each-event:nth-child(even)::before{left:calc(100% + 14px);}
.history .each-event:nth-child(even)::after{left:calc(100% + 11px);}
.history .each-event:nth-child(even) span{right:0px;left:initial;}
.history .each-event:nth-child(odd) span{margin-right:20px;}
@media screen and (max-width:900px){
	.history{padding-right:20px;}
	.history .block:before{left:100%;}
	.history .each-event{width:100%;}
	.history .each-event:before{content: "";position:absolute;}
	.history .each-event:after{content: '';position:absolute;top:20px!important;left:-30px!important;}
	.history .event-description::after{content: '';display:block;position:absolute;width:90px;border-top:1px solid #000;height:0;right:-20px!important;left:auto!important;top:29px!important;z-index:-1;}
	.history .each-event{text-align:right!important;padding:15px 50px 15px 0!important;margin:30px -20px!important;}
	.history .each-event:before{left:calc(100% + 13px)!important;}
	.history .each-event:after{left:calc(100% + 10px)!important;}
	.history .title{text-align:right;margin-right:-20px;}
	.history .each-event:nth-child(odd) span{float:right;margin-left:20px;margin-right:0;}
	.history .event_box span{width:100%;display:inline-block;position:absolute;top:-10px;left:inherit;right:20px!important;font-weight:600;}
	.history .event-description{/* color: #7e7e7e; */}
}
/*========================연혁========================*/
.bbs_form_view .view_top{width:100%;padding:0 0px 20px;border-top:2px solid var(--sub2-color);border-bottom:2px solid var(--sub1-color);display:flex;align-items:center;position:relative;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;}
.bbs_form_view .txt_box{min-height:300px;padding:30px 5px;font-family:'Pretendard'!important;}
.bbs_form_view .view_top .other_info{width:auto;margin-top:10px;color:#888;}
.bbs_form_view .view_top .other_info em ~ em::before{content: '•';display:inline-block;margin:0 7px;}
.bbs_form_view .view_top .title{width:100%;color:#000;font-size:2.1rem;text-align:left;}
.other_info span{margin-right:15px;}
.other_info span::before{content: '';display:inline-block;position:absolute;top:4px;right:-11px;width:1px;height:14px;background:#ccc;}
.other_info span:last-child::before{display:none;}
/*========================일반페이지========================*/
.intro_box{border-radius:10px;padding:50px 55px;background:#F5F7FB url('/img/eduintro/deco_bg.png') no-repeat;background-position:right 50%;background-size:330px;position:relative;}
.intro_box::after{content: '';display:block;position:absolute;right:20px;top:50%;transform:translate(0px,-50%);}
.intro_box .title{font-size:2.3em;font-weight:700;margin-bottom:20px;}
.intro_box .txt_box{color:#1f212a;font-size:1.1rem;line-height:1.5;}
.page .box{border:1px solid #DFE3E9;border-radius:5px;padding:15px 20px;}
.page .s_title{font-size:1.1rem;}
.s_txt_box{line-height:1.8;}
.s_txt_box li{padding-left:10px;position:relative;font-size:1rem;word-break:keep-all;}
.s_txt_box li:before{content: '-';display:inline-block;position:absolute;left:0;}
.page img{max-width:100%;}
/* 경북디지털역량강화 */
.page01 .ic_box li,
.page03 .ic_box li{width:calc(33.33% - 25px);float:left;height:138px;margin-bottom:30px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;padding:0 25px;}
.page01 .ic_box li span,
.page03 .ic_box li span{font-size:1.1rem;font-weight:600;width:calc(100% - 130px);text-align:center;word-break:keep-all;}
.page01 .ic_box li ~ li,
.page03 .ic_box li ~ li{margin-left:37px;}
.page01 .ic_box li:nth-child(3n+1),
.page03 .ic_box li:nth-child(3n+1){margin-left:0;}
.page01 .intro_box .txt_box{width:calc(100% - 288px);}
.page01 .intro_box::after{width:305px;height:267px;background:url('/img/eduintro/page01_deco_01.png') no-repeat;}
.page01 .tb_title{text-align:center;font-size:2.6rem;font-weight:800;word-break:keep-all;}
.page01 .tb_title span{font-size:1.75rem;font-weight:700;color:var(--main-color);position:relative;word-break:keep-all;}
.page01 .tb_title span:before{content: '';display:block;position:absolute;left:-210px;top:20px;width:54px;height:34px;background:url('/img/eduintro/page01_deco_02.png') no-repeat;z-index:-1;}
.page01 .tb_title span:after{content: '';display:block;position:absolute;right:-210px;top:20px;width:54px;height:34px;background:url('/img/eduintro/page01_deco_03.png') no-repeat;z-index:-1;}
/* K digital training */
.intro_box li{position:relative;padding-left:10px;width:calc(100% - 300px);word-break:keep-all;margin-bottom:5px;}
.intro_box li:before{content: '-';display:inline-block;position:absolute;left:0;}
.page02 .intro_box::after{width:305px;height:267px;background:url('/img/eduintro/page02_deco_01.png') no-repeat;}
.page02 .ic_box > li{display:flex;margin-bottom:20px;flex-wrap:wrap;}
.page02 .ic_box .num{width:130px;background:#f7f7f7;border:1px solid #e5e5e5;    /* box-shadow: 0 0px 8px rgb(0 0 0 / 8%); */font-size:2.8rem;text-align:center;font-weight:600;line-height:1;color:#838383;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;}
.page02 .ic_box .num span{width:100%;font-size:1.25rem;font-weight:600;text-transform:uppercase;}
.page02 .ic_box .txt_box{width:calc(100% - 130px);padding:20px;border:1px solid #DFE3E9;border-left:none;}
.page02 .ic_box .txt_box .title{width:100%;font-size:1.4rem;font-weight:700;margin-bottom:10px;}
.page02 .ic_box .txt_box .s_title{font-weight:700;color:var(--main-color);margin-bottom:5px;}
.page02 .ic_box .s_txt_box li:before{content: '•';}
/* K-디지털플랫폼 */
.page03 .intro_box::after{width:239px;height:269px;background:url('/img/eduintro/page03_deco_01.png') no-repeat;}
.page03 .intro_box .txt_box{width:calc(100% - 217px);word-break:keep-all;}
/* 지역 산업 맞춤형 인력양성 */
.page04 .intro_box::after{width:216px;height:269px;background:url('/img/eduintro/page04_deco_01.png') no-repeat;}
.page04 .intro_box .txt_box{width:calc(100% - 208px);word-break:keep-all;}
.page04 .txt_box{line-height:1.8;margin:5px 0 20px;}
.page04 .txt_box li{display:flex;align-items:center;padding-left:36px;font-size:1.05rem;flex-wrap:wrap;position:relative;}
.page04 .txt_box li:before{content: '•';margin-right:5px;position:absolute;left:23px;top:-2px;}
.page04 .s_bullet::before{display:none;}
.page04 .count_box span{margin-right:10px;}
/* DS융합인재양성사업 */
.page05 .intro_box::after{width:300px;height:290px;background:url('/img/eduintro/page05_deco_01.png') no-repeat;background-size:contain;}
.page05 .intro_box .txt_box{width:calc(100% - 300px);word-break:keep-all;}
@media screen and (max-width:1200px){
	.page01 .tb_title{width:100%;margin:0 auto;padding:0;font-size:2rem;position:relative;}
	.page01 .tb_title span{font-size:1.4rem;}
	.page01 .tb_title span:before{display:none;}
	.page01 .tb_title span:after{display:none;}
	.page01 .ic_box li,
	.page03 .ic_box li{width:100%;margin-left:0!important;margin-bottom:20px;}
	.page01 .img_box,
	.page03 .img_box{overflow:auto;}
	.page01 .img_box img,
	.page03 .img_box img{max-width:1200px;}
	.intro_box::after{display:none;}
	.intro_box .txt_box{width:100%!important;}
	.intro_box .txt_box br{display:none;}
	.intro_box .txt_box li{width:100%!important;margin-bottom:10px;}
	.intro_box{padding:32px 33px;}
}
@media screen and (max-width:767px){
	.page02 .ic_box .num{width:100%;padding:20px 0;}
	.page02 .ic_box .txt_box{width:100%;border:1px solid #e5e5e5;border-top:none;}
	.page02 .ic_box .txt_box .d_flex{flex-wrap:wrap;align-items:center;}
	.intro_box{background-size:530px;}
}
/* list_box_st1 */
.list_box_st1{display:flex;justify-content:space-between;flex-direction:row;}
.list_box_st1 > li{width:24%;border:1px solid #DFE3E9;border-radius:5px;}
.list_box_st1 > li .tit{display:block;width:100%;text-align:center;color:#fff;padding:10px 5px;background-color:#555;border-radius:5px 5px 0 0;font-weight:500;font-size:1.1rem;}
.list_box_st1 > li .cont{padding:15px 10px;}
/* list_st */
.list_st2 li{padding-left:10px;position:relative;font-size:1rem;word-break:keep-all;margin-bottom:5px;}
.list_st2 li:last-child{margin-bottom:0;}
.list_st2 li::before{content: '-';display:inline-block;position:absolute;left:0;}
@media screen and (max-width:1300px){
	.list_box_st1{flex-direction:column;}
	.list_box_st1 > li{width:100%;margin-bottom:15px;}
}
/* 사업내역 k-디지털트레이닝 qr */
.kakao_qr{position:absolute!important;top:1em;right:1em;padding:0;}
.kakao_qr::before{display:none!important;}
@media screen and (max-width:1300px){
	.kakao_qr{position:relative!important;margin-bottom:20px;}
}
/* 사업내역 k-디지털트레이닝 퀵버튼 */
.training_qiuck_bt{display:flex;justify-content:space-between;flex-direction:row;}
.training_qiuck_bt li{width:32%;height:160px;border-radius:10px;background-size:cover;}
.training_qiuck_bt li:hover{box-shadow:0 0 15px rgba(0,0,0,0.4);}
.training_qiuck_bt li a{display:block;width:100%;height:100%;color:#fff;font-weight:600;font-size:1.5rem;text-shadow:0 0 10px rgba(0 0 0 / 50%);display:inline-flex;justify-content:center;align-items:center;text-align:center;line-height:1.3;}
.training_qiuck_bt li:nth-child(1){background:#000 url('/img/eduintro/img_upload1.png') 50% 50% no-repeat;}
.training_qiuck_bt li:nth-child(2){background:#000 url('/img/eduintro/img_upload2.png') 50% 50% no-repeat;}
.training_qiuck_bt li:nth-child(3){background:#000 url('/img/eduintro/img_upload3.png') 50% 50% no-repeat;}
@media screen and (max-width:1300px){
	.training_qiuck_bt{flex-direction:column;}
	.training_qiuck_bt li{width:100%;margin-bottom:15px;}
}





/* =======================================================================================
교육안내 공통
======================================================================================= */
/* font color */
.html_view_sm .fcBlack { color: var(--dark0, #000) !important; }
.html_view_sm .fcWhite { color: #fff !important; }
.html_view_sm .fcGray { color: #979797 !important; }
.html_view_sm .fcDarkgray { color: #333 !important; }
.html_view_sm .fcBlue { color: var(--blue, #0077cc) !important; }
.html_view_sm .fcBluesky { color: #00bff3 !important; }
.html_view_sm .fcOrange { color: #ff9800 !important; }
.html_view_sm .fcGreen { color: hsl(174, 100%, 34%) !important; }
.html_view_sm .fcOlive { color: #669533 !important; }
.html_view_sm .fcRed { color: var(--red, hsl(11, 100%, 34%)) !important; }
.html_view_sm .fcSepia { color: #817b58 !important; }
.html_view_sm .fcViolet { color: #9966ff !important; }
.html_view_sm .fcDarkblue { color: #3739c0 !important; }
.html_view_sm .dark0 { color: var(--dark1, #333) !important; }
.html_view_sm .bcRed { background: #fcdfdf !important; }
.html_view_sm .bcDeepRed { background: #d00000 !important; }
.html_view_sm .bcTeal { background: #C7EFEA !important; }
.html_view_sm .bcBlue { background: #D8EEF7 !important; }
.html_view_sm .bcPurple { background: #F1ECFB !important; }
.html_view_sm .bcGray { background-color: #F5F5F5 !important; }
.html_view_sm .bcBlack { background: #000 !important; }
.html_view_sm .bcWhite { background: #fff !important; }
/* content */
.html_view_sm .content { width: 100% !important; margin:0 !important; position: relative; }
.html_view_sm .content .h1_area { display: flex; flex-direction: column; margin-bottom: 2.6rem; }
.html_view_sm .content .title_h1 { font-size: 2.8rem; color: #4e5152; text-align: center; font-weight: 600; margin-top: 1rem;}
.html_view_sm .subMenu_title {font-size: 2.4rem; margin-bottom: 1rem;}
.html_view_sm .subMenu_title strong {color: #0090D0;}
.html_view_sm h4.seg_title { padding-bottom: 2rem; font-size: 2rem; }
.html_view_sm .box { padding: 3rem; display: flex; border-radius: 1rem; border: 1px solid #dddddd; }

.html_view_sm .content .tabs { display: flex; width: 100%; margin-bottom: 5.3rem; flex-wrap: wrap; }
.html_view_sm .content .tabs li {  display: flex; justify-content: center; align-items: center; padding-left: 0; margin-right: .8rem; margin-bottom: .8rem; }
.html_view_sm .content .tabs li:first-child { border-radius: 1rem 0 0 1rem; }
.html_view_sm .content .tabs li:last-child { border-radius: 0 1rem 1rem 0; }
.html_view_sm .content .tabs li::after { content: ''; display: block; width: .7rem; height: .7rem; background-color: #0090D0; border-radius: .5rem; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; opacity: 0; visibility: hidden; }
.html_view_sm .content .tabs li a { display: flex; height: 100%; align-items: center; justify-content: center; word-break: keep-all; width: 100%; min-width: 15rem; text-align: center; padding: 1.3rem 1.8rem; border-radius: 2.5rem; line-height: 1.35; font-size: 1.7rem; border: 1px solid #e1e6eb;}
.html_view_sm .content .tabs li a:hover { border-color: #0090d0; color: #0090D0; transition: .2s }
.html_view_sm .content .tabs li.active { position: relative;  color: #fff; font-weight: 700; }
.html_view_sm .content .tabs li.active a {border-color: #0090d0; color: #0090D0;border-width: 2px; }
.html_view_sm .content .tabs li.active::after { bottom: -.3rem; opacity: 1; visibility: visible; max-height: inherit; transition-delay: .1s; }

.html_view_sm .content .tabs2 { display: flex; width: 100%; margin-bottom: 5.3rem; flex-wrap: wrap; }
.html_view_sm .content .tabs2 li { /*flex: 1;*/ display: flex; justify-content: center; align-items: center; margin-right: 2.5rem; border-bottom: 2px solid #e1e6eb; }
.html_view_sm .content .tabs2 li a { display: block; text-align: center;  padding: 1.3rem 0rem; line-height: 1.35; font-size: 1.7rem; color: #919191;}
.html_view_sm .content .tabs2 li:hover { color: #0090d0; border-bottom: 2px solid #0090d0; transition: .2s }
.html_view_sm .content .tabs2 li.active { position: relative; color: #0090d0;  border-bottom: 2px solid #0090d0; }
.html_view_sm .content .tabs2 li.active a {color: #222; font-weight: 700; }
.html_view_sm .content .tabs2 li:hover a {color: #222; }

.html_view_sm .panel_training {display:none;}
.html_view_sm .panel_training.active {display:block;}

@media (max-width:1280px) {
	.html_view_sm .content .tabs li a {min-width: auto;}
	.html_view_sm .content .tabs.two_list li a {min-width:15rem;}
}

@media (max-width:767.98px) {
	.html_view_sm .content .tabs li { flex-basis: calc(20% - .8rem); max-width: 20%;}
	.html_view_sm .content .tabs li:nth-child(5n) {margin-right: 0;}
	.html_view_sm .content .tabs li a { padding: 1.3rem .8rem; }
	.html_view_sm .content .tabs.four_list li{flex-basis: calc(25% - .8rem); max-width: 25%;}
	.html_view_sm .content .tabs.four_list li a {font-size: 1.6rem; line-height: 1.2;}
}
@media (max-width:620px) {
	.html_view_sm .content .tabs li { flex-basis: calc(25% - .8rem); max-width: 25%;}
	.html_view_sm .content .tabs li:nth-child(4n) {margin-right: 0;}
	.html_view_sm .content .tabs li:nth-child(5n) {margin-right: .8rem;}
}
@media (max-width:480px) {
	.html_view_sm .content .title_h1 { font-size: 2.2rem; }
	.html_view_sm .content .tabs { box-shadow: none; }
	.html_view_sm .content .tabs li { flex: 0 0 calc(33.333333% - .8rem); max-width: 33.333333%;}
	.html_view_sm .content .tabs li a {font-size: 1.5rem; line-height: 1.2;}
	.html_view_sm .content .tabs li:nth-child(4n) {margin-right: .8rem;}
	.html_view_sm .content .tabs li:nth-child(3n) {margin-right: 0;}
	.html_view_sm .content .tabs li:first-child, .html_view_sm .content .tabs li, .html_view_sm .content .tabs li:last-child { border-radius: 1rem; }
	.html_view_sm .content .tabs.four_list li {flex-basis: calc(50% - .8rem); max-width: 50%;}
	.html_view_sm .content .tabs.four_list li:nth-child(3n) {margin-right: .8rem;}
	.html_view_sm .content .tabs.four_list li:nth-child(4n) {margin-right: 0rem;}
}

/* =======================================================================================
교육안내
 ======================================================================================= */
.html_view_sm .infotitle {text-align: center; font-size: 3rem; margin-top: 4rem;}
.html_view_sm .learning_card {display: flex; justify-content: center; flex-direction: column; margin-bottom: 4rem; padding: 8rem 1.5rem 7rem 1rem; border-radius: 2rem; background: url(/img/eduintro/guide_01.jpg) no-repeat; background-size: cover;}
.html_view_sm .learning_card .card_area {display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;}
.html_view_sm .learning_card .icon {font-size: 3rem;}
.html_view_sm .learning_card .icon2 {font-size: 4rem;}
.html_view_sm .learning_card .txt {text-align: center; font-size: 1.8rem;}
.html_view_sm .guide_info > div { margin-bottom: 3.5rem; }
.html_view_sm .guide_info .tit_guideinfo { display:block;position: relative; font-size: 2.2rem; font-weight: bold; color: #333; margin: .8rem 0; }
.html_view_sm .guide_info {  line-height: 1.6; }
.html_view_sm ul.info_list li { list-style: none; position: relative; padding-left: 1.5rem; }
.html_view_sm ul.info_list li:before { content: "- "; position: absolute; left: 0; }
.html_view_sm .txt_circle_num { position: relative; margin: 1rem 0 0; padding: 0 0 0 2rem; line-height: 26px; color: #222; }
.html_view_sm .txt_circle_num span { position: absolute; top: 0px; left: 0px; }
.html_view_sm .guide_info .inner_box { padding: 0 0 0 2rem; }
.html_view_sm .guide_info .gray_box { border-radius: 1rem; padding: 2rem; background-color: #f3f5f9;}
.html_view_sm ul.txt_num_list li { list-style: none; position: relative; padding-left: 1.5rem; margin-top:1rem; }
.html_view_sm ul.txt_num_list li > .num { position: absolute; top: 0; left: 0; }
.html_view_sm .guide_info .list-dot {line-height: 1.2;}
.html_view_sm .guide_info .list-dot li {padding: .3rem 1.2rem;}
.html_view_sm .guide_info h5.point {font-size: 1.8rem; color: #0090D0;}
.html_view_sm .inner_box .txt_circle_num {margin: 0 0 0 0 !important;}

.html_view_sm .training_area.box { padding: 3rem 4rem 4rem 4rem; display: block; border-radius: 1rem; border: 1px solid #dddddd; }
.html_view_sm .training_area h5 {font-size: 2rem;}
.html_view_sm .training_area .hrd .flex {align-items: center; padding: 2rem; border-radius: 2rem; margin-bottom: 3rem; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.html_view_sm .listTab ul {display: flex; width: 100%; margin-bottom: 2rem; flex-wrap: wrap;}
.html_view_sm .listTab ul li {/*flex: 1;*/ display: flex; justify-content: center; align-items: center; margin-right: 2.5rem; border-bottom: 2px solid #a7aaad;}
.html_view_sm .listTab ul li a {display: block; text-align: center; padding: 1rem 3.5rem; line-height: 1.35; font-size: 1.8rem; color: #666;}
.html_view_sm .listTab ul li.select {position: relative; color: #0090d0; border-bottom: 2px solid #0090d0;}
.html_view_sm .listTab ul li.select a {color: #222; font-weight: 700; }
.html_view_sm .listTab ul li:hover a {color: #222; }
.html_view_sm .listTab .moblieTab-btn {display: none;}
.html_view_sm .tab_content {display: none;}
.html_view_sm .hrd .subtitle { font-size: 2.6rem; font-weight: bold; }
.html_view_sm .hrd p { line-height: 1.8; }
.html_view_sm .hrd small {font-size: 1.5rem;}
.html_view_sm .hrd .subtitle + dl > div { margin-bottom: 1.5em; }
.html_view_sm .hrd .subtitle + dl dt { position: relative; font-size: 2rem; font-weight: bold; color: #0090D0; margin: .8rem 0; }
.html_view_sm .hrd .subtitle + dl { padding-left: 1.2rem; line-height: 1.6; }
.html_view_sm .hrd .subtitle + dl dt:before { content: ""; position: absolute; display: inline-block; width: 4px; height: 4px; border-radius: 4px; background-color: #0090D0; left: -12px; top: calc(50% - 2px); }
.html_view_sm .hrd ul.default_list li { list-style: none; position: relative; padding-left: 15px; }
.html_view_sm .hrd ul.default_list li:before { content: "- "; position: absolute; left: 0; }
.html_view_sm .hrd .tbl {background-color: #fff;}
.html_view_sm .hrd .tbl thead > tr > th {background-color: #333; color: #fff; border-right: 1px solid #9b9b9b;}
.html_view_sm .hrd .tbl thead > tr > th:last-child {border-right: none;}

@media (max-width: 768px) {
  .html_view_sm .training_area {padding: 1.5rem 2rem 2rem 2rem;}
  .html_view_sm .infotitle {margin-top: 0rem; margin-bottom: 1.5rem;}
  .html_view_sm .listTab ul li a { padding: 1rem 1.5rem;}
  .html_view_sm .hrd .subtitle { font-size: 2rem; }
  .html_view_sm .hrd .subtitle + dl dt { font-size: 1.8rem; margin: .8rem 0 .5rem 0;}
  .html_view_sm .hrd .tbl thead > tr > th {line-height: 1.2;}
}
@media (max-width:580px) {
  .html_view_sm .learning_card {padding: 3.5rem 1.5rem 3rem 1rem;}
  .html_view_sm .learning_card .card_area {flex-direction: column;}
  .html_view_sm .learning_card .card_area .card img {width: 22rem;}
  .html_view_sm .learning_card .icon {font-size: 2.4rem;}
  .html_view_sm .learning_card .icon2 {font-size: 2.8rem;}
}

/* 훈련과정 */
.html_view_sm .curriculum { display: flex; justify-content: center; margin-bottom: 2rem ;}
.html_view_sm .curriculum .step { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: center; display: flex; align-items:center; flex-direction: column;}
.html_view_sm .curriculum .step + .step:before { display: block; content: "\e907"; color: #999; font-family: xeicon; font-size: 3rem; position: absolute; left: -5%; top: calc(10rem / 2); z-index: 3; }
.html_view_sm .curriculum .step .circle { display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 2rem; width: 18rem; height:18rem ; padding: 1rem; border-radius: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); z-index: 2;}
.html_view_sm .curriculum .step .circle.type1 {color: #fff; background: linear-gradient(145deg, rgba(86,174,214,1) 15%, rgba(0,144,208,1) 100%); border: none;}
.html_view_sm .curriculum .step .circle.type2 {color: #fff; background: linear-gradient(145deg, rgb(79, 128, 218) 15%, rgb(13, 82, 185) 100%); border: none;}
.html_view_sm .curriculum .step .circle.type3 {color: #fff; background: linear-gradient(145deg, rgb(93, 79, 218) 15%, rgb(76, 36, 151) 100%); border: none;}
.html_view_sm .curriculum .step .circle b::after {content: ''; display: block; width: 100%; height: 1px; margin: .5rem 0; background-color: rgba(230, 230, 230, 0.3);}
.html_view_sm .curriculum .step .circle span {line-height: 1.4;}
.html_view_sm .list-type {display: flex; }
.html_view_sm .list-type li {display: inline-flex;}
.html_view_sm .list-type li + li {margin-left: 2rem;}
.html_view_sm .icon_type {padding: 1.5rem 3.5rem 1.5rem 3.5rem; border-radius: 1rem; background-color: #e6f2f7; }
.html_view_sm .point_box {text-align: center; font-weight: 600; color: #0090d0; margin-bottom: 1rem;  padding: 1.5rem 3.5rem 1.5rem 3.5rem; border-radius: 1rem; background-color: #e6f2f7; }
.html_view_sm .btns{display:flex;justify-content:center;}
.html_view_sm .btns .btn{min-width:12rem;padding:1.3rem 1.5rem;}
.html_view_sm .btn.type4{background:#0090D0;color:#fff;border-color:#0090D0;}
.html_view_sm .btn{padding:.8rem 1.5rem;font-size:1.5rem;line-height:1.4285;border-radius:.4rem;border:1px solid #ddd;background-color:#fff;}


@media(max-width:768px) {
  .html_view_sm .training_area h5 {font-size: 1.8rem;}
  .html_view_sm .training_area .hrd .flex {gap: .8rem;}
	.html_view_sm .curriculum { flex-direction: column; gap: 2em; }
  .html_view_sm .curriculum .step {  flex: 0 0 100%; max-width: 100%;}
	.html_view_sm .curriculum .step + .step:before { display: none; }
	.html_view_sm .curriculum .step .circle { width: 100%; height: auto; border-radius: 4px; margin-bottom:1.4rem; }
}
@media(max-width:480px) {
  .html_view_sm .hrd .tbl thead > tr > th {font-size: 1.4rem; font-weight: 500; line-height: 1;}
  .html_view_sm .hrd .tbl thead > tr > th p {line-height: 1.2;}
  .html_view_sm .icon_type {padding: 1.5rem 2rem 1.5rem 2rem;}
}

/* 훈련 진행절차 */
.html_view_sm .apply_process { background: #f4f4f4; padding: 6rem; border-radius: 2rem; }
.html_view_sm .apply_process .page_tit h4 { line-height: 1.2; font-size: 3rem; color: #3b3c3c; font-weight: 700; margin-bottom: 2rem; text-align: center; }
.html_view_sm .apply_process .page_tit h4 strong { color: #0090D0; }
.html_view_sm .apply_process > ul { list-style: none; display: flex; justify-content: space-between; position: relative; }
.html_view_sm .apply_process > ul.top { padding-bottom: 5rem; margin-top: 4rem; }
.html_view_sm .apply_process > ul.bottom { flex-direction: row-reverse; background-color:transparent; width:100%}
.html_view_sm .apply_process > ul > li { width: calc(100%/3 - 3rem); background: #fff; padding: 3rem; border-radius: 2rem; position: relative; }
.html_view_sm .apply_process > ul > li.last:after { display: none}
.html_view_sm .apply_process > ul > li .step { display: inline-block; background: #008acc; color: #fff; padding: 0 1.5rem; border-radius: 2rem; margin-bottom: 1rem; font-size: 1.6rem; }
.html_view_sm .apply_process > ul > li .ctt {word-break: keep-all;}
.html_view_sm .apply_process > ul > li .ctt strong { color: #3b3c3c; font-size: 2.2rem; display: block; margin-bottom: 1rem; }
.html_view_sm .apply_process > ul.top > li:nth-child(1):after, .html_view_sm .apply_process > ul.top > li:nth-child(2):after { content: "\e93e"; font-family: 'xeicon'; color: #008acc; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; }
.html_view_sm .apply_process > ul.top > li:last-child:after { content: "\e941"; font-family: 'xeicon'; color: #008acc; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }
.html_view_sm .apply_process > ul.bottom > li:nth-child(1):after, .html_view_sm .apply_process > ul.bottom > li:nth-child(2):after { content: "\e93b"; font-family: 'xeicon'; color: #008acc; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; }
.html_view_sm .apply_process > ul > li .ctt ul { padding-left: 0; padding-top: 10px; }
.html_view_sm .apply_process > ul > li .ctt ul > li { list-style: none; color: #008acc; }
@media (max-width:768px) {
  .html_view_sm .apply_process { padding: 4rem 2rem 2rem 2rem; }
  .html_view_sm .apply_process .page_tit h4 { font-size: 2.4rem; text-align: left; margin-bottom: 1rem; }
  .html_view_sm .apply_process > ul.top { margin-top: 2rem; }
  .html_view_sm .apply_process > ul, .html_view_sm .apply_process > ul.bottom { justify-content: start; flex-direction: column; }
  .html_view_sm .apply_process > ul > li { width: 100%; margin-bottom: 3rem; padding: 2rem; }
  .html_view_sm .apply_process > ul > li .ctt strong { font-size: 2rem; }
  .html_view_sm .apply_process > ul > li .step { padding: 0 1rem; font-size: 1.5rem; }
  .html_view_sm .apply_process > ul.top { padding-bottom: 0; }
  .html_view_sm .apply_process > ul.top > li:last-child:after { bottom: -27px; }
  .html_view_sm .apply_process > ul.top > li:nth-child(1):after, .html_view_sm .apply_process  > ul.top > li:nth-child(2):after, .apply_process > ul.bottom > li:nth-child(1):after, .html_view_sm .apply_process > ul.bottom > li:nth-child(2):after { content: "\e941"; bottom: -27px; top: auto; left: 50%; transform: translateX(-50%); right: auto; }
}


/* 훈련진행유의사항 */
.html_view_sm .tbl { width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.html_view_sm .tbl thead > tr > th { padding: 1.2rem 0.5rem; text-align: center; color: #444; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #d3d8dd; background: #f4f4f4; }
.html_view_sm .tbl tbody > tr > th { padding: 1.2rem 0.5rem; border-bottom: 1px solid #e1e1e1; }
.html_view_sm .tbl tbody > tr > td { padding: 1.2rem 0.5rem; min-height: 43px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; word-wrap: break-word; word-break: break-all; text-align: center; }
.html_view_sm .tbl tbody > tr > td.head { padding-left: 10px; text-align: left; color: #183f91; border-left: none; border-bottom: 1px solid #98d0ef; border-right: 1px solid #98d0ef; background: #f5fafc; }
.html_view_sm .tbl tbody > tr > th.center, .tbl tbody > tr td.center { text-align: center; }
.html_view_sm .tbl tfoot > tr > th { padding: 0.675em 1em; min-height: 43px; text-align: center; color: #f1f1f1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #666; }
.html_view_sm .tbl thead > tr > th:first-child, .tbl .tbl > tfoot > tr > th:first-child, .tbl tbody > tr > td:first-child { border-left: none; border-right: 1px solid #e1e1e1; }
.html_view_sm .tbl tbody > tr > td.line-left {border-left: 1px solid #e1e1e1;}
.html_view_sm .list-dot { line-height: 1.6; }
.html_view_sm .list-dot li { padding: 4px 12px; }
.html_view_sm .list-dot li:before { content: '·'; font-weight: bold; font-size: 1.8rem; margin-right: 4px; margin-left: -8px; }
.html_view_sm .txt-left, .html_view_sm .txt_left { text-align: left !important; }
.html_view_sm .guide_info .list-dot {line-height: 1.2;}
.html_view_sm .guide_info .list-dot li {padding: .3rem 1.2rem;}
.html_view_sm .guide_info h5.point {font-size: 1.8rem; color: #0090D0;}