@charset "utf-8";
html {}
div.modal-content2020{background:#fff !important;border:1px solid #cbcbcb}
.contents {min-height:100%; position:relative; }
.contents_inner {position:relative; background:#fff;}
.smartMath_Main img{width:100%}
.tec_wrap .tec_tit { background-color:#fff; border-bottom:0.1rem solid #1975c8; }
.tec_wrap .tec_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; }
.megaBank--contents--sub {padding:1.5rem 1.3rem 0;}

.ic_cate_bk{display:inline-block;background:#da9e1d;border-radius:1rem;margin-right:0.5rem}
.buyVoucher--voucherTip{background: #f9f9f9 url(http://img.megastudy.net/Entinfo/math_ontact/ic_tip.jpg) 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.pd0{padding:0}
.buyVoucher--table h1{font-size: 1.1rem;display: flex;flex-wrap: nowrap;justify-content: flex-end;padding:4.5% 0;background: #fef1f1;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;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;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-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;padding:3% 0}
.buyVoucher--table table td{padding: 3% 0; background: #fff;text-align: center;font-weight: normal;color:#999;border-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4}

.buyVoucher--table--btn{display: block;text-align: center;background: #167fff;color:#fff;background: #167fff;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;}


.smart__info--tit {margin:1rem 1.3rem 0; font-size:1.1rem; color:#3f3f3f; font-weight:bold;text-align:left}
#schRstArea .smart__info--tit{margin-bottom:1.3rem}

/* slide */
/*
.buyVoucherSlide {padding:0 4.31% 2rem; background:#b284ff;}
.buyVoucherSlide__inner {padding-bottom:1.3rem;background:#fff;}
.buyVoucherSlide__inner .bx_flicking {position:relative;padding:1rem 1.3rem 0}
.buyVoucherSlide__inner .bx-viewport{height:auto !important}
.buyVoucherSlide__inner .bx_flicking .bx-wrapper {position:relative; width:100%; margin:0 auto;}
.buyVoucherSlide__inner .bx_flicking li{background:#f4f4f4;font-size:14px;text-align:center;color:#777;}
.buyVoucherSlide__inner .bx_flicking li > div {display:table; height:100%;}
.buyVoucherSlide__inner .bx_flicking li .innerSlide {padding:1.3rem 1rem; display:table-cell; vertical-align:middle; word-wrap: break-word; word-break: keep-all;}
.buyVoucherSlide__inner .bx_flicking li strong{color:#f15c5c}
*/
.buyVoucherSlide {padding:0 4.31% 2rem; background:#b284ff;}
.buyVoucherSlide__inner {padding-bottom:1.3rem;background:#fff;}
.buyVoucherSlide__inner .bx_flicking {position:relative;padding:1rem 1.3rem 0}
.buyVoucherSlide__inner .bx-viewport{height:auto !important}
.buyVoucherSlide__inner .bx_flicking .bx-wrapper {position:relative; width:100%; margin:0 auto;}
.buyVoucherSlide__inner .bx_flicking li{padding:1.3rem 1rem;background:#f4f4f4;font-size:14px;text-align:center;color:#777}
.buyVoucherSlide__inner .bx_flicking li strong{color:#f15c5c}


/* slide button */
.buyVoucherSlide__inner .bx-pager{display:block; padding:0px 0 1.5rem; text-align:center;line-height:0;}
.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:#8b56ff}

.slide_pageing{padding-top:1rem;text-align:center}
.slide_pageing a{display:inline-block;margin:0.2rem;padding:0.3rem;background:#484848;color:#fff;font-size:14px}
.slide_pageing a:hover,.slide_pageing a.active{background:#7131fd;color:#fff}
.tit_mach{display:inline-block;margin:0.5rem;padding:0.3rem;background:#7131fd;color:#fff;font-size:14px}



.myVoucher{background: #b98fff;padding-bottom: 5%; padding-top:2rem;}
.myVoucher--inner{margin:0 4.31%;padding:0 3.3% 3%;background: #a56fff;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:20.1%}
.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:#cbacff;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.3%;width:23.4%;font-size:1rem;color:#f15c5c;font-weight: bold;background: #222;box-sizing: border-box;line-height: 3;}

.myVoucher--inner h2{display:block;padding:1.2rem 0}
.myVoucher--inner h2 img{width:30%}
.notice_guide{overflow:hidden;border-top:1px solid #b98fff}
.notice_guide h3{margin:0;padding:1.2rem 0}
.notice_guide h3 img{width:35%}
.notice_guide .etc_txt{padding:0 0 0rem 1rem;color:#d4bbff;font-size:0.9rem;text-align:left}

.lst_guidetxt{margin:0 0 0rem;}
.lst_guidetxt li{position:relative;padding-left:1rem;font-size:1rem;color:#fff;text-align:left;line-height:1.5rem}
.lst_guidetxt li:after{display:block;clear:both;content:"-";position:absolute;left:0;top:0.2rem}
.lst_guidetxt li.imp{color:#1d0059}
.lst_guidetxt li.imp > .imp{color:#fff}
.lst_guidetxt li.imp > .imp02{color:#00ff9c;text-decoration: underline; text-underline-position: under;}
.lst_guidetxt li.imp > a{text-decoration: underline; text-underline-position: under;color:#fff}


.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;}


.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;}

.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;}


.tb_proto_c{margin:0;table-layout: fixed;border-collapse: collapse;width:100%;font-size: 0.9rem;line-height: 1.4;}
.tb_proto_c th{background: #f6f6f8;text-align: center;font-weight: bold;color:#3f3f3f;border: 1px solid #e4e4e4;border-right: 0;padding:3% 0}
.tb_proto_c td{padding:0.5rem 1.3rem; background: #fff;text-align: center;font-weight: normal;color:#999;border: 1px solid #e4e4e4;}
.tb_proto_c .sel_st2{width:100%;text-align:left}
.tb_proto_c .inp1{width:100%;padding:0.5rem;color:#3f3f3f}
.tb_proto_c .inp_ser{display:flex;margin:0}
.tb_proto_c .inp_ser div{flex:8;color:#3f3f3f}
.tb_proto_c .inp_ser div:nth-child(2){flex:2;font-weight:bold;font-size:1.2rem;line-height:1.6rem}
.tb_proto_c .pb_etc{padding:1rem 0 0 0;text-align:left;letter-spacing:-1px}
.alart_msg{padding:1rem 0;text-align:right;color:#f15c5c;font-size:1rem}

.pack_usercont{padding:0 1.3rem 1.3rem}
.packinfo--tit {margin:1rem 0; font-size:1.1rem; color:#3f3f3f; font-weight:bold;}
.packinfo--tit span {color:#1677cb;}
.pack_usercont .etc_txt{padding:1rem 0 0 0;font-size:1rem}

.packinfo--subTab {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; box-sizing: border-box; box-shadow: inset 0 0 0 1px #eaeaec; background:none}
.packinfo--subTab li {flex:1; margin-top: -1px}
.packinfo--subTab li a {background:#f6f6f8; padding:0.8rem 0; font-size:1.1rem; color:#3f3f3f; letter-spacing:-1px; display:block; border: 1px solid #eaeaec; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; text-align:center;
  display: flex;justify-content: center;align-items: center;height: 100%;
}
.packinfo--subTab li.on a{background:#fff; font-weight:bold; color:#111;}

.packbook--select{padding:1.3rem}
.packbook--select .rdo1{margin:0 0.5rem 0 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;}


.paystep--table{margin:0 0 4.5%;table-layout: fixed;border-collapse: collapse;width:100%;font-size: 0.9rem;line-height: 1.4}
.paystep--table th{background: #f0fbff;text-align: center;font-weight: normal;color:#666;border:1px solid #d9d9d9;padding:3% 0}
.paystep--table2{margin-bottom: 0;}
.paystep--table2 th{background: #f6f6f8;}
.paystep--table th .sb_txt{color:#fa3200;letter-spacing:-1px}
.paystep--table td{background: #fff;text-align: center;font-weight: normal;color:#999;border: 1px solid #d9d9d9;padding:3% 0}
.paystep--table td b{color:#f34d51;font-weight: normal;}
.paystep--table thead th{font-weight: bold;color:#333;font-weight: bold;}
.paystep--table1 td{font-weight: bold;color:#333}
.paystep--table1 td b{font-weight: bold;}
.paystep--table .wrong td{background: #fef1f1;}
.paystep--table .chkx1{margin:0}
.lst_bookpays{padding:0 1.3rem 1.3rem}


.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.8rem;position:relative;color:#666; word-wrap: break-word; word-break: keep-all;}
.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}

.mn_btm_bs {flex-wrap: wrap; z-index:1;}
.mn_btm_bs a {}
.mn_btm_bs .allReset{background:#444a59; color:#fff;}
.mn_btm_bs .allSearch {background:#f34d51; color:#fff;}
.mn_btm_bs .testAdd {background:#af9483; color:#fff;}
.mn_btm_bs .allview{flex:none;width:100%;background:#444a59;border-top: 1px solid #fff; color:#fff;}
.mn_btm_bs .btnDone {background:#999999; color:#fff;}
.mn_btm_bs.btnMenu {width: 100%; display: -webkit-flex; display: flex; -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; flex-wrap: wrap; z-index:1;}
.mn_btm_bs.btnFixed {position:fixed; width:100%; left:0; bottom:0;}

.bx_astab .packinfo--tit{padding:0.9rem 1.3rem 0}
.sub_analysis_tit{overflow:hidden;margin:0 -3.3%;padding:1rem;background:#f1f1f1;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1rem;color:#111;text-align:center}
.main_tit{float:left}
.side_alart{float:right;color:#f34d51}
.tag_emsg{text-align:center;font-size:1rem;color:#555;padding:1% 0}


/* megaBank--search */
.megaBank--search--count {padding:0.8rem 1.3rem; background:#f6f6f8; border-top:1px solid #696e7a; border-bottom:1px solid #e4e4e4;}
.megaBank--search--count .allReset{display:inline-block;width:25%;height:2rem;margin-top:1.5%;padding:0.5rem 0;text-align:center;background:#888;color:#fff;font-size:1rem;line-height:1.2rem;vertical-align:top}

.megaBank--search--countList {display:-webkit-flex; display:flex; line-height: 3.25rem;}
.megaBank--search--countList .checkBox {flex: 1; -webkit-flex: 1;}
.megaBank--search--countList .checkBox input {margin:0;}
.megaBank--search--countList .megaBank--search--typeSelect {flex: 6; -webkit-flex: 6;}
.megaBank--search--countList span {flex: 1; -webkit-flex: 1; font-size:1.1rem;}
.megaBank--search--countList span strong {color:#2082dd;}
.megaBank--search--countList .megaBank--search--Select {flex: 1; -webkit-flex: 1; text-align:right;}
.megaBank--search--countList .megaBank--search--Select select {background-color:#fff;}
.megaBank--search--countList .megaBank--search--typeReset {display:inline-block; vertical-align:middle; margin-left:1rem;}
.megaBank--search--countList .megaBank--search--typeReset .megaBank--search--typeResetInner {height:100%;}
.megaBank--search--countList .megaBank--search--typeReset .megaBank--info--reset {display:block; height: 1.7rem;}
.megaBank--search--countList .megaBank--search--typeReset .megaBank--info--reset img {width: auto; height:100%;}


.megaBank--search--listMy {padding:1.5rem 1.3rem; border-bottom:1px solid #e4e4e4;}
.megaBank--search--listMy .megaBank--search--listMy--inner {overflow:hidden; }
.megaBank--search--listMy .megaBank--search--listTxt {float:left; line-height:1.5rem; color:#8d8d8d;}
.none_data{padding:1.5rem;text-align:center;color:#666}
.megaBank--search--listMy .megaBank--search--listTxt.listNone {text-align:center; width:100%;}
.megaBank--search--listMy .megaBank--search--listTxt p {padding-bottom:0.2rem; color:#3f3f3f; font-weight:bold;}
.megaBank--search--listMy .megaBank--search--listTxt p span {color:#2082dd;}
.megaBank--search--listMy .megaBank--search--listTxt p .ico {margin-left:0.3rem;vertical-align: -0.1rem !important;}
.megaBank--search--listMy .megaBank--search--typeDel {float:right;}
.megaBank--search--listMy .megaBank--search--typeDel .megaBank--search--typeDelInner {display:table; float:right; width:1.8rem; max-width:32px; height:100%;}
.megaBank--search--listMy .megaBank--search--typeDel .megaBank--info--del {display:table-cell; vertical-align:middle; height: 2.5rem;}
.megaBank--search--listMy .megaBank--search--typeDel .megaBank--info--del img {width:100%;}

.megaBank--search--listMy .megaBank--search--btn {clear:both; margin-top:0.8rem;}
.megaBank--search--listMy .megaBank--search--btnInner {display:-webkit-flex; display:flex}
.megaBank--search--listMy .megaBank--search--btnInner a {flex: 1; -webkit-flex: 1; overflow: hidden; display: inline-block; background: #fff; min-width: 6.1rem; margin-right:0.3rem; padding: 0.5rem 0.8rem 0.4rem; border: 0.1rem solid #696e7a; color: #3f3f3f; text-align: center; vertical-align: middle;}
.megaBank--search--listMy .megaBank--search--btnInner a:last-child {margin:0;}
.megaBank--search--listMy .megaBank--search--btnInner .btn--re {color:#1677cb; border:1px solid #1677cb;}
.megaBank--search--listMy .megaBank--search--btnInner .btn--all {color:#1677cb; border:1px solid #1677cb;}
.megaBank--search--listMy .megaBank--search--btnInner .btn--view {color:#444a59; border:1px solid #444a59;}
.megaBank--search--listMy .megaBank--search--btnInner .btn--go {color:#f34d51; border:1px solid #f34d51;}
.megaBank--search--listMy--inner{display:flex}
.megaBank--search--listMy--inner .checkBox{float:left;flex:1}
.megaBank--search--listMy--inner .megaBank--search--listTxt{flex:7}

.megaBank--search--listTxt .fct1{color:#1677cb;}
.megaBank--search--listTxt .fct2{color:#f34d51;}
.avarege_precent{margin-top:1rem;padding:1rem 0;text-align:center;background:#f1f1f1}
.myfgage{color:#f3b716;font-weight:bold}


.megaBank--contents--mainTab {margin-bottom:1.3rem;}
.megaBank--contents--mainTab ul {display:-webkit-flex; display:flex; background:#fff;}
.megaBank--contents--mainTab ul > li {background-color:#fff; padding:1.2rem 0; border-bottom:1px solid #a5a8af; background:url("https://img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center / 2px 1.2rem; -webkit-background-size: 2px 1.2rem; -ms-background-size: 2px 1.2rem; font-size: 1.1rem; -webkit-flex: 1;  /* Safari 6.1+ */ flex: 1; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center; text-align:center;}
.megaBank--contents--mainTab ul > li a {}
.megaBank--contents--mainTab ul > li:hover,
.megaBank--contents--mainTab ul > li.on {border-bottom: 0.2rem solid #2082dd;}
.megaBank--contents--mainTab ul > li.on a {color: #2082dd;  font-family: 'nanum-barun-gothic-bold';}
.megaBank--contents--mainTab ul > li:first-child a {border-left:0; border-right:0;}
.megaBank--contents--mainTab ul > li:last-child a {border-right:0; border-left:0; background:none;}


.megaBank--contents--mainTab.mainTab-sm ul > li {}
.megaBank--contents--mainTab.mainTab-sm ul > li:hover,
.megaBank--contents--mainTab.mainTab-sm ul > li.on {border-bottom: 2px solid #2082dd;}



.megaBank--search--list {background:#fff;}
.megaBank--search--listTest {padding:1.5rem 1.3rem; display:-webkit-flex; display:flex; border-bottom:1px solid #e4e4e4;}
.megaBank--search--listTest.checked{background:#fac0c0}
.megaBank--search--listTest .checkBox {flex: 1; -webkit-flex: 1;}
.megaBank--search--listTest .checkBox--inner {display:table; height:100%;}
.megaBank--search--listTest .checkBox--inner p {display:table-cell; vertical-align:middle;}
.megaBank--search--listTest .checkBox input {margin:0;}

.megaBank--search--listTest .megaBank--search--listTxt {flex: 7; -webkit-flex: 7; line-height:1.5rem; color:#8d8d8d;}
.megaBank--search--listTest .megaBank--search--listTxt.listNone {text-align:center; width:100%;}
.megaBank--search--listTest .megaBank--search--listTxt p {padding-bottom:0.2rem; color:#3f3f3f;}
.megaBank--search--listTest .megaBank--search--listTxt p span {color:#2082dd;}
.megaBank--search--listTest .megaBank--search--listTxt p .ico {margin-left:0.3rem;     vertical-align: -0.1rem !important;}
.megaBank--search--listTest .megaBank--search--listTxt .dateBox {padding-top:0.4rem;}
.megaBank--search--listTest .megaBank--search--listTxt .dateBox .megaBank--search--typeSelect {display:inline-block;}
.megaBank--search--listTest .megaBank--search--listTxt .dateBox .megaBank--search--typeSelect select {border:0;}
.megaBank--search--listTest .megaBank--search--listTxt .dateBox .megaBank--search--typeSelect option {color:#2082dd;}

.megaBank--search--listTest .megaBank--search--listPercent {flex: 1.5; -webkit-flex: 1.5; color:#3f3f3f; line-height:1.3rem; text-align:center;}
.megaBank--search--listTest .megaBank--search--listPercentInner {display:table; float:right; height:100%;}
.megaBank--search--listTest .megaBank--search--listPercentInner p {display:table-cell; vertical-align:middle; min-width:3rem;}

/* info txt */
.megaBank--info--tit {margin:0.6rem 0; font-size:1.1rem; color:#3f3f3f; font-weight:bold;text-align:center}
.megaBank--info--tit strong {color:#1677cb;}
.megaBank--info--type .megaBank--info--tit, .megaBank--list--add .megaBank--info--tit{text-align: left;}
.megaBank--list--add .megaBank--info--tit{margin-top: 0;}

.megaBank--info--txt {font-size:1.1rem; color:#3f3f3f; text-align: center; line-height:1.5rem; padding:1.5rem 0; margin:0 0 1.3rem 0; background:#e7dfda;}
.megaBank--info--txt p {font-weight:bold;}
.megaBank--info--txt p span {color:#f34d51;}

.searchType.txt_c .megaBank--info--tit {text-align:center}


/* main tab slide */
.megaBank--info--select {border-top:1px solid #3f3f3f;}
.megaBank--info--selectArea {overflow:hidden; padding:1.2rem 0 1.2rem 1.2rem; background:#f6f6f8;}
.megaBank--info--selectArea a {margin-right:0.8rem; padding:0.8rem 0 0.8rem 1.9rem; border:1px solid #3f3f3f; border-radius:100px 100px; background: url(https://img.megastudy.net/mobile/smart_new/ico_sel-arw3.png) no-repeat 83% center / 0.8rem; -webkit-background-size: 0.8rem; -ms-background-size: 0.8rem;}
.megaBank--info--selectArea a.on {color:#1677cb; background: url(https://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;}
.megaBank--info--selectArea a.listUp {color:#1677cb; background: url(https://img.megastudy.net/mobile/smart_new/ico_sel-arw3_on_none.png) no-repeat 83% center / 0.8rem; -webkit-background-size: 0.8rem; -ms-background-size: 0.8rem; font-weight:bold; border:1px solid #1677cb;}
.megaBank--info--selectArea a span {/*display:block; margin-right:18%;*/}
.megaBank--info--selectArea a span.selectList {}
.megaBank--info--selectArea a span.selectList {border-bottom:1px solid #1677cb;}
.megaBank--info--selectArea a:nth-child(1) {width:37%;}
.megaBank--info--selectArea a:nth-child(2) {width:27%;}
.megaBank--info--selectArea a:nth-child(3) {width:37%;}
.megaBank--info--selectArea a:nth-child(4) {width:34%;}
.megaBank--info--selectArea a:nth-child(5) {width:34%;}
.megaBank--info--selectArea a:nth-child(6) {width:27%;}
.megaBank--info--selectArea a:nth-child(7) {width:37%;}
.megaBank--info--selectArea a:nth-child(8) {width:37%;}

.megaBank--info--selectArea.subType {padding:1.2rem 1.3rem;}
.megaBank--info--selectArea.subType .swiper-wrapper {display: flex; display: -webkit-flex;}
.megaBank--info--selectArea.subType .swiper-wrapper a:nth-child(1) {flex: 1; -webkit-flex: 1; padding:0.8rem 0 0.8rem 1.4rem;}
.megaBank--info--selectArea.subType .swiper-wrapper a:nth-child(2) {flex: 1; -webkit-flex: 1; padding:0.8rem 0 0.8rem 1.4rem;}
.megaBank--info--selectArea.subType .swiper-wrapper a:nth-child(3) {flex: 1; -webkit-flex: 1; padding:0.8rem 0 0.8rem 1.4rem; margin:0;}

.megaBank--info--selectView {}
.megaBank--info--selectViewDetail {display:none; padding:1.3rem; background:#effcfc;}
.megaBank--info--check {margin-bottom:1.5rem;}
.megaBank--info--check:last-child {margin:0;}
.megaBank--info--check li {margin-bottom:0.5rem; color:#3f3f3f;}
.megaBank--info--check li:after {display:block; clear:both; content:'';}
.megaBank--info--check li .chkx1 {margin:0 0.6rem 0 0; float:left;}
.megaBank--info--check li label {line-height: 1.8rem; padding-left: 2.2rem; display: inherit;}


.megaBank--info--checkBtn {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; padding-left: 1px;}
.megaBank--info--checkBtn li {width: calc(33.3% + -1px); display:inline-flex; margin-top: -1px; margin-left: 1px; margin-bottom:2px; border: 1px solid #f6f6f8; box-sizing: border-box; transition: all 0.2s; box-sizing: border-box; overflow:hidden;}
.megaBank--info--checkBtn li a {width:100%; display:block;}
.megaBank--info--checkBtn li a div {width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.megaBank--info--checkBtn li a.btnChk {overflow:hidden; display:block; min-width:6.1rem; padding:0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; background-color:#fff !important; background:url("https://img.megastudy.net/mobile/smart_new/ico_btn-chk_on.png") no-repeat 90% center / 1rem; -webkit-background-size: 1rem; -ms-background-size: 1rem ;}
.megaBank--info--checkBtn li a.btnChk.check {color:#fff; background-color:#696e7a !important; background-image:url(https://img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png);}
.megaBank--info--checkBtn li a.btnChk.none {border:0.1rem solid #ddd; background-image:url(https://img.megastudy.net/mobile/smart_new/ico_btn-chk_on.png); background-color:#ddd !important; opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}

.megaBank--info--checkBtn.line2 {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 1px; padding-left: 1px;}
.megaBank--info--checkBtn.line2 li a {width:100%; display:table;}
.megaBank--info--checkBtn.line2 li a div {width:100%; height:2.5rem; display:table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:normal; }

.megaBank--info--checkBtn.line1 li {width: calc(100% + -1px);}
.megaBank--info--checkBtn.line1 li a {width:100%; display:table;}
.megaBank--info--checkBtn.line1 li div {width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.megaBank--info--checkBtn.line1 li .inputBox {overflow:hidden; display:block; min-width:3.1rem; padding:0.5rem 0 0.4rem; color:#3f3f3f; text-align:left;}
.megaBank--info--checkBtn.line1 li .inputBox input {margin:0 0.5rem; padding:0.5rem 0.6rem 0.4rem; width:7rem; text-align:center;}
.megaBank--info--btn {margin-top:1.3rem; text-align:center;}

/* megaBank__close */
.megaBank--wrap--close {position: relative; padding: 1rem 0; background:#fff; border-bottom: 1px solid #1677cb; }
.megaBank--wrap--close > h1{font-weight: bold; font-size:1.2rem; text-align: center;}
.megaBank--wrap--close--button {position:absolute; right:1%; top:calc(50% - 1.5rem); top:-webkit-calc(50% - 1.5rem); z-index:2; width:3rem; height:3rem; text-indent: -9999px;}
.megaBank--wrap--close--button:before,
.megaBank--wrap--close--button:after {content:''; display:block; position:absolute; left:50%; top:50%; width:2rem; height:2px; margin-left:-1rem; background:#444a59;}
.megaBank--wrap--close--button:before {transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.megaBank--wrap--close--button:after {transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}

.noticeWrap--add {font-size:1.4rem; line-height: 1.7; color:#000; text-align:center; background:#f6f6f7;}
.noticeWrap--add .noticeWrap--title--txt {}
.noticeWrap--add .noticeWrap--title--txt span {color:#1677cb;}
.noticeWrap--add .noticeWrap--title--txt em {color:#8d8d8d;}
.megaBank--info--tit {margin-bottom:0.6rem; font-size:1.1rem; color:#3f3f3f; font-weight:bold;}
.megaBank--list--add .megaBank--info--tit {padding-top:1rem;}
.megaBank--list--add--write {margin-bottom:1.5rem;}
.megaBank--list--add--write > input {width:100%;}
.megaBank--list--add--button {width: auto; margin: 1rem 0 2rem; text-align: center;}
/* btn */
.button-txt__exam {display:inline-block; height: auto; padding: 1rem 0; font-weight:bold; font-size:1.1rem; line-height: 1; text-align:center; text-decoration:none;}
.button-txt__exam--size_flow {min-width: 10rem; padding-right: 1rem; padding-left: 1rem;}
.button-txt__exam--size_fixed {width:300px;}
.button-txt__exam--size_sm {width:300px; height:30px; font-size:14px; line-height:30px;}
.button-txt__exam--color_blue {border: 1px solid #116ad7;color: #116ad7 !important;}
.button-txt__exam--color_red {border: 1px solid #f34d51;color: #f34d51 !important;}
.button-txt__exam--color_gray {border: 1px solid  #696e7a;color: #3f3f3f !important; cursor:default;}
.button-txt__exam--color_fill {background:#eee; color: #333 !important;}


.pt0{padding-top:0}
.test_checkconts{border-bottom:1px solid #e4e4e4}
.test_check--section{position:relative;padding:1.3rem;border-top:1px solid #e4e4e4}
.test_check--section .tit_pageing{font-size: 1.1rem;color: #3f3f3f;font-weight: bold;}
.txt_result{position:absolute;right:1.3rem;top:1.3rem;font-size:1rem;color:#666}
.txt_result.ty1{font-weight:bold;color:#1677cb}
.txt_result.ty2{font-weight:bold;color:#f34d51}
.btn_selecting{display:flex;margin-top:0.6rem}
.btn_selecting a{flex:1;margin:0;text-align:center;line-height:2.6rem;font-size:1.1rem}
.btn_selecting .selected{background:#f6f6f8}
.btn_result1{color:#1677cb;border:1px solid #1677cb}
.btn_result2{color:#f34d51;border:1px solid #f34d51}


.sub_buy_category{margin:1rem 0;padding:0 1.3rem}
.sub_buy_category{width:100%;display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;justify-content: center;}
.sub_buy_category a{flex:1; -ms-flex:1; -webkit-flex:1;padding:0.5rem 0;font-size:1rem;font-weight: bold;color:#999;line-height:1.4rem;text-align: center;border: 1px solid #d2d2d2;margin-left: -1px;position: relative;}
.sub_buy_category a:first-child{margin-left: 0;}
.sub_buy_category a.on, .sub_buy_category a:hover{z-index:2;border: 1px solid #ef6464;border-bottom-color: #fff;color:#f15c5c;text-decoration: none;}



.searchSection__noList{text-align: center;padding:1.5rem 1.3rem;color:#8d8d8d;line-height: 1.5rem;}










/* 20220714 이벤트 댓글 추가 */
.eventArea {position: relative; background: #7a3f1b;}
.eventArea .pageDone {position:absolute;right:0%;top:5.2%;width:30%; z-index:1;}
.eventArea .question_bx {background: #7a3f1b;}
.eventArea .question_bx .lnk2 {background: #101010;}
.eventArea .question_bx .lnk2 .txt {color: #fff;}
.eventArea .question_bx .answer_bx .bullet_lst > li a {color: #7be2ff !important;}

.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: #5e2d0f; padding:0 1rem}
.opinion_rpy .pt_box .btn_circle6{float:left}
.opinion_rpy .reply_tit {margin: 0 -1rem 1rem -1rem; padding: 1.5rem 0 0.5rem; font-weight: bold; font-size:1.2rem; line-height: 1.5; color: #fff; 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: #fff; 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:#019bfd;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}
/** 20220714 이벤트 댓글 추가 **/
.po_r{position:relative}
.motion_txt{position:absolute;left:50%;bottom:7%;width:42%;margin-left:-21%;padding:0.5rem;border:1px solid #000;text-align:center;font-size:1rem}
.motion_txt span{-webkit-animation: blink-1 2s both infinite;
	        animation: blink-1 2s both infinite;}
.etctxt{padding:0.5rem 0 }
.alignright{text-align:right}
@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@media screen and (min-width:768px) {
.buyVoucherSlide__inner .bx_flicking li{font-size:110%}
.slide_pageing a{font-size:110%}
.tit_mach{font-size:105%}
}

.tec_top-nav{ overflow:hidden;  width: 100%; border-bottom:1px solid #f1f1f1; background:#fff;}
.tec_top-nav .swiper-wrapper{  }
.tec_top-nav .swiper-wrapper .swiper-slide{ font-size:1rem; background-color:#fff;  height:3.7rem;  background:url("//img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center ; background-size: 2px 1.2rem ; }
.tec_top-nav .swiper-wrapper .swiper-slide:last-child{ width:30%; background:none; }
.tec_top-nav .swiper-wrapper .on{ border-bottom:3px solid #2082dd; color: #2082dd; }
.tec_top-nav .swiper-wrapper .swiper-slide{
 /* Center slide text vertically */
 		width: 30%;
 		 text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -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;
}
.swiper-container-horizontal>.swiper-pagination-progress{ position:inherit; left:inherit; top:inherit; height:0.2rem;}
.tec_top-nav .swiper-wrapper.swiper-slide:last-child {width: 40%;background-image:none !important;}
.megaBank--wrap .megaclub_tit { background:#fff;}
.megaBank--wrap .megaclub_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; border-bottom:0.1rem solid #1677cb; }
.megaBank--wrap .megaclub_tit .typex1{ color:#8d8d8d; font-family:'nanum-barun-gothic-light';}
.megaBank--wrap .megaclub_tit .typex1 i{ color:#f34d51;}

.clean-qa_btn{  padding:1.3rem; background:#fff; text-align:center;  }
.clean-qa_btn a{ display:block; padding:1rem 0; font-weight:bold; color:#3f3f3f; border-color:#696e7a; }

/* 이벤트 공통 */
.eventArea01{background: #f8f3ff;padding-bottom: 2rem;}
.eventArea--title__area{border-bottom: 1px solid rgba(0, 0, 0, 0.2);position: relative;}
.eventArea__info__inner{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding: 3rem 0 1rem;}
.goods--case{width: 100%; display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 2rem;display: -webkit-flex; -webkit-flex-wrap: wrap;}
.eventArea__info__wrap{width: 100%;border-top: 3px solid rgba(0, 0, 0, 0.05);border-bottom: 3px solid rgba(0, 0, 0, 0.05);}
.eventArea__info__box{margin: 0 auto; padding: 0 1rem;}
.goods--case .goods__img{display: flex; justify-content: center;  width: 100%; height: 100%; padding: 6vw; box-sizing: border-box;}
.goods--case .goods__img > img{display: inline-block; width: auto; max-width: 100%; max-height: 100%;object-fit: contain;}
.pageDone{width: 30%;position: absolute;right:0;bottom: -15%;}
.goods__count{position: absolute;right: 0;top: 0;z-index: 3;font-size: calc(100% - 0.5vw);padding: 0 !important; width: 25%; min-width: 32px;}
.goods__count::after {content: '';display: block;padding-bottom: 100%;}
.goods__count span {position: absolute;top:0;right:0;bottom:0;left:0;display: flex;justify-content: center;align-items: center;font-size: calc(100% + 0.5vw);}
.count01{background: #000;color: #fff;text-align: center;padding: 1rem 0.5rem;}
.count02{background: #1d4ed8;color: #fff;text-align: center;}
.eventArea__info--item{margin-bottom: 1.5rem;}
.info--tit{font-size: calc(100% + 0.7vw);font-weight: bold;display: flex;align-items: center;margin-bottom: 0.5rem;letter-spacing: -1px;position: relative;padding-left: 1rem;display: -webkit-flex;}
.info--tit::before{content: '';display: block;width: 0.5rem;height: 0.5rem;background: #7333ff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 3;}
@media only screen and (min-width :720px) {
	.goods--imgArea02{position: relative;background: #fff;width: 100%;height: 40vw; display: flex;align-items: center;justify-content: center;}
    .goods--imgArea02 > img{width: 100%;}
    .goods--case .goods__img{display: flex;justify-content: center;width: 100%;height: 100%;padding: 3vw;box-sizing: border-box;}
}

/* 이벤트 기간*/
.info--content{padding-left: 1rem;font-size: calc(100% + 0.7vw);letter-spacing: -1px;}
.info--content > strong{color: #7333ff;text-decoration : underline;text-underline-position : under;}

/* 참여 방법 */
.step--txt_item{position: relative; display: flex;align-items: center;justify-content: center; margin-bottom: 1rem;display: -webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;}
.step--txt_item:last-child{margin-bottom: 0;}
.step--color{position: absolute;left: 0;top: 0; z-index: 3; display: block;background: #7333ff;font-weight: normal; border: 1px solid #7333ff;color: #fff;width: 18%;height: 100%; text-align: center;display: flex;align-items: center;justify-content: center; display: -webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;}
.step--txt{display: inline-block; border: 1px solid #000;border-left: none;width: 100%;padding: 1rem 1rem 1rem 22%;letter-spacing: -1px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;line-height:1.5rem; display: -webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-flex-direction: column;}
.step--txt em{color: #1d4ed8;font-weight: bold;}
.evt_im_color{color: #7333ff;font-weight: bold;}
.evt_im_color02{color: #7333ff;font-weight: normal;text-decoration: none !important;font-size: 1rem;}

/* 이벤트 혜택 */

/* 상품 1개 일 때  */
.case01{margin-bottom: 2rem;display: block;}
.goods--imgArea01{background: rgba(0, 0, 0, 0.05);position: relative;padding: 1rem;}
.goods--imgArea01 .goods__count{width: 12% !important;}
.goods__name01{background: #fff;text-align: center;padding: 1.2rem 0;}

/* 상품 2개 일 때 */
.goods_item02{width: 47%;}
.goods--imgArea02{position: relative;background: #fff;width: 100%;height: 40vw; display: flex;align-items: center;justify-content: center;}
.goods--imgArea02 > img{width: 100%;}
.goods__count01{position: absolute;right: 0;top: 0;z-index: 3;background: #000;color: #fff;text-align: center;padding: 1.2rem 0.7rem;font-size: calc(100% + 0.7vw);}
.goods__name02{text-align: center;background: rgba(0, 0, 0, 0.05); display: flex;align-items: center;justify-content: center;flex-direction: column;height: 5rem;line-height:1.5rem;display: -webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-flex-direction: column;}

/* 상품 3개 일 때 */
.case03 li:nth-child(1){margin: 0 26.5% 1.5rem;}
.goods--bottom{width: 100%; display: flex;align-items: center;justify-content: space-between; margin-top: 2rem;}
.goods_item03{width: 47%;margin:0 auto;}
.goods_item03:last-child{width: 47%;}
.goods__name03{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.05);height: 5rem;display: -webkit-flex;-webkit-flex-direction: column;-webkit-justify-content: center;-webkit-box-pack: center;}
.goods--imgArea03{position: relative;background: #fff;width: 100%;height: 40vw; display: flex;align-items: center;justify-content: center;}
.goods--imgArea03 > img{width: 100%;}
.goods__count01{position: absolute;right: 0;top: 0;z-index: 3;background: #000;color: #fff;text-align: center;padding: 1.2rem 0.7rem;font-size: calc(100% + 0.7vw);}


/* 단과강좌 할인 */
.case05{width: 100%; display: flex;display: -webkit-flex;align-items: center;justify-content: space-between; margin-bottom: 2rem;}
.eventArea__info--step__plus_img{width: 12%;margin: 0 auto;}
.goods_item05{width: 42%;}
.goods--imgArea05{position: relative;background: rgba(0, 0, 0, 0.05);width: 100%; display: flex;align-items: center;justify-content: center;}
.goods--imgArea05 > img{width: 100%;}
.goods--imgArea05 .goods__img02{}
.goods__name05{text-align: center;background: #fff; display: flex;align-items: center;justify-content: center;flex-direction: column;height: 5rem;line-height:1.5rem;display: -webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-flex-direction: column;}

/* 수능일까지 수강기간 연장 */
.info--extension{margin-bottom: 2rem;}

/* 이벤트 참여하기 버튼 */
.eventArea__join_btn__box{margin: 2rem 0 0;padding: 0rem 1rem;}
.eventArea__btn{display: block; text-align: center;padding: 1.5rem 0;border-radius: 3rem;font-size: calc(100% + 0.7vw);font-weight: bold;color:#fff;}
.eventArea__btn span {display:inline-block; font-family:serif; margin-left:1rem; font-size:calc(70% + 0.7vw);}
.eventArea__join_btn{background: #7333ff;display: block;}
.eventArea__done_btn{background: #99898a;cursor: default;pointer-events: none;}

/* 이벤트 유의사항 */
.noticeWrap {width:auto; margin: 0%;}
.noticeWrap__title {display:block; margin: 0 auto; padding:0.8rem 0 0.7rem; background: rgba(0, 0, 0, 0.1); font-size:calc(100% + 0.9vw); font-weight:normal; text-align:center; cursor:pointer;}
.noticeWrap__title--txt {display:inline-block; position:relative; padding:0 1rem 0 0; font-weight:normal; color:#000;}
.noticeWrap__title--txt:before {position:absolute; right:0; top:50%; z-index: 3; font-size:0.8rem; content:"▼"; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.noticeWrap.on .noticeWrap__title--txt:before {content:"▲";}
.noticeWrap__inner {display:none; margin:0; padding:1rem; background:#fff;border: 1px solid none;}
.noticeWrap__list {position:relative;}
.noticeWrap__list--item {position:relative; padding:0 0 0 0.7rem; margin-bottom:0.2rem; font-size:calc(70% + 0.7vw); line-height:calc(100% + 1.2vw); color:#3f3f3f; word-break:keep-all; word-wrap:break-word;}
.noticeWrap__list--item .im_color {font-weight: bold;color: #ff586c;}
.noticeWrap__list--item:before {position:absolute; left:0; top:0; z-index: 3; content:"-";}
.noticeWrap__list--color-red {color:#ff586c;}
.noticeWrap__list--link {display:inline-block; font-weight:bold; color:#5331ff !important; text-decoration: underline !important;}

/* 이벤트 프로모션 */
.promotion__case01{margin: 4rem 1rem 2rem;position: relative;border: 2px solid #1d4ed8;}
.promotion__case01_flo{width: 60%; position: absolute;left: 50%;top: -4%;bottom: 97%; transform: translate(-50%, 0%);z-index: 3;}
.promotion__case01__info{background: #fafaf9;padding: 1.5rem;}
.promotion__case01__info > li {font-size: calc(100% + 0.1vw);text-indent: -0.7rem;padding: 0 0 0 0.7rem;margin-bottom: 0.5rem;}
.promotion__case01__info > li:last-child{margin-bottom: 0;}
.promotion__case01__info .case01__im_color{font-weight: bold;}