/* @charset "euc-kr";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Nanum Gothic bold';
  font-style: normal;
  font-weight: 900;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Nanum Gothic ebold';
  font-style: normal;
  font-weight: 900;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2');
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,p,h1,h2,h3,h4,h5,h6,ul{}
.battle_ranking_wrap *{font-family:"Nanum Gothic",'Malgun Gothic',Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset,button,input{border:0}
button{cursor:pointer}
input{vertical-align:middle}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}
legend {height:0px; line-height:0px; font-size:0px; overflow:hidden; visibility:hidden;}
.t_center{text-align:center}
.t_left{text-align:left}
.after{*zoom:1}
.after:after{display:block;clear:both;content:''}

.pad60 {padding:60px 0px;}

.toeic_battle_wrap {}

.battle_cont {position:relative; width:750px; margin:0 auto;}
.battle_cont2 {position:relative; width:810px; margin:0 auto;}

.bg1 {background:url("//image.gohackers.com/images/battle/bg1.jpg");}
.bg2 {background:#d8d8d8;border-bottom:5px solid #bdbdbd;}
.bg3 {background:#e5e5e5;color:#919191;}
.bg3 .battle_cont2 ul{padding:50px 100px 50px;}
.bg3 .battle_cont2 ul li{margin-bottom:10px;}

.battle_counter {border-bottom:2px solid #17a451;}
.counter_cont {position:relative; width:755px; margin:0 auto;}
.counter_cont .counter {position:absolute; top:18px; left:212px; display:inline-block;}
.counter_cont .counter li {float:left; display:inline-block; width:63px; height:67px; line-height:67px; color:#fff; font-family:"din,arial"; font-size:60px; font-weight:bold; text-align:center; margin-right:3px;}

.battle_wrap1 {border-top:2px solid #06622c;}
.battle_wrap2 {background:#ecc61f;}
.battle_wrap3 {background:#28578f;}

.battle_wrap1 img,
.battle_wrap2 img,
.battle_wrap3 img{vertical-align:top}


.before_login {position:relative; background:#e9e9e9; display:inline-block; width:650px; padding:21px 50px;}
.before_login .reg_wrap {float:left; display:inline-block; width:223px;}
.before_login fieldset {float:left; display:inline-block; border-left:1px solid #aaaaaa; width:380px; padding-left:38px;}
.before_login fieldset img {margin-bottom:13px;}
.before_login fieldset div {padding:4px 0px 3px 0px;}
.before_login fieldset div label {display:inline-block; height:24px; line-height:24px; color:#000000; font-size:12px;}
.before_login fieldset div label.tit {background:url("//image.gohackers.com/images/battle/bullet1.jpg") left center no-repeat; width:43px; font-family:"Nanum Gothic bold"; font-weight:bold; font-size:14px; padding-left:7px;}
.before_login fieldset div input.txt {border:1px solid #cccccc; width:93px; height:22px; line-height:22px; font-size:14px; padding-left:5px;}
.before_login fieldset div input.btn_login {border:none; background:#999999; width:63px; height:24px; line-height:22px; color:#fff; font-size:12px; text-align:center; cursor:pointer;}

.after_login {position:relative; background:#e9e9e9; display:inline-block; width:650px; min-height:111px; padding:21px 50px;}
.grade_wrap{overflow:hidden;}
.grade_wrap .grade_img{width:81px; height:111px;float:left;}
.grade_wrap .grade_txt{float:left;padding-left:16px;}
.grade_wrap .grade_txt span{color:#000;font-size:14px;font-family:"Nanum Gothic bold";}
.grade_wrap .grade_txt span strong{text-align:left;line-height:1.3;color:#000;font-family:"Nanum Gothic bold";font-size:30px;}
.grade_wrap .grade_nm{margin-top:10px;}
.grade_wrap .grade_nm li{background:url("//image.gohackers.com/images/battle/bullet1.jpg") left center no-repeat;padding-left:6px;font-size:14px;margin-bottom:5px;color:#000;font-family:"Nanum Gothic bold";}
.btn_item{float:left;padding:0 50px 0 30px;border-right:1px solid #aaaaaa;}

.after_login .my_score {border-left:1px solid #aaaaaa; height:85px; padding-top:13px; padding-left:30px; margin-top:8px;}
.after_login .my_score li {background:url("//image.gohackers.com/images/battle/bullet1.jpg") left center no-repeat; line-height:20px; color:#000; font-family:"Nanum Gothic bold"; font-size:14px; font-weight:bold; padding-left:6px;}
.after_login .btn_gray {position:absolute; top:22px; right:50px; display:inline-block; background:#999999; width:170px; height:42px; line-height:42px; color:#fff; font-size:16px; font-weight:bold; text-align:center; letter-spacing:-1px;}
.after_login .btn_blue {position:absolute; bottom:35px; right:50px; display:inline-block; background:#28568f; width:170px; height:42px; line-height:42px; color:#fff; font-size:16px; font-weight:bold; text-align:center; letter-spacing:-1px;}


.battle_ranking_wrap {background:#061e3c; width:694px; padding:33px 28px;}

.battle_best_ranking {display:none;background:#ffffff; overflow:hidden; padding:6px 25px; margin-bottom:23px;}
.battle_best_ranking.on{display:block;}
.battle_best_ranking strong {float:left; display:inline-block; background:url("//image.gohackers.com/images/battle/ico_char1.png") left center no-repeat; height:36px; line-height:36px; color:#000; font-family:"Nanum Gothic bold"; font-size:18px; font-weight:bold; padding-left:58px;}
.battle_best_ranking strong em {color:#0ca4ba;}
.battle_best_ranking div {float:right; padding-right:10px;}
.battle_best_ranking div span {display:inline-block; width:100px; height:36px; line-height:36px; color:#061e3c; font-family:"Nanum Gothic bold"; font-size:16px; font-weight:bold; text-align:right;}
.battle_best_ranking div span:first-child{width:200px;}
.battle_best_ranking.type1 em{color:#19984f;}
.battle_best_ranking.type2 em{color:#df465a;}


.battle_ranking {overflow:hidden;}
.battle_ranking li {float:left; display:inline-block; background:#ffffff; width:325px; padding:20px 8px; margin-left:6px;}
.battle_ranking li:first-child {margin-left:0px;}
.battle_ranking li h3 {color:#000; font-family:"Nanum Gothic ebold"; font-size:18px; font-weight:bold; text-align:center; letter-spacing:-1px; padding-bottom:6px;}


.tbl_ranking_list {table-layout:fixed; width:100%; border-collapse:collapse;}
.tbl_ranking_list thead tr th {height:36px;}
.tbl_ranking_list thead tr th span {display:block; border-top:2px solid #000; border-bottom:2px solid #000; background:url("//image.gohackers.com/images/battle/bg_bar1.jpg") left center no-repeat; width:100%; height:22px; line-height:22px; font-family:"Nanum Gothic bold"; font-size:11px; text-align:center;}
.tbl_ranking_list thead tr th:first-child span {background:none;}
.tbl_ranking_list tbody tr td {height:24px; line-height:24px; color:#222222; font-size:11px; text-align:center; letter-spacing:-1px;}
.tbl_ranking_list tbody tr:first-child td {background:#fff298; padding-top:2px;}
.tbl_ranking_list tbody tr:first-child td:first-child {background:url("//image.gohackers.com/images/battle/ico_star.png") center top no-repeat #fff298;}
.tbl_ranking_list tbody tr td p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.battle_ranking li:first-child .tbl_ranking_list tbody tr:first-child td {background:none;}



.ranking_paging {border-top:2px solid #000; text-align:center; margin-top:5px; padding:2px 0px;}
.ranking_paging a {display:inline-block; color:#222222; font-family:"Nanum Gothic bold"; font-size:11px; padding:5px 2px;}

.nick_ranking_search {text-align:center; padding-top:14px;}
.nick_ranking_search label {display:inline-block; width:40px; height:21px; line-height:21px; color:#222222; font-family:"Nanum Gothic bold"; font-size:11px; letter-spacing:-1px; vertical-align:middle;}
.nick_ranking_search input {border:1px solid #cccccc; background:#none; width:204px; height:19px; line-height:19px; padding:0px 5px; vertical-align:middle;}
.nick_ranking_search .btn_search {border:none; background:#cccccc; width:37px; height:21px; padding:0px;}
.nick_ranking_search a {display:inline-block; margin-top:8px;}


.theme_red h3 em {color:#df4557;}
.theme_red .tbl_ranking_list thead tr th span {border-color:#df4557; color:#df4557;}
.theme_red .ranking_paging {border-color:#df4557}
.theme_red .ranking_paging a.on {color:#df4557;}


.theme_green h3 em {color:#19984f;}
.theme_green .tbl_ranking_list thead tr th span {border-color:#19984f; color:#19984f;}
.theme_green .ranking_paging {border-color:#19984f}
.theme_green .ranking_paging a.on {color:#19984f;}


.theme_blue h3 em {color:#0ca4bb;}
.theme_blue .tbl_ranking_list thead tr th span {border-color:#0ca4bb; color:#0ca4bb;}
.theme_blue .ranking_paging {border-color:#0ca4bb}
.theme_blue .ranking_paging a.on {color:#0ca4bb;}


.char_share_wrap {background:#fff; width:750px; text-align:center; padding-bottom:47px;}
.share_chare_select {width:700px; padding:25px 0px; margin:0 auto; overflow:hidden;}
.share_chare_select li {position:relative; float:left; display:inline-block; width:130px; height:130px; margin:0 5px;}
.share_chare_select li input {position:absolute; top:0px; left:0px; outline:none; opacity:0; filter: alpha(opacity=00);zoom: 1;}
.share_chare_select li label {display:block; background:url("//image.gohackers.com/images/battle/bg_character.png") left top no-repeat; width:100%; height:100%; cursor:pointer;}
.share_chare_select li label span {visibility:hidden;}
.share_chare_select li.sel_char1 label {background-position:0px 0px}
.share_chare_select li.sel_char2 label {background-position:-130px 0px}
.share_chare_select li.sel_char3 label {background-position:-260px 0px}
.share_chare_select li.sel_char4 label {background-position:-390px 0px}
.share_chare_select li.sel_char5 label {background-position:-520px 0px}
.share_chare_select li.sel_char1:hover label {background-position:0px -130px}
.share_chare_select li.sel_char2:hover label {background-position:-130px -130px}
.share_chare_select li.sel_char3:hover label {background-position:-260px -130px}
.share_chare_select li.sel_char4:hover label {background-position:-390px -130px}
.share_chare_select li.sel_char5:hover label {background-position:-520px -130px}
.share_chare_select li.sel_char1.on label {background-position:0px -260px}
.share_chare_select li.sel_char2.on label {background-position:-130px -260px}
.share_chare_select li.sel_char3.on label {background-position:-260px -260px}
.share_chare_select li.sel_char4.on label {background-position:-390px -260px}
.share_chare_select li.sel_char5.on label {background-position:-520px -260px}


.tab_grade {width:755px; overflow:hidden;}
.tab_grade li {float:left; display:inline-block; background:url("//image.gohackers.com/images/battle/tab_character.png") left bottom no-repeat; padding-top:54px; margin-left:1px;}
.tab_grade li:first-child {margin:0px;}
.tab_grade li a {float:left; display:inline-block; background:url("//image.gohackers.com/images/battle/tab_grade.png") left top no-repeat; width:150px; height:117px;}
.tab_grade li a span {visibility:hidden;}
.tab_grade li.menu1 {background-position:0px 54px}
.tab_grade li.menu2 {background-position:-151px 54px}
.tab_grade li.menu3 {background-position:-302px 54px; width:151px;}
.tab_grade li.menu4 {background-position:-454px 54px}
.tab_grade li.menu5 {background-position:-605px 54px}
.tab_grade li.menu1.on a {background-position:0px -117px}
.tab_grade li.menu2.on a {background-position:-151px -117px}
.tab_grade li.menu3.on a {background-position:-302px -117px; width:151px;}
.tab_grade li.menu4.on a {background-position:-454px -117px}
.tab_grade li.menu5.on a {background-position:-605px -117px}
.tab_grade li.menu1 a {background-position:0px 0px}
.tab_grade li.menu2 a {background-position:-151px 0px}
.tab_grade li.menu3 a {background-position:-302px 0px; width:151px;}
.tab_grade li.menu4 a {background-position:-454px 0px}
.tab_grade li.menu5 a {background-position:-605px 0px}
.tab_grade li.menu1 a:hover {background-position:0px -117px}
.tab_grade li.menu2 a:hover {background-position:-151px -117px}
.tab_grade li.menu3 a:hover {background-position:-302px -117px; width:151px;}
.tab_grade li.menu4 a:hover {background-position:-454px -117px}
.tab_grade li.menu5 a:hover {background-position:-605px -117px}


.tab_cont_wrap {border-left:1px solid #006557; border-right:1px solid #006557; border-bottom:5px solid #006557; width:753px; height:358px; overflow:hidden; margin-bottom:60px;}
.tab_cont_list {width:3765px; overflow:hidden;}
.tab_cont_list li {float:left; display:inline-block; width:753px; height:358px;}
 */


/* ���¿������� */
.form_wrap{position:relative;}
.form_wrap .form_box{position:absolute;top:320px;left:322px;width:145px;height:32px;border:1px solid #e3e3e3;text-align:center;}
.form_wrap.con04 .form_box{top:290px}

/* ������ */
.form_wrap{width:100%;margin:30px auto 0;clear: both;}
.form_wrap input{width: calc(100% - 0px);height: 45px;margin-bottom:8px;padding: 3px;border-radius: 8px;background-color:#f6f7f8;text-indent:10px;caret-color:#00c994;color:#000;border:none;letter-spacing:-.5px;outline:none;}
.form_wrap .id_box{width:45%;}
.form_wrap .email_box {overflow: hidden;width:54%;float:right;}
.form_wrap .email_box input{width:90px;}
.add_member .form_wrap .email_box {overflow: hidden;width:100%;float:right;text-align:center;}
/* .add_member .form_wrap .email_box input{width:265px;} */
.add_member .form_wrap .email_box input{width:270px;}
.add_member .accordion-box .con b{font-size: 14px;}
.form_wrap .email_box #email2 {float: right;}
.form_wrap .out_email_box{display:flex;justify-content:space-between;align-items:center;width:100%;}
.form_wrap .out_email_box input{width:47%;}
.form_wrap input[type=text]:focus, .form_wrap input[type=email]:focus, .form_wrap input[type=tel]:focus{ border: solid 1px #00c994;background-color: #f8fefc;}
.form_wrap input[type=radio], .form_wrap input[type=checkbox]{display:none;}
.form_wrap input[type=radio] + label, .form_wrap input[type=checkbox] + label{display: inline-block;cursor: pointer;position: relative;padding-left: 27px;color:#000;line-height:15px;}
.form_wrap input[type=radio] + label:before, .form_wrap input[type=checkbox] + label:before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;left:0;top: -2px;background-color: #fff;border:1px solid #ccc;border-radius:6px;}
.form_wrap input[type=radio]:checked + label:before, .form_wrap input[type=checkbox]:checked + label:before {content:"";font-size: 18px;font-weight:800;color: #555;text-align: center;line-height: 22px;background:url('https://image.gohackers.com/img/voca/ic_check_on.png') no-repeat center/20px 20px;border:1px solid #00ac7e}
.form_wrap textarea{width:100%!important;font-family:'noto';outline:none;margin-bottom:8px;border-radius: 8px;background-color:#f6f7f8;padding:13px;caret-color:#00c994;color:#000;border:none;letter-spacing:-.5px;}

.form_wrap input.join_name{width:410px}
.form_wrap input.r_join_name{background: #fcfcfc;color:#333;outline: none;}
.sub_form{background:#f5f5f5;border-radius:6px;padding:13px;display: inline-block;}
#nicChkBtn{height:45px;width:130px;}

.border_box{border:1px solid #dbdbdb;border-radius:6px;width:100%;padding:15px;float: left;}
.accordion-box{width:100%;margin:0 auto;float:left;border:1px solid #dbdbdb;border-radius:6px;}
.accordion-box p{width:100%; padding:13px;color:#333;box-sizing:border-box;border-bottom:1px solid #dbdbdb;position:relative;}
.accordion-box p:last-child{border-bottom:none;}
.accordion-box .con{padding:13px; display:none;border-bottom:1px solid #dbdbdb;color:#a4a4a4;font-size:12px;word-break: keep-all;}
.accordion-box .ac_btn{position:absolute;right:10px;top:30%;background:url('https://image.gohackers.com/img/voca/main/ic_arrow_down.png');background-size:contain;width:20px;height:20px;}
.accordion-box .ac_btn.open{background:url('https://image.gohackers.com/img/voca/main/ic_arrow_up.png');background-size:contain;}

.member_out_box{width:100%;margin:0 auto;float:left;border:1px solid #dbdbdb;border-radius:6px;}
.member_out_box ul li{padding:10px 0;}
.member_out_box p{width:100%;color:#333; box-sizing:border-box;border-bottom:1px solid #dbdbdb;text-align:center;}
.member_out_text{padding:20px 0px;}
.member_out_box ul li:last-child > p{border-bottom:none;padding-bottom:10px;}


.login_wrap{background:#eaf8f4 url('https://image.gohackers.com/img/voca/pc_main/toon_main_start.png') no-repeat 20px top;background-size:contain;color:#999;padding:20px 20px 20px 140px;border-radius:8px;}
.login_wrap strong{font-size:22px;color:#666;line-height: 1.8;}
.login_wrap span{font-size:16px;}

.my_tab_wrap .tabs{width:100%;margin:0 auto;overflow:hidden;}
.my_tab_wrap .tabs li{width:365px;height:62px;line-height:62px;float:left;text-align: center;font-size:18px;}
.my_tab_wrap .tabs li a{display:block;width:100%;height:100%;color:#888;background:url("https://image.gohackers.com/img/voca/pc_main/box_off.png") no-repeat;background-size:contain;}
.my_tab_wrap .tabs li.on{width:375px;}
.my_tab_wrap .tabs li.on a{color:#00ac7e;font-weight:bold;}
.my_tab_wrap .tabs li:first-child.on a{background:url("https://image.gohackers.com/img/voca/pc_main/box_left_on.png") no-repeat;background-size:contain;}
.my_tab_wrap .tabs li:last-child.on a{background:url("https://image.gohackers.com/img/voca/pc_main/box_right_on.png") no-repeat;background-size:contain;}
.my_tab_wrap .tab_contents{width:100%;display:none;}
.my_tab_wrap .tab_contents.on{display:flex;}

.swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev{width:50px;height:50px;background-image:url('https://image.gohackers.com/img/voca/pc_main/btn_arrow_right_s.png');background-size:100%;}
.swiper-container .swiper-button-prev, .swiper-container .swiper-container-rtl .swiper-button-next{width:50px;height:50px;background-image:url('https://image.gohackers.com/img/voca/pc_main/btn_arrow_left_s.png');background-size:100%;}

.tab_slide .bx-wrapper{max-width:100%!important;}
.slide_box .bx-wrapper{max-width:100%!important;}

.tab_slide .w_item{width:149px!important;height:88px;float:left;display:flex;align-items:center;justify-content: center;flex-direction: column;font-size: 18px;cursor: pointer;}
.tab_slide .w_item em{font-size:14px;}
.tab_slide .w_item.toefl{background:url('https://image.gohackers.com/img/voca/pc_main/card_toefl_default.png') no-repeat;color:#00ac7e}
.tab_slide .w_item.ielts{background:url('https://image.gohackers.com/img/voca/pc_main/card_ielts_default.png') no-repeat;color:#ffcd82}
.tab_slide .w_item.wordbook{width:169px!important;background:url('https://image.gohackers.com/img/voca/pc_main/card_my_default.png') no-repeat;color:#c9abde}
.tab_slide .w_item.on.toefl{background:url('https://image.gohackers.com/img/voca/pc_main/card_toefl_on.png') no-repeat;color:#fff}
.tab_slide .w_item.on.ielts{background:url('https://image.gohackers.com/img/voca/pc_main/card_ielts_on.png') no-repeat;color:#fff}
.tab_slide .w_item.on.wordbook{background:url('https://image.gohackers.com/img/voca/pc_main/card_my_on.png') no-repeat;color:#fff}
.tab_slide .w_item.wordbook .ic_pen{width:16px;height:16px;display:inline-block;background:url("https://image.gohackers.com/img/voca/pc_main/ic_pen2.png") no-repeat;}
.tab_slide .w_item.on.wordbook .ic_pen{width:16px;height:16px;display:inline-block;background:url("https://image.gohackers.com/img/voca/pc_main/ic_pen.png") no-repeat;}

.main_setting{margin-top:17px;border-left:1px solid #e5e5e5;padding-left:10px}
.main_setting a:first-child{margin-right:7px;}

/* �ܾ��� */
.wordbook_back{background:#ebf6f3;padding: 16px 20px 22px;border-radius: 10px;}
.my_wordbook_list_btn{float:right;display:inline-block;}
.my_wordbook_list_btn a{font-size:14px;font-weight:bold;color:#999;margin-right:5px;line-height:24px;}
.my_wordbook_list_btn a.on, .my_wordbook_list_btn a.addword_btn{color:#00c994}
.my_wordbook_list_btn a.list_edit{display:inline-block;font-size:0;text-indent:-9999px;margin-right:0;background:url('https://image.gohackers.com/img/voca/wordbook/ic_edit.png');width:24px;height:24px;background-size:100%;float:right;}


.my_wordbook_list_card_warp {display:flex;max-height:700px;overflow-y:scroll;flex-wrap:wrap;width:100%;flex-direction: row;}
.my_wordbook_list_card{width:335px;margin:0 10px 8px 1px;border-radius:10px;padding:10px 20px 15px 20px;float:left;position:relative;background:#fff;border:1px solid #e8f1ee;color:#333;line-height:1.7;letter-spacing: -0.7px;}
.my_wordbook_list_card:nth-child(2n){margin-right:0;}
.my_wordbook_list_card .e_word{font-weight:bold;font-size:16px;word-break: break-all;}
.my_wordbook_list_card .k_mean{font-size:14px;width:270px;}
.my_wordbook_list_card .h_book{border-top:1px solid #e9efed;color:#999;font-size:12px;padding-top:3%;margin-top:5%;}
.my_wordbook_list_card .h_book p{display:inline-block;margin-right:10px;}
.my_wordbook_list_card .btn_voice{position:absolute;top:25%;right:5%;cursor:pointer;width:16px;height:16px;background:url('https://image.gohackers.com/img/voca/wordbook/btn_ voice.png');background-size:100%;}

/* card Ȱ��ȭ */
.my_wordbook_list_card.active{color:#00ac7e;border:1px solid #00ac7e;}
.my_wordbook_list_card.active .btn_voice{background:url('https://image.gohackers.com/img/voca/wordbook/btn_ voice_on.png');background-size:100%;}

/* �ܾ�OFF */
.wordoff .my_wordbook_list_card .e_word{background:#ebf5f2;color:#ebf5f2;display:inline}
/* ��OFF */
.meanoff .my_wordbook_list_card .k_mean{background:#ebf5f2;color:#ebf5f2;display:inline}

.my_wordbook_list_card .ic_sequence{position:absolute;top:20%;right:5%;width:30px;height:30px;background:url('https://image.gohackers.com/img/voca/wordbook/ic_sequence.png');background-size:100%;}
.my_wordbook_list_card .ic_edit{position:absolute;top:30%;right:18%;width:30px;height:30px;background:url('https://image.gohackers.com/img/voca/wordbook/ic_sequence_2.png');background-size:100%;}

/* �ܾ������� */
.my_wordbook_list_card_warp.edit{width:100%;}
.my_wordbook_list_card_warp.edit .my_wordbook_list_card{background:#f5fcfa;padding-left:50px;width:350px;}
.my_wordbook_list_card_warp.edit .my_wordbook_list_card .edit_inputbox{position:absolute;left:5%;top:25%;margin:0;width:auto;padding:0;background:none;}

#add_my_wordbook.modal .modal-content .modal-body{display:block;}
#add_my_wordbook.modal .modal-content .modal-body label{width:100%;display:block;color:#999;font-size:14px;} 

.my_wordbook_list_card_warp.edit.my_custom_word .e_word,
.my_wordbook_list_card_warp.edit.my_custom_word .k_mean{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:70%}

/* �����Ǵܾ��� */
.my_wordbook_addbox{border-top:1px solid #d3ddda;float:left;padding-top:20px;margin-top:20px;}
.my_wordbook_addbox input[type="text"]{width: 310px;height: 40px;padding: 8px 10px;border-radius: 8px;background: #f5fcfa;border:solid 1px #f5fcfa;font-size:16px;vertical-align:top;margin-right:10px;caret-color:#00c994}
.my_wordbook_addbox input[type="text"]:focus{border:solid 1px #00c994;outline: none;}
.my_wordbook_addbox .ic_plus_thin{display:inline-block;width:40px;height:40px;background:url('https://image.gohackers.com/img/voca/pc_main/ic_plus_thin.png');background-size:100%;}

.my_wordbook_editbox{border-radius: 10px;border: solid 1px #e1e1e1;margin:20px 0 10px 0;padding:15px 0;display:flex;justify-content:center;}
.my_wordbook_editbox a{display:block;border-right:1px solid #e5e5e5;font-size:16px;line-height:20px;padding:0 10px 0 28px;margin:0 5px;cursor: pointer;}
.my_wordbook_editbox a.ic_list{background:url('https://image.gohackers.com/img/voca/pc_main/ic_list.png') no-repeat left;}
.my_wordbook_editbox a.ic_upload{background:url('https://image.gohackers.com/img/voca/pc_main/ic_upload.png') no-repeat left;}
.my_wordbook_editbox a.ic_share{background:url('https://image.gohackers.com/img/voca/pc_main/ic_share.png') no-repeat left;}

.my_wordbook_list_edit .form_wrap{background:#f6f6f6; margin: 0 0 10px;padding: 17px 20px 19px;border-radius: 10px;display:flex;justify-content: space-between;align-items: center;font-size:16px;}
.my_wordbook_list_edit .my_wordbook_list_btn a{font-size:16px;}

/* �ܾ��� �����Խ��� */
.postbox_wrap{padding:0;margin-top:20px;}
.postbox{width:366px;height:102px;background:#f9f9f9;border:1px solid #f9f9f9;opacity:0.9;border-radius:10px;margin:0 18px 20px 0;padding:25px 29px;float:left;letter-spacing:-0.9px;cursor: pointer;}
.postbox:hover{background:#fff5ef;border:1px solid #ef6e3f}
.postbox:nth-child(2n){margin-right:0;}
.postbox .postbox_title{color:#333;font-size:18px;line-height: 28px;margin:0;}
.postbox .postbox_inner{color:#666;font-size:16px;line-height: 28px;margin:15px 0 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.postbox .postbox_user{color:#bbb;font-size:15px;line-height: 1;margin-top:6px;}

.btn_my_show{display:block;position:absolute;top:110px;left:58px;color:#fff!important;font-size:18px;border-bottom:1px solid #fff;background:url('https://image.gohackers.com/img/voca/pc_main/btn_link.png') no-repeat right;padding-right:18px;}

/* ��ī ���� ���� */
.book_tab_wrap{background:#f9fbff url('https://image.gohackers.com/img/voca/pc_main/bg_game_main_03.jpg') no-repeat bottom center;padding-bottom:270px;background-size:contain}
.book_tab{width:100%;margin:18px 0;float:left;}
.book_tab li{float:left;width:25%;color:#888;font-size:18px;line-height: 1.17;letter-spacing: -0.9px;text-align:center;border-left:1px solid #e5e5e5}
.book_tab li:first-child{border:none;}
.book_tab li.on a{color:#00ac7e;font-weight:bold;}
.book_tab_contents{display:none;float:left;}
.book_tab_contents.on{display:block}
.book_tab_contents .slide_box ul li{width:162px;text-align:center;color:#333;font-size:16px;}
.book_tab_contents .slide_box ul li .book_title{color:#00ac7e;font-weight:bold;margin-top:8px;}
.book_tab_contents .slide_box ul li .book_name{height:45px;}
.book_tab_contents .slide_box ul li img{width:162px;height:221px;}
/* �����̵� �¿� ��ư */
.slide_box .bx-controls-direction a{position:absolute;top:20%;display:block;font-size:0;text-indent:9999em;overflow:hidden;width:80px;height:80px;}
.slide_box .bx-controls-direction a.bx-prev{left:-40px;background-image:url('https://image.gohackers.com/img/voca/wordcard/btn_arrow_left.png');background-size:contain;}
.slide_box .bx-controls-direction a.bx-next{right:-40px;background-image:url('https://image.gohackers.com/img/voca/wordcard/btn_arrow_right.png');background-size:contain;}

.main_footer{color:#999;font-size:14px;line-height:18px;background:#f6f6f6;padding:16px 21px 19px;margin-top:20px;text-align:center;}


/* ���� ����? */
.shadow_box{border-radius:10px;box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.12);width:100%;padding:20px;}
.book_info{width:100%;font-size:16px;}
.book_info #select_book_img{width:100px;}
.battle_cont h4{font-size:20px;font-weight:bold;margin-bottom:10px;color:#333;line-height: 1.33;letter-spacing: -0.45px;position:relative;width:100%;}
.battle_cont h4.small{font-size:16px;color:#00ac7e}
.battle_cont h4 .btn_help{display:inline-block;height:20px;width:20px;background:url('https://image.gohackers.com/img/voca/main/ic_help.png') no-repeat;background-size:100% 100%;vertical-align:middle;}
.battle_cont h4 .btn_help .pop_box{display:none;opacity:0.8;background-color:#616161;border-radius:10px;color:#fff;position:absolute;top:130%;left:0;width:450px;padding:10px;font-size:12px;font-weight:normal;line-height: 1.71;letter-spacing: -0.35px;z-index:5;}
.battle_cont h4 .btn_help .pop_box.on{display:block;}
.battle_cont h4 .btn_help .pop_box ul{list-style:disc;padding-left:15px;}

.week_select_box_wrap{position:absolute;right:0;top:0;  width: 205px;height: 40px;border-radius: 6px;}
.select_list{width:100%;margin-top:5px;float:left;}
.select_list li{padding:4% 0;padding:10px 15px;color:#333;border:1px solid #dbdbdb;background:#fff;box-sizing:border-box;border-radius:6px;float:left;margin-right:1%;text-align:center;cursor: pointer;}
.select_list li:nth-child(4){margin-right:0;}
.select_list li.active{background:#eefffa;color:#00c48f;border:1px solid #00c48f;}

/* ����? */
.setting_list{width:98%;}
.setting_list li{width:100%;position:relative;height: 68px;}
.setting_list input{width:calc(100% - 35px);float:left;font-size:14px;outline:none;height:60px;line-height:60px;}
.setting_list p.btn_minus{float:right;background:url('https://image.gohackers.com/img/voca/btn_minus.png') no-repeat;background-size:24px;width:24px;height:24px;margin-top:18px;}
.setting_list a.ic_sequence_line{display:inline-block;font-size:0;text-indent:-9999px;margin-right:0;background:url('https://image.gohackers.com/img/voca/ic_sequence_line.png') no-repeat;width:17px;height:12px;background-size:100%;position:absolute;top:23px;right:45px;}
#card_my_setting .scroll_box, #card_my_save .scroll_box{max-height:300px;overflow-y:scroll;}

#card_my_save .setting_list li label{width:100%;}
#card_my_save .setting_list input{width:100%;}
.form_wrap .setting_list li input[type=radio] + label:before, .form_wrap .setting_list li input[type=checkbox] + label:before{top:17px;}

.wordbook_table{width:100%;border-radius:10px;overflow: hidden;font-size:14px;color:#666;border-collapse: collapse;display:block;}
.wordbook_table th{background:#f5fcfa;border:1px solid #e8f1ee;padding:10px;text-align: left;width:273px;}
.wordbook_table tbody{display:block;max-height:300px;overflow-y:scroll;}
.wordbook_table td{border:1px solid #e8f1ee;padding:10px;word-break: break-all;width:273px;}
.wordbook_table td:first-child{font-weight: bold;}

#modal_wordbook_post .post_title{color:#333;}
#modal_wordbook_post .post_content{color:#666;margin:10px 0;}
#modal_wordbook_post .btn_more{border-bottom:1px solid #e5e5e5;text-align: right;padding-bottom:10px;}
#modal_wordbook_post .btn_more a{width:30px;height:30px;display:inline-block;margin-left:10px;}
#modal_wordbook_post .btn_more a.ic_delete{background:url('https://image.gohackers.com/img/voca/pc_main/ic_delete.png') no-repeat;}
#modal_wordbook_post .btn_more a.ic_sequence{background:url('https://image.gohackers.com/img/voca/pc_main/ic_sequence.png') no-repeat;}

#modal_card_upload #file_name{display: block;float: left;width: 426px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;margin-left: 2.5%;}
#modal_card_upload #file_btn{display: block;float: left;width: 100px;height: 45px;margin-bottom: 8px;text-align: center;line-height: 45px;background: #dddddd;border-top-right-radius: 8px;border-bottom-right-radius: 8px;color: #000;font-size: 13px;letter-spacing: -.5px;}


.loading_wrap{z-index:999;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;flex-direction:column;align-items:center}
.loading_wrap img{width:168px;}
.loading_wrap span{font-size:28px;font-weight:bold;color:#fff;}

.img_main_bg{width:100%;height:660px;background:#fff url('https://image.gohackers.com/img/voca/pc_main/img_main_bg_02.png') no-repeat top center;background-size:100%;transition: all .5s;}