/* Table Top */
.tblTop { width:100%; margin-bottom:5px; }
.tblTop:after { content:''; display:block; clear:both; }
.tblTop .tblTit { float:left; font-family:engSemi, korBold; font-size:20px; line-height:40px; padding-left:5px; text-align:left; margin-right:10px; }
.tblTop .tblTit label {display:inline-block; font-size:16px; font-family:engReg, korReg; line-height:14px; color:#333; }

.tblTop .tblInfo {float:left; background:url('../images/common/icon_info.svg') no-repeat left 3px top 16px;  background-size:8px 8px; padding-left:15px; float:left; text-align:left; font-family:engMed, korMed; font-size:16px; letter-spacing:-.5px; padding-top:10px; }
.tblTop .tblInfo p {line-height:24px;  }
.tblTop .tblInfo span { font-family:engMed, korMed; color:#3d7dff; }
.tblTop .tblCheck { float:left;  padding-top:8px;  }

.tblTop .btnTop { float:right; width: 295px; text-align:right; height:40px; }
.tblTop .btnTop li { display:inline-block; text-align:center; height:40px; vertical-align:top; margin-left:4px; width:140px;  }
.tblTop .btnTop li a {width:100%; }
.tblTop .btnTop li span { margin:0 5px 0 0; }
.tblTop .btnTop li span img {width:14px; margin-top:11px;  }
.tblTop .tblSort {float:right; }
.tblTop .tblSort select {width:120px; }
.tblTop .btnRight { float:right; text-align:right; height:40px; }

@media all and (max-width: 767px) {
	/* Table Top */
	.tblTop .tblTit { padding-left:3px; width:100%; }
	.tblTop .tblTit span.titBox {width:100%; float:left; text-align:left; }
	.tblTop .tblInfo {  background:url('../images/common/icon_info.svg') no-repeat left 3px top 16px; background-size:8px 8px; padding-left:15px;   }
	.tblTop .btnTop { float:left; width:100%;height:40px; margin-top:10px;  }
	.tblTop .btnTop li { float:left; width:calc(50% - 2px); height:50px;  margin:0; }
	.tblTop .btnTop li span img { margin-top:12px;  }
	.tblTop .btnTop li:first-child { margin-right:4px; }
	.tblTop .tblCheck { float:left;  padding-top:10px;  }
	.tblTop .btnRight { float:right; text-align:right; height:40px; }
}
/* Table List */
.tblList { width:100%; border-top:2px solid #000; margin-bottom:30px; }
.tblList:after { content:''; display:block; clear:both; }
.tblList li.index { float:left; width:100%; line-height:50px; border-bottom:1px solid #e3e7ee; padding:0 10px; background-color:#f3f5f8; }
.tblList li.index div { font-family:engReg, korMed; font-size:15px; text-align:center; color:#333; line-height:50px }
.tblList li.index .listNum, .tblList li.index .listDate { color:#333; line-height:50px; }
.tblList li.index .listTitle { text-align:center; }
.tblList li.index .smTitle { text-align:center; width:90%; }
.tblList li { float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:15px 10px 13px; text-align:center; }
.tblList li:last-child { border-bottom:1px solid #cacdd3; }
.tblList li div {float:left;box-sizing:border-box;text-align:center;font-family:engMed, korMed;font-size:16px;color:#666; line-height: 1.5;}
.tblList li.noList {font-size:16px; font-family:engReg, korReg; color:#999;  padding:50px 0; }
.tblList li.noticeTop { background: #f3f5f8; }
.tblList li.noticeTop .listNotice {width: 95px;text-align: left;}
.tblList li.noticeTop .listNotice span {padding: 5px 12px;margin-left: 10px;color:#fff;background-color:#3d7dff;font-size: 12px; letter-spacing: 0px; border-radius: 3px;}
.tblList li.noticeTop .listTitle {width: calc(100% - 245px);}
.tblList li .listNum { width:60px; font-family:engReg; color:#999; }
.tblList li .listTitle { width:calc(100% - 210px) ; font-size:18px; text-align:left; color:#333; letter-spacing:-.5px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .listDate, .tblList li .listDate2 { width:150px; color:#999; font-family:engReg; }
.tblList li .listType { width:15%; color:#333; }
.tblList li .listType span {display:inline-block; color:#276eff; font-size:14px; line-height:28px; padding:0 15px; border-radius:16px;box-shadow: 0 0 0 2px #276eff inset; }
.tblList li .listType span.use {display:inline-block; color:#ff3c3c; font-size:14px; line-height:28px; padding:0 15px; border-radius:16px;box-shadow: 0 0 0 2px #ff3c3c inset; }
.tblList li .listSpend { width:calc(55% - 150px); color:#333; text-align:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .listSpend span {color:#666; }
.tblList li .listSave, .tblList li .listLeft { width:15%; color:#333; }
.tblList li .listLeft span {display:none; }
.tblList li .listStore { width:15%; letter-spacing:-.5px;  color:#276eff; }
.tblList li .listArea { width:10%; color:#333; }
.tblList li .listPhone { width:180px;  }
.tblList li .listPhone a {color:#666;}
.tblList li .listAddress {width:calc(55% - 180px);color:#333;text-align:left; word-break: keep-all;}
.tblList li .listAnchor { width:10%; color:#333; text-align:center; }
.tblList li .listAnchor a {display:inline-block; width:26px; height:26px; background: url(../images/common/icon_anchor.svg) center top  no-repeat; text-indent:-1000em; background-size:26px; }
.tblList li .listTitle a, .tblList li .smTit a, .tblList li .listSpend a, .tblList li .smResult a { color:#333; }
.tblList li .listTitle a:hover, .tblList li .smTitle a:hover { color:#999; }
.tblList li .smDate { font-size:14px; width:150px; }
.tblList li .smDate span { display:block; width:100%; color:#276eff; box-shadow: 0 0 0 2px #276eff inset; border-radius:16px; line-height: 32px; }
.tblList li .smDate.past span { color:#999; box-shadow: 0 0 0 2px #ccc inset; }
.tblList li .smTit { width:calc(100% - 520px); font-family:engSemi, korMed; font-size:18px; text-align:left; letter-spacing:-.5px; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .smResult { width:calc(100% - 400px); font-family:engSemi, korMed; font-size:18px; text-align:left; letter-spacing:-.5px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.tblList li .smIcon { width:50px; height:32px; }
.tblList li .smIcon img { width:30px; margin:0 10px; }
.tblList li .smTime {width: 100px;color:#999;letter-spacing:-.5px;font-family:engReg;background: url(../images/common/blt05.gif) right 5px top 6px no-repeat;padding-right:10px;}
.tblList li .smPlace { width:150px; letter-spacing:-.5px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .reservTit {text-align:left; margin-left:160px; width:70px; background: url(../images/common/blt05.gif) right top 8px no-repeat; padding-right:10px; }
.tblList li .reservName {text-align:left; margin-left:10px; padding-right:10px; max-width:calc(100% - 460px); font-family:engReg, korMed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .reservPhone {text-align:left;  width:220px;  font-family:engReg, korMed; padding-left:10px;  }
.tblList li .reservPhone span {margin-right:8px; background: url(../images/common/blt05.gif) right top 5px no-repeat; padding-right:10px;  }
.tblList li .listCheck {width:60px; }
.tblList li .listHit {width:60px; }
.tblList li .listDownload {width:200px; text-align: left; padding-left: 20px;} /* 2022-02-22 수정 */
.tblList li .listDownload a {color:#333; }
.tblList li .listDownload img {width:26px; margin:2px 5px 0 0;  }
.tblList li .listCategory {width:180px; color:#3d7dff}
.tblList li .listBookname {width:calc(100% - 510px) ;  text-align:left; margin-left:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tblList li .listBookname a {color:#333; }


@media all and (max-width : 1024px) {
	/* Table List */
	.tblList li.index { padding:0 10px; }
	.tblList li.index .smTitle { width:100%; }
	.tblList li.noticeTop .listNotice {width: 85px;}
	.tblList li.noticeTop .listNotice span {margin-left: 5px;}
	.tblList li.noticeTop .listTitle {width: calc(85% - 85px);}
	.tblList li .listNum { display:none; }
	.tblList li .listTitle { width:85%; }
	.tblList li .listDate { width:15%; }
	.tblList li .smTit { width:calc(100% - 210px); }
	.tblList li .smTime { margin-left:160px; text-align:left; margin-right: 5px;}
	.tblList li .smResult { width:calc(100% - 150px); }
	.tblList li .smPlace { width:calc(100% - 270px) }
	.tblList li .listBookname {width:calc(100% - 460px) ;  text-align:left; margin-left:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.tblList li .listCheck {width: 50px;}
	.tblList li .listCategory {width:140px;}
}

@media all and (max-width: 767px) {
	/* Table List */
	.tblList { margin-bottom:20px; }
	.tblList li { padding:17px 0 13px;}
	.tblList li.nar {padding:10px 0 13px;}
	.tblList li div { box-sizing:border-box; text-align:center; font-family:engMed, korMed; font-size:16px; color:#666; line-height:26px; }
	.tblList li.index, .tblList li .listNum, .tblList li .listArea { display:none; }
	.tblList li.noticeTop .listNotice { width: 67px; line-height: 1.3; margin-bottom: 8px; }
	.tblList li.noticeTop .listNotice span {padding: 2px 10px;margin-left: 0;font-size: 11px;}
	.tblList li.noticeTop .listTitle {width: 100%;}
	.tblList li .listTitle { width:100%; font-size:18px; line-height:24px; margin:0 0 5px 0; letter-spacing:-.5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.tblList li .listDate { width:100%; text-align:left; }
	.tblList li .listDate2 { width:50%; text-align:left; line-height:32px; }
	.tblList li .listType {float:right; text-align:right;  width:50%; color:#333; }
	.tblList li .listType span {display:inline-block; color:#276eff; font-size:14px; line-height:28px; padding:0 15px; border-radius:14px;box-shadow: 0 0 0 2px #276eff inset; }
	.tblList li .listSpend { width:70%; }
	.tblList li .listSpend span {background: url(../images/common/blt05.gif) left top 5px no-repeat; padding-left:7px; margin-left:7px; }
	.tblList li .listSave { width:30%; text-align:right; padding-right:10px; }
	.tblList li .listLeft { width:100%; text-align:right;  color:#333; padding-right:10px;}
	.tblList li .listLeft span {font-size:14px; display:inline-block; color:#999; font-family:engReg, korReg; padding-right:8px; background: url(../images/common/blt05.gif) right top 7px no-repeat;  margin-right:8px; }
	.tblList li .smDate { font-size:14px; line-height:32px; width:100%; margin-bottom:10px;  }
	.tblList li .smDate span { width:150px; }
	.tblList li .smTit { font-size:18px; line-height:24px; width:100%; margin:0 0 5px 0; letter-spacing:-.5px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.tblList li .smTime { margin:0; padding-right:10px; width:auto; line-height:26px; background: url(../images/common/blt01.gif) right top 7px no-repeat; /* 2022-02-14 수정 */}
	.tblList li .smPlace { margin-left:10px; width:calc(100% - 150px); /* 2022-02-14 수정 */ }
	.tblList li .smIcon { width: fit-content;} /* 2022-02-14 추가 */
	.tblList li .smIcon img { margin: 0 10px 0 0; } /* 2022-02-14 추가 */
	.tblList li .smResult {  font-size:18px; width:100%; padding-left:0; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:24px;margin:0 0 5px 0; }
	.tblList li .reservTit {margin-left:0; width:100%; background:none; padding-right:0; margin:8px 0 3px;color:#999;  }
	.tblList li .reservName {margin-left:0; width:100%; max-width:100%; margin-bottom:5px;  color:#333; }
	.tblList li .reservPhone {text-align:left;  width:100%;  font-family:engReg, korMed; padding-left:0;  }
	.tblList li .listCheck {width:40px; }
	.tblList li .listHit {display:none;  }
	.tblList li .listStore {width: auto; text-align:left; line-height:28px; margin-right: 20px;}
	.tblList li .listPhone {float:left; width: auto; text-align:left; line-height:28px;}
	.tblList li .listAddress {float:left; width:90%;  line-height:28px;  }
	.tblList li .listAnchor {float:right; margin-top:-15px; }
	.tblList li .listCategory {font-size:18px; width:calc(100% - 40px);  text-align:left; }
	.tblList li .listBookname { font-size:18px; margin-bottom:5px; width:calc(100% - 40px); margin-left:40px; line-height:24px;  white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.tblList li .listDownload {width:calc(100% - 60px); margin-left:40px; text-align:left; line-height:30px; padding-left: 0;} /* 2022-02-22 수정 */

}
@media all and (max-width: 359px) {
	/* Table List */
	.tblList li .listTitle, .tblList li .smTit {font-size:16px; line-height:20px; }
	.tblList li div { font-size:14px;  }
	.tblList li .smPlace { width:calc(100% - 135px); /* 2022-02-14 추가 */ }
}

/* Table View */
.writeBox { width:100%; border-top:2px solid #000; border-bottom:1px solid #cacdd3; margin-bottom:30px; padding:0; }
.tblWrite { width:100%; font-size:16px; line-height:40px; }
.tblWrite tr { width:100%; border-bottom:1px solid #e3e7ee; box-sizing:border-box; font-family:engMed, korMed; color:#333; }
.tblWrite tr:last-child { border-bottom:none; }
.tblWrite th { width:20%; background-color:#f3f5f8; text-align:center; height:50px; }
.tblWrite td { width:80%; text-align:left; padding:7px 10px; height:50px; }
.tblWrite td textarea { width:100%; min-height:240px; border-radius:3px; border:1px solid #999;  }
.writeBox2 { width:100%; border-top:2px solid #000; border-bottom:1px solid #cacdd3; margin-bottom:30px; padding:0; }
.tblWrite2 { width:100%; font-size:16px; line-height:40px; }
.tblWrite2 tr { width:100%; border-bottom:1px solid #e3e7ee; box-sizing:border-box; font-family:engMed, korMed; color:#333; }
.tblWrite2 tr:last-child { border-bottom:none; }
.tblWrite2 th { width:220px; background-color:#f3f5f8; text-align:center; height:50px; }
.tblWrite2 td { width:calc(100% - 200px); text-align:left; padding:7px 10px; height:50px; }
.tblWrite2 td input {float:left; margin: 0 5px 0 0;} /* 2022-02-22 수정 */
.tblWrite2 td select {margin-bottom:5px; float:left; }
.tblWrite2 td .tdTop {margin-bottom:5px; }
.tblWrite2 td label {margin-right:10px; ;  }
.tblWrite2 td .checkbox { float:left; }
.tblWrite2 .btn_robot {float: left;width: 150px;height: 40px;}
.tblWrite2 .btn_robot .g-recaptcha {transform: scale(0.61);-webkit-transform: scale(0.5);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.tblWrite2 .btn_auth, .tblWrite2 .btn_auth_ing {float: left; width: 150px;}
.tblWrite2 .btn_auth .btnType02, .tblWrite2 .btn_auth_ing .btnType02 {width: 100%; text-align: center;}
.selWidth01 { width:40%; }
.selWidth02 { width:40%; }

@media all and (max-width: 767px) {
	/* Table View */
	.writeBox { padding:10px 0; }
	.tblWrite tr { width:100%; border-bottom:none; }
	.tblWrite th { display:none; }
	.tblWrite td { width:100%; text-align:left; padding:0; height:50px; }
	.tblWrite td:first-child { padding-top:20px; }
	.writeBox2 { padding: 0; }
	.tblWrite2 { width:100%; font-size:16px; line-height:18px; }
	.tblWrite2 tr { width:100%; border-bottom:1px solid #e3e7ee; }
	.tblWrite2 th { width:25%; font-size:14px; line-height:16px;  }
	.tblWrite2 td .tdTop span {float:left; width:100%;  margin-bottom:10px;   }
	.tblWrite2 td { width:75%; text-align:left; padding:5px 10px; height:50px; font-size:14px; }
	.tblWrite2 td.mOnly {display:""; width:100%; }
	.tblWrite2 td input {width:100%; float:left; margin: 0 0 5px 0;} /* 2022-02-22 수정 */
	.tblWrite2 td:first-child { padding-top:20px; }
	.tblWrite2 td .checkbox {margin-top:10px; float:left; }
	.tblWrite2 .btn_robot {width: 100%;height: 50px;}
	.tblWrite2 .btn_robot .g-recaptcha {transform: scale(0.61);-webkit-transform: scale(0.64);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
	.tblWrite2 .btn_auth, .tblWrite2 .btn_auth_ing {float: left; width: 100%;}
	.selWidth01 { width:100%; }
	.selWidth02 { width:100%; }
	.selWidth02:first-child { margin-bottom:5px; }
}

.tblView { width:100%; border-top:2px solid #000; margin-bottom:30px; }
.tblView .titleArea { width:100%; border-bottom:1px solid #e3e7ee; padding:22px 20px 20px; font-family:engMed, korMed; }
.tblView .titleArea .titBox { width:100%; line-height:32px; margin-bottom:8px; color:#333; text-align:left; }
.tblView .titleArea .titBox .smDate { float:left; font-size:14px; width:150px; text-align:center; margin-right:10px; }
.tblView .titleArea .titBox .smDate span { display:inline-block; width:100%; color:#276eff; box-shadow: 0 0 0 2px #276eff inset; border-radius:16px; line-height:32px; }
.tblView .titleArea .titBox .smTit { font-size:22px; overflow:hidden; letter-spacing:-.5px; }

.tblView .titleArea .dateBox { width:100%; font-size:16px; line-height:24px; font-family:engReg, korReg; padding-left:3px; }
.tblView .titleArea .dateBox:after { content:''; display:block; clear:both; }
.tblView .titleArea .dateBox .date { float:left; color:#999; }
.tblView .titleArea .dateBox .attach {text-align: right; /* 2022-02-14 수정 */ float:right; font-size:16px; line-height:24px; }
.tblView .titleArea .dateBox .attach div:first-of-type{display:inline-block;}/* 2022-02-14 추가 */
.tblView .titleArea .dateBox .attach span { color:#999; background: url(../images/common/blt01.gif) right top 12px no-repeat; padding: 7px 8px 0 0; margin-right:12px; }
.tblView .titleArea .dateBox .attach a { color:#333; }
.tblView .titleArea .dateBox .smTime { float:left; color:#999; text-align: left; background: url(../images/common/blt01.gif) right top 6px no-repeat; padding-right:10px; margin-right: 10px; }
.tblView .titleArea .dateBox .smPlace { float:left; color:#666; text-align: left; background: url(../images/common/blt01.gif) right top 6px no-repeat; padding-right:10px; margin-right: 10px; }
.tblView .titleArea .dateBox .smContact {float:left; color:#666; text-align: left; }
.tblView .titleArea .dateBox .smTeacher { float:right; color:#666; }

.viewContents { min-height:300px; border-bottom:1px solid #b3b3b3; padding:30px; text-align:left; font-size:16px; line-height:28px; font-family:engReg, korReg; }
.viewContents .senimarBtn {font-family:engMed, korMed;font-size:20px;display: block;width: 310px;background-color: #3d7dff;margin: 0 auto 50px auto;text-align: center;border-radius: 10px;box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);transition: 0.3s;}
.viewContents .senimarBtn:hover {opacity: 0.8;}
.viewContents .senimarBtn a {display: block;color: #fff;background: url(../images/common/icon_seminar.svg) left 15px center no-repeat;background-size: 35px;line-height: 40px;padding: 15px 20px 15px 55px;}

.viewContents p:after {content:""; display: block; clear: both;}
.viewContents p.imgBox { text-align:center; }
.viewContents p.imgBox img { margin:0 auto; max-width:800px; height:auto; }
.viewContents img {margin:0 auto; max-width: 100% !important; height: auto !important; display: block;}

/* .viewContents p { margin-bottom:30px; } */
/* .viewContents p img {margin:0 auto;max-width: 100% !important;height: auto !important;} */

@media all and (max-width : 1024px) {
	.tblView .titleArea { font-size:20px; padding:18px 10px 13px; }
	.viewContents { padding:15px; }
	.viewContents p.imgBox img { width:100%; }
}

@media all and (max-width: 767px) {
	.tblView .titleArea { padding:18px 0 13px; }
	.tblView .titleArea .titBox { font-size:18px; line-height:24px; margin-bottom:6px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.tblView .titleArea .titBox .smDate { float:left; font-size:14px; width:100%; margin:0 0 10px 0; text-align:left; }
	.tblView .titleArea .titBox .smDate span { display:inline-block; text-align:center; width:150px; color:#276eff; box-shadow: 0 0 0 2px #276eff inset; border-radius:16px; line-height:32px; }
	.tblView .titleArea .titBox .smTit { font-size:18px; line-height:24px; width:100%; margin:0; letter-spacing:-.5px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.tblView .titleArea .dateBox .attach { width: 100%;}
	.tblView .titleArea .dateBox .smPlace { background : none;}
	.tblView .titleArea .dateBox .smContact { width: 100%; }
	.tblView .titleArea .dateBox .smTeacher { width: 100%; text-align: left; }
	.viewContents { padding:20px 0; font-size:14px; line-height:22px; }
	.viewContents .senimarBtn {margin-bottom: 40px;font-size: 18px;width: 280px;}
	.viewContents .senimarBtn a {padding: 10px 15px 10px 45px;}
}

/* Paging */
.page_wrap { width:100%; font-family:engReg, korMed; }
.page_wrap .moreBtn { display:none; }
.page_wrap li { display:inline-block; font-size:16px; line-height:40px; width:40px; text-align:center; margin:0 2px; }
.page_wrap li a { color:#333; display:block; border:1px solid #ededed; border-radius:3px; text-decoration:none; transition: 0.3s; }
.page_wrap li.active a, .page_wrap li.active a:hover { background-color:#3d7dff; border:1px solid #3d7dff; color:#fff; }
.page_wrap li a:hover { background-color:#ededed; border:1px solid #ededed; }
.page_wrap li a.before { background:url('../images/common/paging_before.png') no-repeat top 13px center; text-indent:-99999em; border:1px solid #fff; }
.page_wrap li a.next { background:url('../images/common/paging_next.png') no-repeat top 13px center; text-indent:-99999em; border:1px solid #fff; }
.page_wrap li a.first { background:url('../images/common/paging_first.png') no-repeat top 13px center; text-indent:-99999em; border:1px solid #fff; }
.page_wrap li a.end { background:url('../images/common/paging_end.png') no-repeat top 13px center; text-indent:-99999em; border:1px solid #fff; }
.page_wrap li a:hover.before, .page_wrap li a:hover.next, .page_wrap li a:hover.first, .page_wrap li a:hover.end { background-color:#ededed }

@media all and (max-width: 767px) {
	.page_wrap ul { display:none; }
	.page_wrap .moreBtn { display:block; width:100%; font-size:14px; color:#333; line-height:50px; background-color:#f3f5f8; }
	.page_wrap .moreBtn span { padding-left:30px; background:url('../images/common/btn_icon_plus.svg') no-repeat top 3px left 10px; background-size:14px 14px; }
}


/* FAQ */
.faqTbl { width:100%; border-top:2px solid #000; margin-bottom:30px; border-bottom:1px solid #cacdd3; }
.faqTbl:after { content:''; display:block; clear:both; }
.faqTbl li { float:left; width:100%; font-family:engReg, korReg; font-size:16px; line-height:32px; border-bottom:1px solid #e3e7ee; padding:15px 0 13px; text-align:center; }
.faqTbl li:last-child { border-bottom:none; }
.faqTbl li:hover { background-color:#f2f5f8 }
.faqTbl li.index { float:left; width:100%; line-height:50px; padding:0; border-bottom:1px solid #e3e7ee; background-color:#f3f5f8; }
.faqTbl li.index div { font-family:engReg, korMed; font-size:15px; text-align:center; color:#333; line-height:50px; }
.faqTbl li .listNum {float:left; color:#333; width:5%; }
.faqTbl li .listType {float:left; color:#333; width:16%; }
.faqTbl li .listQuest { float:left; width:55%; }
.faqTbl li .listStatus { float:left; width:12%; }
.faqTbl li .listDate {float:left; color:#333; width:12%; }
.faqTbl li.qst { cursor: pointer; position:relative; }
.faqTbl li.qst .listSort { font-style: normal; float:left; width:17%; min-width:110px; font-family:engMed, korMed; color:#3d7dff; }
.faqTbl li.qst .listTitle { float:left; width:83%; text-align:left; font-family:engMed, korMed; color:#333; letter-spacing:-.5px; padding-right: 30px; box-sizing: border-box;}
.faqTbl li.qst img { position:absolute; top:25px; right:15px; width:17px; }
.faqTbl li.qst .listNum {float:left; color:#999; width:5%; }
.faqTbl li.qst .listType {float:left; color:#333; width:16%; font-family:engMed, korMed; color:#3d7dff; }
.faqTbl li.qst .listQuest { float:left; text-align:left; width:55%; font-family:engMed, korMed; color:#333; letter-spacing:-.5px; }
.faqTbl li.qst .listStatus { float:left; width:12%; }
.faqTbl li.qst .listDate {float:left; color:#999; width:12%; }
.faqTbl li.qst .listStatus .ans {background-color:#3d7dff; line-height:32px; font-size:14px; display:inline-block; padding:0 20px; border-radius:16px; color:#fff; }
.faqTbl li.qst .listStatus .rec {background-color:#b1b7c2; line-height:32px; font-size:14px; display:inline-block; padding:0 20px; border-radius:16px; color:#fff; }
.faqTbl li.ans { background: #f2f5f8; display: none; color:#333; }
.faqTbl li.ans p { width:100%; text-align:left; padding:0 5% 0 15%; letter-spacing:-.5px; line-height: 1.5; }
.faqTbl li.ans .qstBox {width:100%; border-bottom:1px dashed #c7c7c7; padding:15px 30px 25px 125px; background:url('../images/common/icon_question.svg') no-repeat top 16px left 44px; background-size:36px; min-height:36px; }
.faqTbl li.ans .qstBox p.textbook { width:100%; text-align:left; padding:0; letter-spacing:-.5px; line-height:17px; margin-bottom:10px; font-family:engMed, korReg; }
.faqTbl li.ans .qstBox p.textbook span {font-size:14px; background:url('../images/common/blt01.gif') no-repeat top 4px right; margin-right:10px; padding-right:10px; }
.faqTbl li.ans .qstBox p.question { width:100%; text-align:left; padding:0; letter-spacing:-.5px; line-height:24px; }
.faqTbl li.ans .ansBox {width:100%; padding:25px 30px 10px 125px; background:url('../images/common/icon_answer.svg') no-repeat top 26px left 44px; background-size:36px; min-height:80px; }
.faqTbl li.ans .ansBox p { width:100%; text-align:left; padding:0; letter-spacing:-.5px; line-height:24px; }
.faqTbl li.ans .ansBox p.answer { width:100%; text-align:left; padding:0; letter-spacing:-.5px; line-height:24px; }
.rotate { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faqSort { width:100%; margin-bottom:30px; }
.faqSort:after { content:''; display:block; clear:both; }
.faqSort li { float:left; font-family:korBold; font-size:18px; line-height:18px; background:url('../images/common/blt02.gif') no-repeat top 1px right; margin-left:15px; padding-right:15px; }
.faqSort li:first-child {margin-left:0; }
.faqSort li:last-child { background-image:none; padding-right:0;  }
.faqSort li a { color:#333; transition: 0.3s; }
.faqSort li a.active, .faqSort li a:hover { color:#3d7dff; }

@media all and (max-width: 767px) {
	/* FAQ */
	.faqTbl li { line-height:24px; padding:15px 0 13px; }
	.faqTbl li.index { display:none; }
	.faqTbl li:hover { background-color:#fff; }
	.faqTbl li .listStatus { width:50%; }
	.faqTbl li.qst img { position:absolute; top:35px; right:10px; width:17px; }
	.faqTbl li.qst .listSort { float:left; width:100%; text-align:left; font-size:14px; }
	.faqTbl li.qst .listType { width:100%; text-align:left; }
	.faqTbl li.qst .listTitle { float:left; width:100%; font-size:18px; }
	.faqTbl li.qst .listNum {display:none; }
	.faqTbl li.qst .listStatus { width:50%; text-align:left;  }
	.faqTbl li.qst .listQuest {width:100%; margin-bottom:5px;  }
	.faqTbl li.qst .listDate {float:left; text-align:right; color:#999; width:50%; line-height:28px; padding-right:5px;  }
	.faqTbl li.qst .listStatus .ans {background-color:#3d7dff; line-height:28px; font-size:14px; display:inline-block; padding:0 20px; border-radius:14px; color:#fff; }
	.faqTbl li.qst .listStatus .rec {background-color:#b1b7c2; line-height:28px; font-size:14px; display:inline-block; padding:0 20px; border-radius:14px; color:#fff; }
	.faqTbl li.ans p { width:100%; text-align:left; padding:0 5% 0 5%; letter-spacing:-.5px; line-height: 1.5; }
	.faqTbl li.ans .qstBox {width:100%; border-bottom:1px dashed #c7c7c7; padding:0 10px 10px 56px; background:url('../images/common/icon_question.svg') no-repeat top 0px left 10px; background-size:36px; min-height:50px; }
	.faqTbl li.ans .ansBox {width:100%; padding:15px 10px 0 56px; background:url('../images/common/icon_answer.svg') no-repeat top 10px left 10px; background-size:36px; min-height:50px; }
	.faqTbl li.ans .qstBox p.textbook {display:none; }
	.faqSort { margin-bottom:20px; display:inline-flex; justify-content:space-between; text-align:center; }
	.faqSort li { float:none; font-size:17px; line-height:14px; margin-left:6px; padding-right:8px; flex-grow: 1;}
}

@media all and (max-width: 360px) {
	/* FAQ */
	.faqTbl li.qst .listTitle {  font-size:16px; }
	.faqSort li { font-size:14px; line-height:13px; padding-right:10px; }
}
@media all and (max-width: 320px) {
	/* FAQ */
	.faqSort li { font-size:13px; line-height:13px; padding-right:10px; }
}

/* book order */
.bookorderBox {float:left; width:calc(100% - 305px); margin-bottom:30px;   }
.bookorderBox:after { content:''; display:block; clear:both; }
.bookorderBox .tblTit { font-size:20px; line-height:40px; font-family:engBold, korBold; padding:0 10px 0 5px; text-align:left; }
.cultureDeduct {float:left; width:100%; background-color:#f2f5f8; padding:30px; text-align:left; font-size:14px; margin-bottom:30px; line-height: 1.5;}
.cultureDeduct p {font-family:engSemi, korBold; margin-bottom:5px; }
.cultureDeduct li {float:left;  font-family:engReg, korReg; background: url(../images/common/blt03.svg) left 3px top 7px no-repeat; background-size:4px;  padding-left:12px; margin-bottom:5px; }
.ordbtnBox {float:left; width:100%;  font-family:engReg, korReg; line-height:18px;  margin-bottom:80px;  }
.ordbtnBox .buyBtn {font-size:18px;  line-height:60px; display:inline-block; font-family:engSemi, korBold; width:50%; }
.wdtHalf {width:45%; margin-right:4px;  }

@media all and (max-width: 1024px) {
	.bookorderBox {float:left; width:100%; margin-bottom:30px; }
	.wdtHalf {width:100%;   margin-right:0px; }
	.cultureDeduct {float:left; width:100%; background-color:#f2f5f8; padding:15px; text-align:left; font-size:14px; margin-bottom:30px;    }
	.ordbtnBox .buyBtn {font-size:18px;  line-height:60px; display:inline-block; font-family:engSemi, korBold; width:100%; }
}

.orderList { width:100%;  margin-bottom:30px; font-family:engMed, korMed; font-size:16px; line-height:36px; border-top:2px solid #333;  }
.orderList:after { content:''; display:block; clear:both; }
.orderList > li { float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:15px 10px 13px; text-align:center; }
.orderList > li .odDate { float:left; width:100px; margin-right:20px; }
.orderList > li .odDate .date { color:#999; font-family:engReg; }
.orderList > li .odDate .status { border-radius:18px; font-size:14px; line-height:32px; font-family:korBold; box-shadow: 0 0 0 2px #333 inset; color:#333; }
.orderList > li .odDate .paycheck { box-shadow: 0 0 0 2px #ff5151 inset; color:#ff5151; }
.orderList > li .prList { float:left; width:calc(100% - 240px); margin-right:20px; }
.orderList > li .prList li { width:100%; float:left; padding:0 20px;  }
.orderList > li .prList li .book {color:#333;  float:left; width:calc(100% - 240px); text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.orderList > li .prList li .price { float:left; width:110px;}
.orderList > li .prList li .amount { float:right; width:120px; text-align:right; }
.orderList > li .prList li.odTotal { margin-top:10px; padding-top:10px; }
.orderList > li .prList li.odTotal .delivery { float:left; font-size:14px; color:#999; padding-left:calc(100% - 270px); font-family:engReg, korReg; }
.orderList > li .prList li.odTotal .totalPrice {color:#333; float:right; font-family:engSemi, korMed; text-align:right; }
.orderList > li .prList li.odTotal .totalPrice span {margin:0 4px; }
.orderList > li .prList li span { font-family:korReg; font-size:14px; color:#333; margin:0 2px; }
.orderList > li .odTotal { border-top:1px solid #e8e8e8; }
.orderList > li .odBtn { float:left; width:100px; }
.orderList > li .odBtn a:first-child { margin-bottom:5px; }
.orderList > li .odBtn a { display:inline-block; border-radius:4px; line-height:34px; padding:0; width:100%; font-size:14px; font-family:engMed, korMed; transition: 0.5s; }

@media all and (max-width: 767px) {
	.orderList { line-height:32px; }
	.orderList > li { float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:15px 5px 13px; text-align:center; }
	.orderList > li .odDate { width:100%; }
	.orderList > li .odDate .date { float:left; color:#999; font-family:engReg; }
	.orderList > li .odDate .status { float:right; padding:0 10px; }
	.orderList > li .prList { width:100%; line-height:22px; }
	.orderList > li .prList li { padding:0; margin-bottom:10px;  }
	.orderList > li .prList li .book { float:left; width:100%; font-size:18px; text-align:left; margin:5px 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.orderList > li .prList li .price { float:left;  font-size:14px; width:auto; background: url(../images/common/blt05.gif) right 7px top 5px  no-repeat; padding-right:14px; }
	.orderList > li .prList li .amount { float:left; font-size:14px;   width:auto; text-align:left; }
	.orderList > li .prList li.odTotal { margin:0 0 5px; padding:10px 0 0 0; }
	.orderList > li .odTotal { line-height:32px; margin-bottom:0; }
	.orderList > li .prList li.odTotal .delivery { padding-left:0; }
	.orderList > li .prList li.odTotal .totalPrice {font-size:18px;  float:left; text-align:left; margin-bottom:5px; }
	.orderList > li .prList li span { font-family:korReg; font-size:13px; color:#333; margin:0 0 0 2px; }
	.orderList > li .odBtn { float:left; width:100%; text-align:right; }
	.orderList > li .odBtn a { float:right; width:calc(50% - 2px); line-height:45px; text-align:center; }
	.orderList > li .odBtn a:first-child { margin-left:4px; }
}

/* bookcart */
.bookcartBox {width:100%;}
.bookcartBox:after { content:''; display:block; clear:both; }
.cartWrap {float:left; width:calc(100% - 305px); }
.cartList {width:100%; margin-right:20px; font-family:engReg, korReg; font-size:14px;  margin-bottom:10px; border-top:2px solid #333; }
.cartList ul {float:left;  width:100%;  }
.cartList li { float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:15px 0; text-align:center; }
.cartList li div {float:left;   text-align:center;  height:110px;  line-height:110px; vertical-align:middle;  }
.cartList .odList li {float:left; width:100%; }
.cartList .odList li div {float:left;  height: auto; line-height: 1.3; vertical-align:middle; /* 2022-02-16 수정 */ }
.cartList li.index { float:left; width:100%; line-height:110px; border-bottom:1px solid #e3e7ee; padding:0; background-color:#f3f5f8; height:50px ; }
.cartList li.index div { font-family:engReg, korMed; font-size:15px; text-align:center; color:#333; line-height:50px; height: 50px; /* 2022-02-15 수정 */ }
.cartList li.index .prInfo {width:calc(100% - 380px); justify-content: center; /* 2022-02-15 수정 */}
.cartList li .listCheck {width:60px; }
.cartList li .prImg {width:80px;}
.cartList li .prImg  img {float:left; width:80px; height:110px; }
.cartList li .prInfo {width:calc(100% - 390px); text-align:left; font-size:18px; font-family:engMed, korMed; }
.cartList li .prInfo {width:calc(100% - 480px); margin-left:10px; padding-right: 5px; line-height: 24px; display: flex; align-items: center;
	/* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 2022-02-15 수정 */ }
.cartList li .prAmount {width:80px; font-size:16px;  font-family:engMed; }
.cartList li .prAmount input {height:26px; border:1px solid #aaa; display:inline-block; width:30px; vertical-align :middle; }
.cartList li .prAmount .minus, .cartList li .prAmount .plus {width:26px; height:26px; border:1px solid #aaa; display:inline-block; text-indent:-1000em;  vertical-align :middle;  }
.cartList li .prAmount .minus {margin-right:-1px; border-right:0; background: url(../images/common/icon_minus.svg) center top  no-repeat; background-size:24px; }
.cartList li .prAmount .plus {margin-left:-1px; border-left:0; background: url(../images/common/icon_plus.svg) center top  no-repeat; background-size:24px; }
.cartList li .prPrice {width:100px; text-align:right; font-size:16px; font-family:engReg;  }
.cartList li .prPrice p {line-height:24px; vertical-align :middle; display: inline-block; }
.cartList li .prPrice  p .oldPrice {  text-decoration-line: line-through; }
.cartList li .prSum {width:100px; text-align:right; font-size:16px; font-family:engSemi; }
.cartList li .prSave {width:120px; text-align:right; font-size:16px; font-family:engMed, korMed;  }
.cartList li .listDel {width:50px; }
.cartList li .listDel a {width:26px; height:26px; vertical-align :middle; display: inline-block; }
.cartList li .listDel a img {width:26px; display:block; }
.cartList li div span.krw {font-size:14px; color:#666; font-family:engReg, korReg; margin-left:2px;  }
.cartList li .bookName {width:calc(100% - 310px); text-align:left; font-size:18px; font-family:engMed, korMed; padding-left:5px;  /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 2022-02-16 수정 */}
.cartList li .orderAmt {float:left; width:80px; text-align:right; font-size:16px;  font-family:engMed; padding-left:5px; }
.cartList li .orderSum {float:left; width:120px; text-align:right; font-size:16px; font-family:engMed;   }
.cartList li .orderSave {float:right !important; width:100px; text-align:right; font-size:14px; font-family:engReg, korReg;  color:#333;  }
.cartList li .orderSave span {font-size:16px;  font-family:engMed, korMed;   }

.cartBot {float:left; width:100%; margin-top:10px; }
.cartBot  li {float:left; }
.cartBot li:first-child {margin-right:4px; }
.cartBot  li a {display:block; border-radius:3px; line-height:32px; height:34px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }

.payBox {float:right; width:285px; }
.payBox .payInfo {float:right; width:285px; font-family:engMed, korMed; font-size:14px; text-align:left;    }
.payBox .brd2px {border:2px solid #333; }
.payBox .bdb1px {border-bottom:1px solid #333;  }
.payBox .bdb2px {border-bottom:2px solid #333;  }
.payBox .payInfo .tblTit {font-size:20px; line-height:40px; font-family:engBold, korBold; padding:5px 10px 0 5px; margin-bottom:0;  }
.payBox .payInfo .cartTit {font-size:20px; line-height:40px; font-family:engBold, korBold; padding:5px 10px 5px 5px; margin-bottom:0;  }
.payBox .payInfo ul {padding:10px 10px 0;}
.payBox .payInfo li {width:100%; float:left;   text-align:left; line-height:30px; font-size:15px; }
.payBox .payInfo li.pay {line-height:41px; }
.payBox .payInfo li.sale {border-bottom:1px solid #d3d3d3; padding-bottom:10px; margin-bottom:10px; }
.payBox .payInfo li .price {float:right; font-size:18px; font-family:engMed, korMed; }
.payBox .payInfo li .price .krw {font-size:14px; color:#666; font-family:engReg, korReg; }
.payBox .payInfo li .price .saveMoney {font-size:14px; color:#999; font-family:engReg, korReg;  }
.payBox .payInfo li .save {float:right; font-size:14px; color:#999;}
.payBox .payInfo li .own { font-size:14px; color:#999; font-family:engReg, korReg; }
.payBox .payInfo li.total {margin-top:10px; padding:10px 0; border-top:1px solid #ababab; font-family:engBold, korBold; }
.payBox .payInfo li.total .price { color:#ff3c3c; font-family:engSemi; font-size:20px; }
.payBox .payInfo li input {width:80px; height:30px; border:1px solid #acb1bb; border-radius:3px;  margin-right:3px;  text-align:right; padding:0 5px; font-size:16px; }
.payBox .buyBtn {width:100%; font-size:18px; line-height:60px; display:inline-block; background-color:#ff3c3c; color:#fff; font-family:engBold, korBold; }

@media all and (max-width: 1024px) {
	.cartWrap {float:left; width:100%; margin-bottom:30px; }
	.cartList {width:100%;  }
	.cartList li div {float:left;   text-align:center;  height:110px;  line-height:110px; vertical-align:middle;  }
	/* 2022-02-15 수정 */
	/* .cartList li .prInfo {width:calc(100% - 480px); line-height:24px; padding-top:30px;  margin-left:10px; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } */
	.cartList li.index .prInfo {padding-top:0; }
	.payBox {float:left; width:100%; margin-bottom:30px; }
	.payBox .payInfo {float:left; width:100%; font-family:engMed, korMed; font-size:14px; text-align:left;    }
}

@media all and (max-width: 767px) {
	.cartWrap {float:left; width:100%; }
	.cartList { margin-bottom:10px; }
	.cartList li { padding:13px 0;  }
	.cartList li div {float:left;   text-align:center;  height:auto;  line-height:30px; vertical-align:middle;  }
	.cartList li.index  {display:none; }
	.cartList li .listCheck {width:40px; height:110px; line-height:110px;   }
	.cartList li .prImg {width:80px; height:130px; }
	.cartList li .prInfo {width:calc(100% - 130px); /* margin-left:10px; 2022-02-15 수정 */ line-height:22px; margin-bottom:10px; padding-top:0;  }
	.cartList li .prAmount {  width:calc(100% - 130px);  margin-left:10px; line-height:24px; text-align:left; margin-bottom:5px;  }
	.cartList li .prPrice {width:calc(100% - 130px);  margin-left:10px;  line-height:4px; margin-top:5px; }
	.cartList li .prPrice p {width:100%; text-align:left; font-size:16px; line-height:20px; font-family:engReg; font-size:15px; display:inline-block; padding-right:30px;  }.cartList li .prSum {width:calc(100% - 170px); margin-left:10px;  text-align:left; font-size:18px; font-family:engSemi; line-height:18px; }
	.cartList li .listDel {width:30px; float:right; margin-top:-10px; }
	.cartList li div span.krw {font-size:12px;  margin-right:5px; }
	.cartList li .bookName {float:left; width:100%; padding-left:5px; line-height:24px;  }
	.cartList li .orderAmt {float:left; width:auto; text-align:left; font-size:16px;  font-family:engMed; padding-left:5px; }
	.cartList li .orderSum {float:left; width:auto; text-align:left; font-size:16px; font-family:engMed;  background: url(../images/common/blt05.gif) left 1px top 8px no-repeat; padding-left:10px; }
	.cartList li .orderSave {float:right; width:auto; text-align:right; }
	.ordbtnBox .buyBtn {font-size:18px;  line-height:60px; display:inline-block; font-family:engSemi, korBold; width:100%; }

	.cartBot li {float:left; width:calc(50% - 2px);   }
	.cartBot li:first-child {margin-right:4px; }
	.cartBot a {display:inline-block; width:100%; text-align:center; font-size:16px; border-radius:3px;  padding:0 20px; line-height:40px !important; height:40px !important; }

}
@media all and (max-width: 460px) {
	.cartList li .prImg {height:140px; }
}
@media all and (max-width: 370px) {
	.cartList li .prInfo {font-size:16px; line-height:20px; }
}
@media all and (max-width: 342px) {
	.cartList li .prImg {height:152px; }
}