@charset "utf-8";

@import url(book.style.css);

/* Noto Sans */
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:local('Noto Sans DemiLight'),local('NotoSans-DemiLight'),
  url('../font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
  url('../font/NotoSans-DemiLight.woff2') format('woff2'),
  url('../font/NotoSans-DemiLight.woff') format('woff');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:400;
  src:local('Noto Sans Regular'),local('NotoSans-Regular'),
  url('../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
  url('../font/NotoSans-Regular.woff2') format('woff2'),
  url('../font/NotoSans-Regular.woff') format('woff');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:500;
  src:local('Noto Sans Medium'),local('NotoSans-Medium'),
  url('../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
  url('../font/NotoSans-Medium.woff2') format('woff2'),
  url('../font/NotoSans-Medium.woff') format('woff');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:600;
  src:local('Noto Sans Bold'),local('NotoSans-Bold'),
  url('../font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
  url('../font/NotoSans-Bold.woff2') format('woff2'),
  url('../font/NotoSans-Bold.woff') format('woff');
}

/* RESET */
*, *:before, *:after{box-sizing:border-box;font-family:"Noto Sans KR", sans-serif;letter-spacing:-0.05em;}
html, body{height:100%;}
body{font-size:14px;font-weight:400;line-height:1;color:#595959;}
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;}
img ,fieldset{border:0;}
button{font-size:12px;color:#666;border:0 none;background:none;cursor:pointer;}
legend{display:none;}
caption{width:0;height:0;line-height:0;text-indent:-9999px;overflow:hidden;font-size:0;visibility:hidden;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;max-width:100%;font-size:inherit;}
table img{vertical-align:middle;}
img, select{vertical-align:top;}
input[type="text"],
input[type="password"]{width:100%;height:50px;padding:0 20px;border:1px solid #bbb;border-radius:0;font-size:14px;color:#4a4a4a;}
input[type="text"]:focus,
input[type="password"]:focus{background:#fff;}
input[type="radio"],
input[type="checkbox"]{-webkit-appearance:none;appearance:none;overflow:hidden;position:absolute;top:0;left:-1px;width:1px;height:1px;margin:0;}
input::-webkit-input-placeholder{color:#8f8f8f;}
input:-ms-input-placeholder{color:#8f8f8f;}
input::placeholder{color:#8f8f8f;}
select{-webkit-appearance:none;appearance:none;position:relative;height:50px;padding:0 60px 0 20px;background:transparent;border:1px solid #bbb;border-radius:0;font-size:14px;z-index:1;}
select::-ms-expand{display:none;}
li{list-style:none;}
em, address {font-style:normal;}
h1 ,h2, h3, h4, h5, h6{font-size:12px;}
a, a:link, a:visited, a:active, a:hover{text-decoration:none;}

/* COMMON LAYOUT */
.container,
.content{position:relative;width:100%;}
.container{padding:60px 0;border-bottom:1px solid #e3e3e3;}
.container.main,
.container.member{padding:0;}
.leftNavWrap{float:left;width:172px;}
.leftNavWrap + .content{float:left;width:calc(100% - 212px);margin-left:40px;}
.wrap{width:100%;min-width:1200px;}
.inner{position:relative;width:100%;max-width:1200px;margin:0 auto;}
.inner:after{content:'';display:block;clear:both;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;font-size:1px;line-height:1;clip:rect(0,0,0,0);}
.point01{color:#00afe0 !important;}
.point02{color:#fe5e75 !important;}

/* HEADER */
.topNav{height:41px;padding:12px 0;background:#fff;border-bottom:1px solid #e9e9e9;}
.topNav .linkUtil{float:left;}
.topNav .userUtil{float:right;}
.topNav li,
.topNav li a{display:inline-block;vertical-align:top;}
.topNav .linkUtil li + li:before{content:'';display:inline-block;width:1px;height:9px;margin:3px 12px;background:#96a7ac;vertical-align:top;}
.topNav .linkUtil li a{color:#595959;}
.topNav .linkUtil li a:hover{color:#fe5e75;}
.topNav .userUtil li + li:before{content:'';display:inline-block;width:2px;height:2px;margin:6px;background:#8f8f8f;border-radius:100%;vertical-align:top;}
.topNav .userUtil li a{font-size:12px;color:#8f8f8f;}
.topNav .userUtil li a:hover,
.topNav .userUtil li.on a{color:#fe5e75;}
.navWrap{height:89px;border-bottom:1px solid #e9e9e9;}
.logo{display:block;width:173px;height:36px;background:url(../../../img/common/logo.png) 0 0 no-repeat;}
.navWrap h1{float:left;margin:27px 0 25px;}
.navWrap .nav{float:right;}
.navWrap .nav > ul:after{content:'';display:block;clear:both;}
.navWrap .nav > ul > li{position:relative;float:left;}
.navWrap .nav > ul > li + li{margin-left:70px;}
.navWrap .nav .depth01{display:block;font-size:22px;font-weight:600;color:#4a4a4a;line-height:3.9;letter-spacing:-0.04em;}
.navWrap .nav .depth01:hover,
.navWrap .nav .depth01.on,
.navWrap .nav .depth01.active{color:#fe5e75;border-bottom:3px solid #fe5e75;}
.navWrap .nav .depth02{position:absolute;top:73px;left:-36px;display:none;width:170px;padding:25px;background:rgba(255, 86, 110, 0.85);border-radius:20px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);z-index:2;}
.navWrap .nav .depth02:before{content:'';position:absolute;top:-12px;left:50%;border-right:10px solid #fff;border-bottom:12px solid rgba(255, 86, 110, 0.85);border-left:10px solid #fff;transform:translateX(-50%);}
.navWrap .nav .depth02 a{display:block;font-size:15px;color:#fff;line-height:1.66;}
.navWrap .nav .depth02 a:hover{background:url(../../../img/ico/ico_nav_arr.png) 100% 50% no-repeat;font-weight:600;color:#000;}

/* FOOTER */
footer li,
footer li a{position:relative;display:inline-block;color:#6d6d6d;}
footer li + li{margin-left:10px;padding-left:10px;}
footer .linkUtil li + li:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:1px;height:9px;background:#c7c7c7;transform:translateY(-50%);}
.companyNav{height:54px;border-bottom:1px solid #e9e9e9;}
.companyNav .linkUtil{padding:20px 0;}
.companyNav .linkUtil a{color:#999;}
.companyNav .familySite{position:absolute;top:0;right:0;width:220px;}
.companyNav .aidtLink { position: absolute; top:0; right: 220px; padding-right: 20px;}
.companyNav .aidtLink a { position: relative; padding-right: 21px; display: inline-flex; align-items: center; height: 54px; line-height: 1; background:url(../../../img/ico/ico_go.png) right 20px no-repeat; font-size: 14px; font-weight: 400; color: #1e1e21;}
.familySite .btnSite{position:relative;display:flex; align-items:center; height: 54px;padding:0 20px;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:14px;font-weight:400;color:#1e1e21;}
.familySite .btnSite:before,
.familySite .btnSite:after{content:'';position:absolute;display:inline-block;}
.familySite .btnSite:before{top:0;left:164px;width:1px;height:100%;background:#e9e9e9;}
.familySite .btnSite:after{top:50%;right:18px;width:16px;height:10px;background:url(../../../img/ico/ico_site_arr.png) 0 0 no-repeat;transform:translateY(-50%) rotate(180deg);}
.familySite .site{overflow:auto;position:absolute;bottom:54px;left:0;display:none;width:100%;height:303px;padding:30px;background:#fff;border:1px solid #e3e3e3;z-index:1;}
.familySite .site li{display:block;margin:0;padding:0;font-size:15px;color:#4a4a4a;}
.familySite .site li li{font-weight:400;line-height:1.66;}
.familySite .site li li a:hover{color:#00afe0;}
.familySite .site > ul > li{font-weight:500;line-height:2;}
.familySite .site > ul > li:first-child a{color:#4a4a4a}
.familySite .btnSite.on:after{transform:translateY(-50%) rotate(0);}
.familySite .btnSite.on + .site{display:block;}
.footerInfo{padding:50px 0;}
.footerInfo .infoList,
.footerInfo .copyright{padding-left:136px;}
.footerInfo .footerBanner { position: absolute; top: 0; right:0;}
.footerInfo .infoList{padding-bottom:8px;background:url(../../../img/common/logo2.png) 0 50% no-repeat;}
.footerInfo .infoList li{font-size:13px;color:#8f8f8f;line-height:1.53;}
/*.footerInfo .infoList li:nth-child(5){width:400px;}*/
.footerInfo .infoList li:nth-child(5),
.footerInfo .infoList li:nth-child(8) {margin-left:0;padding-left:0;}
.footerInfo .infoList li:nth-child(5):before,
.footerInfo .infoList li:nth-child(8):before {display:none;}
.footerInfo .copyright{display:inline-block;font-size:13px;color:#afafaf;vertical-align:middle;}
.footerInfo .btnInfoView{display:inline-block;width:44px;height:18px;margin-left:10px;background:#545454;font-size:10px;color:#fff;text-align:center;line-height:1.8;vertical-align:middle;}

/* QUICK */
.quick{position:fixed;top:173px;right:35px;z-index:10;}
.quick .btnVideo{display:block;width:150px;height:150px;background:url(../../../img/btn/btn_quick_banner.png) 50% 50% no-repeat;border-radius:100%;}
.quick .btnVideo:hover{border:3px solid #00afe0;}
.quick .btnVideo + nav{margin-top:20px;}
.quick ul{overflow:hidden;width:120px;margin:0 auto;border:1px solid #d6d6d6;border-radius:60px;box-shadow:3px 3px 5px rgba(51, 51, 51, 0.14);}
.quick li + li{border-top:1px solid #d6d6d6;}
.quick li:nth-child(1) a{display:block;padding:70px 0 20px 0;background:url(../../../img/ico/ico_quick01.png) 50% 30px no-repeat #fff;font-weight:500;color:#4a4a4a;text-align:center;line-height:1.28;word-break:keep-all;}
.quick li:nth-child(2) a{display:block;padding:60px 0 20px 0;background:url(../../../img/ico/ico_quick02.png) 50% 20px no-repeat #fff;font-weight:500;color:#4a4a4a;text-align:center;line-height:1.28;word-break:keep-all;}
.quick li:nth-child(3) a{display:block;padding:95px 0 30px 0;background:url(../../../img/ico/ico_quick03.png) 50% 20px no-repeat #fff;font-weight:500;color:#4a4a4a;text-align:center;line-height:1.28;word-break:keep-all;}
.quick li a .point{color:#ff8a00;}
.quick li a:hover{background-color:#f3f3f3;color:#fe5e75;}
.quick .btnAidt{position: relative; display: block; width: 150px; height: 130px; margin: 20px auto 0; background:url(../../../img/btn/btn_quick_banner_aidt.png) 50% 50% no-repeat; border-radius: 100%;}
.quick .btnAidt:hover::after {content: ''; position: absolute; left: 50%; top: 2px; width: 120px; height: 120px; margin-left: -60px; border: 3px solid #00afe0; border-radius: 100%;}

/* LEFT NAV */
.leftNavWrap h2{font-size:32px;font-weight:600;color:#5a6469;text-align:right;}
.leftNavWrap h2 + nav{margin-top:42px;}
.leftNav ul{position:relative;}
.leftNav ul:after{content:'';position:absolute;top:20px;right:5px;bottom:15px;display:inline-block;width:1px;background:#efefef;z-index:-1;}
.leftNav li{text-align:right;}
.leftNav a{position:relative;display:inline-block;padding:0 30px 0 0;font-size:18px;color:#4a4a4a;text-align:right;line-height:2;vertical-align:middle;}
.leftNav a:after{content:'';position:absolute;top:13px;right:0;display:inline-block;width:11px;height:11px;margin-left:20px;background:#fff;border:2px solid #d7d7d7;border-radius:100%;vertical-align:middle;}
.leftNav .on a,
.leftNav a:hover{font-weight:600;color:#00afe0;}
.leftNav .on a:after,
.leftNav a:hover:after{background:#4a4a4a;border-color:#4a4a4a;}

/* STYLE */
/* book bg */
.bookImgWrap{text-align:center;}
.bookImg{position:relative;display:inline-block;width:151px;height:179px;background:url(../../../img/main/bg_textbook.png) 100% 2px no-repeat;text-align:left;}
.bookImg:before{content:'';position:absolute;top:0;left:0;display:block;width:145px;height:179px;border:1px solid #c2c2c2;box-shadow:2px 2px 2px rgba(192, 192, 192, 0.6);}
.bookImg .bookBadge{position: absolute; left: -19px; top: -4px; width: 100%; height: 50px; background: url(../../../img/aidigitaltextbook/badge_aidt_120x50.png) no-repeat 0 0;}
.bookImg img{width:145px;height:179px;}
.bookTit{display:block;}

/* nodata */
.noDataWrap{margin:104px auto 180px;padding:200px 0 0 0;background:url(../../../img/ico/ico_nodata.png) 50% 0 no-repeat;text-align:center;}
.noDataWrap .txt{font-size:22px;font-weight:500;color:#4a4a4a;}

/* error */
.errorWrap{width:390px;margin:70px auto 220px;padding:200px 0 0 0;background:url(../../../img/ico/ico_err.png) 50% 0 no-repeat;text-align:center;}
.errorWrap .tit{font-size:20px;font-weight:600;color:#cdc7c7;}
.errorWrap .txt{margin-top:20px;font-size:20px;font-weight:500;color:#4a4a4a;line-height:1.5;}
.errorWrap .txt .point02{font-weight:600;}

/* tit */
.titWrap{position:relative;}
.titWrap h3{font-size:32px;font-weight:600;color:#4a4a4a;}
.titWrap h3 + .btnWrap{position:absolute;top:0;right:0;margin-top:0;}
.titWrap h3 + .btnWrap .btn{width:140px;}
.titWrap + .contWrap{margin-top:52px;}

/* list, view */
.viewTit{display:table;width:100%;height:100%;padding:20px 30px;}
.viewTit > *{display:table-cell;vertical-align:middle;}
.viewTit .notiTxt{width:828px;font-size:16px;font-weight:500;color:#4a4a4a;line-height:1.4;}
.viewTit .notiTxt em{margin-right:15px;}
.viewTit .date{font-size:15px;font-weight:400;color:#bbb;text-align:right;}
/* list */
.bookList{overflow:hidden;margin-top:20px;}
.bookList li{float:left;width:50%;}
.bookList li:nth-child(n+3){margin-top:30px;}
.bookList li a{overflow:hidden;display:block;}
.bookList [class*="Wrap"]{float:left;}
.bookList .bookImgWrap{position:relative;width:182px;padding:10px;background:#fff;border:1px solid #dedede;border-radius:10px;}
.bookList .bookImgWrap.bgGray{background:#f3f3f3;}
.bookList .bookImgWrap .bookImg{transform:scale(0.82);}
.bookList .txtWrap{width:242px;margin-left:24px;padding:22px 0;text-align:left;}
.bookList .txtWrap .bookTit{height:56px;margin:10px 0 18px;font-size:20px;font-weight:600;color:#4a4a4a;line-height:1.27;}
.bookList .txtWrap .target{font-size:16px;color:#8f8f8f;line-height:1.5;}
.bookList .txtWrap .target .point01{display:block;font-weight:500;}
.bookList li a:hover .bookImgWrap:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block;background:#e6f3f8;border:3px solid #00afe0;border-radius:10px;}
.bookList li a:hover .bookTit{color:#00afe0;}
.boardList{border-top:1px solid #000;}
.boardList li{min-height:62px;border-bottom:1px solid #e9e9e9;}
.boardList li a:hover{background:#f5f5f5;}
.boardList li a:hover .notiTxt{color:#00afe0;}
/* view */
.boardView{border-top:1px solid #000;}
.boardView .viewTit,
.boardView .viewCont{border-bottom:1px solid #e9e9e9;}
.boardView .viewTit{min-height:102px;}
.boardView .viewTit .notiTxt{font-size:22px;font-weight:600;}
.boardView .viewCont{padding:30px 0;}
.boardView .viewCont .cont{padding:0 20px;font-size:15px;color:#4a4a4a;line-height:1.73;}

/* file */
.fileView{margin-top:30px;}
.fileView .fileItem{display:block;background:url(../../../img/ico/ico_file_down.png) 100% 50% no-repeat;color:#00afe0;line-height:2.8;}
.fileView .fileItem:before{content:'';display:inline-block;width:24px;height:22px;margin-right:14px;background:url(../../../img/ico/ico_file.png) 0 0 no-repeat;vertical-align:middle;}
.fileView .fileItem + .fileItem{margin-top:5px;}
.boardView .fileView{padding:18px 30px;background:#f3f3f3;border:1px solid #ccc;border-radius:10px;}
.viewTbl .fileView .fileItem{text-decoration:underline;background:none;color:#fe5e75;line-height:2;}

/* paging */
.pagingWrap{margin:40px 0;font-size:0;text-align:center;}
.pagingWrap > *{display:inline-block;height:44px;}
.pagingWrap > *{width:44px;margin:0 4px;border:2px solid #e9e9e9;border-radius:10px;font-size:16px;font-weight:500;color:#bdbdbd;text-align:center;line-height:2.45;vertical-align:top;}
.pagingWrap > *.on{background:#4a4a4a;border:1px solid #4a4a4a;color:#fff;}
.pagingWrap .btnPageFirst,
.pagingWrap .btnPageLast{width:24px;background:url(../../../img/ico/ico_page01.png) 50% 50% no-repeat;border:0;}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageNext{width:24px;background:url(../../../img/ico/ico_page02.png) 50% 50% no-repeat;border:0;}
.pagingWrap .btnPageNext,
.pagingWrap .btnPageLast{transform:rotate(180deg);}

/* input - radio, checkbox / selectbox */
.input,
.select,
.rdo,
.chk{overflow:hidden;position:relative;display:inline-block;}
.input,
.input label{display:inline-block;width:100%;vertical-align:top;}
.select:before{content:'';position:absolute;top:20px;right:20px;display:inline-block;border-bottom:10px solid #4a4a4a;border-left:8px solid transparent;border-right:8px solid transparent;transform:rotate(180deg);}
.formMulti{font-size:0;}
.formMulti > *{display:inline-block;vertical-align:middle;}
.formMulti > * + *{margin-left:10px;}
.w102{width:102px;}
.w155{width:155px;}
.w215{width:215px;}
.w298{width:298px;}
/* input - text, password */
.input.big input{height:68px;font-weight:500;}
/* input - text : mail */
.input.mail:before{content:'@';position:absolute;top:0;left:0;width:45px;height:50px;font-size:16px;text-align:center;line-height:3;}
.input.mail input{padding:0 20px 0 45px;}

/* input - radio */
.rdo + .rdo{margin-left:20px;}
.rdo input[type="radio"] + label{font-size:14px;color:#8f8f8f;line-height:1.85;}
.rdo input[type="radio"] + label:before{content:'';display:inline-block;width:25px;height:25px;margin-right:10px;background:#f2f2f2;border:1px solid #bbb;border-radius:100%;vertical-align:top;}
.rdo input[type="radio"]:checked + label:after{content:'';position:absolute;top:1px;left:1px;display:inline-block;width:23px;height:23px;background:#f47878;border:3px solid #fff;border-radius:100%;}

/* input - radio : sort */
.sort{margin:10px 0 40px;font-size:0;text-align:right;}
.sort .rdo{display:inline-block;vertical-align:top;}
.sort .rdo + .rdo{margin-left:3px;}
.sort input[type="radio"] + label{position:relative;display:inline-block;min-width:92px;height:34px;padding:0 27.5px;background:#fff;border:1px solid #e9e9e9;border-radius:20px;font-size:13px;color:#8f8f8f;text-align:center;line-height:2.5;cursor:pointer;}
.sort input[type="radio"] + label:before,
.sort input[type="radio"] + label:after,
.sort input[type="radio"]:checked + label:before,
.sort input[type="radio"]:checked + label:after{display:none;}
.sort input[type="radio"]:checked + label{padding:0 40px 0 15px;background:url(../../../img/ico/ico_sort_chk.png) right 15px center no-repeat #4a4a4a;border:1px solid #4a4a4a;color:#fff;text-align:left;}

/* input - checkbox */
.chk input[type="checkbox"] + label{font-size:14px;color:#8f8f8f;line-height:1.85;}
.chk input[type="checkbox"] + label:before{content:'';display:inline-block;width:26px;height:26px;margin-right:10px;background:#f8f8f8;border:1px solid #bbb;border-radius:4px;vertical-align:top;}
.chk input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:0;left:0;display:inline-block;width:26px;height:26px;background:url(../../../img/ico/ico_sort_chk.png) 50% 50% no-repeat #4a4a4a;border-radius:4px;}

/* input - checkbox : grade */
.gradeSearch{margin:50px 0 0 0;border-top:3px solid #000;}
.gradeSearch .searchTitWrap{overflow:hidden;margin:14px 0;padding:0 10px;}
.gradeSearch .searchTitWrap .searchTit{float:left;display:block;font-weight:500;color:#000;line-height:2;}
.gradeSearch .btnRefresh{float:right;display:block;width:28px;height:28px;margin-left:70px;background:url(../../../img/btn/btn_refresh.png) 0 0 no-repeat;}
.gradeSearch .chk{display:block;}
.gradeSearch .chk + .chk{margin-top:3px;}
.gradeSearch .chk input[type="checkbox"] + label{position:relative;display:block;height:40px;padding:0 18px;background:#fff;border:1px solid #dedede;border-radius:10px;color:#4a4a4a;text-align:left;line-height:2.5;cursor:pointer;}
.gradeSearch .chk input[type="checkbox"] + label:before{display:none;}
.gradeSearch .chk input[type="checkbox"] + label:after{content:'';position:absolute;top:15px;right:18px;left:auto;display:inline-block;width:6px;height:8px;background:url(../../../img/ico/ico_grade_chk.png) 0 0 no-repeat;}
.gradeSearch .chk input[type="checkbox"]:checked + label{background:#00afe0;border:1px solid #00afe0;font-weight:500;color:#fff;}
.gradeSearch .chk input[type="checkbox"]:checked + label:after{background-position:0 -8px;}

/* input - file */
.inputFile{position:relative;width:664px;}
.inputFile .file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.inputFile .fileName{padding:0 48px 0 20px;}
.btnFile{display:inline-block;width:155px;height:50px;background:#9ba3a7;font-size:16px;font-weight:500;color:#fff;text-align:center;line-height:3;}
.btnFile:before{content:'+';display:inline-block;margin-right:10px;}
.btnFileDel{position:absolute;top:12px;right:12px;display:none;width:24px;height:24px;background:url(../../../img/ico/ico_pop_close.png) 50% 50% no-repeat #ddd;background-size:10px;border-radius:100%;}

/* btn */
.btnWrap{overflow:hidden;margin-top:30px;font-size:0;text-align:center;}
.btnWrap *:not(div){display:inline-block;}
.btnWrap .fl{float:left;}
.btnWrap .fr{float:right;}
.btn{min-width:113px;height:52px;background:#4a4a4a;border-radius:10px;font-size:16px;font-weight:500;color:#fff;line-height:3.25;}
.btn.full{width:100%;}
.btn + .btn{margin-left:5px;}
.btn.type01{background:#00afe0;}
.btn.type02{background:#4bc2f3;}
.btn.type03{background:#6c797f;}
.btnMore{width:64px;height:64px;background:#4a4a4a;border-radius:100%;font-size:13px;font-weight:500;color:#fff;text-align:center;line-height:4.9;}
.btnMore:hover{background:#00afe0;color:#fff;}
.btnAnswer,
.btnErr{float:left;width:158px;height:64px;border:1px solid #d8d8d8;border-radius:10px;font-size:15px;color:#4a4a4a;line-height:4.2;}
.btnAnswer:hover{background:#afeeff;border:2px solid #90e7ff;font-weight:500;}
.btnAnswer:before{content:'';display:inline-block;width:28px;height:23px;margin-right:14px;background:url(../../../img/ico/ico_book01.png) 0 0 no-repeat;vertical-align:middle;}
.btnAnswer:hover:before{background-position:0 -23px;}
.btnErr:hover{background:#ffdda6;border:2px solid #ffad52;}
.btnErr:before{content:'';display:inline-block;width:33px;height:25px;margin-right:14px;background:url(../../../img/ico/ico_book02.png) 0 0 no-repeat;vertical-align:middle;}
.btnErr:hover:before{background-position:0 -25px;}
.btnBuy{width:220px;height:64px;background:#4a4a4a;border-radius:10px;font-size:18px;font-weight:600;color:#fff;text-align:center;line-height:3.5;}
.btnBuy:hover{background:#00afe0;color:#fff;}
.btnBuy.off{background:#e1e1e1;color:#bbb;cursor:default;}
.btnDown{display:inline-block;width:148px;height:40px;padding:8px 18px;background:#fff;border:1px solid #dedede;border-radius:10px;font-size:14px;font-weight:500;color:#fe5e75;}
.btnDown:hover{background:#fe5e75;border:1px solid #fe5e75;color:#fff;}
.btnDown:after{content:'';display:inline-block;width:19px;height:22px;margin-left:12px;background:url(../../../img/ico/ico_down.png) 0 0 no-repeat;vertical-align:middle;}
.btnDown:hover:after{background-position:0 -22px;}
.txtBtnWrap{margin-top:20px;}
.txtBtnWrap .btnTxt{display:inline-block;font-size:15px;font-weight:500;color:#4a4a4a;vertical-align:top;}
.txtBtnWrap .btnTxt.type01{color:#8f8f8f;}
.txtBtnWrap .btnTxt + .btnTxt:before{content:'';display:inline-block;width:1px;height:14px;margin:0 20px;background:#ddd;vertical-align:top;}

/* label */
[class^="label"]{display:inline-block;min-width:68px;height:26px;padding:0 10px;border-radius:4px;font-size:13px;text-align:center;line-height:1.8;}
[class^="label"].type02{height:34px;padding:0 18px;font-size:14px;line-height:2.4;}
[class^="label"] + [class^="label"] {margin-left: 6px;}
.labelLine01{background:#fff;border:1px solid #00afe0;color:#00afe0;}
.labelLine02{background:#fff;border:1px solid #fe5e75;color:#fe5e75;}
.labelLine03{color:#3855f7;border: 1px solid #0000; background: conic-gradient(#fff 0 0) padding-box, linear-gradient(45deg,#3855f7 50%,#b253fe 100%) border-box;}
.labelFull01{background:#00afe0;color:#fff;}
.labelFull02{background:#fe5e75;color:#fff;}
.labelAnswer{width:82px;height:30px;background:#f67325;color:#fff;text-align:center;line-height:2.3;}
.labelAnswer.wating{background:#c4c4c4;}

/* tab */
.tabWrap{position:relative;padding-top:58px;}
.tabWrap .btnTabWrap{position:absolute;top:0;left:0;display:table;width:100%;border-bottom:2px solid #00afe0;z-index:1;}
.tabWrap .btnTabWrap .btnTab{display:table-cell;min-width:190px;height:56px;background:#f3f3f3;border:1px solid #dedede;border-bottom:0;font-size:16px;font-weight:500;color:#4a4a4a;text-align:center;vertical-align:middle;}
.tabWrap .btnTabWrap .btnTab.on{background:#00afe0;border:1px solid #00afe0;color:#fff;}
.tabWrap .btnTabWrap .btnTab.on:after{content:'';display:inline-block;width:15px;height:10px;margin-left:24px;background:url(../../../img/ico/ico_tab_arr.png) 0 0 no-repeat;}
.tabWrap .tabContWrap .tabCont{display:none;padding:40px 0 0 0;text-align:center;}
.tabWrap .tabContWrap .tabCont.on{display:block;}
.tabWrap .tabContWrap .tabCont img{max-width:100%;}
.tabWrap .tabContWrap .tabCont p,
.tabWrap .tabContWrap .tabCont ul{font-size:16px;font-weight:500;color:#4a4a4a;text-align:left;line-height:1.625;}
.tabWrap .tabContWrap .tabCont img + p{margin-top:30px;}
.tabWrap .tabContWrap .tabCont p.nodata{text-align:center;}
.tabWrap .tabContWrap .tabCont.feature,
.tabWrap .tabContWrap .tabCont.order{padding:40px 50px 0;}
.tabWrap .tabContWrap .tabCont.feature img,
.tabWrap .tabContWrap .tabCont.order img{width:auto;display:block;margin:0 auto;}
.tabWrap .tabContWrap .tabCont.order img{border:1px solid #d9d9d9;}
.tabWrap .tabContWrap .tabCont.aidt {padding: 40px 50px;}
.tabWrap .tabContWrap .tabCont.aidt .video iframe {display:block; width: 888px; height: 500px;}
.tabWrap .btnTabWrap.fix{position:fixed;left:50%;width:988px;margin-left:-388px;}

/* accordion */
.accordion{border-top:1px solid #000;}
.accoItem{border-bottom:1px solid #e9e9e9;}
.accordion .btnAcco{position:relative;display:block;height:78px;padding:30px;font-size:16px;font-weight:500;color:#4a4a4a;}
.accordion .btnAcco:hover{background:#f5f5f5;color:#00afe0;}
.accordion .btnAcco:after{content:'';position:absolute;top:50%;right:20px;display:inline-block;width:16px;height:10px;background:url(../../../img/ico/ico_site_arr.png) 0 0 no-repeat;transform:translateY(-50%) rotate(180deg);opacity:0.7;transition:all .3s;}
.accordion .accoCont{display:none;padding:30px;font-size:15px;color:#595959;line-height:1.46;}
.accoItem.on{border-bottom:1px solid #bbb;}
.accoItem.on .btnAcco,
.accoItem.on .accoCont{background:#f5f5f5;}
.accoItem.on .btnAcco{color:#000;}
.accoItem.on .btnAcco:after{transform:translateY(-50%) rotate(0);}
.accoItem .category{display:inline-block;min-width:110px;}

/* table */
.tblWrap{border-top:1px solid #000;}
.tblWrap table{width:100%;}
.tblWrap thead th{height:54px;border-bottom:1px solid #d4d4d4;font-size:14px;font-weight:600;color:#000;}
.tblWrap tbody th{height:64px;border-bottom:1px solid #d4d4d4;font-size:16px;font-weight:500;color:#000;}
.tblWrap tbody td{height:64px;border-bottom:1px solid #d4d4d4;font-size:16px;font-weight:500;color:#4a4a4a;line-height:1.6;}
.tblWrap tbody td.txtL{text-align:left;}
.tblWrap tbody td.date{font-weight:400;color:#bbb;}
.tblWrap tbody td .btnLink{font:inherit;color:inherit;line-height:inherit;}
.tblWrap tbody td .btnLink:hover{color:#00afe0;}
.tblWrap tbody td .infoTxt{display:inline-block;font-size:14px;font-weight:400;color:#898989;}
.tblWrap tbody td * + .infoTxt{margin-top:5px;}
.tblWrap.listTbl table{text-align:center;}
.tblWrap.addTbl tbody th,
.tblWrap.addTbl tbody td{height:70px;padding:9px 20px 10px 20px;text-align:left;}
.tblWrap.addTbl tbody tr:last-child th,
.tblWrap.addTbl tbody tr:last-child td{border-bottom:1px solid #000;}
.tblWrap.viewTbl tbody th,
.tblWrap.viewTbl tbody td{padding:0 20px;}
.tblWrap.viewTbl tbody th{background:#f7f7f7;}
.tblWrap.viewTbl tbody tr:nth-child(3) th,
.tblWrap.viewTbl tbody tr:nth-child(3) td{border-bottom:1px solid #4a4a4a;}
.tblWrap.viewTbl tbody tr:last-child td{border-bottom:1px solid #000;}
.tblWrap.viewTbl tbody td[colspan="4"]{padding:0;}
.tblWrap.viewTbl tbody th a,
.tblWrap.viewTbl tbody td a{color:#4a4a4a;}
/* qna */
.viewTbl .viewQue,
.viewTbl .viewCont{position:relative;padding:30px;font-size:15px;font-weight:400;color:#4a4a4a;}
.viewTbl .viewQue img,
.viewTbl .viewCont img{max-width:100%;}
.viewTbl .viewCont{padding:30px 40px 30px 120px;background:#f7f7f7;}
.viewTbl .viewCont .cont{min-height:80px;}
.viewTbl .icoViewA{position:absolute;top:-1px;left:30px;width:66px;height:84px;padding-top:40px;background:url(../../../img/ico/ico_view_a.png) 50% 15px no-repeat #fe6e82;font-size:14px;font-weight:500;color:#fff;text-align:center;}
.viewTbl .icoViewA:after{content:'';position:absolute;bottom:0;left:0;display:inline-block;border-right:33px solid transparent;border-bottom:15px solid #f7f7f7;border-left:33px solid transparent;}
.viewTbl .viewCont .date{display:block;margin-top:20px;color:#8f8f8f;text-align:right;}
/* table > nodata */
.tblWrap tbody td.noData{height:124px;}

/* EDITOR RESET */
[class^="ck ck-editor"]{font-weight:400;color:#4a4a4a;}
[class^="ck ck-editor"] ul{list-style:disc;}
[class^="ck ck-editor"] ol{list-style:dicimal;}
[class^="ck ck-editor"] li{list-style:inherit;}
[class^="ck ck-editor"] .table,
[class^="ck ck-editor"] .img{margin:0;}
.boardBody figure{margin:0;padding:0;}
.boardBody figure.table table,
.boardBody table{width:100%;}
.boardBody figure.table table th,
.boardBody figure.table table td,
.boardBody table th,
.boardBody table td{padding:8px 10px;border: 1px solid #bfbfbf;}
.boardBody figure.image img,
.boardBody img{max-width:100%;}
.boardBody .marker-yellow{background-color:#fdfd77;color:inherit;}
.boardBody .marker-green{background-color:#62f962;color:inherit;}
.boardBody .marker-pink{background-color:#fc7899;color:inherit;}
.boardBody .marker-blue{background-color:#72ccfd;color:inherit;}
.boardBody .pen-red{background-color:transparent;color:#e71313;}
.boardBody .pen-green{background-color:transparent;color:#128a00;}

/* popup */
.popWrap{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(74, 74, 74, 0.8);z-index:1;}
.popWrap.on{display:block;}
.popWrap .popInner{position:absolute;top:50%;left:50%;width:430px;padding:60px 40px 40px 40px;background:#fff;border-radius:30px;text-align:center;transform:translate(-50%, -50%);}
.popWrap .popInner .tit{font-size:20px;font-weight:600;color:#4a4a4a;}
.popWrap .popInner .txt{margin-top:35px;background:#f3f3f3;border:1px solid #e4e4e4;border-radius:10px;}
.popWrap .popInner .txt > *{font-size:20px;font-weight:600;color:#525252;line-height:4.15;}
.popWrap .btnWrap{margin-top:10px;}
.popWrap .btnWrap .btn{height:65px;font-size:18px;font-weight:600;line-height:3.6;}
.popWrap .popClose{position:absolute;top:36px;right:30px;display:inline-block;width:21px;height:21px;background:url(../../../img/ico/ico_pop_close.png) 0 0 no-repeat;}

/* 비밀번호 변경 팝업: 비상교재 팝업 사용 */
/* 공통 */
.pop_edit_pw .mb10{margin-bottom:10px !important;}
.pop_edit_pw .pc_r{color:#e12224 !important}
.pop_edit_pw input{vertical-align:middle}
.pop_edit_pw input[type=text]{height:18px;border:1px solid #bbb;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin:0;padding:1px 8px;font-family:inherit;line-height:18px}
.pop_edit_pw input.text{height:18px;border:1px solid #bbb;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:1px 8px}
.pop_edit_pw input[type=password]{height:18px;border:1px solid #bbb;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:1px 8px}
/*  */
.pop_edit_pw *{font-family:'돋움', dotum, sans-serif;line-height:1.5;}
.pop_edit_pw {position: fixed; top: 50%; left: 50%; width: 433px; margin: -270px 0 0 -217px; padding-bottom: 16px; background: url(https://book.visang.com/img/popup/pop_cont_b.png) no-repeat 0 100%; z-index: 10001; font-size: 12px;}
.pop_edit_pw .close {position: absolute; top: 20px; right: 18px;}
.pop_edit_pw .contents {padding: 0 34px 30px; background: url(https://book.visang.com/img/popup/pop_cont.png) repeat 0 0; color: #555;}
.pop_edit_pw .txt_top {margin-bottom: 30px; padding: 16px; background: #f2f4f7; text-align: center; font-size: 13px;}
.pop_edit_pw .txt_top strong {color: #1a75d8;}
.pop_edit_pw .txt_top em {font-weight: bold; text-decoration: underline;}
.pop_edit_pw .box {margin: 10px 0 20px; padding: 20px; border: 1px solid #cdcdcd; background: #fbfbfb;}
.pop_edit_pw .box li {position: relative; padding-left: 125px;}
.pop_edit_pw .box li + li {margin-top: 10px;}
.pop_edit_pw .box li label {position: absolute; left: 0; top: 0; line-height: 22px;}
.pop_edit_pw .box input {width: 180px;}
.pop_edit_pw .box p {margin-top: 4px; line-height: 1.2; letter-spacing: -1px; color: #e12224;}
.pop_edit_pw .btn_wrap {text-align: center;}
.pop_edit_pw .btn_wrap a {margin-left: 6px;}

/* 로딩바 */
#divLoading{position:fixed;top:50%;left:50%;display:none;width:100px;height:100px;background: url(../../../img/common/loading.gif) 0 0 no-repeat;background-size:100%;transform:translate(-50%, -50%);}