/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body,select,input,textarea {
    color: #222;
    font-family: "NanumGothic", serif;
    font-size: 18px;
    line-height: normal;
}
/*button reset*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Make `a` like a button */
[role="button"] {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;

}

@font-face {font-family:"alphabet"; src:url('../css/VAG-ROUND.woff') format("woff");}
@font-face {font-family:"alphabet_j"; src:url('../css/BMJUA.woff') format("woff");}

@font-face {font-family:"NanumGothic"; src:url('../css/NanumGothicLight.woff') format("woff"); font-weight: 100;}
@font-face {font-family:"NanumGothic"; src:url('../css/NanumGothic.woff') format("woff"); font-weight: 400;}
@font-face {font-family:"NanumGothic"; src:url('../css/NanumGothicBold.woff') format("woff"); font-weight: 700;}
@font-face {font-family:"NanumGothic"; src:url('../css/NanumGothic-ExtraBold.woff') format("woff"); font-weight: 900;}




@font-face {font-family:"NanumMyeongjo"; src:url('../css/NanumMyeongjo.woff') format("woff");}
@font-face {font-family:"NanumMyeongjoBold"; src:url('../css/NanumMyeongjoBold.woff') format("woff");}

@font-face {font-family:"NanumSquareB"; src:url('../css/NanumSquareB.woff') format("woff");}
@font-face {font-family:"NanumSquareEB"; src:url('../css/NanumSquareEB.woff') format("woff");}
@font-face {font-family:"NanumSquareL"; src:url('../css/NanumSquareL.woff') format("woff");}
@font-face {font-family:"NanumSquareR"; src:url('../css/NanumSquareR.woff') format("woff");}

VAG-ROUND.woff


@font-face {
  font-family: 'OpenSans';
  src: url('../css/OpenSans-Light.woff') format('woff');   
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('../css/OpenSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../css/OpenSans-SemiBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../css/OpenSans-Bold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

.displayNone{display:none};
.clearBoth{background: #000 !important;}
.clearBoth::after{display:"block";content:" ";clear: both;}
*, *:before, *:after {
  box-sizing: border-box;
}
select{
  padding: .8em .5em; /* 여백으로 높이 설정 */ 
  font-family: inherit; /* 폰트 상속 */ 
  background: url(../img/ico_selectdrop.png) no-repeat 95% 50%; /* 네이티브 화살표 대체 */ 
  border: 1px solid #e5e5e5; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */ 
  -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
  -moz-appearance: none; 
  appearance: none;
}
select::-ms-expand { 
  display: none; 
}






/*

#wrap{
  position: relative;
  width:1280px;
  height:750px;
  font-family:"NanumSquareR";
  

}
#logo{display:block;position: absolute;left:548px;bottom:17px; width:189px;height:44px;background:url(../img/book_main/logo.png) 0 0 no-repeat;}

.no_select{
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}


.btn_prev{
    display:none;
	position: absolute;
    top: 248px;
    left: -6px;
    width: 104px;
    height: 155px;
    cursor: pointer;
    font-size: 0;
	background:url(../img/common/btn_prv.png) 0 0 no-repeat;background-size:contain;
	z-index:2;
}
.btn_next {
    display:none;
	position: absolute;
    top: 248px;
    right: -6px;	
    width: 104px;
    height: 155px;
    cursor: pointer;
    font-size: 0;
	background:url(../img/common/btn_nxt.png) 0 0 no-repeat;background-size:contain;
	z-index:2;
}

#template .btn_prev, #template .btn_next, #template .active_motion{
  -webkit-transition: all 80ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 80ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 80ms ease-in;
  -moz-transform: scale(1);
  transition: all 80ms ease-in;
  transform: scale(1);
}

#template .btn_prev:active, #template .btn_next:active, #template .active_motion:active{
  -webkit-transition: all 80ms ease-in;
  -webkit-transform: scale(0.9);
  -ms-transition: all 80ms ease-in;
  -ms-transform: scale(0.9);
  -moz-transition: all 80ms ease-in;
  -moz-transform: scale(0.9);
  transition: all 80ms ease-in;
  transform: scale(0.9);
}




.btn_close{
  position: absolute;
  top:12px;
  right:15px;
  width:83px;
  height:83px;
  font-size: 0;
  background:url(../img/common/btn_closs.png) 0px 0px no-repeat;
  cursor: pointer;
}
.btn_close:hover{ background-position:0px -100px; }

.btn_back{
  position: absolute;
  top:12px;
  left:15px;
  width:83px;
  height:83px;
  font-size: 0;
  background:url(../img/common/btn_prev_page.png) 0px 0px no-repeat;
  cursor: pointer;
}
.btn_back:hover{
  background:url(../img/common/btn_prev_page.png) 0px -100px no-repeat;
}
.btn_home{
  position: absolute;
  top:12px;
  right:15px;
  width:83px;
  height:83px;
  font-size: 0;
  background:url(../img/common/btn_closs.png) 0px 0px no-repeat;
  cursor: pointer;
}
.btn_home:hover{
  background-position:0px -100px;
}


#wrap>div#popup_start {
  position: absolute;
  top:0;
  left: 0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index :9999;
}

#popup_start > div{
  position: relative;
  width:1280px;
  height:750px;
  margin:0 auto;
  display:block; 
  
}

#popup_start .dialog_common .dir{position:relative;width:700px;}
#popup_start .dialog_common .dir div:nth-child(1){position: absolute;left:290px;top:340px;width:100%;text-align:center;font-family:"NanumSquareB";font-size:24px;}
#popup_start .dialog_common .dir div:nth-child(2){position: absolute;left:290px;;top:450px;width:100%;text-align:center;font-family:"NanumSquareB";font-size:24px;}
#popup_start .dialog_common .dir div:nth-child(2) button{width:180px;height:60px;background:url(../img/ebook/btn_ok.png) 0 0 no-repeat;background-size:contain;font-size:0}



#popup_start .dialog_common .leveltestRest{position:relative;width:700px;}
#popup_start .dialog_common .leveltestRest div:nth-child(1){position: absolute;left:290px;top:380px;width:100%;text-align:center;font-family:"NanumSquareB";font-size:24px;}
#popup_start .dialog_common .leveltestRest div:nth-child(2){position: absolute;left:290px;;top:408px;width:100%;text-align:center;font-family:"NanumSquareB";font-size:24px;}
#popup_start .dialog_common .leveltestRest div:nth-child(3){position: absolute;left:290px;;top:550px;width:100%;text-align:center;font-family:"NanumSquareB";font-size:24px;}
#popup_start .dialog_common .leveltestRest div:nth-child(3) button{width:384px;height:59px;background:url(../img/level_test/btn_return.png) 0 0 no-repeat;background-size:contain;font-size:0}


.pull-right{float: right;}
#popup_start .dialog_common .pop_voca{position:relative;top:30px;width:80%;background:#fff;margin: 0 auto;}
#popup_start .dialog_common .pop_voca .head{background: url(../img/common/pophead_bg.png) 0 0 repeat-x;background-size: contain;font-size: 30px;color: #fff;font-weight: 700;line-height: 36px;padding: 30px;box-sizing: border-box;}
#popup_start .dialog_common .pop_voca .close{position: absolute;right:20px;top:20px;width:24px;height:24px;background:url(../img/common/btn_popclose.png) 0 0 no-repeat;font-size:0;cursor: pointer;}
#popup_start .dialog_common .pop_voca .body{padding: 30px;height:510px;overflow-y:auto;}
#popup_start .dialog_common .pop_voca .body .voca_list{}
#popup_start .dialog_common .pop_voca .body .voca_list dt{background: #f2f2f2;font-size: 22px;font-weight: 700;color: #222;border-top: 1px solid #e5e5e5;padding: 20px 30px;}
#popup_start .dialog_common .pop_voca .body .voca_list dt em{font-size: 14px;color: #69be00;background: transparent;vertical-align: inherit;}
#popup_start .dialog_common .pop_voca .body .voca_list dt .pull-right{font-size: 14px;color: #555555;width:80px;text-align:right;}
#popup_start .dialog_common .pop_voca .body .voca_list dd{padding: 15px 30px;color: #888888;font-size: 14px;}
#popup_start .dialog_common .pop_voca .body .voca_list dd b{font-size: inherit;color: #222;font-weight: 700 !important;vertical-align: baseline;}
#popup_start .dialog_common .pop_voca .body .voca_list dd.definition{font-size: 16px;color: #666666;padding: 20px 30px;border-bottom: 1px dashed #eeeeee;}
#popup_start .dialog_common .pop_voca .body .voca_list dd.definition span{display: inline-block;background: #84d422;color: #fff;font-size: 14px;padding:5px 6px;border-radius: 3px;font-weight: 700;margin-right: 5px;}
#popup_start .dialog_common .pop_classify .foot .btn_wrap{text-align: right;}
#popup_start .dialog_common .pop_classify .foot{padding: 15px 30px;min-height: auto;}
#popup_start .dialog_common .pop_classify .body{padding-bottom: 0;}
#popup_start .dialog_common .pop_classify .body .scrollbar-inner{height: 381px;padding-right: 20px;}
#popup_start .dialog_common .pop_classify .body dl{border: 1px solid #eeeeee;margin-bottom: 10px;}
#popup_start .dialog_common .pop_classify .body dt{font-size: 20px;color: #222;font-weight: 700;background: #f2f2f2;padding: 17px 20px;}
#popup_start .dialog_common .pop_classify .body dd{font-size: 16px;color: #666666;line-height: 26px;padding: 17px 20px;box-sizing: border-box;}

#popup_start .dialog_common .pop_voca .body::-webkit-scrollbar{width:10px;}
#popup_start .dialog_common .pop_voca .body::-webkit-scrollbar-track{background: #f1f1f1;}
#popup_start .dialog_common .pop_voca .body::-webkit-scrollbar-thumb {background: #888;}
#popup_start .dialog_common .pop_voca .body::-webkit-scrollbar-thumb:hover {background: #555;}


@media screen and (max-width: 600px){
	
	#popup_start .dialog_common .pop_voca .pop_voca .head,.pop_voca .body{
		padding:20px 10px;
	}
	#popup_start .dialog_common .pop_voca .pop_voca .body .voca_list dt,.pop_voca .body .voca_list dd,.pop_voca .body .voca_list dd.definition{
		padding: 20px 15px;
	}
	
}




#leveltest{display:none;width:1280px;height:750px;background:url(../img/level_test/leveltest1_bg.png) 0 0 no-repeat;}
#leveltest .top{position: relative;left:0px;top:0px;width:100%;height:52px;color:#fff;line-height: 52px;vertical-align: middle;}
#leveltest .top >div{display:table;height:128px;padding:0 29px;}
#leveltest .top >div h1{display:table-cell;vertical-align:middle;font-family:"NanumSquareB";font-size:40px;}
#leveltest .top >div h1 >span{font-size:40px;height:30px;padding:5px 12px;vertical-align: middle}
#leveltest .top >div >.close{position: absolute;right:20px;top:20px;width:31px;height:31px;background:url(../img/book_home/close.png) 0 0 no-repeat;font-size:0;}

#leveltest .homebody{position: relative;left:0px;top:94px;width:100%;}
#leveltest .homebody >ul{position: absolute;left:109px;top:10px;width:1060px;}
#leveltest .homebody >ul li:nth-child(1){display:block;}
#leveltest .homebody >ul li:nth-child(1) >h2{font-family:"NanumSquareB";}
#leveltest .homebody >ul li:nth-child(1) form >div{position: absolute;left:109px;top:78px;width:860px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1){position: absolute;left:0px;top:0px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dt{font-family:"NanumSquareB";font-size:24px;margin-bottom:26px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dd{font-family:"NanumSquareB";font-size:18px;line-height:30px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dd span{width:146px;display:inline-block;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dd span:last-child{width:210px;}

#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dd input{margin-right:10px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(1) dd label{padding-right: 20px;font-size:17px;}

#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(2){position: absolute;left:0px;top:137px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(2) dt{font-family:"NanumSquareB";font-size:24px;margin-bottom:26px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(2) dd input{width:402px;height:43px;border: 1px solid #d9d9d9;padding: 0 5px;}

#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(3){position: absolute;left:0px;top:267px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(3) dt{font-family:"NanumSquareB";font-size:24px;margin-bottom:26px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(3) dd{font-family:"NanumSquareB";font-size:18px;line-height:30px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(3) dd input{margin-right:10px;}
#leveltest .homebody >ul li:nth-child(1) form >div dl:nth-child(3) dd label{padding-right: 20px;font-size:17px;}
#leveltest .homebody >ul li:nth-child(1) .btnArea{position: absolute;left:328px;top:473px;width:410px;}
#leveltest .homebody >ul li:nth-child(1) .btnArea button{width:410px;height:60px;border-radius:30px;color:#fff;font-size:24px;font-family:"NanumSquareB";background:#84d422;text-align:center;}

#leveltest .homebody >ul li:nth-child(2){display:none;height:442px;background:#fff;}
#leveltest .homebody >ul li:nth-child(2) >ol{position: absolute;left:109px;top:93px;width:847px;height:254px;background:#fff;}
#leveltest .homebody >ul li:nth-child(2) >ol li{clear:both;position: relative;display:block;font-size:24px;color:#000;font-family:"NanumSquareB";}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(1){height:79px;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(2){height:79px;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(3){height:59px;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(4){height:39px;}
#leveltest .homebody >ul li:nth-child(2) >ol li:before{position: absolute;left:-19px;top:9px;width:7px;height:7px;font-size:0px;content:"·";background:url(../img/level_test/dot.png) 0 0 no-repeat;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(1):after{position: absolute;left:0;top:65px;width:851px;height:4px;font-size:0px;content:"·";background:url(../img/level_test/line.png) 0 0 no-repeat;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(2):after{position: absolute;left:0;top:65px;width:851px;height:4px;font-size:0px;content:"·";background:url(../img/level_test/line.png) 0 0 no-repeat;}
#leveltest .homebody >ul li:nth-child(2) >ol li:nth-child(3):after{position: absolute;left:0;top:42px;width:851px;height:4px;font-size:0px;content:"·";background:url(../img/level_test/line.png) 0 0 no-repeat;}


#leveltest .homebody >ul li:nth-child(2) .btnArea{position: absolute;left:109px;top:363px;width:410px;}
#leveltest .homebody >ul li:nth-child(2) .btnArea button{position: absolute;width:410px;height:60px;border-radius:30px;color:#fff;font-size:24px;font-family:"NanumSquareB";text-align:center;}
#leveltest .homebody >ul li:nth-child(2) .btnArea button:nth-child(1){background:#5b6770;left:0;}
#leveltest .homebody >ul li:nth-child(2) .btnArea button:nth-child(2){background:#84d422;left:433px;}


#leveltest .homebody span{position: relative;}
#leveltest .homebody input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
#leveltest .homebody input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
#leveltest .homebody input[type="radio"] + label:before {content: ''; position: absolute;left: 0;top: 4px;width: 18px;height: 18px;text-align: center;background: #fafafa;border: 1px solid #cacece;border-radius: 100%;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
#leveltest .homebody input[type="radio"] + label:active:before,
#leveltest .homebody input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
#leveltest .homebody input[type="radio"]:checked + label:before {background: #84d422;border-color: #adb8c0;}
#leveltest .homebody input[type="radio"]:checked + label:after {content: '';position: absolute;top: 10px;left: 6px;width: 8px;height: 8px;background: #fff;border-radius: 100%;}


#free{width: 1280px;height: 750px;background:#fff;display:none;}
#free .head{font-size: 42px;font-weight: 400;padding: 44px 40px;box-sizing: border-box;background: url(../img/free/pophead_bg.png) 0 0 repeat-x;background-size: contain;color: #fff;position: relative;}
#free .head .close{display: block;width: 30px;height: 30px;background: url(../img/free/ex_wrap_close.png) 0 0 no-repeat;position: absolute;top: 20px;right: 20px;cursor: pointer;}
#free .body{padding: 45px 114px;box-sizing: border-box;}
#free .booklist:after{content: "";display: block;clear: both;}
#free .booklist li{float: left;width: calc(20%);}
#free .booklist li+li+li+li+li+li{margin-top: 37px;}
#free .booklist li div{display: block;cursor: pointer;}
#free .booklist li div:hover p:nth-of-type(2) span{background: #69be00;font-weight: 500;}
#free .booklist li div p{text-align: center;}
#free .booklist li div p:nth-of-type(1){position: relative;padding-bottom: 10px;}
#free .booklist li div p:nth-of-type(1):after{content: "";position: absolute;width: 100%;height: 10px;background: #dddddd;bottom: 0px;left: 50%;margin-left: -50%;}
#free .booklist li div p:nth-of-type(1) img{width: 120px;height: 186px;}
#free .booklist li div p:nth-of-type(2) span{display: inline-block;width: 135px;line-height:40px;background: #84d422;color: #fff;font-size: 16px;font-weight: 400;margin-top: 10px;border-radius: 34px;}


#book_home{display:none;width:1280px;height:750px;background:url(../img/book_home/bookhome_bg.jpg) 0 0 no-repeat;}
#book_home .top{position: relative;left:0px;top:0px;width:100%;height:52px;color:#fff;line-height: 52px;vertical-align: middle;}
#book_home .top >div{display:table;height:128px;padding:0 29px;}
#book_home .top >div h1{display:table-cell;vertical-align:middle;font-family:"NanumSquareB";font-size:40px;}
#book_home .top >div h1 >span:nth-child(1){border-radius:10px;font-size:18px;height:30px;padding:5px 12px;background:#69be00;margin-right:18px;vertical-align: middle}
#book_home .top >div h1 >span:nth-child(1) span{}
#book_home .top >div h1 >span:nth-child(2){}
#book_home .top >div >.close{position: absolute;right:20px;top:20px;width:31px;height:31px;background:url(../img/book_home/close.png) 0 0 no-repeat;font-size:0;}

#book_home .homebody{position: relative;left:0px;top:132px;width:100%;}

#book_home .homeleft{position: absolute;left:80px;top:5px;}
#book_home .homeleft .cover{height:320px;line-height:320px;}
#book_home .homeleft .cover img{width:200px;vertical-align:middle;}
#book_home .homeleft >div:nth-child(2){position: absolute;left:0;top:323px;}
#book_home .homeleft >div:nth-child(2) h2{font-family:"NanumSquareB";width:200px;}
#book_home .homeleft >div:nth-child(2) ul{margin-top:30px;}
#book_home .homeleft >div:nth-child(2) ul li{height:39px;}
#book_home .homeleft >div:nth-child(2) ul li span{width:20px;height:20px;display:inline-block;background:url(../img/book_home/white.png) 0 0 no-repeat;margin-right:10px;font-size:0;vertical-align: top;}
#book_home .homeleft >div:nth-child(2) ul li.active span{width:20px;height:20px;background:url(../img/book_home/green.png) 0 0 no-repeat;}


#book_home .homeright{position: absolute;left:325px;top:0;}
#book_home .homeright h2{margin-bottom:5px;font-family:"NanumSquareB";}
#book_home .homeright div#info{height:262px;}
#book_home .homeright ul{width:873px;border-top:2px solid #54565b;border-left:1px solid #e5e5e5;}
#book_home .homeright ul li{height:55px;line-height:55px;vertical-align:middle;display:inline-block;border-right:1px solid #e5e5e5;}
#book_home .homeright ul li dl {display:table;border-bottom:1px solid #e5e5e5;}
#book_home .homeright ul li dl dt{display:table-cell;width:132px;height:55px;line-height:25px;font-size:16px;font-family:"NanumSquareB";color:#b2b2b2;padding-left:23px;vertical-align: middle;}
#book_home .homeright ul li dl dd{display:table-cell;width:232px;height:55px;line-height:25px;font-size:18px;font-family:"NanumSquareB";padding-left:30px;vertical-align: middle;}
#book_home .homeright ul li:nth-child(2n) dl dt{width:192px;}
#book_home .homeright ul li:nth-child(2n) dl dd{width:207px;}


#book_home .homeright .btnAreaRight{margin-top:62px;}

#book_home .homeright .btnAreaRight button.dimmed{opacity: 0.5;}
#book_home .homeright .btnAreaRight button:nth-child(1){margin-right:16px;width:278px;height:100px;background:url(../img/book_home/btn_learn.png) 0 0 no-repeat;background-size:contain;font-size:0}
#book_home .homeright .btnAreaRight button:nth-child(2){margin-right:16px;width:278px;height:100px;background:url(../img/book_home/btn_read.png) 0 0 no-repeat;background-size:contain;font-size:0}
#book_home .homeright .btnAreaRight button:nth-child(3){width:278px;height:100px;background:url(../img/book_home/btn_check.png) 0 0 no-repeat;background-size:contain;font-size:0}

#book_home .homeright .btnAreaRight button:nth-child(1):hover{background:url(../img/book_home/btn_learn_hover.png) 0 0 no-repeat;}
#book_home .homeright .btnAreaRight button:nth-child(2):hover{background:url(../img/book_home/btn_read_hover.png) 0 0 no-repeat;}
#book_home .homeright .btnAreaRight button:nth-child(3):hover{background:url(../img/book_home/btn_check_hover.png) 0 0 no-repeat;}

#book_home .leveltest{display:none;}





#word_cts{display:none;}
#word_cts .top{position: absolute;left:0px;top:0px;width:100%;height:78px;background:#464861;color:#fff;line-height: 78px;vertical-align: middle;border-top:1px solid #727586;border-bottom:1px solid #9fa0a2}
#word_cts .top >div.left{position: absolute;left:0px;top:1px;width:810px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#word_cts .top >div.left >span{font-size:30px;font-family:"NanumSquareB";}
#word_cts .top >div.left >span:nth-child(1){margin-right:28px;display:inline-block;width:228px;height:76px;color:#91c5fe;background:#586da2;border-radius: 0 40px 40px 0;}
#word_cts .top >div.left >span:nth-child(1) img{margin:0 20px 0 13px;vertical-align:middle;cursor: pointer;}
#word_cts .top .corner{position: absolute;right:262px;top:20px;height:78px;text-align:right;}
#word_cts .top .corner div{height:20px;line-height:20px;font-size:21px;}
#word_cts .top .corner div:nth-child(2){color:#a2a4b0;}

#word_cts .top .page{position: absolute;right:150px;top:2px;font-size:21px;width:90px;height:50px;line-height:50px;background:#a7b5be;border-radius:50px;margin-top:12px;text-align:center;}
#word_cts .top .page >em{margin:0 5px;}
#word_cts .top .page >em:nth-child(2){color:#647587;}

#word_cts .top .btn_vocab{position: absolute;right:75px;top:12px;width:58px;height:59px;background:url(../img/common/btn_vocab.png) 0 0 no-repeat;font-size:0;}
#word_cts .top .btn_print{position: absolute;right:10px;top:12px;width:57px;height:59px;background:url(../img/common/btn_print.png) 0 0 no-repeat;font-size:0;}

#reading_cts{display:none;}

#check_cts{display:none;}
#check_cts .top{position: absolute;left:0px;top:0px;width:100%;height:78px;background:#464861;color:#fff;line-height: 78px;vertical-align: middle;border-top:1px solid #727586;border-bottom:1px solid #9fa0a2}
#check_cts .top >div.left{position: absolute;left:0px;top:1px;width:890px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#check_cts .top >div.left >span{font-size:30px;font-family:"NanumSquareB";}
#check_cts .top >div.left >span:nth-child(1){margin-right:28px;display:inline-block;width:228px;height:76px;color:#91c5fe;background:#586da2;border-radius: 0 40px 40px 0;}
#check_cts .top >div.left >span:nth-child(1) img{margin:0 20px 0 13px;vertical-align:middle;cursor: pointer;}
#check_cts .top .corner{position: absolute;right:122px;top:20px;height:78px;text-align:right;}
#check_cts .top .corner div{height:20px;line-height:20px;font-size:21px;}
#check_cts .top .corner div:nth-child(2){color:#a2a4b0;}

#check_cts .top .page{position: absolute;right:10px;top:2px;font-size:21px;width:90px;height:50px;line-height:50px;background:#a7b5be;border-radius:50px;margin-top:12px;text-align:center;}
#check_cts .top .page >em{margin:0 5px;}
#check_cts .top .page >em:nth-child(2){color:#647587;}




.sound_sprite.play{animation: soundplay 1s steps(5, end) infinite;}
.sound_sprite {width:93px;height:70px;background-image: url("../img/common/btn_snd_sprites.png");}
@-webkit-keyframes soundplay {from {background-position: -93px;} to {background-position: -558px;}}
@-ms-keyframes soundplay {
	from {background-position: -93px;}
	to {background-position: -558px;}
}
@keyframes soundplay {from {background-position: -93px;} to {background-position: -558px;}}

.sound_sprite2.play{animation: soundplay2 1s steps(5, end) infinite;}
.sound_sprite2 {width:93px;height:70px;background-image: url("../img/common/btn_snd_sprites.png")}
@-webkit-keyframes soundplay2 {from {background-position: -93px;} to {background-position: -558px;}}
@-ms-keyframes soundplay2 {
	from {background-position: -93px;}
	to {background-position: -558px;}
}
@keyframes soundplay2 {from {background-position: -93px;} to {background-position: -558px;}}
*/