@charset "utf-8";

/* main */
#container .main_shortcut li {width:33.3333%;}
#container .main_shortcut.num4 li {width:25%;}
.hrd_main_regist_wrap {margin:2.85rem 0 2.85rem 0;}
.hrd_main_regist {background:#686f83;}
.hrd_main_regist_inner {position:relative; padding:1.3rem 1.2rem 1.6rem 1.2rem; color:#fff; text-align:right;}
.hrd_main_regist_inner dl:after {content:''; display:block; clear:both;}
.hrd_main_regist_inner dt {clear:both; float:left; width:6rem; font-size:1.3rem; text-align:left; vertical-align:middle; color:#c0d3fe; font-weight:600;}
.hrd_main_regist_inner dd {float:left; font-size:1.4rem; font-weight:600; vertical-align:middle;}
.hrd_main_regist_inner a {margin-top:1rem; display:inline-block; line-height:2.6rem; height:2.8rem; width:10rem; text-align:center; border-radius:30px; background:#ff6d1e; box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px; background:linear-gradient(to bottom right, #ff9f23, #ff5300); font-size:1.4rem; font-weight:600;}
.hrd_main_regist_inner a:hover,
.hrd_main_regist_inner a:active,
.hrd_main_regist_inner a:focus {box-shadow: rgba(0, 0, 0, 0.1) -1px -2px 4px; background:linear-gradient(to bottom right, #ff5300, #ff9f23);}
#footer .mob_nav li.gnb_nbk {background-image:url(../images/gnb_nbk.png); background-size:auto 2rem; background-position: 50% 1.5rem;}
#footer .mob_nav li.gnb_lifelong {background-image:url(../images/gnb_lifelong.png); background-size:auto 1.8rem; background-position: 50% 1.5rem;}
#footer .mob_nav li.gnb_talkio {background-image:url(../images/gnb_talkio.png); background-size:auto 2.3rem; background-position: 50% 1.2rem;}
#footer .mob_nav.gnb_hrd li {font-size:0.928rem;}
#container .main_shortcut .inner ul li {width: 33.3333% !important;}
.main_shortcut.hrd_shortcut {padding:1.5rem 0 0 0;}
#container .main_shortcut.hrd_shortcut ul {margin-top:1rem;}
#container .main_shortcut li a i.short_nbk {background:url('../images/icon_short_nbk.png'); background-size:6rem 6rem}
#container .main_shortcut li a i.short_lifelong {background:url('../images/icon_short_lifelong.png'); background-size:6rem 6rem}
#container .main_shortcut li a i.short_talkio {background:url('../images/icon_short_talkio.png'); background-size:6rem 6rem}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_nbk {background: url(../images/ico_mnav_nbk.png) no-repeat 0 50%; background-size: auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_lifelong {background: url(../images/ico_mnav_lifelong.png) no-repeat 0 50%; background-size: auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_talkio {background: url(../images/ico_mnav_talkio.png) no-repeat 0 50%; background-size: auto 18px;}


/* main rolling banner */
.hrd_main_visual {position:relative;}
.hrd_main_visual_wrap {position:relative;}
.hrd_main_visual_wrap .hrd_main_visual_tabs {position:absolute; left:0; top:0; z-index:2; display:block; width:100%; height:3rem; line-height:3rem; color:#fff; text-align:center; font-size:0;}
.hrd_main_visual_wrap .hrd_main_visual_tabs li {display:inline-block; position:relative; background:rgba(0,0,0,0.25); transition:all 0.2s; font-size:1.2rem; width:calc((100% - 0.2rem) / 3);}
.hrd_main_visual_wrap .hrd_main_visual_tabs li ~ li {margin-left:0.1rem;}
.hrd_main_visual_wrap .hrd_main_visual_tabs li.active {background:rgba(0,0,0,0.4);}
.hrd_main_visual_wrap .hrd_main_visual_tabs li.active:after {position:absolute; display:block; content:''; left:50%; transform: translate(-50%); top:3rem; width: 0; height: 0; border-bottom: 0.7rem solid transparent; border-left: 0.7rem solid transparent; border-top: 0.7rem solid rgba(0,0,0,0.38); border-right: 0.7rem solid transparent;}
.hrd_main_visual_wrap .hrd_main_visual_tabs li a {display:block;}
.hrd_main_visual_wrap {position:relative; margin:0 auto;}
.hrd_main_visual_wrap .hrd_main_visual_slider {position: relative;margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%;}
#container .hrd_main_visual .swiper-pagination {width:auto; left:50%; transform:translateX(-50%);}
#container .main_visual.hrd_main_visual .swiper-slide {min-height:24rem; padding-bottom:66.67%;}

#container .main_course.new_course .sec_title.hrd_sec_title {position:relative; margin-bottom:1.2rem;}
.hrd_slider_tab {position:absolute; right:0; bottom:-0.05rem; display: table !important; table-layout: fixed; overflow: hidden; border: 1px solid #ccc; border-radius:4px;}
.hrd_slider_tab li {display: table-cell; width:8rem; height:2.8rem; line-height:2.8rem; font-size: 1.15rem; font-weight: 500; color: #000; text-align: center; border-left: 1px solid #dddddd; background-color: #ffffff; cursor: pointer;}
.hrd_slider_tab li:first-child {border-left:0;}
.hrd_slider_tab li.active {background:#666; color:#fff;}
.hrd_slider_tab li a {display: block;}


/* 내일배움카드 소개 */
.hrd_intro .sec {margin-top: 3rem; padding: 3rem 0 0; border-top: 1px solid #ccc;}
.hrd_intro .sec p {line-height:1.9rem;}
.hrd_intro .sec p.blind {line-height:0;}
.hrd_intro .mt0 {margin-top:0 !important;}
.hrd_intro .sec table {margin-top:1rem;}
.hrd_intro .sec .table_ex_txt {margin-top: 2rem; font-weight: 700;}
.hrd_intro .sec .tit {margin:2rem 0 0.5rem 0; font-weight:700; line-height:1.9rem; position:relative; padding-left:2.5rem;}
.hrd_intro .sec .tit .num {position:absolute; left:0; display:block; background:#F79646; width:2rem; height:2rem; border-radius:1rem; text-align:center; color:#fff;}
.hrd_intro .sec .pic {margin-top:1.5rem; text-align:center;}
.hrd_intro .sec .pic02 {margin:1rem 0; text-align:center;}
.hrd_intro .sec .pic03 {margin:3rem 2rem; text-align:center;}
.hrd_intro .sec .pic img,
.hrd_intro .sec .pic02 img,
.hrd_intro .sec .pic03 img {display:inline-block;}
.hrd_intro .sec1 {border-top:0; padding:0;}
.hrd_intro .sec1 .card_guide_cost {border:1px solid #ccc; border-radius:10px; padding:0px 16px 16px 16px; margin-top:1.5rem; background:url('../images/nbk_img04.png') no-repeat 96% bottom #f5f5f5; background-size:80px;}
.hrd_intro .sec1 .card_guide_cost h5 {text-align:center; font-size:1rem; margin-bottom:16px;}
.hrd_intro .sec1 .card_guide_cost h5 strong {color:#f65f15;}
.hrd_intro .sec2 .howto {border:1px solid #ccc; border-radius:10px; padding:10px 16px 16px 16px; margin-top:1.5rem;}
.hrd_intro .sec2 .howto ol {padding-top:60px; background:url('../images/nbk_img01.gif') no-repeat 50%20px; background-size:220px;}
.hrd_intro .sec2 .howto ol:last-child {position:relative; margin-top:30px;background:url('../images/nbk_img02.gif') no-repeat 50% 20px; background-size:205px;}
.hrd_intro .sec2 .howto ol:last-child:after {position:absolute; left:0; top:-30px; width:100%; height:40px; content:""; display:block;  background:url('../images/nbk_img03.gif') no-repeat center center; background-size:100%;}
.hrd_intro .sec2 .howto .ol_2th {padding-left:1.5rem;}
.hrd_intro .sec2 .howto .ol_2th .f_letter {margin: 0 0.8rem 0 -1.5rem;}
.hrd_intro .sec .sec_title {font-size: 1.5rem; color: #4c4c4c; font-weight: 700; margin-bottom:0.8rem;}
.hrd_intro .sec3 .ncs {margin-top:6px;}
.hrd_intro .sec3 .ncs dt {font-weight: 700;}
.hrd_intro .sec4 .con_hd_title {margin-top:1.5rem; font-weight:700; line-height:2.2rem;}
.hrd_intro .sec4 .refund_process_ul {margin-top:0;}


/* 고용보험환급 주요내용 */
.refund_process_wrap .tab_contents2 .sec.first {margin:0; padding:0; border:0;}
.refund_process_wrap .tab_contents2 .sec2 .sec_title {margin-bottom:0.8rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec_img {margin-top: 3rem; height: 26rem; text-align: center; background: url(../images/refund_process_img.png) no-repeat center center; background-size: auto 26rem;}

/* 평생교육 바우처, talkio AI  */
.hrd_introduction {margin-bottom:2rem;}
.hrd_introduction img {width:100%;}
td.border_left,
.hrd_intro table td.border_left {border-left:1px solid #ccc !important;}
.mt1 {margin-top:1rem;}
.ol_num {list-style:num; margin-left:1.5rem;}
.hrd_txt {background:#F3F5F8; padding:1rem; border-radius: 0.5rem;}
.lifelong_wrap {margin-top:1.5rem; border:1px solid #ccc; padding:3rem 1.5rem 1.5rem 1.5rem; border-radius: 0.5rem;}
.lifelong_wrap01 {background:url('../images/nbk_lifelong04.png') no-repeat 50% 1.5rem; background-size:auto 3rem;}
.lifelong_wrap02 {background:url('../images/nbk_lifelong05.png') no-repeat 50% 1.5rem; background-size:auto 3rem;}
.lifelong_wrap03 {background:url('../images/nbk_lifelong06.png') no-repeat 50% 1.5rem; background-size:auto 2.6rem;}
.lifelong_wrap04 {background:url('../images/nbk_lifelong07.png') no-repeat 50% 1.5rem; background-size:auto 3rem;}
.lifelong_wrap05 {background:url('../images/nbk_lifelong08.png') no-repeat 50% 1.5rem; background-size:auto 3rem;}
.btn_half_wrap .lifelong_tab_container .lifelong_tastingview button span {  display: inline-block;  padding-left: 1.9rem;  color: #333;  font-weight: 400;  background: url(../images/ico_watch_m.png) no-repeat 0 50%;  background-size: auto 1.1rem;}

.ne_detail_tabgr li.lifelong_tastingview button.on { display: block; background: #999; width: 100%; height: 4rem; line-height: 4rem; font-size: 1.5rem; text-align: center; color: #FFF;}
.lifelong_tab_container { display: flex; width: 100%; list-style: none; padding: 0; margin: 0; gap: 0;}
.lifelong_tab_container > .lifelong_tastingview { flex: 1;}

/* 페이지 추가 */
ul.ul_list  li {position:relative;padding-left:0.6rem;line-height:1.9rem;}
ul.ul_list  li:after {position:absolute;left:0;top:0.8rem;width:0.3rem;height:0.3rem;background-color:#333;border-radius:0.15rem;content:'';}
ul.ul_list  li span {font-weight:500;}
.mt1 {margin-top:1rem;}
#container .main_board_wrap .main_board.main_faq .btn_box button {float: left; margin-left: 3.90625%; width: calc((100% - 7.8125%) / 3); height: 3.75rem; font-size: 1.1rem; font-weight: 500; border-radius: 4px; text-align: center;}
#container .main_board_wrap .main_board.main_faq .btn_box button:first-child {margin-left: 0;}
#container .main_board_wrap .main_board.main_faq .btn_box button.btn_q {background:#fff;}

.tab-buttons {display: flex; gap: 8px; margin-top:1rem;}
.tab-buttons button {flex: 1; padding: 10px; background-color: #fff; color: #666; font-weight: normal; font-size: 1.3rem; border:1px solid #ccc;}
.tab-buttons button.current {border:1px solid #333; color:#000; font-weight:500;}

.indented-text {white-space: pre-wrap; text-indent: -1em; padding-left: 1em; line-height: 1.6;}
.review-notice {font-size: 1.2rem; color: red;}