/** POPUP **/
#overlay_t { background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 99; display:none; }
#layerPopup, #layerPopup2, #emailPop { display:none; z-index:500; margin:0; padding:25px; background-color:#fff; border:1px solid #cccccc; max-height:90vh; overflow-y:auto;  }

.main_popup { display:none; z-index:500; margin:0; background-color:#fff; border:1px solid #cccccc; max-height:90vh; overflow-y:auto; }
.popContent { overflow-y:none; }
.popText { position:relative; width:100%; font-size:15px; color:#fff; background-color:#222222;line-height:28px; border-top:2px solid #333; }
.popClose { position:relative; width:100%; height: 50px; line-height: 50px; font-size:15px; background-color:#F7F7F7; border-right:1px solid #333; border-bottom:1px solid #333; }
.popClose:after { content: ''; display: block; clear: both; }
.popClose li { position: relative; width: 50%; float: left;}
.popClose li:first-child:after { content: ''; position: absolute; top: 10px; right:0; display: block; width: 1px; height: 30px; background: #666; }
.popClose li a { display: block; width: 100%; height: 100%; color: #000; font-family: korReg; font-size: 14px; text-align: center;}


.mainCloseBtn { position:absolute; right:0; top:0; color:#fff; z-index:1000; display:block; width:26px; height:26px; text-indent:-1em; }
.popupImg { width: 100%;height: 100%; }
.hide {display:none; }
.pop480 { width:480px; }
.pop540 { width:540px; }
.pop600 { width:600px; left:calc(50% - 300px); }
.pop800 { width:800px; left:calc(50% - 400px); }

.popTit { position:relative; width:100%; font-size:28px; color:#222222; font-family:engBold, korBold; line-height:28px; padding-bottom:17px; margin-bottom:10px; border-bottom:2px solid #333; }
.popTit2 { position:relative; width:100%; font-size:28px; color:#222222; font-family:engBold, korBold; line-height:28px;  padding-bottom:17px; border-bottom:2px solid #333; }
.popbookTit {text-align:center;  width:100%; font-size:20px; color:#222222; font-family:engSemi, korBold; line-height:24px;  margin-bottom:10px; }
.popbookTit span {font-family:engReg, korReg; font-size:16px; }
.popbookDisc {text-align:center;  width:100%; font-size:16px; color:#222222; font-family:engReg, korReg; line-height:24px; }
.popCheck {float:left; font-size:16px; color:#999; border-top:1px solid #e8eaec; padding-top:15px; margin-top:15px; font-family:engReg, korReg; width:100%;  }

.closeBtn { position:absolute; display:none; right:0; top:0; z-index:1000; display:block; width:26px; height:26px; background:url(../images/common/icon_close.svg) center top no-repeat; background-size:26px; text-indent:-1000em; }
.emailDisc { font-size:16px; line-height:30px; padding:15px; font-family:engMed, korMed; }
.emailDisc span { color:#ff4646; }
.layerpop { width:100%; background-color:#ccc; }
.layerpop div { float:left; font-size:15px; font-family:engSemi, korBold; line-height:34px; }
.layerpop div a { color:#333; }
.layerpop div a:hover { color:#333; background: linear-gradient(to top, #fff282 50%, transparent 50%); }
.layerpop div:nth-of-type(1) { width:380px; }
.layerpop div:nth-of-type(2) { width:170px; }

/* 예약하기, 비밀번호 변경 */
.popTable { width:100%; font-family:engMed, korMed; font-size:16px; color:#333; border-bottom:1px solid #ccc; padding:0; }
.popTable:after { content:''; display:block; clear:both; }
.popTable li { float:left; width:100%;line-height:20px; margin-bottom:10px; }
.popTable li.divide { border-top:1px solid #e8e8e8; padding-top:10px; }
.popTable .tblHead, .popTable .tblHeadm { float:left; width:35%; line-height:40px; font-family:engSemi, korBold; padding-left:10px; }
.popTable .tblData { float:left; width:65%; line-height:38px; padding-right:10px; }
/*.popTable .tblData a { display:inline-block; margin:5px 0 0 0; text-align:center; border-radius:3px; line-height:50px; height:50px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }*/
.popTable .tblCode { float:left; width:35%; padding:0; }
.popTable .tblInput { float:left; width:35%; padding:0 10px 0 0; }
.popTable .tblBtn { float:left; width:30%;padding-right:10px; }
.popTable .tblBtn a { display:inline-block; border-radius:3px; line-height:40px; height:40px; padding:0; font-size:14px; font-family:engMed, korMed; cursor:pointer; text-align:center; background-color:#b1b7c2; color:#fff; }
.popTable .mmg { padding-left:35%; font-size:14px; line-height:18px; }
.popTable .mmg span { padding-left:25px; }
.popTable .check { background:url('../images/common/msg_check.svg') no-repeat left top ; color:#276eff; }
.popTable .alert { background:url('../images/common/msg_alert.svg') no-repeat left top ; color:#ff4646; }
.popTable .pwform {width: calc(100% - 71px);}
.popTable .pwBtn {width: 66px;height: 40px;line-height: 40px; text-align: center;}
/* 주문취소/환불계좌정보 */
.popTable2 { width:100%; font-family:engMed, korMed; font-size:16px; color:#333; border-top:2px solid #333; margin-bottom:20px;font-size:14px;  }
.popTable2:after { content:''; display:block; clear:both; }
.popTable2 li { float:left; width:100%;line-height:20px; border-bottom:1px solid #e8e8e8; }
.popTable2 .tblHead { float:left; width:20%; line-height:40px; font-family:engMed, korMed; background-color:#f3f5f8; text-align:center; padding:5px 0; }
.popTable2 .tblData { float:left; width:80%; line-height:40px; padding:5px 10px; }
.popTable2 .tblData2 { float:left; width:30%; line-height:40px; padding:5px 10px; }
.popTable2 .tblData3 { float:left; width:50%; line-height:40px; padding:5px 10px; }
.popTable2 .tblData2.price {text-align:right; padding-right:8%;  }
.popTable2 .tblData2.price span {font-size:14px; color:#666; margin-left:3px; font-family:engReg, korReg;  }
.popTable2 .tblData2.price span.total {font-size:18px; color:#ff5151;  font-family:engSemi;}
.popTable2 .tblData2.method {}

/* 배송목록 */
.popDlv { width:100%; font-family:engMed, korMed; font-size:16px; color:#333; border-bottom:1px solid #ccc; padding:0; }
.popDlv:after { content:''; display:block; clear:both; }
.popDlv > li { float:left; width:100%; line-height:20px; border-bottom:1px solid #e8e8e8; padding:15px 10px;  }
.popDlv > li:last-child {border-bottom:none; }
.popDlv .dlvName {font-size:18px; font-family:engSemi, korBold;  line-height:24px; margin-bottom:10px; }
.popDlv .dlvAdd {font-size:16px; font-family:engReg, korReg;  line-height:24px; }
/* 주문취소/취소목록 */
.popList { width:100%; font-family:engMed, korMed; font-size:16px; color:#333; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 20px;  }
.popList:after { content:''; display:block; clear:both; }
.popList li { float:left; width:100%; }
.popList li:last-child { border-top:1px solid #e8e8e8; padding-top:5px; margin-top:5px; }
.popList li.popDisc { font-size:16px; font-family:engMed, korMed; padding-left:10px; line-height:36px; color:#ff3c3c }
.popList div { float:left; line-height:36px; padding:0 10px; }
.popList .listCheck { width:calc(100% - 200px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popList .title { width:calc(100% - 260px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popList .price { width:120px; text-align:right; }
.popList .amount { width:80px; text-align:right; }
.popList .total { font-size:16px; width:100%; text-align:right; font-family:engSemi, korMed; }
.popList span.won { font-size:14px; font-family:engReg, korReg; margin-left:2px; }
.popList span.refund { font-size:14px; font-family:engReg, korReg; margin-right:10px; }

.popContent .orderNum { font-family:engReg, korReg; font-size:18px; color:#999999; padding-left:10px; }
.popContent .orderNum span { font-family:engMed, korMed; font-size:24px; color:#3d7dff; margin-left:10px; }
.popContent .formBox { padding:10px 10px 10px 10px; border-top:2px solid #333; border-bottom:1px solid #999; }
.popContent .formBox2 { padding:10px 10px 10px 10px; border-bottom:1px solid #999; } /* 회원탈퇴 */
.popContent .formBox3 { padding:0 10px 10px 10px; border-bottom:1px solid #999; margin-bottom:10px;  } /* 회원탈퇴 */
.popContent .popBtn { display:inline-block; border-radius:3px; line-height:46px; height:46px; padding:0; width:100%;  font-family:engMed, korMed; cursor:pointer;text-align:center; font-size:18px; }
.popContent .discription { font-family:engMed, korMed; font-size:16px; line-height:26px; margin-bottom:10px; }
.popContent .stit { width:100%; font-family:engBold, korBold; font-size:18px; line-height:38px; margin-bottom:5px;  }
.popContent .stit2 { width:100%; font-family:engBold, korBold; font-size:18px; line-height:38px; margin-bottom:5px; }
.popContent .stit3 { width:100%; font-family:engBold, korBold; font-size:18px; line-height:38px; margin-bottom:5px; }
.popContent textarea { width:100%; height:114px; font-size:14px !important; font-family: engMed, korMed; border-radius:3px; }
.popContent span.credit {display:block;  }
.popContent span.rightBox {float:right; }
.popContent .titBtn {display:inline-block; font-size:13px; font-family:engReg, korReg;line-height:32px; height:32px; padding:0 10px; border-radius:3px;  }

.btnPopBox { width: 100%; text-align: center; margin: 20px 0 0; }
.btnPopBox:after { content:''; display:block; clear:both; }
.btnPopBox li { display:inline-flex; width:calc(50% - 10px); }
.btnPopBox li:first-child { margin-right:6px; }
.btnPopBox li a { display:block; line-height:48px; height:48px; font-size:18px; font-family:engMed, korMed; width:100%; transition: 0.5s; border-radius:3px; }

.btnPoptbl {float:left;  width: 100%; text-align: center; margin: 10px 0 0; }
.btnPoptbl:after { content:''; display:block; clear:both; }
.btnPoptbl li { float:left;  width:calc(50% - 4px); }
.btnPoptbl li:first-child {margin-right:8px; }
.btnPoptbl li a { display:block; line-height:38px; height:40px; font-size:14px; font-family:engMed, korMed; width:100%; transition: 0.5s; border-radius:3px; }

/* 주문조회 상세 팝업 */
.orderDetail { width:100%;  margin-bottom:20px; font-family:engMed, korMed; font-size:16px; line-height:32px; }
.orderDetail:after { content:''; display:block; clear:both; }
.orderDetail > li { float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:0 10px 10px; text-align:center; }
.orderDetail > li .odDate { float:left; width:90px; margin-right:20px; }
.orderDetail > li .odDate .date { color:#999; font-family:engReg; }
.orderDetail > li .odDate .status { border-radius:18px; font-size:14px; line-height:32px; padding:0 10px; font-family:korBold; border:2px solid #333; color:#333; }
.orderDetail > li .odDate .paycheck { box-shadow: 0 0 0 2px #ff5151 inset; color:#ff5151; }
.orderDetail > li .bookTit { float:left; width:calc(100% - 130px); margin-right:20px; } /* 2022-02-16 수정 */
.orderDetail > li .bookTit li { width:100%; float:left; padding:0; line-height: 1;} /* 2022-02-16 수정 */
.orderDetail > li .bookTit li .book { float:left; width:calc(100% - 150px); text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height: 1.2; margin-bottom: 13px; }
.orderDetail > li .bookTit li .price { float:left; text-align:right; width:90px; }
.orderDetail > li .bookTit li .amount { float:right; width:60px; text-align:right;  }
.orderDetail > li .bookTit li.odTotal { margin-top:10px; padding-top:10px; }
.orderDetail > li .bookTit li.odTotal .delivery { float:left; font-size:14px; color:#999; padding-left:calc(100% - 270px); font-family:engReg, korReg; }
.orderDetail > li .bookTit li.odTotal .totalPrice { float:right; font-family:engSemi, korMed; text-align:right; }
.orderDetail > li .bookTit li span { font-family:korReg; font-size:14px; color:#333; margin:0 2px; }
.orderDetail > li .odTotal { border-top:1px solid #e8e8e8; }
.orderDetail > li .odBtn { float:left; width:100px; }
.orderDetail > li .odBtn a:first-child { margin-bottom:5px; }
.orderDetail > 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; }

/* 레벨테스트 다운로드 팝업 */
.levelDown {width:100%; padding:10px 10px 0 10px; font-size:18px; font-family:engBold; display:inline-flex; justify-content:space-between; align-items:center; flex-flow:row wrap;  border-bottom:1px solid #e2e2e2 }
.levelDown li { vertical-align:middle; text-align:center; text-transform:uppercase;  margin-bottom:10px; }
.levelDown li a p {display:block; width:130px; border-radius:25px; line-height:44px; height:50px;  border:3px solid #3d7dff; color:#3d7dff; margin-bottom:3px; }
.levelDown li a:hover p {background-color:#3d7dff; color:#fff;  }
.levelDown li a span {font-size:16px; color:#999; font-family:engMed, korMed; background: url(../images/common/icon_download.svg) left top 3px no-repeat; background-size: 14px; padding-left:17px; }
.levelDown li a:hover span {color:#333; }

@media all and (max-width : 767px) {
	#overlay_t { display:none; }
	#layerPopup, #layerPopup2, #emailPop { top:0; left:0;margin:0; padding:25px 0; background-color:#ffffff; width:100%; max-height:100%; overflow-y:auto; z-index: 1001;}
	#mainPopup { top:0; left:0;margin:0; padding:25px 0; background-color:#ffffff; width:100%; max-height:100%; }
	.pop480, .pop540, .pop600, .pop800 { width:100%; }
	.popContent { height:100%; overflow-y:scroll; padding:0 15px; }
	.b-close { right:15px; }
	.popTit { font-size:24px; line-height:28px; padding-bottom:17px; }
	.popTable { padding:0; }
	.popTable li div { float:left; width:100%; }
	.popTable .tblHead { width:100%; line-height:30px; padding:0; }
	.popTable .tblHeadm { display:none; }
	.popTable .tblData { width:100%; padding:0px; }
	.popTable .tblCode { width:40%; padding:5px 0 0 0; }
	.popTable .tblInput { width:calc(60% - 50px); padding:0 0 5px 0 0; }
	.popTable .tblBtn { width:5%; padding-right:0; }
	.popTable .tblBtn a { display:block; margin:0; text-align:center; border-radius:3px; line-height:50px; width:50px; height:50px; padding:0; font-size:14px; text-indent:-1000em; background:#b1b7c2 url('../images/common/icon_refresh.svg') no-repeat center top 10px ;background-size:30px; }
	.popTable .mmg { padding-left:0; }
	.popTable .check { background:url('../images/common/msg_check.svg') no-repeat left top ; }
	.popTable .alert { background:url('../images/common/msg_alert.svg') no-repeat left top ; }

	.popTable2 li:first-child {padding-top:8px; }
	.popTable .pwform {width: calc(100% - 75px);}
	.popTable .pwBtn {width: 70px;}
	.popTable2 li { border-bottom:none; }
	.popTable2 li:last-child {border-bottom:1px solid #ccc; padding-bottom:8px; }
	.popTable2 .tblHead { display:none; }
	.popTable2 .tblData { width:100%; padding:2px 0; }
	.popTable2 .tblData2, .popTable2 .tblData3 {padding:0;  line-height:24px; font-size:16px; font-family:engReg, korReg; }
	.popTable2 .tblData.name {font-size:18px; line-height:36px; margin-bottom:5px; }
	.popTable2 .tblData.phone {font-size:16px; line-height:20px; color:#999; font-family:engReg, korReg; }
	.popTable2 .tblData.address {font-size:16px; line-height:20px; color:#333; font-family:engReg, korReg; }
	.popTable2 .tblData.msg {font-size:16px; line-height:20px; margin-top:10px;  color:#666666; font-family:engReg, korReg; }
	.popTable2 .bank {width:100%; line-height:20px; }
	.popTable2 .tblData2.price {text-align:left; padding-right:0; line-height:36px; font-size:20px; color:#ff5151; }
	.popTable2 .tblData2.price span {font-size:14px; color:#666; margin-left:3px; font-family:engReg, korReg;  }
	.popTable2 .tblData2.method {font-size:18px;font-family:engMed, korMed; line-height:36px; margin-bottom:5px;  }
	.popTable2 .blind {display:none;  }

	.popList li {margin-bottom:10px;  }
	.popList li:last-child { border-top:1px solid #e8e8e8; padding:10px 0 5px; margin:5px 0 0; }
	.popList .listCheck { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  line-height:22px; }
	.popList .price { width:auto; text-align:left; margin-left:35px; line-height:22px;  }
	.popList .amount {background: url(../images/common/blt05.gif) left 0 top 4px no-repeat;  width:auto; text-align:left; line-height:22px;  }
	.popList .total { font-size:18px; }

	.popContent .formBox { padding:10px 0 10px 0;  }
	.popContent .formBox2 { padding:10px 0 10px 0; } /* 회원탈퇴 */
	.popContent .discription { line-height:24px; font-size:14px; font-family:engMed, korMed; }
	.popContent .formbox textarea { height:200px; font-size:14px;  }
	.popContent span.credit {display:none;  }
	.popContent .stit { width:100%; font-family:engBold, korBold; font-size:24px; line-height:38px; margin-bottom:5px;  }
	.popContent .stit2 { width:100%; font-family:engBold, korBold; font-size:24px; line-height:38px; margin-bottom:5px; }
	.popContent .stit3 { width:100%; font-family:engBold, korBold; font-size:24px; line-height:38px; margin-bottom:5px; }


	.orderDetail > li { padding:0 0 10px; }
	.orderDetail > li .odDate { float:left; width:100%; margin-right:0; }
	.orderDetail > li .odDate .date {float:left; width:50%; text-align:left;  line-height:38px; }
	.orderDetail > li .odDate .status {float :right; width:auto; line-height:32px; }
	.orderDetail > li .bookTit { width:100%; margin-right:0; }
	.orderDetail > li .bookTit li {margin-bottom:10px; }
	.orderDetail > li .bookTit li .book { float:left; width:100%; text-align:left; white-space:normal; line-height:24px; font-size:18px; margin-bottom:5px;   }
	.orderDetail > li .bookTit li .price {font-size:15px; font-family:engReg, korReg;  float:left; text-align:left; width:auto; line-height:24px; background: url(../images/common/blt05.gif) right 7px top 6px no-repeat; padding-right:15px;  }
	.orderDetail > li .bookTit li .amount {font-size:15px; font-family:engReg, korReg;  float:left; width:auto; text-align:left; line-height:24px;  }
	.orderDetail > li .bookTit li.odTotal { margin-top:0; padding-top:10px; font-size:16px; }
	.orderDetail > li .bookTit li.odTotal .totalPrice { float:left; font-family:engSemi, korMed; text-align:left; font-size:18px; }
	.orderDetail > li .bookTit li.odTotal .totalPrice span {margin-right:4px; }
	.orderDetail > li .odBtn { float:left; width:100%; }
	.orderDetail > li .odBtn a {line-height:40px; width:calc(50% - 4px);}

}




@media all and (max-width: 359px) {
	.popTable .tblHead { width:100%; line-height:36px; font-size:15px; }
	.popTable .tblData { width:100%; padding:0px }
	.popTable .check { background:url('../images/common/msg_check.svg') no-repeat left 0 top ; }
	.popTable .alert { background:url('../images/common/msg_alert.svg') no-repeat left 0 top ; }
}