@charset "utf-8"; /* main 공통 */

.p_r { position: relative; } 
.hidden { font-size: 0; position: absolute; width: 1px; height: 1px; left:-1px; top:-1px } 

.hrd_main__wrap { width: 1160px; margin: 0 auto; background: #fff; } 
.hrd_main__wrap .visual { width: 1920px; height: 320px; position: relative; left: 50%; transform: translateX(-50%); } 
.hrd_main__wrap .hrd_main section { margin-bottom: 50px; } 
.hrd_main__wrap .hrd_main .section_tit { margin: 45px 0 23px; position: relative; display: flex; align-items: end; justify-content: left; } 
.hrd_main__wrap .hrd_main h3 { font-size: 1.43rem; font-weight: 900; color: #333; margin-right: 15px; } 
.hrd_main__wrap .hrd_main h3 span{color:#ff2d73} 
.hrd_main__wrap .hrd_main .section_tit p { font-size: 0.875rem; font-weight: 400; color: #b5b5b5; } 
.hrd_main__wrap .hrd_main .section_tit p.tit_info { font-size: 1rem; font-weight: 700; color: #e33535; position:absolute; top:-18px; left:0; } 
.hrd_main__wrap .hrd_main .section_tit p.tit_info.pick { width: 150px; position: absolute; top: -40px; left: -10px; } 
.hrd_main__wrap .hrd_main .section_tit p.tit_info.pick img { width: 100%; } 
/*메인 비주얼 */
.visual { width: 1920px; position: relative; transform: translateX(-50%); left: 50%; overflow: hidden; } 
.visual .slid__wrap { height: 320px; margin-bottom: 30px; position: relative; top: -15px; border-bottom: 1px solid #e7e7e7; border-top:1px solid #e7e7e7; } 
.visual .slid__wrap li a { height: 320px; width: 1160px; margin: 0 auto; display: block; } 
.visual .slid__wrap li a .main_img { width: 100%; } 
.visual .slid__wrap li img { width: 100%; } 
.visual .slid__wrap .bx-wrapper .bx-viewport { height: 320px !important; } 
.visual .slid__wrap .bx-default-pager { top:270px; right: 440px } 
.visual .slid__wrap .bx-default-pager .bx-pager-item a { background: #fff; border-radius: 30px; width: 5px; height: 5px; } 
.visual .slid__wrap .bx-default-pager .bx-pager-item a.active { background: #ffea00; width: 20px; } 
.visual .pager_control { position: absolute; top:89.3%; left:50%; transform: translateX(-50%); z-index:55; } 
.visual .pager_control a { display:none; } 
/* .visual .pager_control a.stop_btn { padding: 10px 12px } */
.visual .pager_control a.active { display: block; } 
.visual .bx-wrapper .bx-prev { background:url("https://cdn.hackershrd.com/hrd/images/common/arrow/navi_left.png")no-repeat center;; left: 50%; top: 107.8%; margin-left: -58px; width: 35px; height: 32px; } 
.visual .bx-wrapper .bx-next { background:url("https://cdn.hackershrd.com/hrd/images/common/arrow/navi_right.png")no-repeat center; right: 50%; top:107.8%; margin-right: -58px; width: 35px; height: 32px; } 

/* icon menu */
.menu_icon { width: 96%; margin: 20px auto 65px; display: flex; justify-content: center; align-items: center; } 
.menu_icon li { width: 105px; position: relative; } 
.menu_icon li::before { content: ''; position: absolute; z-index: 1; height: 50px; right:-5px; top:50%; transform: translateY(-50%); border-right: 1px dotted #999; } 
.menu_icon li:nth-last-of-type(1):before { display: none; } 
.menu_icon li a { display: block; width: 105px; height: 105px; overflow: hidden; } 
/* icon hover */
.menu_icon li a.icon_img01 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_1.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img02 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_2.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img03 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_3.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img04 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_4.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img05 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_5.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img06 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_6.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img07 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_7.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img08 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_8.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img09 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_9.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img10 { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_10.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img11 { background: url('https://cdn.hackershrd.com/hrd/images/common/icon/icon_11.png?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img01:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_1.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img02:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_2.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img03:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_3.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img04:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_4.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img05:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_5.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img06:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_6.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img07:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_7.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img08:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_8.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img09:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_9.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img10:hover { background: url('https://gscdn.hackers.co.kr/hrd/img/index/icon_10.gif?w=105') 0 0 no-repeat; background-size: 100%; } 
.menu_icon li a.icon_img11:hover { background: url('https://cdn.hackershrd.com/hrd/images/common/icon/icon_11.gif?w=105') 0 0 no-repeat; background-size: 100%; } 

.pplrlctrs .slid__wrap li { width: 1240px; display: flex; justify-content: left; align-items: start; flex-wrap: wrap; } 
.pplrlctrs .slid__wrap li a { margin-right: 10px; } 
.pplrlctrs .slid__wrap li a:nth-of-type(5) { margin-right: 0; } 
.pplrlctrs .slid__wrap li a:nth-of-type(10) { margin-right: 0; } 

/* 강의소개 슬라이드단 */

/*.slid__wrap .bx-wrapper { max-width: 1160px !important; } */
.slid__wrap li { width: 224px; } 
.slid__wrap li a { width: 224px; display: block; height: 310px; } 
.slid__wrap li a>div.img_box { width: 100%; height: 145px; border-radius: 5px; overflow: hidden; margin-bottom: 10px; position: relative; } 
.slid__wrap li a>div.img_box .icon { position: absolute; top:0; right:0; width: 80px; } 
.slid__wrap li a>div.img_box>img { width: 100%; transform: scale(1); transition: .5s ease; opacity: 1 !important; } 
.slid__wrap li a>div.img_box:hover>img { transform: scale(1.1); } 
.slid__wrap li a .hash_task { display: flex; align-items: center; justify-content: left; margin-bottom: 5px; } 
.slid__wrap li a .hash_task span { display: block; border: 1px solid #dadada; margin-right: 5px; background: #e7e7e7; color: #808080; font-size: 12px; padding: 3px 8px; border-radius: 5px; } 
.slid__wrap li a .lecture_info_tit { font-size: 1rem; color:#333; line-height: 1.35rem; font-weight: 700; margin-bottom: 8px; } 
.slid__wrap li a .lecture_sub_info { display: flex; align-items: center; justify-content: left; color:#666; font-size: 0.75rem; letter-spacing: 0.001rem; } 
.slid__wrap .bxslider-default .bx-controls-direction a { width: 50px; height: 80px; font-size: 0; margin-top: -65px; overflow: hidden; background: url('http://gscdn.hackers.co.kr/hrd/img/index/arrow.png') no-repeat 0 0; } 
.slid__wrap .bxslider-default .bx-controls-direction a.bx-prev { left: -70px; transform: scaleX(-1); } 
.slid__wrap .bxslider-default .bx-controls-direction a.bx-next { right: -70px; } 
.pplelctrs .slid__wrap .bxslider-default .bx-controls-direction a { margin-top:-35px; } 
.pplrlctrs li a:nth-of-type(1) { margin-bottom: 23px; } 
.new_lctr .slid__wrap .bxslider-default .bx-controls-direction a { margin-top:-35px; } 
.new_lctr .slid__wrap li { width: 280px; } 
.slid__wrap li a>div.img_box .icon.like { width: 70px; } 

.rcmnd .stckr { display: flex; justify-content: start; align-items: center; margin-top: 10px; } 
.rcmnd .stckr span { display: block; font-size: 0.75rem; text-align: center; padding: 3px 7px; margin-right: 5px; border-radius: 8px; } 

/* 신규강의 */
.new_lctr { margin-bottom: 75px; } 
.new_lctr h3 { font-size: 1.563rem; } 
.new_lctr li a { position: relative; width: 280px; height: 390px; display: block; overflow: hidden; border-radius: 10px; } 
.new_lctr li a img { width: 100%; transition: all 0.5s ease; } 
.new_lctr li a:hover img { transform: scale(1.1); } 
.new_lctr li .info_text { position: absolute; bottom: 20px; left:20px; } 
.new_lctr li .info_text p { color: #fff; } 
.new_lctr li .info_text p:nth-of-type(1) { margin-bottom: 10px; } 
.new_lctr li .info_text p:nth-of-type(2) { font-size: 1.10rem; font-weight: 700; margin-bottom: 15px; } 
.new_lctr li .info_text p:nth-of-type(3) { opacity: 0.8; font-size: 0.875rem; } 

.bottom_banner .slid__wrap li { width: 1160px; height: 230px; } 
.bottom_banner .slid__wrap li a { width: 1160px; height: 230px; display: block; } 
.bottom_banner .slid__wrap li a img { width: 100%; } 
.bottom_banner .bx-wrapper .bx-controls-direction a.disabled { display: block; margin-top: -35px; } 

/* 하단 */

.cl_info { width: 1920px; position: relative; left: 50%; transform: translateX(-50%); background: url('http://gscdn.hackers.co.kr/hrd/img/index/bottom_bg.jpg') 0 0 no-repeat; height:480px; } 
.cl_info .info_box { position: absolute; top:130px; width: 1160px; left: 50%; transform: translateX(-50%); } 
.cl_info .info_box p { color: #908dff; font-size:2rem; margin-bottom: 10px; letter-spacing: -0.2rem; } 
.cl_info .info_box h3 { font-size: 2.25rem; color:#fff; margin-bottom: 50px; } 
.cl_info .selec_box { display: flex; justify-content: start; align-items: center; width:840px; } 
.cl_info .selec_box li { margin-right: 5px; } 
.cl_info .selec_box li a { display: block; } 
.cl_info .selec_box li:nth-last-of-type(1) { margin-right: 0; } 

.hrd_info { width: 1160px; display: flex; justify-content: center; align-items: center; } 
.hrd_info .inner { width: 640px } 
.hrd_info .inner .list-bbs { width: 300px; } 
.hrd_info .content-section4 { margin-top: 0; } 
.hrd_info .cusCon { position: relative; width: 400px; height: 330px; margin-left: 35px; } 
.hrd_info .cusCon img { width: 100% } 
.hrd_info .cusCon .notice_btn { position: absolute; bottom: 30px; left:50%; width:340px; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; } 
.hrd_info .cusCon .notice_btn a { display: block; padding: 10px; width: 42%; border:1px solid #008f94; font-size: 1rem; color:#008f94; border-radius: 10px; font-weight: 500; text-align: center; transition: all .5s ease; } 
.hrd_info .cusCon .notice_btn a:hover { border:1px solid #008f94; color:#fff; background: #008f94; } 
.hrd_info .cusCon p { position: absolute; bottom: 98px; left: 16.5%; font-size: 20px; font-weight: bold; background: #f6f6f6; } 

/* 국비지원/일반 탭 메뉴 */
.js-tab-type1 { margin-top: -23px; display: flex; position: relative; } 
.js-tab-type1::after { content:''; width: 69.8%; height: 1px; position: absolute; bottom: 0; right: 0; background: #7f7f7f; } 
.js-tab-type1 li { width: 15%; height: 55px; text-align: center; border: 1px solid #c4c4c4; border-bottom: 1px solid #7f7f7f; border-radius: 10px 10px 0 0; position: relative; } 
.js-tab-type1 li:last-child { margin-left: -1px; } 
.js-tab-type1 li a { display: block; height: 100%; line-height: 55px; font-size: 16px; font-weight: bold; color: #b2b2b2 } 
.js-tab-type1 li.on { border: 1px solid #7f7f7f; border-bottom: 0; z-index: 1; } 
.js-tab-type1 li.on::after { content:''; width: 50%; height: 4px; background: #41b5ae; position: absolute; top: 0; left: 50%; transform: translateX(-50%) } 
.js-tab-type1 li.on a { color: #333; };
.list-bbs li { position:relative; border-bottom:1px solid #e7e7e7 } 
.list-bbs li a { display:block; height:50px } 
.list-bbs li a span { display:inline-block; vertical-align:top; line-height:50px } 
.list-bbs li a em { position:absolute; top:18px; right:13px }