@charset "utf-8";
html {}
.contents {min-height:100%; position:relative; }
.contents_inner {position:relative; background:#fff;}


.ontact img{width:100%}
.myVoucher{padding-bottom: 10%}
.myVoucher--inner{margin:0 4.31%;padding:0 3.3%;background: #7695ff;text-align: center;}
.myVoucher__etc {padding-bottom:1.3rem; color:#fff; font-size:0.9rem;}
.myVoucher h1{padding:4.5% 0 0.7%}
.myVoucher h1 img{width:25%}
.myVoucher table{width:100%;table-layout: fixed;border-collapse: collapse;margin-bottom: 4.5%;font-size:0.9rem}
.myVoucher table thead th{text-align: center;background: #f15c5c;color:#fff;font-weight: bold;line-height: 2.5;}
.myVoucher table tbody td{text-align: center;background: #fff;border-top: 1px solid #eeeeee;line-height: 1.4;height: 30px;padding:5px 0}
.myVoucher table .noData{line-height: 6; text-align: center;}
.myVoucher--btn{display: inline-block;margin-bottom: 4.5%;}
.myVoucher--btn img{display: inline-block;width:70%}
.myVoucher--btn{color:#59a8d7;background: #000;text-align: center;line-height: 2;display: inline-block;padding:0 14%}
.myVoucher--btns2{text-align: center;padding:1rem 0}
.myVoucher--btns2 a{display: inline-block;margin:0 0.5%;width:28.5%;font-size:1rem;color:#f15c5c;font-weight: bold;background: #222;box-sizing: border-box;line-height: 3;}

.buyVoucher--notice{background: #eaf4ff url(//img.megastudy.net/Entinfo/math_ontact/ic_voucher1.jpg) 6% 50% no-repeat;background-size: 11.4% auto; padding:4.5% 4.5% 4.5% 23.1%;font-size:0.8rem;line-height: 1.5;}
.buyVoucher--notice p{font-size:0.9rem;font-weight: bold;margin-bottom: 3%;}
.buyVoucher--notice li{padding-left: 0.7rem;text-indent: -0.8rem;}
.buyVoucher--notice--pkg{background-image: url(//img.megastudy.net/Entinfo/math_ontact/ic_voucher2.jpg);}
.buyVoucher--notice--cust{background-image: url(//img.megastudy.net/Entinfo/math_ontact/ic_voucher3.jpg);}
.buyVoucher--notice--final{background-image: url(//img.megastudy.net/Entinfo/math_ontact/ic_voucher4.jpg);}

/* slide */
.buyVoucherSlide {overflow: hidden;margin:0 3% 1.5rem}
.buyVoucherSlide__inner {background:#f2f2f2; overflow:hidden;padding-bottom:5%;border-radius:1rem}
.buyVoucherSlide__inner .bx_flicking {position:relative; width:80%; margin:0 auto;padding:5% 0 0 0;text-align: center;}
.buyVoucherSlide__inner .bx_flicking .bx-wrapper {position:relative; width:100%; margin:0 auto;}
.buyVoucherSlide__inner .bx_flicking li{padding:3vw 0;background: #fff;}


/* slide button */
.buyVoucherSlide__inner .bx-controls-direction > a {display: inline-block; position: absolute; top: calc(50% - 1rem); top: -webkit-calc(50% - 1rem); width: 1rem; height: 1.5rem; background:url("//img.megastudy.net/entinfo/math_ontact/btn_slide_arrow.png") no-repeat 0 0; -webkit-background-size: 100%; text-indent:-9999px;}
.buyVoucherSlide__inner .bx-controls-direction .bx-prev {left: -2rem;}
.buyVoucherSlide__inner .bx-controls-direction .bx-next {right: -2rem; transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.buyVoucherSlide__inner .bx-pager{display:block; padding:0px 0 1.5rem; text-align:center}
.buyVoucherSlide__inner .bx-pager .bx-pager-item{display:inline-block;margin:0 0.2rem}
.buyVoucherSlide__inner .bx-pager .bx-pager-link{display:inline-block;overflow:hidden;width:1rem;height:1rem;background:#b5b5b5;border-radius:20px;line-height:999px}
.buyVoucherSlide__inner .bx-pager .bx-pager-link.active{display:inline-block;width:1rem;height:1rem;background:#4ca6c2}

.buyVoucher--voucherTip{background: #f9f9f9 url(//img.megastudy.net/Entinfo/math_ontact/ic_tip2.png) 4% 50% no-repeat;background-size: 5.6% auto;padding:4.5% 4.5% 4.5% 11.8%;line-height: 1.5;font-size:0.8rem;color:#666;}
.buyVoucher--table{padding:0 3.3% 0;border-bottom: 1px solid #a5a8af;}
.buyVoucher--table h1{font-size: 1.1rem;display: flex;flex-wrap: nowrap;justify-content: flex-end;padding:4.5% 0;background: #e1fff0;font-weight: normal;margin:0 -3.3%;position: relative;}
.buyVoucher--table h1 span{flex:3;padding-left: 3.3%;}
.buyVoucher--table .price{flex:1;text-align: right;padding-right: 10.6%;padding-left: 0;font-weight: bold;display: flex;justify-content: end;align-items: center;}
.buyVoucher--table table{margin:3.3% 0;table-layout: fixed;border-collapse: collapse;width:100%;font-size: 0.9rem;line-height: 1.4;}
.buyVoucher--table table th{background: #f6f6f8;text-align: center;font-weight: normal;color:#666;border: 1px solid #e4e4e4;border-right: 0;padding:3% 0}
.buyVoucher--table table td{padding: 3% 0; background: #fff;text-align: center;font-weight: normal;color:#999;border: 1px solid #e4e4e4;}

.buyVoucher--table--btn{display: block;text-align: center;color:#fff;background: #008044;line-height: 3;width:91%;margin:0 auto 6%}
.buyVoucher--txt{text-align: right;font-size:0.8rem;color: #999;line-height: 3;}
.buyVoucher--table--con{display: none;}
.buyVoucher--table--first{border-top: 1px solid #a5a8af;}

.buyVoucher--table .arr{position: absolute;right:6.5%;top:50%;transform: translateY(-59%);}
.buyVoucher--table .arr span {
  position: relative;
}

.buyVoucher--table .arr span::after {content: '';width: 0.8rem; /* 사이즈 */height: 0.8rem; /* 사이즈 */border-top: 0.1rem solid #121212; /* 선 두께 */border-right: 0.1rem solid #121212; /* 선 두께 */display: inline-block;transform: rotate(135deg); /* 각도 */position: absolute;top: 0 ; /* 기본 0px 값으로 해주세요 */left: 0; /* 기본 0px 값으로 해주세요 */
}

.buyVoucher--table.on .arr span::after{
  transform: rotate(-45deg);
  top:auto;bottom:0
}

.buyVoucher--table.on .buyVoucher--table--con{display: block;}

.buyVoucher--pkg{padding:4.5% 6% 4.5% 6%;border-bottom: 1px solid #e4e4e4;}
.buyVoucher--pkg h1{font-size:1.1rem;font-weight: bold;color:#333;margin-bottom: 3%;line-height: 1;}
.buyVoucher--pkg ul{font-size:0.8rem;line-height: 1.5;margin-bottom: 4%;}
.buyVoucher--pkg li{padding-left: 0.7rem;text-indent: -0.8rem;color:#8d8d8d}
.buyVoucher--pkg--btn{display: block;text-align: center;background: #167fff;color:#fff;background: #494949;line-height: 3;width:98%;margin:0 auto 6%}

.pkg_test .megaBank--info--subTab{margin-bottom: 4.5%;}
.pkg_test .megaBank--info--type{margin-bottom: 0;border-bottom-color: #696e7a;}
.pkg_test--section{border-top: 1px solid #e4e4e4;position: relative;padding:1.3rem;}
.pkg_test--section2{background: #f6f6f8;border-top: 1px solid #696e7a;margin-top: -1px;}
.pkg_test--section h1{margin-bottom: 0.6rem;font-size: 1.1rem;color: #3f3f3f;font-weight: bold;}
.pkg_test--btns{display: flex;}
.pkg_test--btns input[type="checkbox"] {position: relative; right: 0.2rem; margin-top: 0;}
.pkg_test--btns a{flex:1;margin:0 1%;text-align: center;line-height: 2.6rem;font-size: 1.1rem;}
.pkg_test--btns.mg10{padding:1.3rem}
.pkg_test--btn{border: 1px solid #1677cb;color:#1677cb;}
.pkg_test--btn2{border: 1px solid #444a59;color:#444a59;}
.pkg_test--btn3{border: 1px solid #ccc;color:#ccc;}
.pkg_test--btn3.on{border: 1px solid #f34d51;color:#f34d51;}
.pkg_test--btn4, .cust_test--btns .pkg_test--btn4{border: 1px solid #444a59;color:#fff;background: #444a59;}
.pkg_test--btn5 {border: 1px solid currentcolor; color: #000;}
.pkg_test--btn6 {border: 1px solid currentcolor; color: #7a7b84;}
.pkg_test--date{position: absolute;right: 1.3rem;top:1.3rem;font-size: 0.9rem;color:#666}

.cust_test--state{font-size:1rem;text-align: center;line-height: 3;background: #f6f6f8;}
.cust_test--state b{color:#f34d51}
.cust_test--section{padding:0 1.3rem 1.3rem 1.3rem;}
.cust_test--contents .megaBank--info--type{border-bottom: 0;margin-bottom: 0;}
.cust_test--section h1{margin-bottom: 0.6rem;font-size: 1.1rem;color: #3f3f3f;font-weight: bold;}
.cust_test--section--txt{position: relative;margin-bottom: 0.6rem;font-size: 0.9rem;color: #8d8d8d;}
.cust_test--select{display: flex;padding: 1.2rem 3% 1.2rem;background: #f6f6f8;border-top: 1px solid #3f3f3f;overflow: hidden;}
.cust_test--select a{padding: 0.8rem 0 0.8rem 1.9rem;border: 1px solid #3f3f3f;border-radius: 100px 100px;background:#fff url(//img.megastudy.net/mobile/smart_new/ico_sel-arw3.png) no-repeat 83% center / 0.8rem;margin:0 1%;font-size: 1rem;width:35%}
.cust_test--select a.on {color:#1677cb; background: url(//img.megastudy.net/mobile/smart_new/ico_sel-arw3_on.png) no-repeat 83% center / 0.8rem; -webkit-background-size: 0.8rem; -ms-background-size: 0.8rem; font-weight:bold; border:1px solid #1677cb;}
.cust_test--btns{display: flex;flex-wrap: wrap;background: #e8f1fb;padding:5% 0}
.cust_test--btns a{flex:none;width:32%;margin:0.5% 0.5%;text-align: center;line-height: 1.2;font-size: 1rem;background: #fff;border: 1px solid #444a59;color:#444a59;padding:0.8rem 0.9rem 0.6rem;display: flex;align-items: center;justify-content: center;}
.cust_test--btns .all.on{border: 1px solid #444a59;color:#fff;background: #444a59;}
.cust_test--btns .on{border: 1px solid #1677cb;color:#1677cb;background: #e8f1fb;}
.cust_test--btns p{text-align: right;width:100%;font-size:0.8rem;color:#8d8d8d;padding-right: 3%;}
.cust_test--answer{border-top: 1px solid #fff;background: #e8f1fb;display: flex;flex-wrap: wrap;justify-content: center;padding:5% 10% 5% 5%}
.cust_test--answer label{flex:none;width:50%;display: flex;align-items: center;}
.cust_test--answer label span{flex:none;width:40%;font-size:1rem;line-height: 3;text-align: right;padding: 0 4% 0 0;}
.cust_test--answer label input{flex:none;width:60%;border: 1px solid #3f3f3f;line-height: 2.6rem;background: #fff;text-align: center;font-size:1rem}
.cust_test--answer p{text-align: right;width:100%;font-size:0.8rem;color:#8d8d8d;padding-top: 3%;}

.cust_test--searchTitle{font-size:0.9rem; color:#3f3f3f; text-align: center; line-height:1.5rem; padding:1.5rem 0; margin:0 0 1.3rem 0; background:#e7dfda;}
.cust_test--searchTitle b{color:#f34d51;font-size:1.1rem}
.cust_test--searchList{border-top: 1px solid #696e7a;margin-bottom: 4.5%;}
.cust_test--searchList li{padding:1.5rem 1.3rem;display: flex;border-bottom: 1px solid #e4e4e4;}
.cust_test--title{flex:8;text-align: left;}
.cust_test--time{flex:2;text-align: center;}

.odapnote .megaBank--info--etcNotice{text-align: center;background: #f6f6f8;padding-left: 0;margin-top: -1.3rem;}
.odapnote .megaBank--info--etcNotice li::after{content:''}

.odapnote .megaBank--search--typeReset{display: flex;align-items: center;justify-content: flex-end;}
.odapnote .megaBank--search--typeReset .megaBank--info--reset{height: auto;width:15%}
.odapnote .megaBank--info--type{border-top: 0;}

.result--myScore{text-align: center;background: #e9f3ff;font-size: 1.2rem;line-height: 1.4;padding:3% 0}
.result--myScore b{color:#167fff;}

.result--table{margin:0 0 4.5%;table-layout: fixed;border-collapse: collapse;width:100%;font-size: 0.9rem;line-height: 1.4;border: 1px solid #e4e4e4;}
.result--table th{background: #f6f6f8;text-align: center;font-weight: normal;color:#666;border: 1px solid #e4e4e4;border-right: 0;padding:3% 0}
.result--table td{background: #fff;text-align: center;font-weight: normal;color:#999;border: 1px solid #e4e4e4;border-left: 0;padding:3% 0}
.result--table td b{color:#f34d51;font-weight: normal;}
.result--table thead th{font-weight: bold;color:#333;font-weight: bold;}
.result--table1 td{font-weight: bold;color:#333}
.result--table1 td b{font-weight: bold;}
.result--table .wrong td{background: #fef1f1;}
.result--section h1{font-size:1.1rem;color:#333;margin-bottom: 0.6rem;font-weight: bold;line-height: 1;}
.result--level{font-size:1.2rem;text-align: center;background: #e7dfda;line-height: 1.3;margin:0 -1.3rem}
.result--level b{color:#f34d51;text-decoration: underline;}
.result--level div{padding:3% 0;}
.result--level div:first-child{border-bottom: 1px solid #fff;}
.result--btns{padding:1rem 1.3rem}
.result--btns a{overflow: hidden; display: inline-block; background: #fff; min-width: 6.1rem; padding: 0.5rem 0.8rem 0.4rem; border: 0.1rem solid #696e7a; color: #3f3f3f; text-align: center; vertical-align: middle;width:100%;}
.result--btns--txt {line-height:1.4rem;padding-top: 3%;}
.result--btns--txt li {position:relative; padding-left:0.9rem; font-size:1.0rem; letter-spacing:-0.5px; color:#8d8d8d;}
.result--btns--txt li:after {display:block; position:absolute; top:0; left:0; content:'*';}
.megaBank--search--list .checkBox{float:left}
.megaBank--search--listMy--inner{display: flex;}
.megaBank--search--listMy--inner .checkBox{flex:1}
.megaBank--search--listMy--inner .megaBank--search--listTxt{flex:7}
.megaBank--search--listMy--inner .megaBank--search--typeDel{flex:1}

.txtin__cont {text-align: right;font-size: 0.9rem;color: #C12F31;margin:0 1rem 2rem;padding: 0}

/*
.loading__area {text-align: center;padding: 5rem 0}
.loading__area img {width: 10%}
*/

.loading {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000;}
.loadingLayer {position: absolute; left: 50%; top: 50%; width: 310px; height: 201px; z-index: 100003; margin: -80px 0 0 -155px; background:#fff; border-radius:30px 30px; font-size:18px; text-align:center; line-height:22px;}
.loadingLayer--inner {display:table; width:100%; height:100%;}
.loadingLayer--inner--Box {display:table-cell; vertical-align:middle;}
.icoLoading {margin-bottom:20px; width:15% !important; animation: spin 1s linear infinite;}
@keyframes spin {
	from {
	  transform: rotate(0);
	}
	to {
	  transform: rotate(360deg);
	}
  }
.bgDim {position:absolute; left:0; top:0; z-index:101; width:100%; height:100%; background:#000; opacity:0.6;}

.float_ontact {position:absolute; right:0; top:20%; width:40%;}
.float_ontact img {width:100%;}

/* ms */
.chkx1{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; background:#fff url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2.png) no-repeat / 60%; -webkit-background-size: 60%; -ms-background-size: 60%; background-position:center; }
.chkx1:checked[type='checkbox'] {-webkit-appearance:none; border:1px solid #1677cb; color:#fff; background:#1677cb url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat / 60%; -webkit-background-size: 60%; -ms-background-size: 60%; background-position:center; }
.chkx1:disabled[type='checkbox'] {-webkit-appearance:none; background:#c8c8c8 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_ds.png) no-repeat / 60%; -webkit-background-size: 60%; -ms-background-size: 60%; background-position:center; border-color:#696e7a;}
.chkx1:checked:disabled[type='checkbox'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat / 60%; -webkit-background-size: 60%; -ms-background-size: 60%; background-position:center; border-color:#696e7a;}

select, input, textarea {-ms-appearance:none;}
select::-ms-expand {display:none}
input::-ms-expand {display:none}

input:checked[type='checkbox']::-ms-expand {display:none !important}


/* Media Query */
@media screen and (min-width: 640px){

}
@media screen and (orientation:portrait) {
  /* ... */
}

@media screen and (orientation: landscape) {
  /* ... */
}

@media screen and (min-width:1280px )  {

}

/* content */
.voucher--contents--top {}
.voucher--contents--top a {}


/*giftEvent*/
.giftEvent{background:#6a8ae8;}
/*question_bx*/

.question_bx{padding:1rem 1rem 2rem;background: #fff}
.question_bx.mttype{margin: 0}
.question_bx .lnk{display:block;width:100%;background:#6a8ae8;text-align:center;font-size:1.2rem;font-weight:normal;padding:0.8rem 0 0.7rem;border:1px solid #000}
.question_bx .lnk .txt{display:inline-block;font-weight:normal;position:relative;padding:0 1rem 0 0}
.question_bx .lnk .txt:before{position:absolute;right:0;top:0;content:"▼";font-size:0.8rem}
.question_bx.on .lnk .txt:before{position:absolute;right:0;top:0;content:"▲";font-size:0.8rem}
.question_bx .answer_bx{border: 1px solid #ececec;background:#fff;margin:2px 0 0 0;padding:1rem;display:none}
.question_bx .answer_bx .bullet_lst{margin-bottom: 1rem;}
.question_bx .answer_bx .bullet_lst > li{font-size:0.9rem;line-height:1.1rem;padding:0 0 0 0.6rem;position:relative;color:#666}
.question_bx .answer_bx .bullet_lst > li:before{content:"-";position:absolute;left:0;top:0}
.question_bx .answer_bx .bullet_lst .red{font-weight:bold; color:#e8366c}
.question_bx .answer_bx .bullet_lst .blue{color:#2daad2}
.question_bx .answer_bx .bullet_lst > li a{display:inline-block;font-weight:bold; color:#3366ff;text-decoration: underline}
.question_bx .answer_bx .bullet_lst .f {color:#000000;margin:3px 0 7px}

.question_bx .lnk2{display:block;width:100%;background:#ffffff;text-align:center;font-size:1.2rem;font-weight:normal;padding:0.8rem 0 0.7rem;}
.question_bx .lnk2 .txt{display:inline-block;font-weight:normal;position:relative;padding:0 1rem 0 0;color:#3f3f3f}
.question_bx .lnk2 .txt:before{position:absolute;right:0;top:0;content:"▼";font-size:0.8rem;}
.question_bx.on .lnk2 .txt:before{position:absolute;right:0;top:0;content:"▲";font-size:0.8rem;}

.question_bx .lnk3, .question_bx .lnk4, .question_bx .lnk5{display:block;width:100%;background:#ececec;text-align:center;font-size:1.2rem;font-weight:normal;padding:0.8rem 0 0.7rem;}
.question_bx .lnk3 .txt, .question_bx .lnk4 .txt, .question_bx .lnk5 .txt{display:inline-block;font-weight:normal;position:relative;padding:0 1rem 0 0;color:#3f3f3f}
.question_bx .lnk3 .txt:before, .question_bx .lnk4 .txt:before, .question_bx .lnk5 .txt:before{position:absolute;right:0;top:0;content:"▼";font-size:0.8rem;}
.question_bx.on .lnk3 .txt:before, .question_bx.on .lnk4 .txt:before, .question_bx.on .lnk5 .txt:before{position:absolute;right:0;top:0;content:"▲";font-size:0.8rem;}
.question_bx .answer_bx .bullet_lst .fo {color: #ed5355}
.question_bx.evt01 .lnk3, .question_bx.evt01 .lnk4, .question_bx.evt01 .lnk5 {background: #6a8ae8;border:2px solid #000}
.question_bx.evt01 {background: none}

/*모달팝업 */
.ly_top---more{position: fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display: none;overflow-y: auto;text-align: center}
.ly_top---more h3{position: absolute;left:0;right:0;top:2.7%;text-align: center;color:#fff;font-size:1.2rem;font-weight: normal}
.ly_top---more::after{content:'';position: fixed;left:0;top:0;right:0;bottom:0;background: #000;opacity:0.7;z-index: -1;}
.ly_top---more>a>img{width:100%;display:block;max-width:640px;margin:0 auto}
.pop_evtCont{position:relative;margin:0 4%;transform: translateY(-50%);top: 50%;}
.pop_evtCont img{width:100%;display:block;}
.ly_top--btn{text-align: right;position: absolute;top:7%;z-index: 11;}
.ly_top--btn img{width:3.8%}
.main_ban-sub3{position: relative}

/* 20220408 */
.myVoucher table tbody td {padding: 0.5rem; text-align: left;}
.myVoucher table .myVoucher--date {display: inline-block; padding: 0.3rem 0.2rem 0.1rem; background: #167fff; color: #fff; vertical-align: middle;}
.myVoucher table .myVoucher--product {color: #167fff;}
.buyVoucher--voucherTip {letter-spacing: -0.5px; word-wrap: break-word; word-break: keep-all;}
.buyVoucher--voucherTip .buyVoucher--subScript {color: #999;}
.buyVoucher--smBtn {margin: 1rem 3.3%; text-align: right;}
.buyVoucher--smBtn > a {display: inline-block; padding: 0.5rem 1rem; border: 1px solid #2d2f2c; background: #2d2f2c; font-size: 1rem; color: #fff; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.buyVoucher--smBtn a:first-child {border-color: currentcolor; background: #fff; color: #00516d;}

.megaBank--contents--mainTab.mainTab-sm ul > li {border-top: 1px solid #a5a8af;}
.megaBank--contents--mainTab.mainTab-sm ul > li:hover,
.megaBank--contents--mainTab.mainTab-sm ul > li.on {border-top: 2px solid #2082dd; border-bottom: 2px solid #2082dd;}
.buyVoucher--contents.contents-sm .buyVoucher--table {/* pointer-events:none; */}
.buyVoucher--contents.contents-sm .buyVoucher--table--con .chkx1 {position: relative; right: 0.2rem; margin-top: 0;}

.mn_btm3 {display: flex; display: -ms-flex; display: -webkit-flex; margin: 1.5rem 0 3rem; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.mn_btm3 > a {flex: 1; -ms-flex: 1; -webkit-flex: 1; text-align: center; padding: 1.3rem 0; border-right: 1px solid #fff; color:#fff;}
.mn_btm3 > a:last-child {border-right:none;}
.mn_btm3 .all {background:#f34d51;}
.mn_btm3 .zim {background:#4ed7dc;}
.mn_btm3 .cart {background:#5e799d;}
.mn_btm3 .pay {background:#f34d51;}
.mn_btm3 .outOfStock {background:#ccc;}
/** 20220408 **/

/* 20220523 기말고사 시험지 추가 */
.myVoucher--btns2 a {width: 23.4%; margin: 0 0.3%; font-size: 0.9rem; letter-spacing: -0.5px;}
.megaBank--contents--mainTab ul > li {font-size: 1rem; letter-spacing: -0.5px;}
.megaBank--contents--mainTab sup {position: relative; top: 0.3rem; left: 0.2rem; font-weight: bold; font-size: 0.8rem; color: #f15c5c;}

.buyVoucher--table table tbody th +td {border-left: 0;}
.buyVoucher--table table thead th:last-child {border-right: 1px solid #e4e4e4;}
.buyVoucher--final{padding:4.5% 6% 4.5% 6%;border-bottom: 1px solid #e4e4e4;}
.buyVoucher--final h1{font-size:1.1rem;font-weight: bold;color:#333;margin-bottom: 3%;line-height: 1;}
.buyVoucher--final .buyVoucher--table {padding: 0; border-bottom: 0;}

.eventArea {position: relative;}
.eventArea .pageDone {position:absolute;right:0%;top:5%;width:30%; z-index:1;}

.eventChTxt{margin:0 1rem 1.5rem; padding:1.5rem 1.5rem 0 1.5rem; background:#f1f1f1; letter-spacing: -0.5px;}
.eventChTxt p{font-weight:bold;margin:0 0 1rem;padding:0;font-size:1.1rem;word-wrap:break-word; word-break:keep-all;}
.eventChTxt ul{list-style:none;padding:0;margin:0;padding:1rem 0 0;border-top:1px solid #dfdfdf;font-size:.9rem;}
.eventChTxt li{margin-bottom: 10px;line-height: 1.5;position: relative;}
.eventChTxt label{display:block; margin:1rem -1.5rem 0 -1.5rem; padding:0.5rem 0; background:#ddd; text-align:center;}
.eventChTxt label input{vertical-align: -2px;width:13px;height:13px;margin:0 3px 0 0;border:1px solid #000;background:#fff;}
.eventChTxt label span{margin-left:4px; font-weight:bold; font-size:1.2rem; color:#111;}
.eventChTxt--c1{display:block;}

/* reply */
.full_tit{margin:0;padding:1.0rem 1rem 0.5rem 1rem;background:#fff;overflow:hidden}
.full_tit i{color:#f34d51}
.reply_total--area {float:left}
.reply_redrt--area {float:right; font-family:'맑은 고딕',Malgun gothic;}
.reply_redrt--area span {padding:0 0.1rem; color:#333;}
.reply_redrt--area a {color:#333; font-weight:normal;}
.reply_redrt--area a.on {color:#2c97ff; font-weight:bold; text-decoration:underline;}

.reply_refresh--area {float:right; font-family:'맑은 고딕',Malgun gothic; margin-right:1.0rem;}
.reply_refresh--area a {color:#f34d51; font-weight:normal; font-weight:bold;}
.evtTit__bg {padding: 1rem 0;background: #ececec;text-align: center}
.event_sec {padding:0;background:#ec9854}
.opinion_rpy{margin:0;background:#fff}
.opinion_rpy .pt_box{overflow:hidden;margin-top:0;background: #fff; padding:0 1rem}
.opinion_rpy .pt_box .btn_circle6{float:left}
.opinion_rpy .reply_tit {margin: 0 -1rem 1rem -1rem; padding: 1rem 0 1.5rem; background: #ececec; font-weight: bold; font-size:1.2rem; line-height: 1.5; color: #101010; text-align: center;}
.opinion_rpy .reply_tit strong {display:block; margin-bottom:0.7rem; font-size:1.2rem; color:#fff; line-height:1.7rem;}
.opinion_rpy .reply_tit span {display:block; font-size:0.9rem; color:#8e99ee; line-height:1.4rem;}
.opinion_rpy .reply_tit span em {}
.opinion_rpy .reply_tit span em img {margin-left:0.2rem; width: auto; height:1.0rem; display:inline-block; vertical-align:-0.2rem;}

.opinion_rpy .textarea_file {overflow:hidden; margin:0.6rem 0 0.8rem;}
.opinion_rpy .textarea_file .upload-name {float:left; width:80%; height:2.3rem; padding:1rem; border:0; background:#fff; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.opinion_rpy .textarea_on .reply_input{float:left; width:80%;font-family:'맑은 고딕',Malgun gothic;padding:1.15rem 0.8rem; height:4.8rem; font-size:0.9rem; border:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #000000}

.opinion_rpy .pt_box .btn_box1{float:right; border:1px solid #171717;min-width:20% !important; height:2.3rem; color:#fff; border:0; background:#19a6e0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.opinion_rpy .pt_box .btn_box1.del{float:right; border:1px solid #171717; color:#000; min-width:20% !important; height:2.3rem; color:#fff; border:0; background:#b84025; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.opinion_rpy .textarea_on {overflow:hidden; margin-bottom:0.8rem;}
.opinion_rpy .textarea_on .btn_box1 {float:right;  padding:1.7rem 0.8rem 1.7rem; min-width:20% !important; height:4.8rem; color:#fff; border:0; background:#171717; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.opinion_rpy .etcTxt {padding-bottom:1rem;}
.opinion_rpy .etcTxt p {padding:0 0 0 0.6rem; font-size:0.9rem; color: #101010; line-height:1.4rem; text-indent:-0.6rem;}

.opt_select{padding-bottom:1rem;text-align:center}
.opt_select .item{display:inline-block;margin:0 0.5rem}
.opt_select .rdo1{margin:0 0.5rem 0}
.opt_select label{font-size:1.1rem;color:#fff}

.upload-hidden[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.full_tit{margin:0;padding:1.0rem 1rem 0.5rem 1rem;background:#fff;overflow:hidden}
.full_tit i{color:#f34d51}
.reply_total--area {float:left}
.reply_redrt--area {float:right; font-family:'맑은 고딕',Malgun gothic;}
.reply_redrt--area span {padding:0 0.1rem; color:#333;}
.reply_redrt--area a {color:#333; font-weight:normal;}
.reply_redrt--area a.on {color:#2c97ff; font-weight:bold; text-decoration:underline;}
.opinion_rpy2 { padding:1.5rem 1.3rem; overflow:hidden; border:0.1rem solid #e4e4e4; border-width:0.1rem 0 0 0; background:#fff; }
.opinion_rpy2.noneList {padding:3.0rem 0 1rem; text-align:center; line-height:1.5rem;}
.opinion_rpy2 .hinf .name {margin-bottom:0.5rem}
.opinion_rpy2 .hinf .name img {display:inline !important}
.opinion_rpy2 .hinf .con {}
.opinion_rpy2 .hinf .con a {position:relative; display: block; width: 30%; margin-bottom:1rem; overflow:hidden;}
.opinion_rpy2 .hinf .con a:before {content: ""; display: block; padding-top: 100%;}
.opinion_rpy2 .hinf .con a div {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.opinion_rpy2 .hinf .con a img {width:100%; height:auto;}
.ent_more {padding:1.3rem 1rem; background:#fff; text-align:center;}
.ent_more a{ display:block; padding:1rem 0; font-weight:bold; border-color:#a5a8af; }
.opinion_rpy2 .hinf .name .pos {display:inline-block;margin-right:0.2rem;padding:0.1rem 0.4rem;background:#ff8003;color:#fff;border-radius:0.3rem;}
.rescm_wrap {padding:0.5rem 1rem 0.5rem 1rem !important; background:#fff;}

.opinion_rpy2 .con .addtxt1{color:#e51d3a}
.opinion_rpy2 .con .addtxt2{color:#f87f1f}
.opinion_rpy2 .con .addtxt3{color:#941793}
.opinion_rpy2 .con .addtxt4{color:#ff6ce9}
/** 20220523 기말고사 시험지 추가 **/

.bx_imbuy{overflow:hidden;padding:0 3% 5%;background: #3a66ee;}
.bx_imbuy .in_imdata{margin-bottom:7%;background:#fff;}
.bx_imbuy .in_imdata:last-child{border-radius:0 0 1rem 1rem}
.year_ctab{position:relative;width:100%}
.year_ctab .tab_menu{overflow:hidden;}
.year_ctab .tab_menu a{float:left;width:50%;padding:3% 0;font-size:4vw;color:#777;background:#c4c4c4;text-align:center;font-weight: 600;line-height: 4.5vw;}
.year_ctab .tab_menu a.on,.year_ctab .tab_menu a:hover{background: #454545;color:#fff;text-decoration: none;}
.year_ctab .ic_mark{position:absolute;left:50%;top:-25%;width:25%;padding:1% 0;background: #1ea100;color:#fff;text-align:center;border-radius:15px;font-size:2.5vw;line-height:2.5vw;transform: translateX(50%);}
.year_ctab .ic_mark.po2{left:55%}
.in_imdata .year_ctab{width:auto;margin:0 5%}
.tab_dcont{display: none;}
.bx_custer_slider{position:relative;margin:0 3%}
.bx_custer_slider .bx-pager{display:block; padding:1.5rem 0 1.5rem; text-align:center}
.bx_custer_slider .bx-pager .bx-pager-item{display:inline-block;margin:0 0.2rem}
.bx_custer_slider .bx-pager .bx-pager-link{display:inline-block;overflow:hidden;width:1rem;height:1rem;background:#c7c7c7;border-radius:20px;line-height:999px}
.bx_custer_slider .bx-pager .bx-pager-link.active{display:inline-block;width:1rem;height:1rem;background:#111}
.buyVocherSlide--tit{padding:3% 0;background: #bbb;color:#222;font-size:3.5vw;text-align:center;border-radius:1rem 1rem 0 0;font-weight: 600;}
.buy-cmttit{font-size:4vw;line-height:4.5vw;color:#111;font-weight: 600;}
.buy-cmttxt{padding:2% 0 0 0;font-size:3vw;line-height:3.5vw;color:#111;letter-spacing:-1px}
.buy_cmtuser{padding:2% 0 0 0;font-size:3vw;color:#aaa}
.tit--ontact_pay{padding:5% 0;font-size:4.5vw;color:#111;text-align:center;font-weight: 600;text-decoration: underline;}

.megaBank--contents--mainTab ul > li.on a{color:#0b8044}
.megaBank--contents--mainTab ul > li:hover, .megaBank--contents--mainTab ul > li.on{color:#0b8044;border-color:#0b8044}
.megaBank--contents--mainTab.mainTab-sm ul > li:hover, .megaBank--contents--mainTab.mainTab-sm ul > li.on{border-color:#0b8044}
.sub_buy_category a.on, .sub_buy_category a:hover{color:#0b8044;border-color:#0b8044;border-bottom-color:#fff;}

.ontact .year_ctab{margin:5% 0}
.odapnote .year_ctab{margin:5% 0}
.pkg_test .year_ctab{margin:5% 0}
.cust_test .year_ctab{margin:5% 0}

/* 2026-01-23 무제한 이용권 회원이 알려주는 활용 꿀팁 */
.benefits-card {padding: 0 3.5% 10vw; background: #3a66ee;}
.benefits-card__panel {overflow: hidden; background: #fff; border-radius: 1rem;}
.benefits-card__header {padding: 4.2vw 0; background: #002aad; font-weight: 700; font-size: 4.2vw; letter-spacing: -0.05rem; color: #fff; text-align: center;}
.benefits-card__header > em {font-style: normal; color: #4cff22;}
.benefits-card__grid {display: flex; flex-flow: wrap column; padding: 4vw; background: #fff; gap: 3vw;}
.benefits-card__item {flex: 1; display: flex; min-height: 40vw; padding: 3.6vw; background: #f8f8f8; border-radius: 0.8rem; align-items: center; gap: 2.6vw; box-sizing: border-box;}
.benefits-card__badge {display:flex; flex: 0 0 18vw; width: 18vw; height: 18vw; font-weight: 700; font-size: 3.6vw; line-height: 1.2; letter-spacing: -0.05rem; text-align:center; align-items:center; justify-content:center; border-radius: 50%;}
.benefits-card__badge--green {background: #4cff22; color: #002aad;}
.benefits-card__badge--blue {background: #002aad; color: #4cff22;}
.benefits-card__text {font-weight: 400; font-size: 3.4vw; line-height: 1.3; letter-spacing: -0.05rem; color: #888; text-align: left;}
.benefits-card__text > b {color: #333;}
.benefits-card__name {display: block; margin: 2.6vw 0 0; font-size: 3.2vw; color: #888;}
.benefits-card .bx-pager{display:block; padding: 0 0 5vw; text-align:center}
.benefits-card .bx-pager .bx-pager-item{display:inline-block;margin:0 0.2rem}
.benefits-card .bx-pager .bx-pager-link{display:inline-block;overflow:hidden;width:1rem;height:1rem;background:#c7c7c7;border-radius:20px;line-height:999px}
.benefits-card .bx-pager .bx-pager-link.active{display:inline-block;width:1rem;height:1rem;background:#111}
/* //2026-01-23 무제한 이용권 회원이 알려주는 활용 꿀팁 */