@charset "UTF-8";
/* margin */
.mt0{margin-top:0 !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb80{margin-bottom:80px !important}
.mb100{margin-bottom:80px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml7{margin-left:7px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
/* padding */
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt80{padding-top:80px !important}
.pt100{padding-top:100px !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb80{padding-bottom:80px !important}
.pb100{padding-bottom:100px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
/* float */
.f_l{float:left !important;}
.f_r{float:right !important;}
.f_both{width:0;height:0;font-size:0;line-height:0;clear:both}
.va_t{vertical-align:top !important}
.va_m{vertical-align:middle !important}
.va_b{vertical-align:bottom !important}
.pos_a{position:absolute !important}
.pos_r{position:relative !important}
.pos_s{position:static !important}
.o_f{overflow:hidden !important;}
.clear::after{content:'';clear:both;display:block;}

/*height*/
.hg50{height:50px !important;line-height: 50px !important;}
/* text */
.t_l{text-align:left !important}
.t_r{text-align:right !important}
.t_c{text-align:center !important}
.hide_text{font-size:1px;height:1px;left:-9999px;line-height:0;position:absolute;width:1px}
/* font */
.fs0{font-size:0 !important}
.fs11{font-size:11px !important}
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}
.fs24{font-size:24px !important}
.fs28{font-size:28px !important}
.fc_w{color:#fff !important}
.fc_00{color:#000}
.fc_gray{color:#aaa !important;}
.fc_red{color:#ff4b38}
.fc_point{color:#2bbea4 !important}
.fc_point2{color:#1d97ba !important}
.fc_point3{color:#0ca78c !important}
.fc_point4{color:#1fb99e !important}
.lh20{line-height:20px !important}
.lh30{line-height:30px !important}
.fwb{font-weight:bold !important}
.fwn{font-weight:normal !important}
.txt_over{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.bg_yellow{background:#ffff42}
.txt_under{text-decoration:underline}

/* border */
.bt_0{border-top:0 !important;}
.bt_1{border-top:1px solid #ebebeb;}
.bb_0{border-bottom:0 !important;}
.bd_0{border:0 !important;}
/*width*/
.wh_100{width:100% !important;}
/*display*/
.dis-f{display: flex;}

/*icon*/
/*i{font-size:0;text-indent:-999999em;}*/
[class^='book-ico']{display:inline-block;background:url("//gscdn.hackers.co.kr/hackersbook_m/common/cs_center_ico.png") no-repeat;vertical-align:middle;font-size:0;text-indent:-999999em;}
[class^='ico-']{display:inline-block;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/my-page.png") no-repeat;vertical-align:middle;font-size:0;text-indent:-999999em;}
.book-info-area.v2 [class^='ico-']{display:inline-block;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/circle-icons.png") no-repeat;vertical-align:middle;font-size:0;text-indent:-999999em;}

.ico-arr-top{width:13px;height:7px;background-position:-33px -14px;}
.ico-arr-right{width:12px;height:22px;background-position:-92px -14px;}
.ico-arr-right-round{width:25px;height:25px;background-position:-32px -69px;vertical-align:text-bottom;}
.ico-arr-right-small{width:14px;height:13px;background-position:0 -11px;}
.ico-arr-left{width:11px;height:21px;background-position:-15px -10px;}
.ico-arr-left-round{width:25px;height:25px;background-position:-57px -69px;vertical-align:text-bottom;}
.ico-refresh{background: url(//gscdn.hackers.co.kr/hackersbook_m/common/ico_refresh.png) no-repeat 0 0/contain;width: 27px;height: 22px;}
.ico-refresh.v2{width:40px;height:40px;background-position:-200px -160px;}
.ico-refresh.v2.active{background-position:-240px -160px;}
.ico-refresh.v3{width: 20px;height: 18px;margin-right: 3px;background: url("//gscdn.hackers.co.kr/hackersbook_m/common/sp_layout2.png") no-repeat;background-size: 410px auto;background-position: -107px -133px;}
.ico-refresh.v4{position: relative;top: 50%;width: 20px;transform: translateY(-35%);}
.ico-refresh.v5 {background: url(//gscdn.hackers.co.kr/hackersbook_m/common/ico_refresh.png) no-repeat 0 0/100%;width: 19px;height: 16px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.book-ico-down { width: 15px; height: 15px; background-size: 120px auto; background-position: 0 -28px;} 
.ico-down{width:15px;height:14px;background-position:-19px -121px;margin-right:5px;}
.ico-down.v2{width:25px;height:25px;background-position:-26px -135px;}
.ico-down.v3{width:100%;height:15vw;background-position: 19% 100% !important;background-size: 618% auto !important;}
.on .ico-down.v3{background-position: 19% -1.5% !important;}
.ico-down.v4{width:29px;height:30px;margin:0 !important;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn-down.png") no-repeat 0 0/100% !important;}
.ico-down.v5{width:17px;height:16px;background-position:-118px -47px;margin-left:9px;vertical-align:middle;}
.ico-down.v6{width:17px;height:16px;background-position:-135px -47px;}
.ico-lect{width:13px;height:13px;background-position:-36px -121px;margin-right:5px;}
.ico-lect.v2{width:25px;height:25px;background-position:-52px -135px;}
.ico-lect.v3{width:100%;height:15vw;background-position: 40% 100% !important;background-size: 618% auto !important;}
.on .ico-lect.v3{background-position: 40% -1.5% !important;}
.ico-lect.v4{width:29px;height:30px;margin:0 !important;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn-ebook.png") no-repeat 0 0/100% !important;}
.ico-book_list.v3{width:100%;height:15vw;background-position: 61% 100% !important;background-size: 618% auto !important;}
.on .ico-book_list.v3{background-position: 61% -1.5%;}
.ico-chart{width:15px;height:15px;background-position:-51px -120px;margin-right:5px;}
.ico-chart.v2{width:25px;height:25px;background-position:-78px -135px;}
.ico-chart.v3{width:100%;height:15vw;background-position: 102% 100% !important;background-size: 618% auto !important;}
.on .ico-chart.v3{background-position: 102% -1.5% !important;}
.ico-mp3{width:19px;height:14px;background-position:0 -121px;margin-right:5px;}
.ico-mp3.v2{width:25px;height:25px;background-position:0 -135px;}
.ico-mp3.v3{width:100%;height:15vw;background-position: 81.5% 100% !important;background-size: 618% auto !important;}
.on .ico-mp3.v3{background-position: 81.5% -1.5% !important;}
.ico-mp3.v4{width:29px;height:30px;margin:0 !important;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn-sming.png") no-repeat 0 0/100% !important;}
.ico-all{width:100%;height:15vw;background-position:-2% 100% !important;background-size: 618% auto !important;}
.on .ico-all{background-position: -2% -1.5% !important;}
.ico-home{width:24px;height:20px;background-position:-19px -38px;}
.ico-link{width:27px;height:27px;background-position:-83px -67px;margin-right:5px;}
.ico-link.v4{width:29px;height:30px;margin:0 !important;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn-link.png") no-repeat 0 0/100% !important;}
.book-ico-link{width:20px;height:20px;background-size:170px auto; background-position:-20px -39px;}
.ico-plus{width:15px;height:15px;background-position:-48px -17px;margin-right:7px;}
.ico-speak{width:20px;height:14px;background-position:-119px -119px;margin:-2px 0 0 5px;}
.ico-smile{width:17px;height:17px;background-position:-141px -119px;margin-left:5px;}
.ico-smile.v2{width:20px;height:20px;background-position:-158px -115px;}
.ico-question{width:24px;height:24px;background-position:-72px -95px;}
.ico-trash{width:21px;height:23px;background-position:-104px -135px;cursor:pointer;}
.ico-trash:hover{background-position:-125px -135px;}
.ico-star{width:10px;height:10px;background:url("//gscdn.hackers.co.kr/hackersbook/img/common/sp_ico_v2.png") no-repeat;background-position:-99px 0;}
.ico-align{width:10px;height:11px;background:url("//gscdn.hackers.co.kr/hackersbook_m/common/sp_layout2.png") no-repeat;background-size: 475px auto;background-position:-139px -150px;vertical-align:baseline;}
.ico-align.up{width:10px;height:11px;background-position:-159px -150;}
.ico-align.down{width:10px;height:11px;background-position:-149px -150;}
.ico-book{width: 16px;height: 17px;background-position:-55px -200px;margin:-2px 0 0 12px;}

/* btn */
.btn-xxsmall,
.btn-xsmall,
.btn-small,
.btn-medium,
.btn-large{display:inline-block;border-radius:7px;text-align:center;background:#2bbea4;border:1px solid;color:#fff;letter-spacing:-1px;vertical-align:middle;}
.btn-xxsmall{min-width:100px;padding:0 30px;height:44px;line-height:44px;font-size:16px;}
.btn-xsmall{min-width:164px;padding:0 13px;height:44px;line-height:44px;font-size:16px;}
.btn-small{min-width:106px;padding:0 20px;height:44px;line-height:44px;font-size:16px;}
.btn-medium{min-width:106px;padding:0 20px;height:44px;line-height:44px;font-size:16px;}
.btn-large{width:94%;height:44px;line-height:44px;font-size:16px;margin:0 3%;}
[class^='btn-'].round{border-radius:33px;}
[class^='btn-'].v2{border-color:#c5c5c5;color:#aaa;background:#fff;}
[class^='btn-'].v3{border-color:#444;color:#fff;background:#444;}
[class^='btn-'].v4{border-color:#2bbea4;color:#2bbea4;background:#fff;}
[class^='btn-'].v5{border-color:#999;color:#555;background:#fff;}
[class^='btn-'].v6{border-color:#fff;color:#555;background:#fff;}
[class^='btn-'].v7{color:#fff;background:#7c7c7c;}
[class^='btn-'].v8{color:#fff;background:#2bbea4;}
[class^='btn-'].v9{color:#aaa;background:#fff;position: absolute;top: 20px;right: 185px;}

.btn-medium.btn-pick{border: none !important;}

/* btn(icon) */
.btn-pick .icon {background-color: #f1f1f1; height: 30px;width: 30px;text-align: center; display: inline-block;padding-top: 8px;border-radius: 30px;margin-right: 10px;}
.btn-pick i{display:inline-block;width:20px;height:18px;background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/my-page.png") no-repeat;background-size:300px;background-position:-17px -114px;vertical-align:middle;font-size:0;text-indent:-999999em;}
.btn-pick.v2 i { display: inline-block; width: 15px; padding-top: 15px; height: 0px; background: url(//gscdn.hackers.co.kr/hackersbook_m/sub/btn-pick.png) no-repeat center/200%; background-position: 0%; vertical-align: middle; font-size: 0; text-indent: -9999px; margin-right: 2%; vertical-align: sub; } 
.btn-pick.on{color:#2bbea4;border-color:#2bbea4;}
.btn-pick.on i{background-position:3 -115px;margin-right: 3.5%;}
.btn-pick.v2.on i{background-position: 100%;margin-right: 2%;}
.btn-pdf,
.btn-word,
.btn-excel,
.btn-hwp,
.btn-ppt{display:inline-block;width:29px;height:30px;background-size:100% !important;vertical-align:middle;font-size:0;text-indent:-999999em;}

/* 새로 icon작업 */
.btn-pdf{background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn_pdf.png") no-repeat;}
.btn-word{background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn_word.png") no-repeat;}
.btn-excel{background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn_exel.png") no-repeat;}
.btn-hwp{background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn_hwp.png") no-repeat;}
.btn-ppt{background:url("//gscdn.hackers.co.kr/hackersbook_m/sub/btn_ppt.png") no-repeat;}

/* .btn-word:hover,
.btn-excel:hover,
.btn-hwp:hover{background-position-y:-131px;} */
.btn-reset{display:inline-block;width:120px;height:44px;line-height:44px;font-size:16px;text-align:center;background:#f9f9f9;border:1px solid #dcdcdc;border-radius:8px;color:#888;vertical-align:middle;}
.btn-reset.v2 { width: 35px;height: 35px;line-height: 45px;border: 0;background: #f7f7f7;position: relative;} 
.btn-reset.active{color:#0f9580;}
.btn-reset.active i{background-position:-123px -95px;}

/*0803수정*/
/*icon*/
#header [class^='btn-ico'],#header [class^='ico'],
.free-learning-cont .learn-box [class^='icon-'] i,
.footer-top h2:before {background: url('https://cdn.hackers.co.kr/hackersbook/img/main/m/call_icon.png') 0 0 no-repeat;}
.layer-wrap .smart-search-pop h2:before,
.material-down a:before{display: inline-block;background: url("//gscdn.hackers.co.kr/hackersbook_m/common/sp_layout1.png") no-repeat 0 0;}
#header .header-box .side-btn .btn-login .ico-login{width: 1.7rem; height: 1.7rem; background: url('https://cdn.hackers.co.kr/hackersbook/img/main/m/user_icon.png') 0 0 no-repeat; background-size: 100% 100%;}
#header .btn-ico-menu{display: block; width: 1.5rem; height: 1.3rem; position: relative; background: none;}
#header .btn-ico-menu span {display: block; width: 100%; height: 2px; background-color: #000; position: absolute; left: 0;}
#header .btn-ico-menu span:nth-of-type(1) {top: 0;}
#header .btn-ico-menu span:nth-of-type(2) {top: 50%; transform: translateY(-50%);}
#header .btn-ico-menu span:nth-of-type(3) {bottom: 0;}

/*//0803수정*/

/*input*/
.input-sp{display:inline-block;position:relative;overflow:hidden;color:#898989;font-size:15px;cursor:pointer;vertical-align:middle;}
.input-sp .input-txt{vertical-align:middle;}
.input-sp input{position:absolute;top:0;width:0;height:0;}
.input-sp input+i{display:inline-block;overflow:hidden;width:30px;height:30px;background:url("//gscdn.hackers.co.kr/hackersbook/img/common/sp_input.png") no-repeat;vertical-align:middle;}
.input-sp input+i.v2{width:42px;height:42px;background:url("//gscdn.hackers.co.kr/hackersbook/img/common/sp_input.png") no-repeat 0 0;}
.input-sp input[type='radio']+i{background-position:0 0;}
.input-sp input[type='radio']:checked+i{background-position:0 -30px;}
.input-sp.v2 input[type='radio']+i {width: 18px;height: 18px;background: none;border: 1px solid #ccc;border-radius: 50%;vertical-align: middle; margin-right: 2px; } 
.input-sp.v2 input[type='radio']:checked+i {position: relative; border-color: #2bbea4;} 
.input-sp.v2 input[type='radio']:checked+i::after {content: "";width: 8px;height: 8px;text-align: center;border-radius: 50%;background: #2bbea4;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.input-sp input[type='checkbox']+i{background-position:0 0 !important;}
.input-sp input[type='checkbox']:checked+i{background-position:-20px 0 !important;}
.input-sp.v2 input+i{width:42px;height:42px;}
.input-sp.v2 input[type='checkbox']+i{background-position:-60px 0;}
.input-sp.v2 input[type='checkbox']:checked+i{background-position:-60px -42px;}
.input-sp.v3 input[type='checkbox'].check+i{background: url('//gscdn.hackers.co.kr/hackersbook/img/common/sp_input2.png') no-repeat 0 0/200%;}
.input-sp.v3 input[type='checkbox'].check:checked+i{background-position: 100% 0 !important;}
.input-sp.v3 input+i{width:20px;height:20px;}
.input-sp.v3 input[type='checkbox']+i{background-position:-81px 0;}
.input-sp.v3 input[type='checkbox']:checked+i{background-position:-80px -20.5px;}
.input-sp.v4 input+i{width:24px;height:24px;}
.input-sp.v4 input[type='checkbox']+i{background-position:-23px 0.5px;background-size: 100px auto;}
.input-sp.v4 input[type='checkbox']:checked+i{background-position:-23px -23.5px}

.login-state .input-sp input+i{width:30px;height:30px;}
.terms-list .input-sp input+i{width:24px;height:24px;}
.grade-box .input-sp input+i{width:24px;height:24px;background-size:200% !important;}

/*select*/
select{}
select:focus{border-color:#2bbea4 !important;}

/*tab-type*/
.tab-type{overflow:hidden;margin:35px 0 50px;}
.tab-type li{float:left;/*min-width:210px;*/height:58px;}
.tab-type li a{display:block;height: auto;line-height: 1.3;text-align:center;font-size:20px;}
.tab-type li a:hover,
.tab-type li.on a{border-bottom: 0.2rem solid #fff;color:#17ac92 !important;}
.tab-cont{display:none;}
.tab-cont.on{display:block;}
.tab-type2{margin-bottom:10px;border-bottom: 1px solid #000;/*padding-bottom: 3%;*/font-size:15px;color:#5E5E5E;}
.tab-type2.col4 > li{width:25%;}
.tab-type2.col6 > li{width:calc(100% / 6);}
.tab-type2:after{display:block;content:'';clear:both;}
.tab-type2 > li{float:left;width:20%;border-left:none;}
.tab-type2 > li:last-child{border-radius:0 8px 8px 0;}
.tab-type2 > li a{display:block;text-align:center;font-size:14px;color:#888;}
.tab-type2 > li.on{position:relative;}
.tab-type2 > li.on a{color:#000;}
.tab-type2 > li.on a:before{content:'';position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;}
.tab-type2-cont{display:none;}
.tab-type2-cont.on{display:block;}

.circle_tab{display: flex;justify-content: space-between;}
/* .circle_tab > li{display: flex;flex-flow: nowrap column;} */

/*table*/
[class^='board-wrap']{margin-top:15px; padding: 0 3%;}
[class^='board-wrap'] table{border-top:1px solid #000;}
[class^='board-wrap'] table.no-data{padding:130px 0;text-align:center;}
[class^='board-wrap'] table th,
[class^='board-wrap'] table td{border-bottom:1px solid #e6e6e6;text-align:center;font-size:13px;color:#333;word-break:keep-all;}
[class^='board-wrap'] table th{padding:12px 0;background:#f9f9f9;color:#888;}
[class^='board-wrap'] table td{padding:10px 0;color:#555;}
[class^='board-wrap'] table.no-data td{color:#888;padding:130px 0;}
[class^='board-wrap'] table td a:hover{text-decoration:underline;color:#0ca78c;}
[class^='board-wrap'] table .tl{padding-left:40px !important;text-align:left;}
[class^='board-wrap'] table .txt_over{max-width:90%;}
[class^='board-wrap'] table .tag-txt{padding:4px 15px;font-size:14px;color:#0ca78c;border:1px solid #0ca78c;border-radius:18px;}
.select-area.v3 [class^='board-wrap']{margin: 0;border: 0;}
.select-area.v3 [class^='board-wrap'] table{border: 0;}

/*留욎땄寃��깋*/
.step-wrap{width:100%;overflow:hidden;display: flex;}
.step-wrap div{height:40px; line-height:40px;font-size:14px;}
.step-wrap .step-01,.step-wrap .step-02{width:43.5%;}
.step-wrap div select { width:100%; height:40px; padding: 0 8%; border-right: 0; font-size: 14px; } 
.step-wrap dl dt{height:48px;line-height:48px;text-align:center;font-weight:bold;color:#fff;}
.step-wrap dl dd{height:180px;overflow-y:auto;}
.step-wrap dl dd ul li{padding:10px 20px;color:#aaa;}
.step-wrap dl dd ul li a{color:#aaa;}
.step-wrap dl dd ul li:hover,
.step-wrap dl dd ul li.on{color:#000;font-weight:bold;}
.step-wrap dl dd ul li:hover a,
.step-wrap dl dd ul li.on a{color:#000;font-weight:bold;text-decoration:underline;}
.step-wrap dl.step-01 dt{background:linear-gradient(90deg, #06bb9b, #07bba4);}
.step-wrap dl.step-02 dt{background:linear-gradient(90deg, #06bb9b, #07bba4);}
.step-wrap dl.step-03 dt{background:linear-gradient(90deg, #06bb9b, #0ab8d2)}
.step-wrap dl.step-03{position:relative;width:56%;border-right:none;}
.step-wrap dl.step-03.blur:after{content:'';width:96%;position:absolute;bottom:0;right:0;box-shadow:0 0 20px 20px rgba(255,255,255,0.9);}
.step-wrap.v2 dl.step-01 dt{background:linear-gradient(90deg, #3cc8d9, #44bfd9);}
.step-wrap.v2 dl.step-02 dt{background:linear-gradient(90deg, #44bfd9, #51b2da);}
.step-wrap.v2 dl.step-03 dt{background:linear-gradient(90deg, #51b2da, #6d94db);}

/*custom scrollbar*/
.custom-scroll{overflow-y:auto;}
.custom-scroll::-webkit-scrollbar{width:10px;}
.custom-scroll::-webkit-scrollbar-track{background-color:transparent;}
.custom-scroll::-webkit-scrollbar-thumb{border-radius:8px;background-color:#a7a7a7;}
.custom-scroll::-webkit-scrollbar-button{width:0;height:0;}
.custom-scroll{/*ie*/scrollbar-track-color:#fff;scrollbar-face-color:#a7a7a7;}

.agree_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;z-index:10;}
.agree_popup{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 428px;background-color: #fff;}
.agree_popup .close{width: 25px;height: 25px;position: absolute;top:20px;right: 20px;}
.agree_bg .input_box{position: absolute;bottom: 20px;right: 15px;}
.agree_bg input{position: relative; margin-right: 5px;margin-left: 15px;width: 15px;height: 15px;vertical-align: middle;}
.agree_bg input+label{font-size: 14px;vertical-align: middle;}

.e_book_bg{position: fixed;top: 0;left: 0; background-color: rgba(0,0,0,0.6);width: 100%;display: block;height: 100%;display: none;z-index: 2;}
.e_book_pop{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);background-color: #fff; text-align: center;padding:30px;font-size: 19px;}
.e_book_pop .btn_box{margin-top: 10px;}
.e_book_pop .login_page_btn{background-color: #09b69b;display: inline-block;white-space: nowrap;color:#fff;border: 1px solid #000;padding:0 10px;margin-right: 10px;}
.e_book_pop .close_btn{display: inline-block;white-space: nowrap;border: 1px solid #000;padding:0 10px}

/*sub_txt*/
.sub_txt{padding:5% 3% 0}
.sub_txt.v2{padding: 5% 4% 2%;color: #949494;font-size: 0.75rem;letter-spacing: -0.03rem;}
.main-visual-area.loadbx {visibility: hidden; opacity: 0;}
.main-visual-area .bxslider-default a{width:100%; float:left;}
.main-visual-area .bxslider-default a img{max-width: 100%;}

.my-study.loadbx {visibility: hidden; opacity: 0;}
.my-study .bxslider-default a{width:100%; float:left;}
.my-study .bxslider-default a img{max-width: 100%;}

/*문제지 다운로드*/
.test-wrap{margin-top:0;padding:0;}
.test_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index:20;display: none;}
.test_popup{position: absolute;top: 30%;left:4%;width: 92%;background-color: #fff;border-radius: 10px;overflow: hidden;}
.test_popup h5{background:#2bbea4;color:#fff;font-size:17px;padding:7px 10px;}
.test_popup p{text-align: center;padding:25px;border-bottom:1px solid #ddd;width:90%;margin:0 auto;}
.test_popup .close{color:#fff;position: absolute;top:10px;right: 12px;font-size:20px;width:20px;height:20px;}
.test_popup .input_box{width:92%;margin: 10px auto;}
.test_popup label{width:50%;display: inline-block;}
.test_popup input{position:static;margin-right:5px;}

.test_list_item{padding: 6.5% 0;border-bottom: 1px solid #e6e6e6;background: url(//gscdn.hackers.co.kr/hackersbook_m/common/check_off.png) 96% center no-repeat;background-size:20px;}
.test_list_item.on{background: #f0fafb url(//gscdn.hackers.co.kr/hackersbook_m/common/check_on.png) 96% center no-repeat;background-size:20px;}
.test_list_item .btn_area{display: inline-block;width: 10%;vertical-align: super;margin-left:3%;}
.test_list_item .mateial-tit{width: 76%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size:15px;}

.test_btn{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 10;overflow:hidden;display: none;}
.test_btn a{width: 50%;display: block;margin: 0;float: left;text-align: center;height: 50px;background: #555;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;}
.test_btn a.email_btn{background: #36cbb1;}

.email_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index:20;display: none;}
.email_popup p span{font-size:12px;color:#777;display: inline-block;margin:5px 0 15px;}
.email_popup p input{width: 100%;height: 35px;border-radius: 3px;}
.email_popup .input_box{width:70%;}
.email_popup .input_box a{width: 48%;height: 35px;border: 1px solid #999;line-height: 35px;display: inline-block;border-radius: 55px;text-align: center;margin-left: 1%;font-weight: bold;color: #777;font-size:14px;}
.email_popup .input_box a.email_submit{border-color: #1fb99e; color:#1fb99e}

#email_failed p span, #email_success p span{margin:5px 0 0px;}
#email_failed .input_box, #email_success .input_box{width:60%;}
#email_failed .input_box a, #email_success .input_box a{width:100%;}
#email_failed .input_box a.retry_btn{border-color: #1fb99e; color:#1fb99e;margin-bottom:10px;}

@media all and (max-width:750px) { html { font-size: 16px; }
 }
@media all and (max-width:580px) { html { font-size: 14px; }
 }
@media all and (max-width:450px) { html { font-size: 13px; }
 }
@media all and (max-width:380px) { html { font-size: 12px; }
 }