.m_br {display: none;}
.pc_br {display: block;}

/* sub banner */
#subBanner {position:relative; width:100%; height: 312px;overflow:hidden;}
#subBanner.login {background: #f5f3f8 url(/images/home/bg_sub_login.png) no-repeat 50% 50% / cover;}
#subBanner.news {background: #f5f3f8 url(/images/home/bg_sub_news.png) no-repeat 50% 50% / cover;}
#subBanner.program {background: #f5f3f8 url(/images/home/bg_sub_program.png) no-repeat 50% 50% / cover;}
#subBanner.mypage {background: #f5f3f8 url(/images/home/bg_sub_mypage.png) no-repeat 50% 50% / cover;}
#subBanner p {position:absolute; left:0; top:150px; font-size:45px; color:#fff; font-weight:800; line-height:1.2; z-index:3;letter-spacing: 5px;text-align: center;width: 100%;}

/*** content ***/
#content {width:100%; padding:100px 0 140px 0;}
#content:after {content:""; display:block; clear:both;}


/*** login ***/
.lboxWrap {width:930px; margin:0 auto; background:#f1eeee;}
.lboxWrap:after {content:""; display:block; clear:both;}
.lboxWrap .lbox {position:relative; float:left; width:50%; height:580px; text-align:center;}
.lboxWrap .lbox .lTit {font-size:42px; color:#333; line-height:1.2; font-weight:800; padding:76px 0 0 0;}
.lboxWrap .lbox .lTxt {font-size:13px; color:#000; line-height:1.2; font-weight:400; padding:15px 0;}
.lboxWrap .lbox .lSns {width:100%; overflow:hidden;}
.lboxWrap .lbox .lSns ul {font-size:0; line-height:0;}
.lboxWrap .lbox .lSns ul:after {content:""; display:block; clear:both;}
.lboxWrap .lbox .lSns ul li {display:inline-block; margin:0 7px;}
.lboxWrap .lbox .lSns.join {padding:20px 0 10px 0;}
.lboxWrap .lbox .linform {position:relative; padding:0 33px; margin:24px 10.75% 0; border-top:1px #c2c2c2 solid;}
.lboxWrap .lbox .linform:after {content:""; display:block; clear:both;}
.lboxWrap .lbox .linform .divider {position:absolute; left:0; top:-9px;width:100%;}
.lboxWrap .lbox .linform .divider span {display:inline-block; font-size:14px; color:#000; line-height:1.2; font-weight:400; padding:0 7px; background:#f1eeee;}
.lboxWrap .lbox .linform ul {font-size:0; line-height:0; margin:25px 0 0 0;}
.lboxWrap .lbox .linform ul:after {content:""; display:block; clear:both;}
.lboxWrap .lbox .linform ul li {display:block; margin:0 0 10px 0;}
.lboxWrap .lbox .linform ul li:last-child {margin:0;}
.lboxWrap .lbox .linform ul li input {width:100%; height:50px; line-height:50px; padding:0 0 0 20px; margin:0; box-sizing:border-box; border:1px #c2c2c2 solid; border-radius:3px;}
.lboxWrap .lbox .linform p {font-size:15px; color:#000; line-height:60px; font-weight:400;}
.lboxWrap .lbox .agreeChk {width:100%; padding:20px; box-sizing:border-box; overflow:hidden; word-break:keep-all;}
.lboxWrap .lbox .agreeChk .custom-checkbox label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:13px; color:#000; padding:0 0 0 36px; line-height:15px; letter-spacing:0; background:url('/images/home/ico/ico_join_agree.png') 0 0 no-repeat;}
.lboxWrap .lbox .agreeChk .custom-checkbox label.checked {background-position:0 -45px;}
.lboxWrap .lbox .goBtn {padding:0 33px; margin:0 10.75%;}
.lboxWrap .lbox .goBtn a {display:block; width:100%; height:50px; font-size:14px; color:#fff; font-weight:600; line-height:50px; background:#333;}

.lboxWrap .lbox.noti {background:#ea3f45;}
.lboxWrap .lbox.noti .notiBox {position:absolute; left:0; top:50%; width:100%; margin:-102px 0 0 0;}
.lboxWrap .lbox.noti .notiBox .notiTit {font-size:42px; color:#fad400; line-height:1.2; font-weight:800; padding:0 0 12px 0;}
.lboxWrap .lbox.noti .notiBox .notiTxt {width:100%; height:42px; font-size:16px; color:#fff; line-height:1.2; font-weight:400; padding:0 20px; box-sizing:border-box; word-break:keep-all;}
.lboxWrap .lbox.noti .notiBox .notiTxt span {display:block; font-size:16px; color:#fff; line-height:1.5; font-weight:400;}
.lboxWrap .lbox.noti .notiBox .notiTxt.join {height:50px;}
.lboxWrap .lbox.noti .notiBox .btn {padding:0 33px; margin:24px 10.75% 0;}
.lboxWrap .lbox.noti .notiBox .btn a {display:block; width:100%; height:50px; font-size:14px; color:#333; font-weight:600; line-height:50px; background:#fff;}

#content .info_txt { font-family: "M PLUS 1p", "Noto Sans JP", sans-serif; text-align: center; margin-top: 2em;}

.signup {width:100%; text-align:center; overflow:hidden;}
.signup .sTit {font-size:42px; color:#333; line-height:1.2; font-weight:800; padding:0 0 12px 0;}
.signup .sTxt {padding:0 0 15px 0; word-break:keep-all;}
.signup .sTxt p {font-size:16px; color:#000; line-height:1.5; padding:0 0 30px 0; letter-spacing:-0.2px;}
.signup .sTxt p span {display:block; font-size:16px; line-height:1.5; letter-spacing:-0.2px;}
.signup h2 {font-size: 42px;font-weight: 900;color:#333;text-align: left;}
.signup .btn {display:inline-block; width:300px; height:50px; font-size:14px; color:#fff; font-weight:600; line-height:50px; background:#e8444a; border-radius:3px;}
.desc_list {margin-top: 90px;text-align: left;}
.desc_list li {font-size: 16px;color:#000;margin-bottom: 15px;}
.signup .down_app {display: flex;margin-top: 25px;}
.signup .down_app a {margin-right:6px ;}

.order_form_block { margin-top: 70px; margin-bottom: 100px; }

.tbl {margin:50px 0;border-top: 3px solid #c2c2c2;}
.tbl th,
.tbl td {
    border-bottom: 1px solid #c2c2c2;
    padding:10px 0;
    text-align: left;
    font-size: 16px;
    color:#000;
    font-weight: normal;
}
.tbl th {background-color: #fafafa;padding-left: 30px;}
.tbl th.payment_th {background-color: #e8444a;color:#fff;}
.tbl td {padding-left: 20px;}
.tbl .input_p {width: 300px;}
.tbl .input_p.zip {width: 100px;}
.tbl .input_p.card {width: 120px;}
.tbl span.input_p.card {margin-left:5px;}
.tbl span.input_p.card:first-child {margin-left: 0;}
.tbl .txt {height: 50px;padding-left: 20px; display: flex;align-items: center;font-size: 16px;color:#999; margin-bottom: 0.3em;}
.tbl .txt2 {padding-left: 20px;display: flex;align-items:baseline;color:#e2383e;}
.tbl .txt2 > span {font-size: 18px;font-weight: 200;margin-left: 5px;}
.tbl .txt2 strong {font-size: 28px;}
.tbl .txt2 strong span {font-size: 22px;}
.tbl .input_box {display: flex;align-items: center;margin-top: 5px;}
.tbl .input_box:first-child {margin-top: 0;}
.tbl .input_box button {background-color: #666;border-radius: 2px;width: 120px;height: 50px;color:#fff;border: 0;font-size: 14px;margin-left: 10px;}
.tbl .input_box button.red {background-color: #e8444a;}
.tbl .custom-checkbox {margin-top: 10px;}
.tbl .custom-checkbox:first-child {margin-top: 0;}
.tbl .alert_txt {font-size: 14px;color:#ff0055;margin-left: 10px;}
.tbl p.alert_txt {margin:10px 0;}
.tbl .payment_box {padding:20px 0 20px 20px;}
.tbl .payment_box .t1 {font-size: 16px;font-weight: 700; color:#e2383e;}
.tbl .payment_box .t1 b {font-size: 24px;}
.tbl .payment_box .t2 {margin-top: 10px; font-size: 16px;font-weight: 200; color:#e2383e;}
.tbl .stxt {font-size: 16px;font-weight: 200;color:#999;margin-left: 20px;}
.tbl .price_txt {padding:15px 0;}
.tbl .price_txt strong {font-size: 25px;color:#e2383e;font-weight: 700;margin-right: 5px;}
.tbl .price_txt span {font-size: 18px;color:#999;font-weight: 200;}
.tbl2 {margin:30px 0;}
.tbl2 th {font-size: 16px;padding:10px 0; border: 1px solid #ddd;background-color: #ebebeb;color:#000;}
.tbl2 td {
    border: 1px solid #f0f0f0;
    border-top: 0 solid #000;
    padding:15px 0;
    text-align: center;
    font-size: 16px;
    color:#000;
}
.tbl .table_desc {
    font-size: 16px;
    color: #676767;
    line-height: 1.4;
    margin: 0.5em 0 0.7em;
}

.tbl .select_box {
    height: auto;
    font-size: 16px;
    padding: 0.35em;
    margin-bottom: 0.5em;
}

.tbl .textarea_box {
    width: 100%;
    font-size: 14px;
    margin: 0.5em 0;
}

/*** apply ***/
.subMTit {font-size:42px; color:#333; line-height:1.2; font-weight:800;}
.applyStep {width:100%; margin:30px 0 0 0; overflow:hidden;}
.applyStep ul:after {content:""; display:block; clear:both;}
.applyStep ul li {position:relative; float:left; width:33.33%; height:50px; text-align:center; background:#d3d3d3; box-sizing:border-box;}
.applyStep ul li span {display:inline-block; font-size:12px; color:#fff; line-height:1.2; font-weight:800; padding:9px 0 0 0;}
.applyStep ul li p {font-size:18px; color:#fff; font-weight:300; line-height:1.2;}
.applyStep ul li p.l {line-height:50px;}
.applyStep ul li:nth-child(2) {border-left:1px #fff solid; border-right:1px #fff solid;}
.applyStep ul li.on {background:#fbc61e;}
.applyStep ul li.on span {color:#000;}
.applyStep ul li.on p {color:#000;}
.applyStep ul li.fin:after {content:'COMPLETE'; position:absolute; left:0; top:0; width:100%; height:100%; font-size:18px; color:#fbc61e; font-weight:600; letter-spacing:1px; line-height:50px; background:url('../images/bg/bg_apply_step_fin.png') left top repeat;}

.applyBox {position:relative; width:100%; margin:70px 0 0 0;}
.applyBox:after {content:""; display:block; clear:both;}
.applySubTit {position:absolute; left:0; top:-5px; font-size:30px; color:#fbc61e; font-weight:800; line-height:1.2; letter-spacing:4px;}
.applyInform {border-top:3px #c2c2c2 solid; margin:0 0 0 25%;}
.applyInform .dBox {position:relative; width:100%; padding:10px 20px 10px 300px; border-bottom:1px #c2c2c2 solid; box-sizing:border-box;}
.applyInform .dBox:after {content:""; display:block; clear:both;}
.applyInform .dBox .tit {position:absolute; left:30px; top:25px; font-size:16px; color:#000; line-height:1.2;}
.applyInform .dBox ul.half:after {content:""; display:block; clear:both;}
.applyInform .dBox ul.half li {float:left; width:50%; box-sizing:border-box;}
.applyInform .dBox ul.half li:nth-child(1) {padding:0 5px 0 0;}
.applyInform .dBox ul.half li:nth-child(2) {padding:0 0 0 5px;}
.applyInform .dBox ul.third:after {content:""; display:block; clear:both;}
.applyInform .dBox ul.third li {float:left; box-sizing:border-box;}
.applyInform .dBox ul.third li:nth-child(1) {width:40%; padding:0 5px 0 0;}
.applyInform .dBox ul.third li:nth-child(2) {width:60%; padding:0 0 0 5px;}
.applyInform .dBox .noti {font-size:14px; color:#ff0055; line-height:50px;}

.mockInfo {margin:0 0 0 25%;}
.mockInfo:after {content:""; display:block; clear:both;}
.mockInfo .mtit {font-size:24px; color:#000; font-weight:800; line-height:1.2; padding:0 0 22px 0;}
.mockInfo .mtxt {font-size:14px; color:#000; line-height:1.7; padding:0 0 90px 0; word-break:keep-all;}
.mockInfo .mtxt.nodep {padding:0;}
.mockInfo .mHow {padding:26px 0 86px;}
.mockInfo .mHow:after {content:""; display:block; clear:both;}
.mockInfo .mHow img {max-width:100%;}
.mockInfo .mHow img.w {display:inline-block;}
.mockInfo .mHow img.m {display:none;}
.mockInfo .mHowInfo {margin:0 0 0 3.87%;}
.mockInfo .mHowInfo:after {content:""; display:block; clear:both;}
.mockInfo .mHowInfo ul:after {content:""; display:block; clear:both;}
.mockInfo .mHowInfo ul li {display:block; position:relative; padding:0 0 74px 0;}
.mockInfo .mHowInfo ul li .ico {position:absolute; left:0; top:-28px;}
.mockInfo .mHowInfo ul li .info {margin:0 340px 0 145px;}
.mockInfo .mHowInfo ul li .info:after {content:""; display:block; clear:both;}
.mockInfo .mHowInfo ul li .info .tt {font-size:16px; color:#000; font-weight:800; line-height:1.2; padding:0 0 16px 0; word-break:keep-all;}
.mockInfo .mHowInfo ul li .info .tx {min-height:56px;}
.mockInfo .mHowInfo ul li .info .tx span {font-size:14px; color:#000; line-height:1.4; padding:0 0 90px 0; word-break:keep-all;}
.mockInfo .mHowInfo ul li .info .tx p {padding:17px 0 0 0;}
.mockInfo .mHowInfo ul li .info .tx strong {font-size:14px; font-weight:800;}
.mockInfo .mHowInfo ul li .info .btn {position:absolute; right:0; top:0;}
.mockInfo .mHowInfo ul li .info .btn a {display:inline-block; width:300px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:600; background:#fbc61e; border-radius:3px;}
.mockInfo .mHowInfo ul li .info.full {margin:0 0 0 145px;}
.mockInfo .mHowInfo ul li:last-child {padding:0}
.mockInfo .mcriteria {position:relative; margin:90px 0 0 3.87%; padding:0 42px; border:1px #ccc solid; box-sizing:border-box;}
.mockInfo .mcriteria .mcIco {position:absolute; right:40px; top:40px;}
.mockInfo .mcriteria .mctt {font-size:18px; color:#fbc61e; font-weight:800; line-height:1.2; padding:38px 0 18px 0;}
.mockInfo .mcriteria .mctx {width:100%; padding:0 0 14px 0; overflow:hidden;}
.mockInfo .mcriteria .mctx ul:after {content:""; display:block; clear:both;}
.mockInfo .mcriteria .mctx ul li {display:block; position:relative; font-size:16px; color:#000; line-height:1.2; padding:0 0 6px 0;}
.mockInfo .mcriteria .mcbn {width:100%; padding:0 0 40px 0; text-align:center; overflow:hidden;}
.mockInfo .mcriteria .mcbn a {display:inline-block; width:300px; height:50px; font-size:14px; color:#fbc61e; line-height:50px; text-align:center; font-weight:600; background:#000; border-radius:3px;}

.applyContract {width:930px; margin:0 auto; overflow:hidden;}
.applyContract .congratulations {width:100%; padding:112px 0 0 0;}
.applyContract .congratulations .sTit {font-size:42px; color:#000; line-height:1.2; font-weight:800; padding:0 0 20px 0; text-align:center;}
.applyContract .congratulations .sTxt {padding:0 0 30px 0; word-break:keep-all; text-align:center;}
.applyContract .congratulations .sTxt p {font-size:17px; color:#333; line-height:1.6; letter-spacing:-0.2px;}
.applyContract .congratulations .sTxt p span {display:block; font-size:18px; line-height:1.6; letter-spacing:-0.2px;}
.applyContract .congratulations .agreeBox {position:relative; width:100%; height:250px; font-size:13px; color:#333; line-height:1.6; padding:20px; border:1px #ddd solid; box-sizing:border-box; overflow-y:auto; word-break:keep-all; border-radius:3px;}
.applyContract .congratulations .agreeChk {margin:20px 0 0 0; text-align:center;}

.applyContract .fileTit {font-size:24px; color:#333; font-weight:800; line-height:1.2; padding:36px 0 12px;}
.applyContract .fileUpload {width:100%; border-top:3px #c2c2c2 solid; overflow:hidden;}
.applyContract .fileUpload .dBox {position:relative; width:100%; padding:10px 20px 10px 300px; border-bottom:1px #c2c2c2 solid; box-sizing:border-box;}
.applyContract .fileUpload .tit {position:absolute; left:30px; top:25px; font-size:16px; color:#000; line-height:1.2;}

.fileList {width:100%;}
.fileList:after {content:""; display:block; clear:both;}
.fileList .file {margin:10px 0 0 0;}
.fileList .file:after {content:""; display:block; clear:both;}
.fileList .file span {font-size:14px; color:#000; line-height:1.2; padding:0 6px 0 26px; background:url('../images/bg/bg_file_list_span.png') left top no-repeat;}
.fileList .file .previewBtn {display:inline-block; width:120px; font-family: 'Noto Sans KR'; font-size:12px; color:#fff; line-height:24px; text-align:center; letter-spacing:-0.5px; background:#999; margin:0 0 0 10px; border-radius:50px;}
.fileList .file * {vertical-align:middle;}
.fileList .fileNoti {margin:20px 0 0 0;}
.fileList .fileNoti:after {content:""; display:block; clear:both;}
.fileList .fileNoti p {display:inline-block; font-family: 'Noto Sans KR'; font-size:14px; color:#000; line-height:24px;}
.fileList .fileNoti a {display:inline-block; width:120px; font-family: 'Noto Sans KR'; font-size:12px; color:#000; line-height:24px; text-align:center; letter-spacing:-0.5px; background:#fbc61e; margin:0 0 0 10px; border-radius:50px;}

.thanxTo {width:100%; text-align:center; overflow:hidden;}
.thanxTo .sTit {font-size:42px; color:#333; line-height:1.2; font-weight:800; padding:0 0 12px 0; word-break:keep-all;}
.thanxTo .sTxt {word-break:keep-all;}
.thanxTo .sTxt p {font-size:16px; color:#000; line-height:1.5; padding:0 0 30px 0; letter-spacing:-0.2px;}
.thanxTo .sTxt p span {display:block; font-size:16px; line-height:1.5; letter-spacing:-0.2px;}
.thanxTo a {display:inline-block; width:300px; height:50px; font-size:14px; color:#fff; font-weight:600; line-height:50px; background:#000; border-radius:3px;}

.qualifications {position:relative; width:100%; word-break:keep-all;}
.qualifications .qInner {width:100%; min-height:340px; overflow:hidden;}
.qualifications .qInner .qTit {width:45%; font-size:24px; color:#333; line-height:1.2; padding:55px 0 26px 0;}
.qualifications .qInner .qTxt {width:45%; font-size:18px; color:#000; line-height:1.4; font-weight:300;}
.qualifications .qInner .qImg {position:absolute; right:0; top:-40px;}
.qualifications .qInfo {width:100%; margin:100px 0 0 0; overflow:hidden;}
.qualifications .qInfo ul:after {content:""; display:block; clear:both;}
.qualifications .qInfo ul li {float:left; width:20%;}
.qualifications .qInfo ul li .ico {text-align:center;}
.qualifications .qInfo ul li .ico img {max-width:100%;}
.qualifications .qInfo ul li p {font-size:16px; color:#000; line-height:1.4; font-weight:300; padding:40px 12px 0; word-break:keep-all;}

.welcomeWrap {position:relative; margin:50px 0 0 0; padding:0 0 40px 25%;}
.welcomeWrap:after {content:""; display:block; clear:both;}
.welcomeWrap .wStep {position:absolute; left:6.45%; top:0; width:150px; height:150px; border-radius:100%; background:#fbc61e; text-align:center;}
.welcomeWrap .wStep span {display:inline-block; font-size:36px; color:#fff; line-height:150px; font-weight:600;}
.welcomeWrap .wTit {font-size:18px; color:#000; line-height:1.8; padding:0 0 28px 0; word-break:keep-all;}
.welcomeWrap .wTit span {display:block; font-size:18px; color:#000; line-height:1.8;}
.welcomeWrap .wTit p {font-size:18px; color:#000; line-height:1.8; padding:0 0 32px 0;}
.welcomeWrap .wTit p:last-child {padding:0;}

.welcomeWrap .wInform {border-top:3px #c2c2c2 solid;}
.welcomeWrap .wInform:after {content:""; display:block; clear:both;}
.welcomeWrap .wInform .wBox {position:relative; width:100%; padding:10px 20px 10px 300px; border-bottom:1px #c2c2c2 solid; box-sizing:border-box;}
.welcomeWrap .wInform .wBox:after {content:""; display:block; clear:both;}
.welcomeWrap .wInform .wBox .tit {position:absolute; left:30px; top:25px; font-size:16px; color:#000; line-height:1.2;}
.welcomeWrap .wInform .wBox ul.half:after {content:""; display:block; clear:both;}
.welcomeWrap .wInform .wBox ul.half li {float:left; width:50%; box-sizing:border-box;}
.welcomeWrap .wInform .wBox ul.half li:nth-child(1) {padding:0 5px 0 0;}
.welcomeWrap .wInform .wBox ul.half li:nth-child(2) {padding:0 0 0 5px;}
.welcomeWrap .wInform .wBox .noti {font-size:14px; color:#ff0055; line-height:50px;}
.welcomeWrap .wInform .wBox textarea {width:100%; height:180px; font-size:14px; color:#000; line-height:1.6; padding:16px; box-sizing:border-box;}
.welcomeWrap .wInform .wBox .imgFile {position:relative; width:100%;}
.welcomeWrap .wInform .wBox .imgFile .dragImg {width:200px; height:200px; background:url('../images/bg/bg_img_drag.png') center 50% #f5f5f5 no-repeat; border-radius:3px;}
.welcomeWrap .wInform .wBox .imgFile .dragInfo {position:absolute; left:216px; top:50%; margin:-36px 0 0 0;}
.welcomeWrap .wInform .wBox .imgFile .dragInfo ul:after {content:""; display:block; clear:both;}
.welcomeWrap .wInform .wBox .imgFile .dragInfo ul li {display:block; font-family: 'Noto Sans KR'; font-size:12px; color:#999; line-height:1.2; letter-spacing:-0.5px; padding:2px 0 2px 7px; background:url('../images/bg/bg_drag_info_li.png') left 8px no-repeat; word-break:keep-all;}

.welcomeWrap .mBox {position:relative; border-top:3px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid; padding:10px 0;}
.welcomeWrap .mBox:after {content:""; display:block; clear:both;}
.welcomeWrap .movieBox {position:relative; width:44.08%; float:left; margin:0 20px 0 0;}
.welcomeWrap .movieBox .img {width:100%; overflow:hidden;}
.welcomeWrap .movieBox .img img {width:100%;}
.welcomeWrap .movieBox a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../images/bg/bg_moviebox_a_back.png') left top repeat;}
.welcomeWrap .movieBox a img {position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:2;}
.welcomeWrap .fileMovie {position:absolute; left:46.23%; top:50%; width:53.77%; margin:-65px 0 0 0;}

.nextStep {width:100%; text-align:center; margin:20px 0 0 0; padding:93px 0 0 0; border-top:1px #666 solid; overflow:hidden;}
.nextStep .nTxt {width:100%; word-break:keep-all;}
.nextStep .nTxt:after {content:""; display:block; clear:both;}
.nextStep .nTxt span {display:block; font-size:18px; color:#000; line-height:1.6; font-weight:600;}


/*** account ***/
.accountSchedule {position:relative; width:100%; margin:0 0 70px 0; padding:0 360px 0 0; box-sizing:border-box;}
.accountSchedule .asTit {width:100%; font-size:42px; color:#333; font-weight:800; line-height:1.2; padding:0 0 20px 0;}
.accountSchedule .accountSet {position:absolute; right:0; bottom:0;}
.accountSchedule .accountSet ul:after {content:""; display:block; clear:both;}
.accountSchedule .accountSet ul li {float:left; width:145px; height:145px; margin:0 0 0 10px;}
.accountSchedule .accountSet ul li a {display:block; width:100%; height:100%; background:#fbc61e; border-radius:3px; text-align:center;}
.accountSchedule .accountSet ul li a .ico {padding:30px 0 0 0;}
.accountSchedule .accountSet ul li a .txt {font-family: 'Noto Sans KR'; font-size:12px; color:#fff; line-height:1.2; padding:18px 0 0 0; word-break:keep-all;}

.accountHead {position:relative; width:100%; margin:0 0 42px 0;}
.accountHead:after {content:""; display:block; clear:both;}
.accountHead .tit {width:100%; font-size:42px; color:#333; font-weight:800; line-height:1.2;}
.accountHead .dayTit {width:100%; font-size:42px; color:#333; font-weight:800; line-height:1.2; text-align:center;}
.accountHead .period {position:relative; display:inline-block; margin:13px 0 0 0;}
.accountHead .period span {font-size:30px; color:#333; font-weight:600; line-height:30px; padding:0 50px;}
.accountHead .period .prev {position:absolute; left:0; top:0;}
.accountHead .period .next {position:absolute; right:0; top:0;}

.accountHead .scheduleNoti {margin:52px 0 0 0;}
.accountHead .scheduleNoti:after {content:""; display:block; clear:both;}
.accountHead .scheduleNoti ul {width:100%;}
.accountHead .scheduleNoti ul li {float:left; width:16.6666%;}
.accountHead .scheduleNoti ul li .cbox {font-size:14px; color:#000; margin:0 1px; line-height:60px; text-align:center; border-radius:3px;}
.accountHead .scheduleNoti ul li:nth-child(1) .cbox {background:#f0f1c6;}
.accountHead .scheduleNoti ul li:nth-child(2) .cbox {background:#c0e0e6;}
.accountHead .scheduleNoti ul li:nth-child(3) .cbox {background:#bdd1ea;}
.accountHead .scheduleNoti ul li:nth-child(4) .cbox {background:#d1c9df;}
.accountHead .scheduleNoti ul li:nth-child(5) .cbox {background:#f7c5c8;}
.accountHead .scheduleNoti ul li:nth-child(6) .cbox {background:#fdd6b3;}

.accountHead .rInfoTy {position:absolute; right:0; top:10px; padding:0 90px 0 0;}
.accountHead .rInfoTy .icoZone {position:absolute; right:0; top:0;}
.accountHead .rInfoTy .icoZone ul:after {content:""; display:block; clear:both;}
.accountHead .rInfoTy .icoZone ul li {position:relative; float:left; margin:0 8px 0 0;}
.accountHead .rInfoTy .icoZone ul li span {position:absolute; right:-7px; top:-7px; width:20px; height:20px; font-size:12px; color:#fff; font-weight:500; text-align:center; line-height:20px; border-radius:100%; background:#ff0000;}
.accountHead .rInfoTy .infoZone {text-align:right;}
.accountHead .rInfoTy .infoZone span {display:block; font-size:14px; color:#333; line-height:1.2;}
.accountHead .rInfoTy .infoZone strong {display:block; font-size:18px; color:#333; line-height:1.2; font-weight:800;}
.accountHead.space {margin:200px 0 42px 0;}

.accountSearch {position:relative; width:100%; margin:0 0 20px 0;}
.accountSearch:after {content:""; display:block; clear:both;}
.accountSearch .days {display:inline-block; float:left;}
.accountSearch .days:after {content:""; display:block; clear:both;}
.accountSearch .days ul:after {content:""; display:block; clear:both;}
.accountSearch .days ul li {float:left;}
.accountSearch .days ul li input {width:148px; text-align:center; padding:0; height:40px; line-height:40px;}
.accountSearch .days ul li.unit {width:40px; text-align:center; font-size:42px; color:#c2c2c2; line-height:40px; font-weight:300;}
.accountSearch .days ul li img {padding:0 0 0 10px;}
.accountSearch .studentS {display:inline-block; float:left; margin:0 50px 0 0;}
.accountSearch .studentS:after {content:""; display:block; clear:both;}
.accountSearch .studentS span {font-size:14px; color:#333; line-height:40px; font-weight:600; padding:0 12px 0 0;}
.accountSearch .studentS input {width:198px; text-align:left; padding:0 0 0 12px; height:40px; line-height:40px; box-sizing:border-box;}
.accountSearch .studentS a {display:inline-block; width:100px; text-align:center; font-size:14px; color:#fff; line-height:40px; font-weight:600; background:#666;}
.accountSearch .selectBox {position:absolute; right:0; top:0;}
.accountSearch .selectBox span.searchStyleSelectBox {height:40px; background-size:auto 40px;}
.accountSearch .selectBox .searchStyleSelectBoxInner {white-space:nowrap; line-height:40px;}

.accountDash {width:100%; margin:0 0 45px 0; overflow:hidden;}
.accountDash ul:after {content:""; display:block; clear:both;}
.accountDash ul li {float:left; width:20%; text-align:center; background:url('../images/bg/bg_account_dash_li.png') left top no-repeat;}
.accountDash ul li .atit {font-size:14px; color:#000; font-weight:600; line-height:1.2; padding:30px 0 0 0;}
.accountDash ul li .atit span {font-size:14px; color:#000; font-weight:600; line-height:1.2;}
.accountDash ul li .anum {font-size:48px; color:#fbc61e; line-height:1.2; padding:0 0 32px 0;}

.accountInfo {width:100%; border-top:3px #c2c2c2 solid; overflow:hidden;}
.accountInfo table {vertical-align:middle; text-align:left;}
.accountInfo table td {position:relative; font-size:14px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:18px 10px 18px 30px;}
.accountInfo table td:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.accountInfo table td:last-child:after {display:none;}
.accountInfo table td.center {text-align:center; padding:18px 5px;}
.accountInfo table td span.ty {display:inline-block; font-size:14px; color:#fff; line-height:25px; background:#e94830; border-radius:3px; padding:0 10px; margin:2px 0;}
.accountInfo table tr.point td {font-size:16px; padding:10px 10px 10px 30px;}
.accountInfo table tr.point td .time {font-size:24px;}
.accountInfo table tr.point td.center {padding:10px 5px;}
.accountInfo table td .entrance {width:100%;}
.accountInfo table td .entrance a {display:block; width:80%; margin:0 auto; font-size:24px; color:#fff; line-height:45px; text-align:center; background:#fbc61e; border-radius:3px;}
.accountInfo table td .leftTime {font-size:12px; color:#ff0055; line-height:1.2; text-align:center; padding:8px 0 0 0;}
.accountInfo .tth1 {width:175px;}
.accountInfo .tth2 {width:140px;}
.accountInfo .tth3 {width:240px;}

.accountAtable {width:100%; border-top:2px #c2c2c2 solid; overflow:hidden;}
.accountAtable table {vertical-align:middle; text-align:left; border-top:1px #c2c2c2 solid;}
.accountAtable table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:20px 0; text-align:left;}
.accountAtable table th span {font-size:16px; color:#000; font-weight:700; padding:0 0 0 30px;}
.accountAtable table th:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.accountAtable table td {position:relative; font-size:16px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:0 10px 0 30px;}
.accountAtable .setth1 {width:248px;}

.accountBtable {position:relative; width:100%; border-top:2px #c2c2c2 solid; overflow:hidden;}
.accountBtable table {vertical-align:middle; text-align:left; border-top:1px #c2c2c2 solid;}
.accountBtable table th {position:relative; border-bottom:1px #c2c2c2 solid; background:#efefef; padding:20px 0; text-align:center;}
.accountBtable table th span {font-size:16px; color:#000; font-weight:700;}
.accountBtable table th:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.accountBtable table th:last-child:after {display:none;}
.accountBtable table td {position:relative; font-size:16px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:12px 10px 12px 30px;}
.accountBtable table td:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.accountBtable table td:last-child:after {display:none;}
.accountBtable table td.center {text-align:center; padding:12px 5px;}
.accountBtable table td img {margin:0 5px;}
.accountBtable table td .wtime {font-size:12px; color:#ff0055; line-height:1.2; padding:2px 0 0 0;}
.accountBtable .custom-checkbox label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:16px; color:#000; padding:0 0 0 17px; line-height:22px; word-break:keep-all; background:url('../images/ico/ico_checkbox_table.png') 0 top no-repeat; }
.accountBtable .custom-checkbox label.checked {background-position:0 -72px;}
.accountBtable table td .status {display: inline-block; height: 20px; padding-left: 30px;background:url(/images/home/ico/ico_tbl_check.png) no-repeat 0 50%;line-height: 20px;font-size: 11px;color:#999;}
.accountBtable table .a td {padding:0;}
.accountBtable table .inquire_td {padding:20px 30px 20px 135px;display: none;}
.accountBtable table .inquire_td.on {display: block;}
.accountBtable table .inquire_td .question {font-size: 16px;line-height: 30px;font-weight: 100;color:#999;}
.accountBtable table .inquire_td .answer {font-size: 16px;line-height: 30px;font-weight: 300;padding:25px;background-color: #efefef;margin-top: 30px;}

.accountBtable .hsth1 {width:94px;}/* Holiday Setting */
.accountBtable .hsth2 {width:230px;}
.accountBtable .hsth3 {width:230px;}
.accountBtable .hsth4 {width:123px;}

.accountBtable .wlth1 {width:175px;}/* Waiting List */
.accountBtable .wlth2 {width:250px;}
.accountBtable .wlth3 {width:130px;}
.accountBtable .wlth4 {width:123px;}

.accountBtable .mcth1 {width:175px;}/* My Class */
.accountBtable .mcth2 {width:134px;}
.accountBtable .mcth3 {width:212px;}
.accountBtable .mcth4 {width:212px;}

.accountBtable .rsth1 {width:94px;}/* Repeat Schedule */
.accountBtable .rsth2 {width:100px;}

.accountBtable .rtth1 {width:115px;}/* Resources */
.accountBtable .rtth2 {width:200px;}
.accountBtable .rtth3 {width:190px;}

.firstNoti {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url('../images/bg/bg_first_notice.png') left top repeat; z-index:10;}
.firstNoti p {position:absolute; left:0; top:50%; width:100%; font-size:24px; color:#000; font-weight:700; line-height:1.5; margin:-36px 0 0 0; word-break:keep-all;}


/* payment info */
.paymentInfo {position:relative; width:100%; border-top:3px #c2c2c2 solid; overflow:hidden;}
.paymentInfo .info {font-size:30px; color:#000; font-weight:700; padding:42px 0;}
.paymentInfo .total {position:absolute; right:0; top:0; float:right; text-align:right;}
.paymentInfo .total .money {position:relative; display:inline-block; font-size:60px; color:#fbc61e; font-weight:800; line-height:1.2; padding:20px 0 0 0;}
.paymentInfo .total .money:before {white-space:pre; content:'Total\APayment'; position:absolute; left:-134px; top:33px; font-size:24px; color:#999; font-weight:700; line-height:1;}

/* payment data */
.paymentData {width:100%; padding:0 0 30px 0; overflow:hidden;}
.paymentData > ul:after {content:""; display:block; clear:both;}
.paymentData > ul > li {float:left; width:20%; height:150px; padding:0 20px; box-sizing:border-box; background:#fbc61e; word-break:keep-all;}
.paymentData > ul > li .tit {position:relative; font-size:16px; color:#000; font-weight:700; padding:18px 54px 18px 0; border-bottom:1px #fff solid;}
.paymentData > ul > li .tit span {position:absolute; right:0; top:18px; font-size:16px; color:#000; font-weight:700;}
.paymentData > ul > li .info {width:100%; padding:20px 0 0 0; word-break:keep-all;}
.paymentData > ul > li .info ul:after {content:""; display:block; clear:both;}
.paymentData > ul > li .info ul li {position:relative; display:block; font-size:14px; color:#000; line-height:1.3; font-weight:600; padding:0 54px 0 10px; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
.paymentData > ul > li .info ul li span {position:absolute; right:0; top:0; font-size:14px; color:#000; font-weight:600;}
.paymentData > ul > li .stit {position:relative; font-size:16px; color:#000; font-weight:700; margin:66px 0 0 0; padding:0 54px 0 0;}
.paymentData > ul > li .stit  span {position:absolute; right:0; top:0; font-size:16px; color:#000; font-weight:700;}
.paymentData > ul > li .stit.dep {margin:54px 0 0 0; padding:0 15px 0 0;}
.paymentData > ul > li .stit.dep u {display:block; text-decoration:none; font-size:16px; color:#000; font-weight:normal; padding:2px 0 0 0;}
.paymentData > ul > li.ty .stit {color:#fbc61e;}
.paymentData > ul > li.ty .stit span {color:#fbc61e;}
.paymentData > ul > li .etit {position:relative; font-size:16px; color:#fbc61e; font-weight:700; line-height:1.2; padding:27px 54px 27px 0; border-bottom:1px #999 solid;}
.paymentData > ul > li .etit span {position:absolute; right:0; top:27px; font-size:16px; color:#fbc61e; font-weight:700;}
.paymentData > ul > li .etit:last-child {border:0;}
.paymentData > ul > li:nth-child(even) {background:#000;}
.paymentData > ul > li:nth-child(even) .tit {color:#fbc61e; border-color:#999;}
.paymentData > ul > li:nth-child(even) .tit span {color:#fbc61e;}
.paymentData > ul > li:nth-child(even) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
.paymentData > ul > li:nth-child(even) .info ul li span {color:#fbc61e;}

/* payment table */
.payTable {width:100%; padding:50px; margin:20px 0 0 0; background:#f2f2f2; box-sizing:border-box;}
.payTable .payHead {position:relative; width:100%; overflow:hidden;}
.payTable .payHead .ptit {font-size:24px; color:#000; font-weight:700; line-height:1.2; padding:0 0 18px 0;}
.payTable .payHead .total {position:absolute; right:0; top:0; font-size:16px; color:#000; font-weight:700; line-height:1.2;}
.payTable .payHead .total span {font-size:24px; color:#000; font-weight:700; line-height:1.2; padding:0 0 0 18px;}
.payTable table {vertical-align:middle; text-align:center; border:1px #c2c2c2 solid; border-top:3px #c2c2c2 solid; border-bottom:0; background:#fff;}
.payTable table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:18px 0; text-align:center;}
.payTable table th span {font-size:16px; color:#000; font-weight:700;}
.payTable table th:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.payTable table td {position:relative; font-size:16px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:18px 0;}
.payTable table td:after {content:''; position:absolute; right:0; top:0; width:1px; height:37px; background:#c2c2c2;}
.payTable table th:nth-child(2) {border-right:1px #c2c2c2 solid;}
.payTable table th:nth-child(2):after {display:none;}
.payTable table th:last-child:after {display:none;}
.payTable table td:nth-child(2) {border-right:1px #c2c2c2 solid;}
.payTable table td:nth-child(2):after {display:none;}
.payTable table td:last-child:after {display:none;}


/* schedule notice */
.scheduleNoti {width:100%; text-align:center; overflow:hidden; word-break:keep-all;}
.scheduleNoti strong {display:block; font-size:24px; color:#000; font-weight:700; line-height:1.2; padding:80px 0 22px 0;}
.scheduleNoti p {font-size:18px; color:#000; line-height:1.2; padding:0 0 90px 0;}


/* schedule list */
.scheduleList {width:100%; overflow:hidden;}
.scheduleList ul {margin:0 -3% 0 0;}
.scheduleList ul:after {content:""; display:block; clear:both;}
.scheduleList ul li {float:left; width:47%; margin:0 3% 3% 0; border:1px #ccc solid; box-sizing:border-box;}
.scheduleList ul li .inbox {position:relative; width:100%; height:148px; padding:18px 6.66%; border:4px #fff solid; box-sizing:border-box;}
.scheduleList ul li .inbox .cont {position:relative; padding:7px 0 7px 90px; font-size:16px; color:#000; line-height:1.2;}
.scheduleList ul li .inbox .cont span {position:absolute; left:0; top:7px; font-size:16px; color:#fbc61e; font-weight:700; line-height:1.2;}
.scheduleList ul li .inbox a {display:block; position:absolute; right:6.66%; top:50%; width:140px; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:90px; margin:-45px 0 0 0; text-align:center; background:#999; border-radius:3px;}
.scheduleList ul li.on {border:1px #fbc61e solid;}
.scheduleList ul li.on .inbox {border:4px #fbc61e solid;}


/* right search */
.rSearch {width:100%; padding:0 0 20px 0; margin:60px 0 0 0; overflow:hidden;}
.rSearch ul {float:right;}
.rSearch ul li {float:left;}
.rSearch ul li input[type='text'] {width:300px; height:40px; margin:0 0 0 10px; line-height:40px;}
.rSearch ul li a {display:inline-block; width:100px; height:40px; font-size:14px; color:#fff; font-weight:700; line-height:40px; letter-spacing:0.5px; text-align:center; background:#666; border-radius:2px;}

/* search box*/
.search_box {margin:60px 0 20px; overflow:hidden;display: flex;justify-content: flex-end;}
.search_box > div {position: relative;width:340px;height:52px;}
.search_box > div input {position: absolute;left:0;top:0;font-size: 15px;padding-left: 15px;border: 1px solid #ddd;border-radius: 2px;}
.search_box > div button {position: absolute;right:0;top:50%;appearance: none;background:transparent;border: none;padding:10px;transform: translateY(-50%);}

/* resources list */
.resourcesList {width:100%; border-bottom:1px #c2c2c2 solid; overflow:hidden;}
.resourcesList ul {margin:0 -1% 0 0;}
.resourcesList ul:after {content:""; display:block; clear:both;}
.resourcesList ul li {float:left; width:24%; margin:0 1% 58px 0;}
.resourcesList ul li .movie {position:relative; width:100%; overflow:hidden;}
.resourcesList ul li .movie .img {width:100%;}
.resourcesList ul li .movie .img img {width:100%;}
.resourcesList ul li .movie .btn {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_resources_list.png') left top repeat;}
.resourcesList ul li .movie .btn a {display:block;}
.resourcesList ul li .movie .btn a img {position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px;}
.resourcesList ul li .name {font-size:16px; color:#000; font-weight:600; line-height:1.2; padding:16px 0 0 0;}

.btn_wrap {display: flex;justify-content: center;margin:50px auto 0;}
.btn_wrap.mt_0 {margin-top: 0;}
.btn_wrap.right {display: flex;justify-content: flex-end;margin:50px auto 0;}
.news h2 {font-size: 42px;font-weight: 900;color:#333;text-align: center;}
.news .btn {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;margin:0 5px;}
.news .btn.apply {width: 150px;}
.news .btn.cancel {width: 150px;background-color: #999;}
.list_view {margin-top: 100px;}
.list_view .view_top {display: flex;justify-content: space-between;align-items: center;border-bottom: 3px solid #c2c2c2;padding-bottom: 25px;}
.list_view .view_top .tit {font-size: 24px;color:#000;letter-spacing: -0.025em;}
.list_view .view_top .date span {font-size: 14px;color:#000;}
.list_view .view_top .date span b {font-size: 14px;color:#000;}
.list_view .view_top .date span + span {margin-left: 10px;padding-left: 10px;position: relative;}
.list_view .view_top .date span + span::after {content: '';display: block;width: 1px;height:14px;background-color: #000;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.list_view .view_cont {padding:20px; border-bottom: 1px solid #c2c2c2;}
.list_view .view_cont > div {background-color: #fafafa;min-height: 400px;text-align: center;}
.list_view .view_cont > div p {font-size: 16px;color:#000;}
.list_view + a {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:50px auto 0;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;}
.list_view .view_attach {border-bottom: 1px solid #efefef;padding:20px 15px;}
.list_view .view_attach b {margin-right: 30px; padding-left:15px;background:url(/images/home/ico/ico_attach.png) no-repeat 0 50%;font-size: 14px;color:#000;}
.list_view .view_attach a {padding-left: 25px;background:url(/images/home/ico/ico_file.png) no-repeat 0 50%;font-size: 14px;color:#000;}
.list_view .view_attach a:hover {text-decoration: underline;}

.promotion_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.promotion_list li {border: 1px solid #ccc;width: 49%;height: 300px;margin-top: 2%;}
.promotion_list li:nth-child(-n + 2 ) {margin-top: 0;}
.promotion_list li .img_box {display: flex;justify-content: center;align-items: center; height:200px;overflow: hidden;background-color: #efefef;}
.promotion_list li .img_box img {width: 100%;}
.promotion_list li .text_box {padding:20px 30px;}
.promotion_list li .tit {font-size: 24px;font-weight: 500;color:#000;}
.promotion_list li .date {font-size: 16px;color:#888;margin-top: 10px;}
.promotion_list + a {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:50px auto 0;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;}

.faq_list {margin-top: 80px;}
.faq_list ul {border-top: 3px solid #c2c2c2;}
.faq_list ul li {border-bottom: 1px solid #c2c2c2;}
.faq_list .q {display: flex;align-items: center;background: url(/images/home/btn/btn_arrow_down.png) no-repeat right 20px top 50%;cursor: pointer;}
.faq_list .q.on {background: url(/images/home/btn/btn_arrow_up.png) no-repeat right 20px top 50%;}
.faq_list .q span {width: 115px;height: 60px; position: relative;font-size: 16px;font-weight: 300;color:#000;display: flex;justify-content: center;align-items: center;}
.faq_list .q span::after {content: '';display: block;width: 1px;height:30px;background-color: #c2c2c2;position: absolute;right:0;top:0;}
.faq_list .q p {font-size: 16px;font-weight: 300;color:#000;display: block;height: 60px; line-height: 60px; padding-left: 20px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:calc(100% - 215px);overflow:hidden;}
.faq_list .a {display: none; padding:20px 80px 20px 135px;font-size: 16px;font-weight: 100;line-height: 30px;color:#000;border-top: 1px solid #ececec;}

.inquire_t {height: 50px;display: flex;align-items: center;font-size: 16px;color:#999;}
.inquire_textarea {width: 100%;font-size: 16px;padding:16px;height: 400px;overflow-y:auto;box-sizing: border-box;}

.subtit {font-size: 16px;color:#333;margin:10px 0 30px;}
.subtit.right {text-align: right;}
.subtit b {font-size: 16px;color:#333;}
/***** common *****/

/* file */
.fileBox {position:relative; padding:0 150px 0 0;}
.fileBox:after {content:""; display:block; clear:both; *zoom:1;}
.fileBox input[type='text'] {cursor:pointer; border-radius:3px 0 0 3px;}
.fileBox .btn {position:absolute; right:0; top:0; width:150px; height:50px; font-size:14px; color:#000; line-height:50px; text-align:center; background:#c2c2c2; border-radius:0 3px 3px 0; z-index:10;}
.fileBox .hideCon {position:absolute; top:0; left:0; width:100%; height:50px; box-sizing:border-box; overflow:hidden; z-index:20;}
.fileBox .hideCon:after {content:""; display:block; clear:both;}
.fileBox .fileHidden {position:relative; left:0px; top:0px; width:100%; height:50px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; background:#f3f5f6;}

/* btn area */
.btnArea {position:relative; padding:50px 0 0 0; text-align:center; font-size:0; line-height:0;}
.btnArea:after {content:""; display:block; clear:both; *zoom:1;}
.btnArea .cBtn {display:inline-block; width:300px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:600; background:#fbc61e; border-radius:3px;}
.btnArea .bBtn {display:inline-block; width:300px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:600; background:#000; border-radius:3px;}
.btnArea .yBtn {display:inline-block; width:200px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:600; background:#fbc61e; border-radius:3px;}
.btnArea .cancelBtn {display:inline-block; width:200px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:600; background:#999; border-radius:3px;}
.btnArea .short {width:150px;}
.btnArea a {margin:0 10px;}

.modalBtnArea {width: 100%;   font-size: 0px;    line-height: 0;    margin: 15px 0px 15px;    text-align: center;}
.modalBtnArea .yBtn{background: #e8444a;    display: inline-block;    width: 80px;    height: 40px;    font-size: 12px;    color: rgb(255, 255, 255);    line-height: 40px;    text-align: center;    font-weight: 500;    border-radius: 3px;    margin: 0px 10px;    border: 0px;}
.modalBtnArea .cBtn{background: rgb(153, 153, 153);    display: inline-block;    width: 80px;    height: 40px;    font-size: 12px;    color: rgb(255, 255, 255);    line-height: 40px;    text-align: center;    font-weight: 500;    border-radius: 3px;    margin: 0px 10px;    border: 0px;}

.tabtnArea {position:relative; padding:30px 0 0 0; text-align:center;}
.tabtnArea:after {content:""; display:block; clear:both; *zoom:1;}
.tabtnArea .gBtn {display:inline-block; width:242px; height:50px; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:500; background:#bcbcbc; border-radius:3px;}
.tabtnArea .alignR {text-align:right;}


/* select */
span.searchStyleSelectBox {width:100%; height:50px; margin:0; padding:0; font-size:16px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ddd solid; border-radius:3px; box-sizing:border-box;}
.searchStyleSelectBoxInner {font-size:16px; color:#000; white-space:nowrap; line-height:46px; padding:0 45px 0 20px;}

span.bdSbox {min-width:180px; height:40px; margin:0; padding:0; background:url('/images/home/bg_select_style.png') right center no-repeat; background-size:auto 40px; border:1px #ddd solid; border-radius:3px; box-sizing:border-box;}
.bdSboxInner {font-size:16px; color:#000; white-space:nowrap; line-height:40px; padding:0 45px 0 20px;}


/* checkbox, radio */
/* wrapper divs */
.custom-checkbox, .custom-radio {position: relative; z-index:1;}
.custom-checkbox label.empty {padding-left:22px;}
.custom-radio label.empty {padding-left:22px;}
/* input, label positioning */
.custom-checkbox input, .custom-radio input {margin:0; z-index:0; height:0; width:0;}
.custom-checkbox label, .custom-radio label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:16px; color:#000; padding:0 0 0 25px; line-height:22px; word-break:keep-all;}
/* states */
.custom-checkbox label {background:url('/images/home/ico/ico_checkbox.png') 0 3px no-repeat; }
.custom-radio label {background:url('/images/home/ico/ico_checkbox.png') 0 -77px no-repeat;}
.custom-checkbox label.checked {background-position:0 -39px;}
.custom-radio label.checked {background-position:0 -115px;}


/* input */
input[type='text'],input[type='password'] {width:100%; height:50px; font-size:16px; color:#000; line-height:50px; padding:0 0 0 20px; border:1px #ddd solid; margin:0; border-radius:2px; box-sizing:border-box;}
input[type='text']:focus,input[type='password']:focus {outline:0; border-color:#000 !important;}
input[type='checkbox'] {opacity:0;}
input[type='radio'] {opacity:0;}

/* -placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c2c2c2;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#c2c2c2; opacity:1;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c2c2c2; opacity:1;}
input::-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c2c2c2;}

textarea {border-radius:3px;}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c2c2c2;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#c2c2c2; opacity:1;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c2c2c2; opacity:1;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c2c2c2;}
textarea::-ms-input-placeholder { /* Internet Explorer Edge  */color:#c2c2c2;}
textarea:focus {outline:0; border-color:#848689;}
input[readonly]{background-color:#f1eeee; color:#999;}
input[disabled]{background-color:#f1eeee; color:#999;}
::-webkit-file-upload-button {cursor:pointer;}

/* table guard */
.tableGuard {width:100%;}
.tableGuard:after {content:""; display:block; clear:both; *zoom:1;}

/* paging */
.pagingArea {position:relative; width:100%; overflow:hidden; padding:50px 0 0 0;}
.pagingArea .paging {width:100%; overflow:hidden; font-size:0; text-align:center; padding:9px 0;}
.pagingArea .paging a {display:inline-block; width:32px; height:32px; text-align:center; font-size:14px; color:#111; font-weight:600; line-height:32px;}
.pagingArea .paging a.on {color:#fff; background:#e8444a; border-radius:100%;}
.pagingArea .paging a.n {margin:0 4px;}
.pagingArea .paging a.n img {vertical-align:top;}
.pagingArea .paging a.n.prev {margin-right:22px;}
.pagingArea .paging a.n.next {margin-left:22px;}
.pagingArea .selectDelBtn {position:absolute; left:0; top:50px; display:inline-block; width:95px; height:50px; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:500; background:#999; border-radius:3px;}
.pagingArea .hsAddBtn {position:absolute; right:0; top:50px;  display:inline-block; width:242px; height:50px; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:500; background:#fbc61e; border-radius:3px;}
.pagingArea .yrBtn {position:absolute; right:0; top:50px;  display:inline-block; width:150px; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center; font-weight:500; background:#fbc61e; border-radius:3px;}

/* tabs */
.tabs {width:100%; margin:0 0 50px 0; overflow:hidden;}
.tabs ul {margin:0 -1px;}
.tabs ul:after {content:""; display:block; clear:both;}
.tabs ul li {position:relative; float:left; text-align:center; box-sizing:border-box;}
.tabs ul li a {display:block; height:50px; margin:0 1px; background:#d3d3d3; box-sizing:border-box;}
.tabs ul li a span {display:inline-block; font-size:18px; color:#fff; line-height:50px; font-weight:700;}
.tabs ul li.on a {background:#fbc61e;}
.tabs ul li.on a span {color:#000;}
.tabs ul.four li  {width:25%;}
.tabs ul.three li  {width:33.333%;}

.tab_wrap {margin-bottom: 60px;}
.tab_wrap ul {display: flex;width: 100%;}
.tab_wrap li {width: 50%;background-color: #d3d3d3;}
.tab_wrap li a {height: 50px; display: flex;justify-content: center;align-items: center;font-size:18px; color:#fff;font-weight:700;padding:14px 0px; text-align: center;}
.tab_wrap li.on {background-color: #ed3a40;}


/*** popWrap ***/
.popupTest a {font-size:14px; font-weight:600; color:#000; text-decoration:underline;}

#popWrap .popBg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#1b1b1c; opacity:0; overflow:hidden; z-index:1;}
#popWrap {position:fixed; left:0; top:50%; width:100%; height:100%; z-index:9999; opacity:0;}
#popWrap #guHead {width:100%; height:45px; overflow:hidden;}
#popWrap #guHead .guClosed {position:absolute; right:-5px; top:5px; z-index:100;}
#popWrap #guHead .guClosed a {display:block; width:40px; height:40px; background:url('/images/home/btn/btn_pop_close.png') left top no-repeat;}
#popWrap .guCont {position:relative; background:#fff; border-radius:10px; overflow:hidden;}
#popWrap .guCont .innerBox {padding:24px;}
#popWrap .guCont .innerBox:after {content:""; display:block; clear:both;}
#popWrap .guCont .innerBox .tit {font-size:18px; color:#000; font-weight:600; line-height:1.2; padding:2px 0 10px 0; border-bottom:2px #000 solid;}
#popWrap .guCont .innerBox .tit.noLine {border:0;}

#popWrap #guTBase {position:relative; max-width:458px; height:auto; margin:0 auto; z-index:2;} /* base */
#popWrap #guTBLow {position:relative; max-width:470px; height:auto; margin:0 auto; z-index:2;}
#popWrap #guTMLow {position:relative; max-width:600px; height:auto; margin:0 auto; z-index:2;}
#popWrap #guTMid {position:relative; max-width:640px; height:auto; margin:0 auto; z-index:2;} /* middle */
#popWrap #guTWidth {position:relative; max-width:900px; height:auto; margin:0 auto; z-index:2;} /* width */



/* setting */
#popWrap .guCont .innerBox .testDiv {position:relative; width:100%; overflow:hidden;}
#popWrap .guCont .innerBox .testDiv .tDtop {position:relative; width:100%; overflow:hidden;}
#popWrap .guCont .innerBox .testDiv .tDtop .ico {position:absolute; left:0; bottom:0; }
#popWrap .guCont .innerBox .testDiv .tDtop .test {margin:0 125px 0 90px;}
#popWrap .guCont .innerBox .testDiv .tDtop .test:after {content:""; display:block; clear:both;}
#popWrap .guCont .innerBox .testDiv .tDtop .test p {font-size:14px; color:#000; font-weight:600; line-height:1.2; padding:26px 0 10px 0;}
#popWrap .guCont .innerBox .testDiv .tDtop .test .search {position:relative; width:100%; margin:0 0 20px 0; overflow:hidden;}
#popWrap .guCont .innerBox .testDiv .tDtop .test .search.dep {margin:38px 0;}
#popWrap .guCont .innerBox .testDiv .tDtop .cameraArea {position:absolute; right:0; bottom:10px; width:107px; border-radius:3px; overflow:hidden;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea {position:absolute; right:0; bottom:10px;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul {float:right; height:78px;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li {position:relative; float:left; width:11px; height:100%; margin:0 0 0 9px;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li span {display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#999;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(1) {margin:0;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(1) span {height:55%;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(2) span {height:65%;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(3) span {height:75%;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(4) span {height:85%;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(5) span {height:100%;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .base {position:relative; width:91px; overflow:hidden; z-index:2;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy {position:absolute; left:0; bottom:0; width:91px; height:78px; overflow:hidden; z-index:4;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy ul {float:none; position:absolute; left:0; top:0; width:91px;}
#popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy li span {background:#fbc61e;}
#popWrap .guCont .innerBox .testDiv .tDbom {width:100%; font-size:14px; color:#000; line-height:1.2; text-align:center; padding:15px 0 36px 0; border-top:1px #efefef solid; border-bottom:1px #fbc61e solid; overflow:hidden;}
#popWrap .guCont .innerBox .testDiv.last .tDtop .ico {bottom:12px;}
#popWrap .guCont .innerBox .testDiv.last .tDbom {border-bottom:0; padding:15px 0 12px 0;}
#popWrap .guCont .innerBox select {width:100%; height:33px;}

/* pop common */
#popWrap .setNoti {width:100%; background:#fbc61e; text-align:center; overflow:hidden;}
#popWrap .setNoti a {display:block;}
#popWrap .setNoti span {font-size:18px; color:#fff; line-height:50px; font-weight:600;}
#popWrap .setNoti.red {background:#e8444a;}
#popWrap .setNoti.gray {background: #929292;}
#popWrap span.searchStyleSelectBox {display:block; width:100%; height:35px; margin:0; padding:0; font-size:13px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popWrap .searchStyleSelectBoxInner {width:100%; font-size:13px; color:#000; line-height:33px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}


/* movie preview */
#popWrap .popMView {position:relative; width:100%;}
#popWrap .popMView .img {width:100%; overflow:hidden;}
#popWrap .popMView .img img {width:100%;}
#popWrap .popMView a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../images/bg/bg_moviebox_a_back.png') left top repeat;}
#popWrap .popMView a img {position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:2;}

#popWrap .popMViewBig {position:relative; width:100%;}
#popWrap .popMViewBig .img {width:100%; overflow:hidden;}
#popWrap .popMViewBig .img img {width:100%;}
#popWrap .popMViewBig a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../images/bg/bg_moviebox_a_back.png') left top repeat;}
#popWrap .popMViewBig a img {position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; z-index:2;}


/* class */
#popWrap .classNoti {width:100%; font-family: 'Noto Sans KR'; font-size:16px; color:#000; line-height:1.2; color:#000; letter-spacing:-0.5px; padding:95px 0 70px 0; text-align:center; overflow:hidden;}
#popWrap .classInfo {width:100%; padding:35px 0 32px 0; overflow:hidden;}
#popWrap .classInfo ul:after {content:""; display:block; clear:both;}
#popWrap .classInfo ul li {position:relative; display:block; font-size:16px; color:#000; line-height:1.2; padding:5px 0 5px 82px;}
#popWrap .classInfo ul li strong {position:absolute; left:0; top:5px; font-size:16px; color:#fbc61e; line-height:1.2; font-weight:600; }
#popWrap .classTime {width:100%; font-family: 'Noto Sans KR'; font-size:14px; color:#ff0055; line-height:1.2; font-weight:500; letter-spacing:-0.2px; text-align:center; padding:0 0 20px 0; overflow:hidden;}
#popWrap .email_txt {font-size: 30px;font-weight: 700;color:#000;text-align: center;margin: 60px 0 30px;}
#popWrap .email_txt + .classNoti {padding-top: 0;}

#popWrap .cReason {position:relative; padding:0 0 0 82px;}
#popWrap .cReason:after {content:""; display:block; clear:both;}
#popWrap .cReason .tt {position:absolute; left:0; top:2px; font-size:16px; color:#000; line-height:1.2; font-weight:700;}
#popWrap .cReason .reason {position:relative; width:100%;}
#popWrap .cReason .reason span.searchStyleSelectBox {display:block; width:100%; height:40px; margin:0; padding:0; font-size:15px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popWrap .cReason .reason .searchStyleSelectBoxInner {width:100%; font-size:15px; color:#000; line-height:38px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popWrap .cancelBox {width:100%; text-align:center; border-top:1px #c1c1c1 solid; margin:40px 0 0 0; overflow:hidden;}
#popWrap .cancelBox .firstNoti {font-family: 'Noto Sans KR'; font-size:14px; color:#ff0055; line-height:1.2; font-weight:500; letter-spacing:-0.2px; padding:25px 0 12px;}
#popWrap .cancelBox a {displaY:inline-block; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:30px; letter-spacing:-0.2px; padding:0 15px; border-radius:50px; background:#c2c2c2;}
#popWrap .cancelBox .lastNoti {font-family: 'Noto Sans KR'; font-size:18px; color:#000; line-height:1.2; font-weight:500; letter-spacing:-0.2px; padding:38px 0 14px;}

#popWrap .timeNoti {font-family: 'Noto Sans KR'; font-size:14px; color:#000; line-height:1.8; letter-spacing:-0.2px; padding:25px 0 40px 0;}
#popWrap .timeSet {width:100%; padding:0 0 25px 0; text-align:center;}
#popWrap .timeSet ul:after {content:""; display:block; clear:both;}
#popWrap .timeSet ul li {display:block; margin:0 0 14px 0;}
#popWrap .timeSet ul li:last-child {margin:0;}
#popWrap .timeSet .custom-radio label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:16px; color:#000; padding:0 0 0 25px; line-height:15px; letter-spacing:0; background:url('../images/ico/ico_checkbox.png') 0 -81px no-repeat;}
#popWrap .timeSet .custom-radio label.checked {background-position:0 -119px;}

/* change pw */
#popWrap .pwTxt {font-size:16px; color:#000; line-height:1.6; text-align:center; padding:68px 0 44px 0;}
#popWrap .pwChForm {width:100%; padding:60px 0; overflow:hidden;}
#popWrap .pwChForm p {font-size:14px; color:#000; line-height:1.2; font-weight:700; padding:0 0 10px 0;}
#popWrap .pwChForm input {height:40px; line-height:40px;}


/* change quit */
#popWrap .quitTxt {font-size:16px; color:#000; line-height:1.6; text-align:center; padding:68px 0 44px 0;}
#popWrap .quitForm {width:100%; padding:30px 0; overflow:hidden; text-align: center}
#popWrap .quitForm p {font-size:14px; color:#000; line-height:1.2;  padding:0 0 10px 0;}
#popWrap .quitForm input {height:40px; line-height:40px;}



/* schedule */
#popWrap .dayList {width:100%; padding:30px 0 20px; text-align:center; overflow:hidden;}
#popWrap .dayList ul {font-size:0; line-height:0;}
#popWrap .dayList ul:after {content:""; display:block; clear:both;}
#popWrap .dayList ul li {display:inline-block; width:30px; height:30px; font-size:14px; color:#000; line-height:30px; font-weight:800; text-align:center; background:#d3d3d3; border-radius:100%; margin:0 5px;}
#popWrap .dayList ul li.on {background:#fbc61e;}

#popWrap .popForm {width:100%; padding:0 0 20px;}
#popWrap .popForm:after {content:""; display:block; clear:both;}
#popWrap .popForm .pBox {position:relative; padding:0 0 10px 68px;}
#popWrap .popForm .pBox:after {content:""; display:block; clear:both;}
#popWrap .popForm .pBox:last-child {padding:0 0 0 68px;}
#popWrap .popForm .pBox .tt {position:absolute; left:12px; top:0; font-size:14px; color:#000; line-height:40px; font-weight:800;}
#popWrap .popForm .pBox .data {}
#popWrap .popForm .pBox .data:after {content:""; display:block; clear:both;}
#popWrap .popForm .pBox .data input[type='text'] {height:40px; line-height:38px; font-size:14px;}
#popWrap .popForm .pBox .data span.searchStyleSelectBox {display:block; width:100%; height:40px; margin:0; padding:0; font-size:14px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popWrap .popForm .pBox .data .searchStyleSelectBoxInner {width:100%; font-size:14px; color:#000; line-height:38px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popWrap .popForm .pBox .data ul.divide {font-size:0; line-height:0;}
#popWrap .popForm .pBox .data ul.divide:after {content:""; display:block; clear:both;}
#popWrap .popForm .pBox .data ul.divide li {position:relative; float:left; width:44%; margin:0 20px 0 0;}
#popWrap .popForm .pBox .data ul.divide li:after {content:''; position:absolute; right:-20px; top:50%; width:20px; height:1px; background:url('../images/bg/bg_pop_time_divide.png') center top no-repeat;}
#popWrap .popForm .pBox .data ul.divide li:last-child {margin:0;}
#popWrap .popForm .pBox .data ul.divide li:last-child:after {display:none;}
#popWrap .popForm .pBox .data .calendar {position:relative; width:44%; padding:0 42px 0 0;}
#popWrap .popForm .pBox .data .calendar a {position:absolute; right:0; top:5px;}
#popWrap .popForm .pBox .data textarea {width:100%; height:108px; font-size:14px; color:#000; line-height:1.6; padding:16px; box-sizing:border-box;}

#popWrap .popForm.holiday {padding:28px 0 0 0;}
#popWrap .popForm.holiday .pBox {padding:0 0 10px 78px;}
#popWrap .popForm.holiday .pBox:last-child {padding:0 0 0 78px;}

/* tips */
#popWrap .tipsWrap {width:100%; overflow:hidden;}
#popWrap .tipsWrap .tipBox {position:relative; width:100%; padding:12px 0 15px 90px; border-bottom:1px #c2c2c2 solid; box-sizing:border-box; overflow:hidden;}
#popWrap .tipsWrap .tipBox .number {position:absolute; left:0; top:12px; width:70px; height:70px; font-size:48px; color:#fff; font-weight:600; line-height:68px; text-align:center; background:#fbc61e; border-radius:25px;}
#popWrap .tipsWrap .tipBox .tipCont:after {content:""; display:block; clear:both;}
#popWrap .tipsWrap .tipBox .tipCont p {font-size:14px; color:#000; line-height:1.3; font-weight:600; padding:7px 0 14px 0; word-break:keep-all;}
#popWrap .tipsWrap .tipBox .tipCont ul:after {content:""; display:block; clear:both;}
#popWrap .tipsWrap .tipBox .tipCont ul li {position:relative; display:block; padding:0 0 0 18px; font-size:14px; color:#000; line-height:1.5; word-break:keep-all;}
#popWrap .tipsWrap .tipBox .tipCont ul li span {position:absolute; left:0; top:0; font-size:14px; color:#000; line-height:1.5; font-weight:800;}
#popWrap .tipsWrap .tipBox:last-child {border:0; padding:12px 0 20px 90px;}

/* view info */
#popWrap .viewInfoWrap {padding:16px 0 6px 0;}
#popWrap .viewInfoWrap:after {content:""; display:block; clear:both;}
#popWrap .viewInfoWrap .information {position:relative; padding:0 0 0 140px;}
#popWrap .viewInfoWrap .information:after {content:""; display:block; clear:both;}
#popWrap .viewInfoWrap .information .picInfo {position:absolute; left:0; top:0; width:116px;}
#popWrap .viewInfoWrap .information .picInfo .pic {width:80px; height:80px; border-radius:100%; margin:0 auto; overflow:hidden;}
#popWrap .viewInfoWrap .information .picInfo .pic img {width:100%;}
#popWrap .viewInfoWrap .information .picInfo .info {width:100%; text-align:center; overflow:hidden;}
#popWrap .viewInfoWrap .information .picInfo .info span {display:block;}
#popWrap .viewInfoWrap .information .picInfo .info .name {font-size:18px; color:#000; line-height:1.2; font-weight:600; padding:10px 0 0 0;}
#popWrap .viewInfoWrap .information .picInfo .info .bday {font-size:12px; color:#000; line-height:1.2;}

#popWrap .viewInfoWrap .information .dataInfo {width:100%; border-top:2px #4c4c4c solid; overflow:hidden;}
#popWrap .viewInfoWrap .information .dataInfo table {vertical-align:middle; text-align:left;}
#popWrap .viewInfoWrap .information .dataInfo table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:12px 0;}
#popWrap .viewInfoWrap .information .dataInfo table th span {font-size:14px; color:#000; line-height:1.2; padding:0 0 0 14px;}
#popWrap .viewInfoWrap .information .dataInfo table th span.kr {font-family: 'Noto Sans KR'; letter-spacing:-1px; font-weight:500;}
#popWrap .viewInfoWrap .information .dataInfo table th:after {content:''; position:absolute; right:0; top:0; width:1px; height:19px; background:#c2c2c2;}
#popWrap .viewInfoWrap .information .dataInfo table td {font-size:14px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:12px 0 12px 14px;}
#popWrap .viewInfoWrap .information .dataInfo .th1 {width:110px;}

#popWrap .viewInfoWrap .dataTable {width:100%; margin:40px 0 6px 0; border-top:2px #4c4c4c solid; overflow:hidden;}
#popWrap .viewInfoWrap .dataTable table {text-align:left;}
#popWrap .viewInfoWrap .dataTable table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:12px 0; vertical-align:top;}
#popWrap .viewInfoWrap .dataTable table th span {font-size:14px; color:#000; line-height:1.2; padding:0 0 0 14px;}
#popWrap .viewInfoWrap .dataTable table td {font-size:14px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:12px 0 12px 14px;}
#popWrap .viewInfoWrap .dataTable table td textarea {width:100%; height:78px; font-size:13px; color:#000; line-height:1.3; padding:12px; box-sizing:border-box;}
#popWrap .viewInfoWrap .dataTable .vh1 {width:140px;}
#popWrap .viewInfoWrap .dataTable .divide {width:100%; overflow:hidden;}
#popWrap .viewInfoWrap .dataTable .divide ul:after {content:""; display:block; clear:both;}
#popWrap .viewInfoWrap .dataTable .divide ul li {display:block; padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px #c2c2c2 solid;}
#popWrap .viewInfoWrap .dataTable .divide ul li:last-child {border:0; padding:0; margin:0;}

#popWrap .starrr {display:inline-block; font-size:0; line-height:0;}
#popWrap .starrr a {display:inline-block; width:14px; height:14px; margin:0 2px; background:url('../images/img/star-empty.png') left top no-repeat; background-size:14px 14px;}
#popWrap .starrr a.fa-star-o {background:url('../images/img/star-empty.png') left top no-repeat; background-size:14px 14px;}
#popWrap .starrr a.fa-star {background:url('../images/img/star.png') left top no-repeat; background-size:14px 14px;}
#popWrap .starrr span {display:inline-block; margin:0 2px;}

#popWrap .viewInfoWrap .summary {width:100%; overflow:hidden;}
#popWrap .viewInfoWrap .summary .sTit {font-size:18px; color:#000; line-height:1.2; font-weight:700; padding:37px 0 15px;}
#popWrap .viewInfoWrap .summary table {}
#popWrap .viewInfoWrap .summary table th {position:relative; border-bottom:1px #c2c2c2 solid; border-right:1px #c2c2c2 solid; padding:12px 0; vertical-align:top; text-align:center;}
#popWrap .viewInfoWrap .summary table th span {font-size:14px; color:#000; line-height:1.2;}
#popWrap .viewInfoWrap .summary table th:last-child {border-right:0;}
#popWrap .viewInfoWrap .summary table td {font-size:12px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; border-right:1px #c2c2c2 solid; padding:7px 0 7px 10px;}
#popWrap .viewInfoWrap .summary table td:last-child {border-right:0;}
#popWrap .viewInfoWrap .summary .sth1 {width:116px;}
#popWrap .viewInfoWrap .summary .sth2 {width:200px;}
#popWrap .viewInfoWrap .summary .sth3 {width:82px;}
#popWrap .viewInfoWrap .summary .sth4 {width:110px;}
#popWrap .viewInfoWrap .summary .sth5 {width:110px;}
#popWrap .viewInfoWrap .summary .tableGuard {border-top:2px #4c4c4c solid; height:402px; overflow-y:auto;}

#popWrap .viewInfoWrap .moreBtn {width:100%; margin:10px 0 16px 0; overflow:hidden;}
#popWrap .viewInfoWrap .moreBtn a {display:block; width:200px; height:40px; background:#ddd; border-radius:3px; text-align:center; margin:0 auto;}
#popWrap .viewInfoWrap .moreBtn a span {font-size:14px; color:#999; line-height:40px; font-weight:600;}

#popWrap .innerBox .tbl {margin-top: 0;border-top: 0 solid #000;}
#popWrap .innerBox .tbl th {padding-left: 20px;}
#popWrap .innerBox .tbl td {padding-left: 30px;}
#popWrap .innerBox .tbl td > div {display: flex;align-items: center;}
#popWrap .innerBox .tbl td > div span {font-size: 16px;color:#999;margin-left: 2%;}
#popWrap .innerBox .tbl td > div input {text-align: center;padding-left: 0;}



/*** customPopWrap ***/
.popupTest a {font-size:14px; font-weight:600; color:#000; text-decoration:underline;}

.customPopWrap .popBg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#1b1b1c; opacity:0; overflow:hidden; z-index:1;}
.customPopWrap {position:fixed; left:0; top:50%; width:100%; height:100%; z-index:9999; opacity:0;}
.customPopWrap #guHead {width:100%; height:45px; overflow:hidden;}
.customPopWrap #guHead .guClosed {position:absolute; right:-5px; top:5px; z-index:100;}
.customPopWrap #guHead .guClosed a {display:block; width:40px; height:40px; background:url('/images/home/btn/btn_pop_close.png') left top no-repeat;}
.customPopWrap .guCont {position:relative; background:#fff; border-radius:10px; overflow:hidden;}
.customPopWrap .guCont .innerBox {padding:24px;}
.customPopWrap .guCont .innerBox:after {content:""; display:block; clear:both;}
.customPopWrap .guCont .innerBox .tit {font-size:18px; color:#000; font-weight:600; line-height:1.2; padding:2px 0 10px 0; border-bottom:2px #000 solid;}
.customPopWrap .guCont .innerBox .tit.noLine {border:0;}

.customPopWrap #guTBase {position:relative; max-width:458px; height:auto; margin:0 auto; z-index:2;} /* base */
.customPopWrap #guTBLow {position:relative; max-width:470px; height:auto; margin:0 auto; z-index:2;}
.customPopWrap #guTMLow {position:relative; max-width:600px; height:auto; margin:0 auto; z-index:2;}
.customPopWrap #guTMid {position:relative; max-width:640px; height:auto; margin:0 auto; z-index:2;} /* middle */
.customPopWrap #guTWidth {position:relative; max-width:900px; height:auto; margin:0 auto; z-index:2;} /* width */



/* setting */
.customPopWrap .guCont .innerBox .testDiv {position:relative; width:100%; overflow:hidden;}
.customPopWrap .guCont .innerBox .testDiv .tDtop {position:relative; width:100%; overflow:hidden;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .ico {position:absolute; left:0; bottom:0; }
.customPopWrap .guCont .innerBox .testDiv .tDtop .test {margin:0 125px 0 90px;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .test:after {content:""; display:block; clear:both;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .test p {font-size:14px; color:#000; font-weight:600; line-height:1.2; padding:26px 0 10px 0;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .test .search {position:relative; width:100%; margin:0 0 20px 0; overflow:hidden;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .test .search.dep {margin:38px 0;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .cameraArea {position:absolute; right:0; bottom:10px; width:107px; border-radius:3px; overflow:hidden;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea {position:absolute; right:0; bottom:10px;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul {float:right; height:78px;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li {position:relative; float:left; width:11px; height:100%; margin:0 0 0 9px;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li span {display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#999;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(1) {margin:0;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(1) span {height:55%;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(2) span {height:65%;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(3) span {height:75%;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(4) span {height:85%;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li:nth-child(5) span {height:100%;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .base {position:relative; width:91px; overflow:hidden; z-index:2;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy {position:absolute; left:0; bottom:0; width:91px; height:78px; overflow:hidden; z-index:4;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy ul {float:none; position:absolute; left:0; top:0; width:91px;}
.customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy li span {background:#fbc61e;}
.customPopWrap .guCont .innerBox .testDiv .tDbom {width:100%; font-size:14px; color:#000; line-height:1.2; text-align:center; padding:15px 0 36px 0; border-top:1px #efefef solid; border-bottom:1px #fbc61e solid; overflow:hidden;}
.customPopWrap .guCont .innerBox .testDiv.last .tDtop .ico {bottom:12px;}
.customPopWrap .guCont .innerBox .testDiv.last .tDbom {border-bottom:0; padding:15px 0 12px 0;}
.customPopWrap .guCont .innerBox select {width:100%; height:33px;}

/* pop common */
.customPopWrap .setNoti {width:100%; background:#fbc61e; text-align:center; overflow:hidden;}
.customPopWrap .setNoti a {display:block;}
.customPopWrap .setNoti span {font-size:18px; color:#fff; line-height:50px; font-weight:600;}
.customPopWrap .setNoti.red {background:#e8444a;}
.customPopWrap .setNoti.gray {background: #929292;}
.customPopWrap span.searchStyleSelectBox {display:block; width:100%; height:35px; margin:0; padding:0; font-size:13px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customPopWrap .searchStyleSelectBoxInner {width:100%; font-size:13px; color:#000; line-height:33px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}


/* movie preview */
.customPopWrap .popMView {position:relative; width:100%;}
.customPopWrap .popMView .img {width:100%; overflow:hidden;}
.customPopWrap .popMView .img img {width:100%;}
.customPopWrap .popMView a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../images/bg/bg_moviebox_a_back.png') left top repeat;}
.customPopWrap .popMView a img {position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:2;}

.customPopWrap .popMViewBig {position:relative; width:100%;}
.customPopWrap .popMViewBig .img {width:100%; overflow:hidden;}
.customPopWrap .popMViewBig .img img {width:100%;}
.customPopWrap .popMViewBig a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../images/bg/bg_moviebox_a_back.png') left top repeat;}
.customPopWrap .popMViewBig a img {position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; z-index:2;}


/* class */
.customPopWrap .classNoti {width:100%; font-family: 'Noto Sans KR'; font-size:16px; color:#000; line-height:1.2; color:#000; letter-spacing:-0.5px; padding:95px 0 70px 0; text-align:center; overflow:hidden;}
.customPopWrap .classInfo {width:100%; padding:35px 0 32px 0; overflow:hidden;}
.customPopWrap .classInfo ul:after {content:""; display:block; clear:both;}
.customPopWrap .classInfo ul li {position:relative; display:block; font-size:16px; color:#000; line-height:1.2; padding:5px 0 5px 82px;}
.customPopWrap .classInfo ul li strong {position:absolute; left:0; top:5px; font-size:16px; color:#fbc61e; line-height:1.2; font-weight:600; }
.customPopWrap .classTime {width:100%; font-family: 'Noto Sans KR'; font-size:14px; color:#ff0055; line-height:1.2; font-weight:500; letter-spacing:-0.2px; text-align:center; padding:0 0 20px 0; overflow:hidden;}
.customPopWrap .email_txt {font-size: 30px;font-weight: 700;color:#000;text-align: center;margin: 60px 0 30px;}
.customPopWrap .email_txt + .classNoti {padding-top: 0;}

.customPopWrap .cReason {position:relative; padding:0 0 0 82px;}
.customPopWrap .cReason:after {content:""; display:block; clear:both;}
.customPopWrap .cReason .tt {position:absolute; left:0; top:2px; font-size:16px; color:#000; line-height:1.2; font-weight:700;}
.customPopWrap .cReason .reason {position:relative; width:100%;}
.customPopWrap .cReason .reason span.searchStyleSelectBox {display:block; width:100%; height:40px; margin:0; padding:0; font-size:15px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customPopWrap .cReason .reason .searchStyleSelectBoxInner {width:100%; font-size:15px; color:#000; line-height:38px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customPopWrap .cancelBox {width:100%; text-align:center; border-top:1px #c1c1c1 solid; margin:40px 0 0 0; overflow:hidden;}
.customPopWrap .cancelBox .firstNoti {font-family: 'Noto Sans KR'; font-size:14px; color:#ff0055; line-height:1.2; font-weight:500; letter-spacing:-0.2px; padding:25px 0 12px;}
.customPopWrap .cancelBox a {displaY:inline-block; font-family: 'Noto Sans KR'; font-size:14px; color:#fff; line-height:30px; letter-spacing:-0.2px; padding:0 15px; border-radius:50px; background:#c2c2c2;}
.customPopWrap .cancelBox .lastNoti {font-family: 'Noto Sans KR'; font-size:18px; color:#000; line-height:1.2; font-weight:500; letter-spacing:-0.2px; padding:38px 0 14px;}

.customPopWrap .timeNoti {font-family: 'Noto Sans KR'; font-size:14px; color:#000; line-height:1.8; letter-spacing:-0.2px; padding:25px 0 40px 0;}
.customPopWrap .timeSet {width:100%; padding:0 0 25px 0; text-align:center;}
.customPopWrap .timeSet ul:after {content:""; display:block; clear:both;}
.customPopWrap .timeSet ul li {display:block; margin:0 0 14px 0;}
.customPopWrap .timeSet ul li:last-child {margin:0;}
.customPopWrap .timeSet .custom-radio label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:16px; color:#000; padding:0 0 0 25px; line-height:15px; letter-spacing:0; background:url('../images/ico/ico_checkbox.png') 0 -81px no-repeat;}
.customPopWrap .timeSet .custom-radio label.checked {background-position:0 -119px;}

/* change pw */
.customPopWrap .pwTxt {font-size:16px; color:#000; line-height:1.6; text-align:center; padding:68px 0 44px 0;}
.customPopWrap .pwChForm {width:100%; padding:60px 0; overflow:hidden;}
.customPopWrap .pwChForm p {font-size:14px; color:#000; line-height:1.2; font-weight:700; padding:0 0 10px 0;}
.customPopWrap .pwChForm input {height:40px; line-height:40px;}

/* change quit */
.customPopWrap .quitTxt {font-size:16px; color:#000; line-height:1.6; text-align:center; padding:68px 0 44px 0;}
.customPopWrap .quitForm {width:100%; padding:30px 0; overflow:hidden;}
.customPopWrap .quitForm p {font-size:14px; color:#000; line-height:1.2; font-weight:700; padding:0 0 10px 0;}
.customPopWrap .quitForm input {height:40px; line-height:40px;}

/* schedule */
.customPopWrap .dayList {width:100%; padding:30px 0 20px; text-align:center; overflow:hidden;}
.customPopWrap .dayList ul {font-size:0; line-height:0;}
.customPopWrap .dayList ul:after {content:""; display:block; clear:both;}
.customPopWrap .dayList ul li {display:inline-block; width:30px; height:30px; font-size:14px; color:#000; line-height:30px; font-weight:800; text-align:center; background:#d3d3d3; border-radius:100%; margin:0 5px;}
.customPopWrap .dayList ul li.on {background:#fbc61e;}

.customPopWrap .popForm {width:100%; padding:0 0 20px;}
.customPopWrap .popForm:after {content:""; display:block; clear:both;}
.customPopWrap .popForm .pBox {position:relative; padding:0 0 10px 68px;}
.customPopWrap .popForm .pBox:after {content:""; display:block; clear:both;}
.customPopWrap .popForm .pBox:last-child {padding:0 0 0 68px;}
.customPopWrap .popForm .pBox .tt {position:absolute; left:12px; top:0; font-size:14px; color:#000; line-height:40px; font-weight:800;}
.customPopWrap .popForm .pBox .data {}
.customPopWrap .popForm .pBox .data:after {content:""; display:block; clear:both;}
.customPopWrap .popForm .pBox .data input[type='text'] {height:40px; line-height:38px; font-size:14px;}
.customPopWrap .popForm .pBox .data span.searchStyleSelectBox {display:block; width:100%; height:40px; margin:0; padding:0; font-size:14px; padding:0 36px 0 12px; background:url('/images/home/bg_select_style.png') right center #fff no-repeat; border:1px #ccc solid; border-radius:3px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customPopWrap .popForm .pBox .data .searchStyleSelectBoxInner {width:100%; font-size:14px; color:#000; line-height:38px; padding:0; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customPopWrap .popForm .pBox .data ul.divide {font-size:0; line-height:0;}
.customPopWrap .popForm .pBox .data ul.divide:after {content:""; display:block; clear:both;}
.customPopWrap .popForm .pBox .data ul.divide li {position:relative; float:left; width:44%; margin:0 20px 0 0;}
.customPopWrap .popForm .pBox .data ul.divide li:after {content:''; position:absolute; right:-20px; top:50%; width:20px; height:1px; background:url('../images/bg/bg_pop_time_divide.png') center top no-repeat;}
.customPopWrap .popForm .pBox .data ul.divide li:last-child {margin:0;}
.customPopWrap .popForm .pBox .data ul.divide li:last-child:after {display:none;}
.customPopWrap .popForm .pBox .data .calendar {position:relative; width:44%; padding:0 42px 0 0;}
.customPopWrap .popForm .pBox .data .calendar a {position:absolute; right:0; top:5px;}
.customPopWrap .popForm .pBox .data textarea {width:100%; height:108px; font-size:14px; color:#000; line-height:1.6; padding:16px; box-sizing:border-box;}

.customPopWrap .popForm.holiday {padding:28px 0 0 0;}
.customPopWrap .popForm.holiday .pBox {padding:0 0 10px 78px;}
.customPopWrap .popForm.holiday .pBox:last-child {padding:0 0 0 78px;}

/* tips */
.customPopWrap .tipsWrap {width:100%; overflow:hidden;}
.customPopWrap .tipsWrap .tipBox {position:relative; width:100%; padding:12px 0 15px 90px; border-bottom:1px #c2c2c2 solid; box-sizing:border-box; overflow:hidden;}
.customPopWrap .tipsWrap .tipBox .number {position:absolute; left:0; top:12px; width:70px; height:70px; font-size:48px; color:#fff; font-weight:600; line-height:68px; text-align:center; background:#fbc61e; border-radius:25px;}
.customPopWrap .tipsWrap .tipBox .tipCont:after {content:""; display:block; clear:both;}
.customPopWrap .tipsWrap .tipBox .tipCont p {font-size:14px; color:#000; line-height:1.3; font-weight:600; padding:7px 0 14px 0; word-break:keep-all;}
.customPopWrap .tipsWrap .tipBox .tipCont ul:after {content:""; display:block; clear:both;}
.customPopWrap .tipsWrap .tipBox .tipCont ul li {position:relative; display:block; padding:0 0 0 18px; font-size:14px; color:#000; line-height:1.5; word-break:keep-all;}
.customPopWrap .tipsWrap .tipBox .tipCont ul li span {position:absolute; left:0; top:0; font-size:14px; color:#000; line-height:1.5; font-weight:800;}
.customPopWrap .tipsWrap .tipBox:last-child {border:0; padding:12px 0 20px 90px;}

/* view info */
.customPopWrap .viewInfoWrap {padding:16px 0 6px 0;}
.customPopWrap .viewInfoWrap:after {content:""; display:block; clear:both;}
.customPopWrap .viewInfoWrap .information {position:relative; padding:0 0 0 140px;}
.customPopWrap .viewInfoWrap .information:after {content:""; display:block; clear:both;}
.customPopWrap .viewInfoWrap .information .picInfo {position:absolute; left:0; top:0; width:116px;}
.customPopWrap .viewInfoWrap .information .picInfo .pic {width:80px; height:80px; border-radius:100%; margin:0 auto; overflow:hidden;}
.customPopWrap .viewInfoWrap .information .picInfo .pic img {width:100%;}
.customPopWrap .viewInfoWrap .information .picInfo .info {width:100%; text-align:center; overflow:hidden;}
.customPopWrap .viewInfoWrap .information .picInfo .info span {display:block;}
.customPopWrap .viewInfoWrap .information .picInfo .info .name {font-size:18px; color:#000; line-height:1.2; font-weight:600; padding:10px 0 0 0;}
.customPopWrap .viewInfoWrap .information .picInfo .info .bday {font-size:12px; color:#000; line-height:1.2;}

.customPopWrap .viewInfoWrap .information .dataInfo {width:100%; border-top:2px #4c4c4c solid; overflow:hidden;}
.customPopWrap .viewInfoWrap .information .dataInfo table {vertical-align:middle; text-align:left;}
.customPopWrap .viewInfoWrap .information .dataInfo table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:12px 0;}
.customPopWrap .viewInfoWrap .information .dataInfo table th span {font-size:14px; color:#000; line-height:1.2; padding:0 0 0 14px;}
.customPopWrap .viewInfoWrap .information .dataInfo table th span.kr {font-family: 'Noto Sans KR'; letter-spacing:-1px; font-weight:500;}
.customPopWrap .viewInfoWrap .information .dataInfo table th:after {content:''; position:absolute; right:0; top:0; width:1px; height:19px; background:#c2c2c2;}
.customPopWrap .viewInfoWrap .information .dataInfo table td {font-size:14px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:12px 0 12px 14px;}
.customPopWrap .viewInfoWrap .information .dataInfo .th1 {width:110px;}

.customPopWrap .viewInfoWrap .dataTable {width:100%; margin:40px 0 6px 0; border-top:2px #4c4c4c solid; overflow:hidden;}
.customPopWrap .viewInfoWrap .dataTable table {text-align:left;}
.customPopWrap .viewInfoWrap .dataTable table th {position:relative; border-bottom:1px #c2c2c2 solid; padding:12px 0; vertical-align:top;}
.customPopWrap .viewInfoWrap .dataTable table th span {font-size:14px; color:#000; line-height:1.2; padding:0 0 0 14px;}
.customPopWrap .viewInfoWrap .dataTable table td {font-size:14px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; padding:12px 0 12px 14px;}
.customPopWrap .viewInfoWrap .dataTable table td textarea {width:100%; height:78px; font-size:13px; color:#000; line-height:1.3; padding:12px; box-sizing:border-box;}
.customPopWrap .viewInfoWrap .dataTable .vh1 {width:140px;}
.customPopWrap .viewInfoWrap .dataTable .divide {width:100%; overflow:hidden;}
.customPopWrap .viewInfoWrap .dataTable .divide ul:after {content:""; display:block; clear:both;}
.customPopWrap .viewInfoWrap .dataTable .divide ul li {display:block; padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px #c2c2c2 solid;}
.customPopWrap .viewInfoWrap .dataTable .divide ul li:last-child {border:0; padding:0; margin:0;}

.customPopWrap .starrr {display:inline-block; font-size:0; line-height:0;}
.customPopWrap .starrr a {display:inline-block; width:14px; height:14px; margin:0 2px; background:url('../images/img/star-empty.png') left top no-repeat; background-size:14px 14px;}
.customPopWrap .starrr a.fa-star-o {background:url('../images/img/star-empty.png') left top no-repeat; background-size:14px 14px;}
.customPopWrap .starrr a.fa-star {background:url('../images/img/star.png') left top no-repeat; background-size:14px 14px;}
.customPopWrap .starrr span {display:inline-block; margin:0 2px;}

.customPopWrap .viewInfoWrap .summary {width:100%; overflow:hidden;}
.customPopWrap .viewInfoWrap .summary .sTit {font-size:18px; color:#000; line-height:1.2; font-weight:700; padding:37px 0 15px;}
.customPopWrap .viewInfoWrap .summary table {}
.customPopWrap .viewInfoWrap .summary table th {position:relative; border-bottom:1px #c2c2c2 solid; border-right:1px #c2c2c2 solid; padding:12px 0; vertical-align:top; text-align:center;}
.customPopWrap .viewInfoWrap .summary table th span {font-size:14px; color:#000; line-height:1.2;}
.customPopWrap .viewInfoWrap .summary table th:last-child {border-right:0;}
.customPopWrap .viewInfoWrap .summary table td {font-size:12px; color:#000; line-height:1.2; border-bottom:1px #c2c2c2 solid; border-right:1px #c2c2c2 solid; padding:7px 0 7px 10px;}
.customPopWrap .viewInfoWrap .summary table td:last-child {border-right:0;}
.customPopWrap .viewInfoWrap .summary .sth1 {width:116px;}
.customPopWrap .viewInfoWrap .summary .sth2 {width:200px;}
.customPopWrap .viewInfoWrap .summary .sth3 {width:82px;}
.customPopWrap .viewInfoWrap .summary .sth4 {width:110px;}
.customPopWrap .viewInfoWrap .summary .sth5 {width:110px;}
.customPopWrap .viewInfoWrap .summary .tableGuard {border-top:2px #4c4c4c solid; height:402px; overflow-y:auto;}

.customPopWrap .viewInfoWrap .moreBtn {width:100%; margin:10px 0 16px 0; overflow:hidden;}
.customPopWrap .viewInfoWrap .moreBtn a {display:block; width:200px; height:40px; background:#ddd; border-radius:3px; text-align:center; margin:0 auto;}
.customPopWrap .viewInfoWrap .moreBtn a span {font-size:14px; color:#999; line-height:40px; font-weight:600;}

.customPopWrap .innerBox .tbl {margin-top: 0;border-top: 0 solid #000;}
.customPopWrap .innerBox .tbl th {padding-left: 20px;}
.customPopWrap .innerBox .tbl td {padding-left: 30px;}
.customPopWrap .innerBox .tbl td > div {display: flex;align-items: center;}
.customPopWrap .innerBox .tbl td > div span {font-size: 16px;color:#999;margin-left: 2%;}
.customPopWrap .innerBox .tbl td > div input {text-align: center;padding-left: 0;}


.program h2 {font-size: 50px;font-weight: 700;color:#333;text-align: center;}
.program .btn {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;margin:0 5px;}
.program .btn.apply {width: 150px;}
.program .btn.cancel {width: 150px;background-color: #999;}
.program_package {width: 1040px;margin:90px auto 0; border: 1px solid #c2c2c2;border-radius: 4px;overflow: hidden;}
.program_package + .program_package {margin-top: 50px;}
.program_package .top {background-color: #f1f1f1;padding:30px 45px 20px;border-bottom: 1px solid #c2c2c2;}
.program_package .top .t1 {font-size: 30px;font-weight: 300;color:#000;}
.program_package .top .t2 {font-size: 15px;margin-top: 10px; font-weight: 200; color:#000;}
.program_package .top .t2 b {font-size: 15px;font-weight: 700;}
.cont_wrap {display: flex;align-items: center; padding:30px;color: #000;}
.cont_wrap .img_box {display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.cont_wrap .txt_box {padding-left: 35px;border-left: 1px dotted #c2c2c2;width: calc(100% - 416px);}
.cont_wrap .txt_box h3 {font-size: 18px;font-weight: 700;letter-spacing: -0.03em;}
.cont_wrap .txt_box dl {margin-top: 10px; display: flex;letter-spacing: -0.03em;}
.cont_wrap .txt_box dl + h3 {margin-top: 25px;}
.cont_wrap .txt_box dt {font-size: 16px;font-weight: 500;padding-left: 10px;position: relative;margin-right: 2px;line-height: 22px;}
.cont_wrap .txt_box dt::before {content: '';display: block;width: 3px;height: 3px;background-color: #9fa4a8;position: absolute;left: 0;top:9px;border-radius: 2px;}
.cont_wrap .txt_box dd {font-size: 16px;font-weight: 200;line-height: 22px;}
.cont_wrap .txt_box h3 + p {margin-top: 10px; font-size: 16px;font-weight: 200;line-height: 22px;}
.detail_wrap {margin-top: 15px;padding-top: 15px; border-top: 1px dotted #c2c2c2;position: relative;}
.detail_wrap a {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:35px auto 0; background-color: #ea3f45;border-radius: 4px;color:#fff;font-weight: 700;font-size: 14px;}
.detail_wrap a:hover {color:#fff;}
.detail_wrap .t1 {font-size: 18px;letter-spacing: -0.03em;}
.detail_wrap .t1 del {font-size: 18px;padding-right: 10px;}
.detail_wrap .t1 b {font-size: 18px;}
.detail_wrap .won {padding-left:25px;margin-top: 15px; font-size: 18px;font-weight: 500; background: url(/images/home/ico/ico_won.png) no-repeat 0 50%;line-height: 22px;}
.detail_wrap .t2 {margin-top: 10px;font-size: 15px;font-weight: 200;letter-spacing: -0.03em;}
.detail_wrap .t2 span {font-size: 15px;font-weight: 300;color:#e94b50;}
.detail_wrap .t3 {font-size: 18px;position: absolute;right:0;bottom:80px;}
.detail_wrap .t3 b {font-size: 40px;font-weight: 700;}

.automatic_payment {max-width: 1160px; width: 100%; margin:110px auto 0;}
.automatic_payment.buy {width: 700px;}
.automatic_payment h3 + .tbl {margin:0 0 115px;}
.automatic_payment h3:first-child + .tbl {margin:0;}
.automatic_payment h3 .tit {font-size: 32px;letter-spacing: 0.05em;font-weight: 700;}
.automatic_payment h3 .stit {font-size: 18px; font-weight: 200;margin-left: 10px;letter-spacing: -0.05em;}
.automatic_payment h3 .stit b {font-size: 18px;font-weight: 500;}
.pacak_info {display: flex;margin-bottom: 80px;}
.pacak_info .img_box {width: 408px; border: 1px solid #ddd;}
.pacak_info .img_box img {width: 100%;}
.pacak_info .txt_box {margin-left: 45px;display: flex;justify-content: center;flex-direction: column;}
.pacak_info .txt_box .t1 {font-size: 35px;font-weight: 700;letter-spacing: -0.02em;color:#000;}
.pacak_info .txt_box .t2 {margin-top: 20px; font-size: 18px;font-weight: 200;letter-spacing: -0.025em;color:#333;line-height: 25px;}
.pacak_info .txt_box .t3 {margin-top: 60px;}
.pacak_info .txt_box .t3 strong {font-size: 35px;color:#e2383e;font-weight: 700;}
.pacak_info .txt_box .t3 strong span {font-size: 50px;font-weight: 700;}
.pacak_info .txt_box .t3 > span {font-size: 22px;font-weight: 200;color:#999;}
.automatic_payment h3 {margin-bottom: 20px; font-size: 30px;font-weight: 700;color:#000;}
.automatic_payment .tbl + h3 {margin-top: 100px;}
.automatic_payment h4 {margin-bottom: 20px; font-size: 22px;font-weight: 700;color:#000;}
.payment_price {padding:30px 25px; border-bottom: 1px solid #bebebe;background-color: #fafafa;display: flex;justify-content: space-between;align-items: center;}
.payment_price .t1 {font-size: 24px;font-weight: 500;color:#000;}
.payment_price .t2 strong {font-size: 25px;color:#e2383e;font-weight: 700;}
.payment_price .t2 strong span {font-size: 34px;font-weight: 700;}
.payment_price .t2 > span {font-size: 18px;font-weight: 200;color:#999;}
.payment_price_new {padding:30px 25px;background-color: #fafafa;display: flex;justify-content: space-between;align-items: center;}
.payment_price_new .t1 {font-size: 24px;font-weight: 500;color:#000;}
.payment_price_new .t2 strong {font-size: 25px;color:#e2383e;font-weight: 700;}
.payment_price_new .t2 strong span {font-size: 34px;font-weight: 700;}
.payment_price_new .t2 > span {font-size: 18px;font-weight: 200;color:#999;}
.payment_price_new .t2 .sale {font-size: 20px; font-weight: 200; color:#999; text-decoration: line-through;}
.f15p {font-size: 15px;}
.automatic_payment .list {margin:20px 0 100px;}
.automatic_payment .list:first-child {margin-top: 0;}
.automatic_payment .list li {font-size: 16px;padding-left: 15px;margin-bottom: 10px; position: relative;color:#000;line-height: 24px;}
.automatic_payment .list li::before {content: '*';position: absolute;left:4px;top:2px;}
.textbook_list {border-top: 3px solid #c2c2c2;}
.textbook_list + .textbook_list {margin-top: 40px;}
.textbook_list > li {padding:25px 0 25px 20px; border-bottom: 1px solid #c2c2c2;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.textbook_list > li.cancel {position: relative;padding-bottom: 140px;}
.textbook_list .txt_box {display: flex;justify-content: center;flex-direction: column;}
.textbook_list .txt_box .t1 {font-size: 24px;font-weight: 700;color:#000;letter-spacing: 0.05em;}
.textbook_list .txt_box .t2 {margin-top: 20px; font-size: 16px;font-weight: 200;color:#999;letter-spacing: -0.025em;}
.textbook_list .txt_box .t2 strong {font-size: 18px;font-weight: 500;color:#000;letter-spacing: -0.025em;padding-right: 12px;margin-right: 12px;border-right: 1px solid #f2f3f4;}
.textbook_list .txt_box .t3 {margin-top: 30px;}
.textbook_list .txt_box .t3 li {font-size: 15px;font-weight: 200;color:#999;letter-spacing: -0.025em;}
.textbook_list .txt_box .t3 li + li {margin-top: 10px;}
.textbook_list .img_box {width: 650px;display: flex;justify-content: flex-start; gap: 8px; flex-wrap: wrap;}
.textbook_list .img_box .btn_wrap {width: 100%;justify-content: flex-start;margin-top: 20px;}
.textbook_list .img_box .btn_cancel {display: inline-flex;width: 260px;margin:0;}
.textbook_list .cancel_list {height:120px;padding:25px 20px; width: 100%;background-color: #fafafa;box-sizing: border-box;position: absolute;left: 0;bottom:0;}
.textbook_list .cancel_list .t1 {font-size: 15px;color:#e8444a;}
.textbook_list .cancel_list .t2 {font-size: 15px;margin-top: 10px; color:#999;font-weight: 300;}
.ib_k {width: 155px; height: 148px;}
.caution_list {padding:35px 0 35px 30px;border-top: 3px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;}
.caution_list li {font-size: 16px;line-height: 20px;margin-bottom: 10px;padding-left: 13px;position: relative;color:#000;font-weight: 200;}
.caution_list li::before {content: '-';position: absolute;left: 0;}
.caution_list li b {font-size: 16px;font-weight: 700;}
.btn_payment {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:60px auto 0; background-color: #ea3f45;border-radius: 4px;color:#fff;font-weight: 700;font-size: 14px;}
.btn_payment:hover {color:#fff;}
.btn_inquiry {display: flex;justify-content: center;align-items: center; width: 150px;height: 50px;margin:15px auto 0; background-color: #ea3f45;border-radius: 4px;color:#fff;font-weight: 700;font-size: 14px;}
.btn_inquiry:hover {color:#fff;}
.program .btn_wrap {display: flex;margin:60px auto 0;justify-content: center;}
.btn_cancel {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:60px auto 0; background-color: #bdbdbd;border-radius: 4px;color:#fff;font-weight: 700;font-size: 14px;}
.btn_cancel:hover {color:#fff;}
.program .btn_wrap .btn_payment {margin: 0 5px;}
.program .btn_wrap .btn_cancel {margin: 0 5px;}

.download_list {margin-top: 50px;padding:40px 0 20px 45px; background-color: #f2f2f2;position: relative;}
.download_list > div {position: absolute;right:20px;bottom:30px;}
.download_list li {margin-bottom: 20px;padding-left: 22px; font-size: 18px;font-weight: 500;color:#333;position: relative;}
.download_list li::before {content: '※';position: absolute;left:0;top:0;}
.automatic_payment .info_txt {font-size: 16px;line-height: 27px; font-weight: 200; color:#000;text-align: center;}
.agree_list {margin: 25px 0 100px;padding:20px 0 20px 20px;border-top: 3px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;}
.agree_list p {font-size: 16px;line-height: 27px;font-weight: 200;color:#000;}

.automatic_payment .penalty {margin-top: 130px;}
.automatic_payment .penalty h4 {padding-left: 10px;position: relative;}
.automatic_payment .penalty h4::before {content: '';display: block;width: 3px;height: 3px;background-color: #2f2f2f;border-radius: 100%;position: absolute;left: 0;top:10px;}
.automatic_payment .penalty h4:nth-of-type(2) {margin-top: 90px;}
.automatic_payment .penalty ol li {margin-top: 20px;color:#333;}
.automatic_payment .penalty ol li .tit {font-size: 16px;font-weight: 700;}
.automatic_payment .penalty ol li .txt {font-size: 18px;font-weight: 300;margin-top: 10px;line-height: 1.6;}
.automatic_payment .penalty h5 {margin-top: 35px;}
.automatic_payment .penalty h5 span {display: inline-block; padding:8px 15px;background-color: #ececec;border-radius: 20px;font-size: 18px;font-weight: 700;color:#333;}
.automatic_payment .penalty h5 + p {font-size: 18px;font-weight: 300;color:#333;margin: 10px 0 0 10px;}

.automatic_payment .agree_all {margin-bottom: 100px;}
.automatic_payment .agree_all .custom-checkbox label {line-height: 32px;padding-left: 45px; background: url(/images/home/ico/ico_checkbox_r_off.png) no-repeat 0 0 / 32px;}
.automatic_payment .agree_all .custom-checkbox label.checked {background: url(/images/home/ico/ico_checkbox_r_on.png) no-repeat 0 0 / 32px;}
.automatic_payment .agree_all .tit .custom-checkbox label {font-size: 24px;font-weight: 700;color:#000;}
.automatic_payment .agree_all .tit {margin-bottom: 18px;}
.automatic_payment .agree_all ul {border-top: 3px solid #c2c2c2;}
.automatic_payment .agree_all li {padding:15px 30px; border-bottom: 1px solid #c2c2c2;display: flex;align-items: center;justify-content: space-between;}
.automatic_payment .agree_all li label {font-size: 16px;}
.automatic_payment .agree_all a {font-size: 16px;font-weight: 400;color:#989898;text-decoration: underline;}
.automatic_payment .info_desc { max-width: 70vw; position: relative; font-size: 15px; color: #777777; line-height: 1.3; padding-left: 0.8em; margin-top: 0.5em; margin-left: 32px; }
.automatic_payment .info_desc::before { content: '-'; position: absolute; left: 0; }

.payment_list {border-top: 3px solid #c2c2c2;}
.payment_list li {padding:25px 0 25px 20px; border-bottom: 1px solid #c2c2c2;display: flex;align-items: center;justify-content: space-between;}
.payment_list .txt_box {display: flex;justify-content: center;flex-direction: column;}
.payment_list .txt_box .t1 {font-size: 24px;font-weight: 700;color:#000;letter-spacing: 0.05em;}
.payment_list .txt_box .t2 {margin-top: 20px; font-size: 16px;font-weight: 200;color:#999;letter-spacing: -0.025em;}
.payment_list .txt_box .t3 {margin-top: 45px;}
.payment_list .txt_box .t3 strong {font-size: 20px;color:#e2383e;}
.payment_list .txt_box .t3 span {font-size: 18px;font-weight: 200;color:#999;letter-spacing: -0.025em;}
.payment_list .img_box {width: 650px;display: flex;justify-content: space-between;}
.payment_list .price_txt {margin-top: 25px; display: flex;}
.payment_list .price_txt strong {font-size: 16px;color:#000;margin-right:15px;padding-right: 15px;border-right: 1px solid #b9b9b9;}
.payment_list .price_txt span {font-size: 16px;font-weight: 200;color:#b9b9b9;letter-spacing: -0.025em;}

.mypage h2 {font-size: 50px;font-weight: 700;color:#333;text-align: center;}
.mypage .main_title_block { max-width: 1040px; width: 100%; margin: 0 auto; }
.mypage .flex_block { display: flex; justify-content: space-between; align-items: center; }
.font_red { color: #E52E33; }
.btn_more { position: relative; display: inline-block; font-size: 21px; line-height: 1.15; padding: 0.35em 2em 0.4em 1.2em; background: #cc0000; color: #fff; text-align: center; font-weight: 600; border-radius: 10rem; border: none; outline: none; cursor: pointer; }
.btn_more img { width: 1.1em; margin-left: 0.5em;
    position: absolute; top: 50%; right: 1.2em; transform: translateY(-50%); }
.btn_more:hover { color: #fff; }
.btn_more.yellow { background-color: #fbc600; }
.btn_more.disabled { background-color: #d3d3d3; }

.mypage h2 + .stit {margin:80px 0 60px; font-size: 22px;color:#333;line-height: 32px;text-align: center;}
.mypage h3 {margin-bottom: 20px; font-size: 30px;font-weight: 700;color:#000;}
.mypage h3 + .tbl {margin-top: 0;}
.mypage .payment_list + h3 {margin-top: 100px;}
.mypage .automatic_payment {width: 1040px;margin:90px auto 0;}
.mypage .service_cancel {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px; margin:60px auto 0; border-radius: 4px;color:black; font-size: 14px; text-decoration:underline; padding-bottom: 50px;}
/*.mypage .service_cancel:hover {color:#fff;}*/
.mypage .caution_list2 {margin-top: 50px;padding:40px 45px 20px 45px; background-color: #f2f2f2;position: relative;}
.mypage .caution_list2 li {font-size: 16px;line-height: 20px;margin-bottom: 10px;padding-left: 13px;position: relative;color:#000;font-weight: 200;}
.mypage .caution_list2 li::before {content: '-';position: absolute;left: 0;}
.mypage .caution_list2 li b {font-size: 16px;font-weight: 700;}
.mypage .info_box {margin-top: 100px;padding:50px 0 45px; border-top: 3px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;text-align: center;}
.mypage .info_box .t1 {font-size: 24px;color:#333;font-weight: 700;}
.mypage .info_box .t2 {margin-top: 10px; font-size: 18px;color:#333;font-weight: 200;letter-spacing: -0.025em;}
.mypage .info_box .btn_payment {margin-top: 45px;}
.mypage .txt_cancel {margin-top: 90px;font-size: 18px;font-weight: 500;color:#333;}
.mypage .txt_cancel + .tbl {margin-top: 15px;}
.mypage .txt_cancel .stxt {display: block;margin-left: 23px;margin-top: 10px; font-size: 16px;font-weight: 200;color:#000;}
.mypage .btn {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;margin:0 5px;border-radius: 4px;}
.mypage .btn.apply {width: 150px;}
.mypage .btn.cancel {width: 150px;background-color: #999;}
.mypage .desc_list {margin-top: 30px;}
.mypage .desc_list li {font-weight: 200;margin-bottom: 10px;}
.mypage .desc_list li::before {content: '-';margin-right: 3px;}
.mypage .desc_list li b {font-size: 16px;font-weight: 400;}
.mypage .desc_list + .btn_wrap {margin-top: 90px;}
.mypage .penalty_payment {padding:80px 0; font-size: 22px;line-height: 40px; text-align: center;color:#333;}

.program .caution_list2 {margin-top: 50px;padding:40px 45px 20px 45px; background-color: #f2f2f2;position: relative;}
.program .caution_list2 li {font-size: 16px;line-height: 20px;margin-bottom: 10px;padding-left: 13px;position: relative;color:#000;font-weight: 200;}
.program .caution_list2 li::before {content: '-';position: absolute;left: 0;}
.program .caution_list2 li b {font-size: 16px;font-weight: 700;}

/************************* media query *****************************/

/***************** media web **************/
@media all and (max-width:1680px){

    #subBanner:after {right:-118px;}


}


/***************** media web **************/
@media all and (max-width:1280px){

    /* account */
    .accountDash ul li {width:33.33%; background-position:center top;}

    /* payment data */
    .paymentData > ul > li {width:25%;}

    .paymentData > ul > li:nth-child(even) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(even) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(even) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(even) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(even) .info ul li span {color:#000;}

    .paymentData > ul > li.ty .stit {color:#000;}
    .paymentData > ul > li.ty .stit span {color:#000;}

    .paymentData > ul > li:nth-child(2) {background:#000;}
    .paymentData > ul > li:nth-child(2) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(2) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(2) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(2) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(2) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(2) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(4) {background:#000;}
    .paymentData > ul > li:nth-child(4) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(4) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(4) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(4) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(4) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(4) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(5) {background:#000;}
    .paymentData > ul > li:nth-child(5) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(5) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(5) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(5) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(5) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(5) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(7) {background:#000;}
    .paymentData > ul > li:nth-child(7) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(7) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(7) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(10) {background:#000;}


}



/***************** media web **************/
@media all and (max-width:1200px){

    /* apply */
    .applyInform {margin:0 0 0 20%;}
    .qualifications .qInner .qImg {width:50%;}
    .qualifications .qInner .qImg img {width:100%;}

    .welcomeWrap {padding:0 0 40px 20%;}
    .welcomeWrap .wStep {left:15px;}
    .welcomeWrap .wTit {margin:0 20px 0 0;}
    .welcomeWrap .wTit span {display:inline;}

    /* account */
    .accountSchedule {padding:0 320px 0 0;}



}


/***************** media web **************/
@media all and (max-width:1100px){

    /* apply */
    .applySubTit {position:relative; margin:0 0 20px 0;}
    .applyInform {margin:0;}
    .mockInfo {margin:0;}

    .applyContract .congratulations {padding:76px 0 0 0;}


    /* account */
    .accountInfo .tth1 {width:100px;}
    .accountInfo .tth2 {width:90px;}
    .accountInfo .tth3 {width:180px;}

    .accountBtable .hsth1 {width:80px;}/* Holiday Setting */
    .accountBtable .hsth2 {width:160px;}
    .accountBtable .hsth3 {width:160px;}
    .accountBtable .hsth4 {width:123px;}

    .accountBtable .wlth1 {width:110px;}/* Waiting List */
    .accountBtable .wlth2 {width:180px;}
    .accountBtable .wlth3 {width:100px;}
    .accountBtable .wlth4 {width:100px;}

    .accountBtable .mcth1 {width:110px;}/* My Class */
    .accountBtable .mcth2 {width:120px;}
    .accountBtable .mcth3 {width:180px;}
    .accountBtable .mcth4 {width:200px;}

    .accountAtable .setth1 {width:190px;}

    .accountSearch .studentS {display:block; float:none; margin:0 0 10px 0;}
    .accountSearch .days {display:block; float:none;}

    .accountSchedule {padding:0;}
    .accountSchedule .accountSet {position:relative; right:auto; left:0; top:0; bottom:auto; margin:-20px 0 0 0;}
    .accountSchedule .accountSet ul li {margin:0 10px 0 0;}


    /* schedule list */
    .scheduleList ul {margin:0;}
    .scheduleList ul li {float:none; width:100%; margin:0 0 40px 0;}
    .scheduleList ul li:last-child {margin:0;}


    /* resources list */
    .resourcesList ul li {width:32.33%;}


}


/***************** media web **************/
@media all and (max-width:1000px){


    /* payment data */
    .paymentData > ul > li {width:33.33%;}

    .paymentData > ul > li:nth-child(5) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(5) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(5) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(5) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(5) .info ul li span {color:#000;}
    .paymentData > ul > li:nth-child(5) .stit {color:#000;}
    .paymentData > ul > li:nth-child(5) .stit span {color:#000;}

    .paymentData > ul > li:nth-child(6) {background:#000;}
    .paymentData > ul > li:nth-child(6) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(6) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(6) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(7) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(7) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(7) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(7) .info ul li span {color:#000;}
    .paymentData > ul > li:nth-child(7) .stit {color:#000;}
    .paymentData > ul > li:nth-child(7) .stit span {color:#000;}

    .paymentData > ul > li:nth-child(8) {background:#000;}
    .paymentData > ul > li:nth-child(8) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(8) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(8) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(8) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(8) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(8) .stit span {color:#fbc61e;}

    /* payment table */
    .payTable {padding:30px;}




}






/***************** media web **************/
@media all and (max-width:960px){



    /* login */
    .lboxWrap {width:auto; margin:0 20px;}
    .lboxWrap .lbox .linform {padding:0 20px; margin:24px 8% 0;}
    .lboxWrap .lbox .goBtn {padding:0 20px; margin:0 8%;}
    .lboxWrap .lbox.noti .notiBox .btn  {padding:0 20px; margin:24px 8% 0;}

    /* apply */
    .applyContract {width:auto; margin:0;}
    .applyContract .congratulations .sTxt p span {display:inline;}

    .qualifications .qInfo ul li {width:33.33%; margin:0 0 40px 0;}
    .qualifications .qInner .qImg {position:relative; right:auto; left:0; top:0; width:100%; margin:40px 0 0 0;}
    .qualifications .qInner .qImg img {width:auto; max-width:100%;}
    .qualifications .qInner .qTit {width:100%;}
    .qualifications .qInner .qTxt {width:100%;}

    .welcomeWrap {padding:0 0 40px 0;}
    .welcomeWrap .wStep {position:relative; left:0; top:0; margin:0 0 30px 0;}
    .nextStep .nTxt {padding:0 20px; box-sizing:border-box;}
    .nextStep .nTxt span {display:inline;}

    /* popWrap */
    #popWrap #guTWidth {max-width:600px;}

    /* customPopWrap */
    .customPopWrap #guTWidth {max-width:600px;}

    /* account */
    .accountHead .dayTit {text-align:left;}

    .accountBtable table td {padding:12px 10px 12px 12px;}
    .accountBtable table td img {margin:0 2px;}

    .accountBtable .hsth1 {width:60px;}/* Holiday Setting */
    .accountBtable .hsth2 {width:130px;}
    .accountBtable .hsth3 {width:130px;}
    .accountBtable .hsth4 {width:123px;}

    .accountBtable .wlth1 {width:100px;}/* Waiting List */
    .accountBtable .wlth2 {width:160px;}
    .accountBtable .wlth3 {width:90px;}
    .accountBtable .wlth4 {width:90px;}

    .accountBtable .mcth1 {width:100px;}/* My Class */
    .accountBtable .mcth2 {width:100px;}
    .accountBtable .mcth3 {width:140px;}
    .accountBtable .mcth4 {width:190px;}

    .accountBtable .rtth1 {width:90px;}/* Resources */
    .accountBtable .rtth2 {width:200px;}
    .accountBtable .rtth3 {width:130px;}

    /* paging */
    .pagingArea.other .paging {margin:30px 0 0 0;}
    .pagingArea.other .selectDelBtn {top:20px;}
    .pagingArea.other .hsAddBtn {top:20px;}
    .pagingArea.other .yrBtn {top:20px;}

    .promotion_list li {height: 270px;}
    .promotion_list li .text_box {padding:10px 20px;}
    .promotion_list li .tit {font-size: 20px;font-weight: 500;color:#000;}
    .promotion_list li .date {font-size: 14px;color:#888;margin-top: 10px;}
    .promotion_list + a {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:50px auto 0;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;}


}




/***************** media web **************/
@media all and (max-width:840px){



    /* apply */
    .applyInform .dBox {padding:10px 20px 10px 236px;}
    .applyInform .dBox .tit {left:12px; font-size:15px;}

    .applyContract .fileUpload .dBox {padding:10px 20px 10px 236px;}
    .applyContract .fileUpload .dBox .tit {left:12px; font-size:15px;}

    .mockInfo .mHowInfo ul li .info {margin:0 0 0 145px;}
    .mockInfo .mHowInfo ul li .info .tx {min-height:auto;}
    .mockInfo .mHowInfo ul li .info .btn {position:relative; left:0; right:auto; top:0; margin:20px 0 0 0;}
    .mockInfo .mcriteria .mcIco {right:30px;}
    .mockInfo .mcriteria .mcIco img {width:120px;}

    .welcomeWrap .wInform .wBox {padding:10px 20px 10px 180px;}
    .welcomeWrap .wInform .wBox .tit {left:12px; font-size:15px;}

    .welcomeWrap .movieBox {width:39.08%;}
    .welcomeWrap .fileMovie {left:41.23%; width:58.77%;}
    .welcomeWrap .wInform .wBox .imgFile .dragImg {width:160px; height:160px;}
    .welcomeWrap .wInform .wBox .imgFile .dragInfo {left:175px;}


    /* account */
    .accountInfo table td .entrance a {width:90%;}
    .accountDash ul li {width:50%;}

    .accountHead .period {padding:0 0 20px 0;}
    .accountHead .rInfoTy.schedule {top:60px;}
    .accountHead .scheduleNoti ul li .cbox {font-size:13px;}



    /* payment data */
    .paymentData > ul > li {width:50%;}

    .paymentData > ul > li:nth-child(3) {background:#000;}
    .paymentData > ul > li:nth-child(3) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(3) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(3) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(3) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(3) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(3) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(4) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(4) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(4) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(4) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(4) .info ul li span {color:#000;}
    .paymentData > ul > li:nth-child(4) .stit {color:#000;}
    .paymentData > ul > li:nth-child(4) .stit span {color:#000;}

    .paymentData > ul > li:nth-child(5) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(5) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(5) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(5) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(5) .info ul li span {color:#000;}
    .paymentData > ul > li:nth-child(5) .stit {color:#000;}
    .paymentData > ul > li:nth-child(5) .stit span {color:#000;}

    .paymentData > ul > li:nth-child(6) {background:#000;}
    .paymentData > ul > li:nth-child(6) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(6) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(6) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(6) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(7) {background:#000;}
    .paymentData > ul > li:nth-child(7) .tit {color:#fbc61e; border-color:#999;}
    .paymentData > ul > li:nth-child(7) .tit span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .info ul li {color:#fbc61e; background:url('../images/bg/bg_payment_data_info_li2.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(7) .info ul li span {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .stit {color:#fbc61e;}
    .paymentData > ul > li:nth-child(7) .stit span {color:#fbc61e;}

    .paymentData > ul > li:nth-child(8) {background:#fbc61e;}
    .paymentData > ul > li:nth-child(8) .tit {color:#000; border-color:#fff;}
    .paymentData > ul > li:nth-child(8) .tit span {color:#000;}
    .paymentData > ul > li:nth-child(8) .info ul li {color:#000; background:url('../images/bg/bg_payment_data_info_li.png') left 7px no-repeat;}
    .paymentData > ul > li:nth-child(8) .info ul li span {color:#000;}
    .paymentData > ul > li:nth-child(8) .stit {color:#000;}
    .paymentData > ul > li:nth-child(8) .stit span {color:#000;}




}




/***************** media web **************/
@media all and (max-width:740px){

    /* login */
    .lboxWrap .lbox {float:none; width:100%;}

    /* apply */
    .applyInform .dBox ul.half li {float:none; display:block;}
    .applyInform .dBox ul.half li:nth-child(1) {width:100%; padding:0;}
    .applyInform .dBox ul.half li:nth-child(2) {width:100%; padding:5px 0 0 0;}

    .welcomeWrap .wInform .wBox ul.half li {float:none; display:block;}
    .welcomeWrap .wInform .wBox ul.half li:nth-child(1) {width:100%; padding:0;}
    .welcomeWrap .wInform .wBox ul.half li:nth-child(2) {width:100%; padding:5px 0 0 0;}

    /* resources list */
    .resourcesList ul li {width:49%;}

    .list_view {margin-top: 100px;}
    .list_view .view_top {display: block;}
    .list_view .view_top .tit {font-size: 24px;margin-bottom: 10px ;}
    .list_view .view_top .date span {font-size: 14px;color:#000;}
    .list_view .view_top .date span + span {margin-left: 10px;padding-left: 10px;position: relative;}
    .list_view .view_top .date span + span::after {content: '';display: block;width: 1px;height:14px;background-color: #000;position: absolute;left:0;top:50%;transform: translateY(-50%);}
    .list_view .view_cont {padding:20px; border-bottom: 1px solid #c2c2c2;}
    .list_view .view_cont > div {background-color: #fafafa;min-height: 400px;text-align: center;}
    .list_view .view_cont > div p {font-size: 16px;color:#000;}
    .list_view + a {display: flex;justify-content: center;align-items: center; width: 300px;height: 50px;margin:50px auto 0;color:#fff;font-size: 14px;font-weight: 700;background-color: #e8444a;}


}


/***************** media mobile **************/
@media all and (max-width:680px){

    /* popup */
    #popWrap #guTMid {max-width:340px;}

    /* customPopWrap */
    .customPopWrap #guTMid {max-width:340px;}

    /* table guard */
    .tableGuard {overflow-x:auto;}
    .tableGuard table {width:640px;}

    .payment_price_new { display: block; }
    .payment_price_new .t1 { font-size: 20px; margin-bottom: 0.5em; }
    .payment_price_new .t2 strong { font-size: 23px; }
    .payment_price_new .t2 > span { font-size: 16px; }

    .payment_price_new.stage2 { padding: 15px 12px; flex-wrap: wrap; }
    .payment_price_new.stage2 .t1 { font-size: 20px; width: 100%; margin-bottom: 1em; }
    .payment_price_new.stage2 .t2 { width: 100%; padding-left: 0.2em; }
    .payment_price_new.stage2 .t2 .sale { display: block; font-size: 18px; margin-bottom: 0.2em; }
    .payment_price_new.stage2 .t2 strong { font-size: 20px; }
}



/***************** media mobile **************/
@media all and (max-width:640px){

    .m_br {display: block;}
    .pc_br {display: none;}
    /* content */
    #content {padding:30px 0 50px 0;}


    /* sub banner */
    #subBanner {height:180px;}
    #subBanner .img {width: 100%;}
    #subBanner .img img {width:100%;}
    #subBanner p {top:72px; font-size:20px;letter-spacing: 5px;}
    #subBanner:before {height:180px;}
    #subBanner:after {height:180px;}


    /* login */
    .lboxWrap .lbox {height:394px;}
    .lboxWrap .lbox .lTit {font-size:24px; padding:38px 0 0 0;}
    .lboxWrap .lbox .lTxt {font-size:12px; padding:10px 0;}
    .lboxWrap .lbox .lSns.join {padding:14px 0 7px 0;}
    .lboxWrap .lbox .linform {padding:0 16px; margin:14px 6% 0;}
    .lboxWrap .lbox .linform ul li input {height:36px; line-height:36px; padding:0 0 0 12px;}
    .lboxWrap .lbox .linform p {font-size:13px; line-height:50px;}
    .lboxWrap .lbox .goBtn {padding:0 16px; margin:0 6%;}
    .lboxWrap .lbox .goBtn a {height:36px; font-size:13px; line-height:36px;}
    .lboxWrap .lbox.noti  {height:228px;}
    .lboxWrap .lbox.noti .notiBox {margin:-65px 0 0 0;}
    .lboxWrap .lbox.noti .notiBox .notiTit {font-size:24px; padding:0 0 10px 0;}
    .lboxWrap .lbox.noti .notiBox .notiTxt {height:42px; font-size:14px;}
    .lboxWrap .lbox.noti .notiBox .notiTxt.join {height:42px;}
    .lboxWrap .lbox.noti .notiBox .notiTxt span {font-size:14px; line-height:1.3;}
    .lboxWrap .lbox.noti .notiBox .btn {padding:0 16px; margin:14px 6% 0;}
    .lboxWrap .lbox.noti .notiBox .btn a {font-size:13px; height:36px; line-height:36px;}
    .lboxWrap .lbox .agreeChk .custom-checkbox label {padding:0 0 0 25px;}

    .signup .sTit {font-size:24px; padding:0 0 10px 0;}
    .signup .sTxt {padding:0 20px 10px;}
    .signup .sTxt p {font-size:13px; padding:0 0 16px 0;}
    .signup .sTxt p span {display:inline; font-size:13px;}
    .signup .btn {width:240px; height:36px; font-size:13px; line-height:36px;}

    .signup h2 {font-size: 24px;}
    .order_form_block { margin-top: 7vh; margin-bottom: 10vh; }
    .tbl {margin:20px 0;border-top: 2px solid #c2c2c2;}
    .tbl th,
    .tbl td {
        border-bottom: 1px solid #c2c2c2;
        padding:5px 0;
        font-size: 12px;
    }
    .tbl th {background-color: #fafafa;padding-left: 15px;word-break: keep-all;}
    .tbl td {padding-left: 10px;}
    .tbl .txt {height: 36px;padding-left: 10px;font-size: 12px;}
    .tbl .txt2 {height: 36px;padding-left: 10px;align-items: center;}
    .tbl .txt2 > span {font-size: 12px;}
    .tbl .txt2 strong {font-size: 16px;}
    .tbl .txt2 strong span {font-size: 12px;}
    .tbl .table_desc { font-size: 14px; }
    .tbl .select_box { font-size: 14px; }
    .tbl .textarea_box { font-size: 13px; }

    .tbl .input_p {width: 100%;}
    .tbl .input_p.zip {width: 70px;}
    .tbl .input_p.card {width: 90px;}
    .tbl .input_box {display: flex;align-items: center;margin-top: 5px;}
    .tbl .input_box:first-child {margin-top: 0;}
    .tbl .input_box button {background-color: #666;border-radius: 2px;width: 120px;height: 36px;font-size: 12px;margin-left: 5px;}
    .tbl .custom-checkbox {margin-top: 10px;}
    .tbl .custom-checkbox:first-child {margin-top: 0;}
    .tbl .alert_txt {font-size: 12px;color:#ff0055;margin-left: 10px;}
    .tbl .payment_box {padding:10px;}
    .tbl .payment_box .t1 {font-size: 12px;}
    .tbl .payment_box .t1 b {font-size: 16px;}
    .tbl .payment_box .t2 {margin-top: 5px; font-size: 12px;}
    .tbl .stxt {font-size: 12px;margin-left: 10px;}
    .tbl .price_txt {padding:10px 0;}
    .tbl .price_txt strong {font-size: 18px;}
    .tbl .price_txt span {font-size: 12px;}
    .tbl2 {margin:10px 0;}
    .tbl2 th {font-size: 14px;padding:10px 0;}
    .tbl2 td {padding:10px 0;font-size: 14px;}

    .desc_list {margin-top: 20px;text-align: left;margin-bottom: 5px;}
    .desc_list li {font-size: 12px;color:#000;}
    .signup .down_app {display: flex;margin-top: 15px;}
    .signup .down_app a {margin-right:6px ;}
    .inquire_t {height: 36px;font-size: 12px;}
    .inquire_textarea {width: 100%;font-size: 12px;padding:10px;height: 200px;overflow-y:auto;box-sizing: border-box;}

    .accountBtable table .inquire_td {padding:10px 20px 10px 60px;display: none;}
    .accountBtable table .inquire_td.on {display: block;}
    .accountBtable table .inquire_td .question {font-size: 12px;line-height: 20px;font-weight: 100;color:#999;}
    .accountBtable table .inquire_td .answer {font-size: 12px;line-height: 20px;font-weight: 300;padding:15px;background-color: #efefef;margin-top: 20px;}


    /* apply */
    .subMTit {font-size:24px;}
    .applyStep {margin:16px 0 0 0;}
    .applyStep ul li {height:40px;}
    .applyStep ul li span {font-size:11px; padding:5px 0 0 0; font-weight:600;}
    .applyStep ul li p {font-size:14px;}
    .applyStep ul li p.l {line-height:40px;}
    .applyStep ul li.fin:after {font-size:14px; letter-spacing:0.5px; line-height:40px;}

    .applyBox {margin:30px 0 0 0;}
    .applySubTit {font-size:18px; letter-spacing:2px; margin:0 0 12px 0;}
    .applyInform .dBox {padding:15px 6px 12px 6px;}
    .applyInform .dBox .tit {position:relative; left:0; top:0; font-size:13px; margin:0 0 10px 0;}
    .applyInform .dBox .noti {font-size:13px; line-height:1.2; padding:5px 0 0 0;}

    .applyContract .congratulations {padding:38px 0 0 0;}
    .applyContract .congratulations .sTit {font-size:24px;padding:0 0 12px 0;}
    .applyContract .congratulations .sTxt {padding:0 0 20px 0;}
    .applyContract .congratulations .sTxt p {font-size:14px;}
    .applyContract .congratulations .sTxt p span {font-size:14px;}
    .applyContract .congratulations .agreeBox {height:200px; font-size:12px; padding:12px;}
    .applyContract .congratulations .agreeChk {margin:12px 20px 0 20px;}
    .applyContract .fileTit {font-size:16px; padding:30px 0 10px;}
    .applyContract .fileUpload .dBox {padding:15px 6px 12px 6px;}
    .applyContract .fileUpload .dBox .tit {position:relative; left:0; top:0; font-size:13px; margin:0 0 10px 0;}

    .mockInfo .mtit {font-size:16px; padding:0 0 12px 0;}
    .mockInfo .mtxt {font-size:13px; line-height:1.3; padding:0 0 45px 0;}
    .mockInfo .mHow {padding:30px 0 50px; text-align:center;}
    .mockInfo .mHow img.w {display:none;}
    .mockInfo .mHow img.m {display:inline-block; width:260px;}

    .mockInfo .mHowInfo {margin:0;}
    .mockInfo .mHowInfo ul li {padding:0 0 50px 0;}
    .mockInfo .mHowInfo ul li .ico {position:absolute; left:0; top:-18px;}
    .mockInfo .mHowInfo ul li .ico img {width:82px;}
    .mockInfo .mHowInfo ul li .info {margin:0 0 0 94px;}
    .mockInfo .mHowInfo ul li .info .tt {font-size:14px; padding:0 0 10px 0;}
    .mockInfo .mHowInfo ul li .info .tx span {font-size:12px; padding:0 0 45px 0;}
    .mockInfo .mHowInfo ul li .info .tx p {padding:10px 0 0 0;}
    .mockInfo .mHowInfo ul li .info .tx strong {font-size:13px;}
    .mockInfo .mHowInfo ul li .info .btn {margin:12px 0 0 0;}
    .mockInfo .mHowInfo ul li .info .btn a {width:200px; height:36px; font-size:13px; line-height:36px;}
    .mockInfo .mHowInfo ul li .info.full {margin:0 0 0 94px;}

    .mockInfo .mcriteria {margin:50px 0 0 0; padding:0 12px;}
    .mockInfo .mcriteria .mcIco {right:20px; top:20px;}
    .mockInfo .mcriteria .mcIco img {width:100px;}
    .mockInfo .mcriteria .mctt {font-size:16px; padding:20px 0 10px 0;}
    .mockInfo .mcriteria .mctx {padding:0 0 8px 0;}
    .mockInfo .mcriteria .mctx ul li {font-size:13px;}
    .mockInfo .mcriteria .mcbn {padding:0 0 24px 0;}
    .mockInfo .mcriteria .mcbn a {width:200px; height:36px; font-size:13px; line-height:36px;}

    .thanxTo .sTit {font-size:24px; padding:0 0 10px 0;}
    .thanxTo .sTxt {padding:0 20px 10px;}
    .thanxTo .sTxt p {font-size:13px; padding:0 0 16px 0;}
    .thanxTo .sTxt p span {display:inline; font-size:13px;}
    .thanxTo a {width:240px; height:36px; font-size:13px; line-height:36px;}

    .fileBox {padding:0 100px 0 0;}
    .fileBox .btn {width:100px; height:36px; font-size:13px; line-height:36px;}
    .fileList .file span {font-size:13px; padding:0 6px 0 20px; background-size:14px auto; background-position:left 2px;}
    .fileList .file .previewBtn {width:100px;}
    .fileList .fileNoti p {font-size:13px;}
    .fileList .fileNoti a {display:block; margin:4px 0 0 0;}

    .qualifications .qInner {min-height:auto;}
    .qualifications .qInner .qTit {font-size:15px; padding:25px 0 15px 0;}
    .qualifications .qInner .qTxt {font-size:14px;}
    .qualifications .qInner .qImg {margin:20px 0 0 0;}
    .qualifications .qInfo {margin:50px 0 0 0;}
    .qualifications .qInfo ul li {width:50%; margin:0 0 20px 0;}
    .qualifications .qInfo ul li .ico img {width:90px;}
    .qualifications .qInfo ul li p {font-size:13px; padding:20px 6px 0; text-align:center;}

    .welcomeWrap {margin:25px 0 0 0; padding:0 0 20px 0;}
    .welcomeWrap .wStep {width:80px; height:80px; margin:0 0 12px 0;}
    .welcomeWrap .wStep span {font-size:20px; line-height:80px;}
    .welcomeWrap .wTit {font-size:14px; line-height:1.5; padding:0 0 15px 0;}
    .welcomeWrap .wTit span {font-size:14px; line-height:1.5;}
    .welcomeWrap .wTit p {font-size:14px; line-height:1.5; padding:0 0 16px 0;}
    .welcomeWrap .wInform .wBox {padding:15px 6px 12px 6px;}
    .welcomeWrap .wInform .wBox .tit {position:relative; left:0; top:0; font-size:13px; margin:0 0 10px 0;}
    .welcomeWrap .wInform .wBox .noti {font-size:13px; line-height:1.2; padding:5px 0 0 0;}
    .welcomeWrap .wInform .wBox textarea {height:100px; font-size:13px; padding:12px;}
    .welcomeWrap .wInform .wBox .imgFile .dragImg {width:120px; height:120px; background-size:90px auto;}
    .welcomeWrap .wInform .wBox .imgFile .dragInfo {left:130px; top:50%; margin:-50px 0 0 0;}
    .welcomeWrap .wInform .wBox .imgFile .dragInfo ul li {font-size:11px;}
    .welcomeWrap .movieBox {width:46%; margin:0 4% 4% 0;}
    .welcomeWrap .movieBox a img {margin:-20px 0 0 -20px; width:40px; height:40px;}
    .welcomeWrap .fileMovie {position:relative; left:0; top:0; width:100%; padding:20px 0 0 0; clear:both;}

    .nextStep {margin:12px 0 0 0; padding:45px 0 0 0;}
    .nextStep .nTxt span {font-size:14px; line-height:1.4;}




    /*** account ***/
    .accountHead {margin:0 0 15px 0;}
    .accountHead.space {margin:100px 0 15px 0;}
    .accountHead .tit {font-size:24px;}
    .accountHead .dayTit {font-size:24px;}
    .accountHead .rInfoTy {position:relative; right:auto; left:0; top:0; float:none; padding:0 70px 0 0; margin:15px 0 0 0;}
    .accountHead .rInfoTy .icoZone {top:4px;}
    .accountHead .rInfoTy .icoZone ul li {margin:0 5px 0 0;}
    .accountHead .rInfoTy .icoZone ul li span {right:-5px; top:-5px; width:16px; height:16px; font-size:11px; line-height:16px;}
    .accountHead .rInfoTy .icoZone ul li img {width:24px;}
    .accountHead .rInfoTy .infoZone {text-align:left;}
    .accountHead .rInfoTy .infoZone span {font-size:12px;}
    .accountHead .rInfoTy .infoZone strong {font-size:14px;}
    .accountHead .rInfoTy.schedule {top:0;}

    .accountHead .period {margin:10px 0 0 0; padding:0;}
    .accountHead .period span {font-size:22px; line-height:24px; padding:0 34px;}
    .accountHead .period .prev img {width:24px;}
    .accountHead .period .next img {width:24px;}
    .accountHead .scheduleNoti {margin:25px 0 0 0;}
    .accountHead .scheduleNoti ul li {width:33.3333%; margin:0 0 2px 0;}
    .accountHead .scheduleNoti ul li .cbox {font-size:12px; line-height:30px;}

    .accountSchedule {margin:0 0 30px 0;}
    .accountSchedule .asTit {font-size:24px;}
    .accountSchedule .accountSet {margin:0;}
    .accountSchedule .accountSet ul li {width:90px; height:90px;}
    .accountSchedule .accountSet ul li a .ico {padding:14px 0 0 0;}
    .accountSchedule .accountSet ul li a .ico img {height:30px; }
    .accountSchedule .accountSet ul li a .txt {padding:10px 10px 0;}

    .accountSearch {margin:0 0 12px 0;}
    .accountSearch .days ul li input {width:116px; height:32px; line-height:32px;}
    .accountSearch .days ul li.unit {width:26px; font-size:24px; line-height:32px;}
    .accountSearch .days ul li img {width:24px; padding:0 0 0 5px;}
    .accountSearch .studentS span {font-size:13px; padding:0 6px 0 0; line-height:32px;}
    .accountSearch .studentS input {width:139px; padding:0 0 0 8px; height:32px; line-height:32px;}
    .accountSearch .studentS a {width:80px; font-size:13px; line-height:32px;}
    .accountSearch .selectBox {position:relative; right:auto; left:0; margin:10px 0 0 0;}
    .accountSearch .selectBox span.searchStyleSelectBox {height:40px; background-size:auto 40px;}
    .accountSearch .selectBox .searchStyleSelectBoxInner {white-space:nowrap; line-height:40px;}

    .accountDash {margin:0 0 20px 0;}
    .accountDash ul li {background-size:160px 83px; margin:0 0 10px 0;}
    .accountDash ul li .atit {font-size:11px; padding:26px 0 0 0;}
    .accountDash ul li .atit.dep {padding:15px 0 0 0;}
    .accountDash ul li .atit span {display:block; font-size:11px;}
    .accountDash ul li .anum {font-size:24px; padding:0 0 16px 0;}

    .accountInfo {border-width:2px;}
    .accountInfo table td {font-size:12px; padding:12px 5px 12px 12px;}
    .accountInfo table td:after {height:16px;}
    .accountInfo table td.center {padding:12px 5px;}
    .accountInfo table td span.ty {font-size:12px; line-height:18px; padding:0 6px;}
    .accountInfo table tr.point td {font-size:14px; padding:6px 5px 6px 12px;}
    .accountInfo table tr.point td .time {font-size:16px;}
    .accountInfo table tr.point td.center {padding:6px 5px;}
    .accountInfo table td .entrance a {font-size:16px; line-height:25px;}
    .accountInfo table td .leftTime {font-size:11px; padding:5px 0 0 0;}
    .accountInfo table td .ico {width:30px;}
    .accountInfo .tth1 {width:80px;}
    .accountInfo .tth2 {width:80px;}
    .accountInfo .tth3 {width:160px;}

    .accountAtable {border-width:1px;}
    .accountAtable table th {padding:18px 0;}
    .accountAtable table th span {font-size:13px; padding:0 0 0 6px;}
    .accountAtable table th:after {height:16px;}
    .accountAtable table td {font-size:12px; padding:0 5px 0 12px; line-height:32px;}
    .accountAtable table td img {height:32px;}
    .accountAtable .setth1 {width:116px;}

    .accountBtable {border-width:1px;}
    .accountBtable table th {padding:10px 0;}
    .accountBtable table th span {font-size:13px;}
    .accountBtable table th:after {height:16px;}
    .accountBtable table td {font-size:12px; padding:10px 5px 10px 12px;}
    .accountBtable table td:after {height:16px;}
    .accountBtable table td.center {padding:10px 5px;}
    .accountBtable .custom-checkbox label {font-size:14px; padding:0 0 0 13px; line-height:16px; background-size:16px 71px;}
    .accountBtable .custom-checkbox label.checked {background-position:0 -55px;}
    .accountBtable .btn img {height:32px;}

    .accountBtable .hsth1 {width:40px;}/* Holiday Setting */
    .accountBtable .hsth2 {width:110px;}
    .accountBtable .hsth3 {width:120px;}
    .accountBtable .hsth4 {width:90px;}

    .accountBtable .wlth1 {width:80px;}/* Waiting List */
    .accountBtable .wlth2 {width:130px;}
    .accountBtable .wlth3 {width:80px;}
    .accountBtable .wlth4 {width:90px;}

    .accountBtable .mcth1 {width:80px;}/* My Class */
    .accountBtable .mcth2 {width:90px;}
    .accountBtable .mcth3 {width:120px;}
    .accountBtable .mcth4 {width:170px;}

    .accountBtable .rtth1 {width:60px;}/* Resources */
    .accountBtable .rtth2 {width:150px;}
    .accountBtable .rtth3 {width:110px;}

    .firstNoti p {font-size:17px; margin:-25px 0 0 0;}


    /* payment info */
    .paymentInfo {border-width:2px;}
    .paymentInfo .info {font-size:16px; padding:20px 0 0 0;}
    .paymentInfo .total {position:relative; right:auto; left:0; top:0; float:none; text-align:left;}
    .paymentInfo .total .money {font-size:37px; margin:12px 0; padding:0 0 0 80px;}
    .paymentInfo .total .money:before {left:0; top:10px; font-size:15px;}

    /* payment data */
    .paymentData {padding:0 0 15px 0;}
    .paymentData > ul > li {height:120px; padding:0 12px;}
    .paymentData > ul > li .tit {font-size:14px; padding:14px 30px 14px 0;}
    .paymentData > ul > li .tit span {top:10px; font-size:14px;}
    .paymentData > ul > li .info {padding:10px 0 0 0;}
    .paymentData > ul > li .info ul li {font-size:12px; padding:0 30px 0 10px; background-position:left 6px;}
    .paymentData > ul > li .info ul li span {font-size:12px;}
    .paymentData > ul > li .stit {font-size:14px; margin:53px 0 0 0; padding:0 30px 0 0;}
    .paymentData > ul > li .stit  span {font-size:14px;}
    .paymentData > ul > li .stit.dep {margin:44px 0 0 0; padding:0 15px 0 0;}
    .paymentData > ul > li .stit.dep u {font-size:13px;}
    .paymentData > ul > li .etit {font-size:14px; padding:21px 30px 21px 0;}
    .paymentData > ul > li .etit span {top:21px; font-size:14px;}

    /* payment table */
    .payTable {padding:30px; margin:14px 0 0 0;}
    .payTable .payHead .ptit {font-size:16px; padding:0 0 12px 0;}
    .payTable .payHead .total {font-size:14px;}
    .payTable .payHead .total span {font-size:16px; padding:0 0 0 12px;}
    .payTable table {border-top:2px #c2c2c2 solid;}
    .payTable table th {padding:12px 0;}
    .payTable table th span {font-size:14px;}
    .payTable table th:after {height:16px;}
    .payTable table td {font-size:12px; padding:12px 0;}
    .payTable table td:after {height:16px;}

    /* schedule notice */
    .scheduleNoti {border-width:2px;}
    .scheduleNoti strong {font-size:16px; padding:40px 0 12px 0;}
    .scheduleNoti p {font-size:14px; padding:0 0 40px 0;}

    /* schedule list */
    .scheduleList ul li {margin:0 0 20px 0;}
    .scheduleList ul li .inbox {height:auto; padding:10px 20px; border-width:2px;}
    .scheduleList ul li .inbox .cont {padding:5px 0 5px 70px; font-size:13px;}
    .scheduleList ul li .inbox .cont span {top:5px; font-size:13px;}
    .scheduleList ul li .inbox a {right:20px; width:80px; font-size:12px; line-height:70px; margin:-35px 0 0 0;}
    .scheduleList ul li.on .inbox {border-width:2px;}


    /* right search */
    .rSearch {padding:0 0 15px 0; margin:80px 0 0 0;}
    .rSearch ul li input[type='text'] {width:160px; height:36px; line-height:36px;}
    .rSearch ul li a {width:70px; height:36px; font-size:12px; line-height:36px;}

    /* search box*/
    .search_box {margin:30px 0 15px;}
    .search_box > div {position: relative;width:40%;height:38px;}
    .search_box > div input {position: absolute;left:0;top:0;font-size: 12px;padding-left: 10px;}
    .search_box > div button {position: absolute;right:0;top:50%;appearance: none;background:transparent;border: none;padding:3px;transform: translateY(-50%);}


    /* resources list */
    .resourcesList ul li {margin:0 1% 25px 0;}
    .resourcesList ul li .movie .btn a img {width:50px; margin:-25px 0 0 -25px;}
    .resourcesList ul li .name {font-size:14px; padding:12px 0 0 0;}


    .news h2 {font-size: 24px;}
    .list_view {margin-top: 40px;}
    .list_view .view_top {padding-bottom: 15px;border-bottom: 2px solid #c2c2c2;}
    .list_view .view_top .tit {font-size: 16px;}
    .list_view .view_top .date span {font-size: 12px;color:#000;}
    .list_view .view_top .date span + span {margin-left: 5px;padding-left: 5px;position: relative;}
    .list_view .view_top .date span + span::after {content: '';display: block;width: 1px;height:12px;background-color: #000;position: absolute;left:0;top:50%;transform: translateY(-50%);}
    .list_view .view_cont {padding:10px; border-bottom: 1px solid #c2c2c2;}
    .list_view .view_cont > div {background-color: #fafafa;min-height: 200px;text-align: center;}
    .list_view .view_cont > div p {font-size: 12px;color:#000;}
    .list_view + a {width:240px; height:36px; font-size:13px;;margin:20px auto 0;}

    .promotion_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
    .promotion_list li {border: 1px solid #ccc;width: 100%;height: 270px;margin-top: 4%;}
    .promotion_list li:nth-child(-n + 2 ) {margin-top: 4%;}
    .promotion_list li:nth-child(1) {margin-top:0;}
    .promotion_list li .img_box {display: flex;justify-content: center;align-items: center; height:200px;overflow: hidden;background-color: #efefef;}
    .promotion_list li .img_box img {width: 100%;}
    .promotion_list li .text_box {padding:10px 20px;}
    .promotion_list li .tit {font-size: 20px;font-weight: 500;color:#000;}
    .promotion_list li .date {font-size: 14px;color:#888;margin-top: 10px;}
    .promotion_list + a {width: 240px;height: 36px;margin:20px auto 0;color:#fff;font-size: 13px;}

    .faq_list {margin-top: 20px;}
    .faq_list ul {border-top: 2px solid #c2c2c2;}
    .faq_list .q {display: flex;align-items: center;background: url(/images/home/btn/btn_arrow_down.png) no-repeat right 10px top 50% / 20px;cursor: pointer;}
    .faq_list .q.on {background: url(/images/home/btn/btn_arrow_up.png) no-repeat right 10px top 50% / 20px;}
    .faq_list .q span {width: 80px;height: 40px; position: relative;font-size: 12px;font-weight: 300;color:#000;display: flex;justify-content: center;align-items: center;}
    .faq_list .q span::after {content: '';display: block;width: 1px;height:20px;background-color: #c2c2c2;position: absolute;right:0;top:0;}
    .faq_list .q p {font-size: 12px;font-weight: 300;color:#000;display: block;height: 40px; line-height: 40px; padding-left: 15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:calc(100% - 215px);overflow:hidden;}
    .faq_list .a {display: none; padding:10px 40px 10px 80px;font-size: 12px;font-weight: 100;line-height: 20px;}

    .btn_wrap {margin-top: 20px;}
    .subtit {font-size: 12px;color:#333;margin:15px 0;}
    .subtit.right {text-align: right;}
    .subtit b {font-size: 12px;color:#333;}


    /*** common ***/
    /* btn area */
    .btnArea {padding:25px 0 0 0;}
    .btnArea .cBtn {width:200px; height:36px; font-size:13px; line-height:36px;}
    .btnArea .bBtn {width:200px; height:36px; font-size:13px; line-height:36px;}
    .btnArea .yBtn {width:150px; height:36px; font-size:13px; line-height:36px;}
    .btnArea .cancelBtn {width:150px; height:36px; font-size:13px; line-height:36px;}
    .btnArea .short {width:120px;}

    .tabtnArea {padding:20px 0 0 0;}
    .tabtnArea .gBtn {width:160px; height:36px; font-size:13px; line-height:36px;}


    /* select */
    span.searchStyleSelectBox {height:36px; font-size:12px; background-size:auto 36px;}
    .searchStyleSelectBoxInner {font-size:12px; line-height:36px; padding:0 35px 0 12px;}

    span.bdSbox {min-width:100px; height:36px; font-size:12px; background-size:auto 36px;}
    .bdSboxInner {font-size:12px; line-height:36px; padding:0 35px 0 12px;}


    /* paging */
    .pagingArea {padding:20px 0 0 0;}
    .pagingArea .paging {padding:5px 0;}
    .pagingArea .paging a {width:26px; height:26px; font-size:12px; line-height:26px;}
    .pagingArea .paging a.n img {width:26px;}
    .pagingArea .paging a.n.prev {margin-right:5px;}
    .pagingArea .paging a.n.next {margin-left:5px;}
    .pagingArea.other .selectDelBtn {top:10px; width:70px; height:36px; font-size:13px; line-height:36px;}
    .pagingArea.other .hsAddBtn {top:10px; width:120px; height:36px; font-size:13px; line-height:36px;}
    .pagingArea.other .yrBtn {top:10px; width:100px; height:36px; font-size:13px; line-height:36px;}
    .pagingArea.other .paging {margin:40px 0 0 0;}



    /* checkbox */
    .custom-checkbox label, .custom-radio label {font-size:13px; padding:0 0 0 20px; line-height:18px;}

    /* input */
    input[type='text'],input[type='password'] {height:36px; font-size:12px; line-height:36px; padding:0 0 0 12px;}

    /* tabs */
    .tabs {margin:0 0 23px 0;}
    .tabs ul li a {height:40px;}
    .tabs ul li a span {font-size:14px; line-height:40px;}
    .tabs ul.four li {width:50%; margin:0 0 2px 0;}
    .tabs ul.three li {width:50%;}
    .tabs ul.three li:nth-child(3) {width:100%;}

    .tab_wrap {margin-bottom: 40px;}
    .tab_wrap li a {height: 40px; font-size:14px;}


    /*** popWrap ***/
    #popWrap .guCont .innerBox {padding:14px;}
    #popWrap .guCont .innerBox .tit {font-size:15px;}
    #popWrap #guHead.long {height:0;}
    #popWrap #guHead.long .guClosed {right:4px;}
    #popWrap #guHead.long .guClosed a {background:url('/images/home/btn/btn_pop_close_m.png') left top no-repeat;}
    #popWrap #guTBase {max-width:340px;}
    #popWrap #guTBLow {max-width:340px;}
    #popWrap #guTMLow {max-width:340px;}
    #popWrap #guTWidth {max-width:340px;}


    /* setting */
    #popWrap .guCont .innerBox .testDiv .tDtop .ico {position:relative; left:0; bottom:auto; top:0; width:100%; padding:10px 0 0 0; text-align:center;}
    #popWrap .guCont .innerBox .testDiv .tDtop .ico img {width:40px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .test {margin:0 75px 0 0;}
    #popWrap .guCont .innerBox .testDiv .tDtop .test p {font-size:13px; padding:6px 0 10px 0;}
    #popWrap .guCont .innerBox .testDiv .tDtop .test .search {margin:0 0 12px 0;}
    #popWrap .guCont .innerBox .testDiv .tDtop .test .search.dep {margin:6px 0 10px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .cameraArea {bottom:13px; width:65px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .cameraArea img {width:100%;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea {bottom:13px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul {height:50px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li {width:8px; margin:0 0 0 5px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .base {position:relative; width:60px; overflow:hidden; z-index:2;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy {width:60px; height:50px;}
    #popWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy ul {width:60px;}
    #popWrap .guCont .innerBox .testDiv .tDbom {font-size:13px; padding:12px 0 20px 0;}
    #popWrap .guCont .innerBox .testDiv.last .tDtop .ico {bottom:auto;}
    #popWrap .guCont .innerBox .testDiv.last .tDbom {padding:12px 0 6px 0;}
    #popWrap .setNoti span {font-size:15px; line-height:40px;}


    /* movie preview */
    #popWrap .popMView a img {margin:-20px 0 0 -20px; width:40px; height:40px;}
    #popWrap .popMViewBig a img {margin:-30px 0 0 -30px; width:60px; height:60px;}

    /* class */
    #popWrap .classNoti {font-size:15px; padding:45px 0 32px 0;}
    #popWrap .classInfo {padding:20px 0 18px 0;}
    #popWrap .classInfo ul li {font-size:14px; padding:5px 0 5px 70px;}
    #popWrap .classInfo ul li strong {top:5px; font-size:14px;}
    #popWrap .classTime {font-size:13px; padding:0 0 12px 0;}

    #popWrap .cReason {padding:0 0 0 70px;}
    #popWrap .cReason .tt {top:1px; font-size:14px;}
    #popWrap .cReason .reason span.searchStyleSelectBox {height:36px; font-size:12px; background-size:auto 36px; padding:0 30px 0 12px;}
    #popWrap .cReason .reason .searchStyleSelectBoxInner {font-size:12px; line-height:34px;}
    #popWrap .cancelBox {margin:20px 0 0 0;}
    #popWrap .cancelBox .firstNoti {font-size:13px; padding:16px 0 10px;}
    #popWrap .cancelBox a {font-size:13px;}
    #popWrap .cancelBox .lastNoti {font-size:15px; padding:20px 0 6px;}

    #popWrap .timeNoti {font-size:13px; line-height:1.4; padding:16px 0 20px 0;}
    #popWrap .timeSet {padding:0 0 16px 0;}
    #popWrap .timeSet ul li {margin:0 0 10px 0;}
    #popWrap .timeSet .custom-radio label {font-size:14px;}


    /* change pw */
    #popWrap .pwTxt {font-size:14px; line-height:1.4; padding:36px 0 22px 0;}
    #popWrap .pwChForm {padding:29px 0;}
    #popWrap .pwChForm p {font-size:13px; padding:0 0 6px 0;}
    #popWrap .pwChForm input {height:36px; line-height:36px;}


    /* change quit */
    #popWrap .quitTxt {font-size:14px; line-height:1.4; padding:36px 0 22px 0;}
    #popWrap .quitForm {padding:15px 0;}
    #popWrap .quitForm p {font-size:13px; padding:0 0 6px 0;}
    #popWrap .quitForm input {height:36px; line-height:36px;}


    /* schedule */
    #popWrap .dayList {padding:20px 0 15px;}
    #popWrap .dayList ul li {width:25px; height:25px; font-size:13px; line-height:25px; font-weight:600;}
    #popWrap .popForm {padding:0 0 15px 0;}
    #popWrap .popForm .pBox {padding:0 0 10px 55px;}
    #popWrap .popForm .pBox:last-child {padding:0 0 0 55px;}
    #popWrap .popForm .pBox .tt {left:5px; font-size:13px; line-height:36px;}
    #popWrap .popForm .pBox .data input[type='text'] {font-size:12px; height:36px; line-height:34px;}
    #popWrap .popForm .pBox .data span.searchStyleSelectBox {height:36px; font-size:12px; background-size:auto 36px; padding:0 30px 0 12px;}
    #popWrap .popForm .pBox .data .searchStyleSelectBoxInner {font-size:12px; line-height:34px;}
    #popWrap .popForm .pBox .data ul.divide li {float:none; width:90%; margin:0 20px 0 0;}
    #popWrap .popForm .pBox .data ul.divide li:first-child {margin:0 0 5px 0;}
    #popWrap .popForm .pBox .data ul.divide li:after {background-size:10px 1px;}
    #popWrap .popForm .pBox .data .calendar {width:50%; padding:0 34px 0 0;}
    #popWrap .popForm .pBox .data .calendar a {position:absolute; right:0; top:5px;}
    #popWrap .popForm .pBox .data .calendar a img {width:24px;}
    #popWrap .popForm .pBox .data textarea {height:108px; font-size:12px; line-height:1.4; padding:12px;}

    #popWrap .tipsWrap .tipBox {padding:10px 0 10px 60px;}
    #popWrap .tipsWrap .tipBox .number {top:10px; width:50px; height:50px; font-size:22px; line-height:48px; border-radius:15px;}
    #popWrap .tipsWrap .tipBox .tipCont p {font-size:13px; padding:7px 0 10px 0;}
    #popWrap .tipsWrap .tipBox .tipCont ul li {padding:0 0 0 15px; font-size:13px;}
    #popWrap .tipsWrap .tipBox .tipCont ul li span {font-size:13px;}
    #popWrap .tipsWrap .tipBox:last-child {padding:10px 0 15px 60px;}


    /* view info */
    #popWrap .viewInfoWrap {padding:12px 0 6px 0;}
    #popWrap .viewInfoWrap .information {padding:0;}
    #popWrap .viewInfoWrap .information .picInfo {position:relative; left:0; top:0; width:100%; margin:0 0 10px 0;}
    #popWrap .viewInfoWrap .information .picInfo .pic {width:50px; height:50px;}
    #popWrap .viewInfoWrap .information .picInfo .info .name {font-size:15px; padding:6px 0 0 0;}
    #popWrap .viewInfoWrap .information .picInfo .info .bday {font-size:12px;}
    #popWrap .viewInfoWrap .information .dataInfo table th {padding:8px 0;}
    #popWrap .viewInfoWrap .information .dataInfo table th span {font-size:13px; padding:0 0 0 10px;}
    #popWrap .viewInfoWrap .information .dataInfo table th:after {height:10px;}
    #popWrap .viewInfoWrap .information .dataInfo table td {font-size:12px; padding:8px 0 8px 10px;}
    #popWrap .viewInfoWrap .information .dataInfo .th1 {width:80px;}

    #popWrap .viewInfoWrap .dataTable {margin:20px 0 4px 0;}
    #popWrap .viewInfoWrap .dataTable table th {padding:8px 0;}
    #popWrap .viewInfoWrap .dataTable table th span {font-size:13px; padding:0 0 0 10px;}
    #popWrap .viewInfoWrap .dataTable table td {font-size:12px; padding:8px 0 8px 10px;}
    #popWrap .viewInfoWrap .dataTable table td textarea {height:70px; font-size:12px; padding:8px;}
    #popWrap .viewInfoWrap .dataTable .vh1 {width:110px;}
    #popWrap .viewInfoWrap .dataTable .divide ul li {padding:0 0 8px 0; margin:0 0 8px 0;}

    #popWrap .viewInfoWrap .summary .sTit {font-size:15px; padding:16px 0 10px;}
    #popWrap .viewInfoWrap .summary table th {padding:8px 0;}
    #popWrap .viewInfoWrap .summary table th span {font-size:13px;}
    #popWrap .viewInfoWrap .summary table td {font-size:12px; padding:4px 0 4px 8px;}
    #popWrap .viewInfoWrap .summary .sth1 {width:116px;}
    #popWrap .viewInfoWrap .summary .sth2 {width:200px;}
    #popWrap .viewInfoWrap .summary .sth3 {width:82px;}
    #popWrap .viewInfoWrap .summary .sth4 {width:110px;}
    #popWrap .viewInfoWrap .summary .sth5 {width:110px;}
    #popWrap .viewInfoWrap .summary .tableGuard {height:300px;}
    #popWrap .viewInfoWrap .moreBtn {margin:6px 0 10px 0;}
    #popWrap .viewInfoWrap .moreBtn a {width:160px; height:36px;}
    #popWrap .viewInfoWrap .moreBtn a span {font-size:13px; line-height:36px;}

    #popWrap .innerBox .tbl th {padding-left: 10px;}
    #popWrap .innerBox .tbl td {padding-left: 15px;}
    #popWrap .innerBox .tbl td > div {display: flex;align-items: center;}
    #popWrap .innerBox .tbl td > div span {font-size: 12px;color:#999;margin-left: 2%;}


    /*** customPopWrap ***/
    .customPopWrap .guCont .innerBox {padding:14px;}
    .customPopWrap .guCont .innerBox .tit {font-size:15px;}
    .customPopWrap #guHead.long {height:0;}
    .customPopWrap #guHead.long .guClosed {right:4px;}
    .customPopWrap #guHead.long .guClosed a {background:url('/images/home/btn/btn_pop_close_m.png') left top no-repeat;}
    .customPopWrap #guTBase {max-width:340px;}
    .customPopWrap #guTBLow {max-width:340px;}
    .customPopWrap #guTMLow {max-width:340px;}
    .customPopWrap #guTWidth {max-width:340px;}


    /* setting */
    .customPopWrap .guCont .innerBox .testDiv .tDtop .ico {position:relative; left:0; bottom:auto; top:0; width:100%; padding:10px 0 0 0; text-align:center;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .ico img {width:40px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .test {margin:0 75px 0 0;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .test p {font-size:13px; padding:6px 0 10px 0;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .test .search {margin:0 0 12px 0;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .test .search.dep {margin:6px 0 10px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .cameraArea {bottom:13px; width:65px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .cameraArea img {width:100%;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea {bottom:13px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul {height:50px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea ul li {width:8px; margin:0 0 0 5px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .base {position:relative; width:60px; overflow:hidden; z-index:2;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy {width:60px; height:50px;}
    .customPopWrap .guCont .innerBox .testDiv .tDtop .volumeArea .dummy ul {width:60px;}
    .customPopWrap .guCont .innerBox .testDiv .tDbom {font-size:13px; padding:12px 0 20px 0;}
    .customPopWrap .guCont .innerBox .testDiv.last .tDtop .ico {bottom:auto;}
    .customPopWrap .guCont .innerBox .testDiv.last .tDbom {padding:12px 0 6px 0;}
    .customPopWrap .setNoti span {font-size:15px; line-height:40px;}


    /* movie preview */
    .customPopWrap .popMView a img {margin:-20px 0 0 -20px; width:40px; height:40px;}
    .customPopWrap .popMViewBig a img {margin:-30px 0 0 -30px; width:60px; height:60px;}

    /* class */
    .customPopWrap .classNoti {font-size:15px; padding:45px 0 32px 0;}
    .customPopWrap .classInfo {padding:20px 0 18px 0;}
    .customPopWrap .classInfo ul li {font-size:14px; padding:5px 0 5px 70px;}
    .customPopWrap .classInfo ul li strong {top:5px; font-size:14px;}
    .customPopWrap .classTime {font-size:13px; padding:0 0 12px 0;}

    .customPopWrap .cReason {padding:0 0 0 70px;}
    .customPopWrap .cReason .tt {top:1px; font-size:14px;}
    .customPopWrap .cReason .reason span.searchStyleSelectBox {height:36px; font-size:12px; background-size:auto 36px; padding:0 30px 0 12px;}
    .customPopWrap .cReason .reason .searchStyleSelectBoxInner {font-size:12px; line-height:34px;}
    .customPopWrap .cancelBox {margin:20px 0 0 0;}
    .customPopWrap .cancelBox .firstNoti {font-size:13px; padding:16px 0 10px;}
    .customPopWrap .cancelBox a {font-size:13px;}
    .customPopWrap .cancelBox .lastNoti {font-size:15px; padding:20px 0 6px;}

    .customPopWrap .timeNoti {font-size:13px; line-height:1.4; padding:16px 0 20px 0;}
    .customPopWrap .timeSet {padding:0 0 16px 0;}
    .customPopWrap .timeSet ul li {margin:0 0 10px 0;}
    .customPopWrap .timeSet .custom-radio label {font-size:14px;}


    /* change pw */
    .customPopWrap .pwTxt {font-size:14px; line-height:1.4; padding:36px 0 22px 0;}
    .customPopWrap .pwChForm {padding:29px 0;}
    .customPopWrap .pwChForm p {font-size:13px; padding:0 0 6px 0;}
    .customPopWrap .pwChForm input {height:36px; line-height:36px;}


    /* change quit */
    .customPopWrap .quitTxt {font-size:14px; line-height:1.4; padding:36px 0 22px 0;}
    .customPopWrap .quitForm {padding:29px 0;}
    .customPopWrap .quitForm p {font-size:13px; padding:0 0 6px 0;}
    .customPopWrap .quitForm input {height:36px; line-height:36px;}


    /* schedule */
    .customPopWrap .dayList {padding:20px 0 15px;}
    .customPopWrap .dayList ul li {width:25px; height:25px; font-size:13px; line-height:25px; font-weight:600;}
    .customPopWrap .popForm {padding:0 0 15px 0;}
    .customPopWrap .popForm .pBox {padding:0 0 10px 55px;}
    .customPopWrap .popForm .pBox:last-child {padding:0 0 0 55px;}
    .customPopWrap .popForm .pBox .tt {left:5px; font-size:13px; line-height:36px;}
    .customPopWrap .popForm .pBox .data input[type='text'] {font-size:12px; height:36px; line-height:34px;}
    .customPopWrap .popForm .pBox .data span.searchStyleSelectBox {height:36px; font-size:12px; background-size:auto 36px; padding:0 30px 0 12px;}
    .customPopWrap .popForm .pBox .data .searchStyleSelectBoxInner {font-size:12px; line-height:34px;}
    .customPopWrap .popForm .pBox .data ul.divide li {float:none; width:90%; margin:0 20px 0 0;}
    .customPopWrap .popForm .pBox .data ul.divide li:first-child {margin:0 0 5px 0;}
    .customPopWrap .popForm .pBox .data ul.divide li:after {background-size:10px 1px;}
    .customPopWrap .popForm .pBox .data .calendar {width:50%; padding:0 34px 0 0;}
    .customPopWrap .popForm .pBox .data .calendar a {position:absolute; right:0; top:5px;}
    .customPopWrap .popForm .pBox .data .calendar a img {width:24px;}
    .customPopWrap .popForm .pBox .data textarea {height:108px; font-size:12px; line-height:1.4; padding:12px;}

    .customPopWrap .tipsWrap .tipBox {padding:10px 0 10px 60px;}
    .customPopWrap .tipsWrap .tipBox .number {top:10px; width:50px; height:50px; font-size:22px; line-height:48px; border-radius:15px;}
    .customPopWrap .tipsWrap .tipBox .tipCont p {font-size:13px; padding:7px 0 10px 0;}
    .customPopWrap .tipsWrap .tipBox .tipCont ul li {padding:0 0 0 15px; font-size:13px;}
    .customPopWrap .tipsWrap .tipBox .tipCont ul li span {font-size:13px;}
    .customPopWrap .tipsWrap .tipBox:last-child {padding:10px 0 15px 60px;}


    /* view info */
    .customPopWrap .viewInfoWrap {padding:12px 0 6px 0;}
    .customPopWrap .viewInfoWrap .information {padding:0;}
    .customPopWrap .viewInfoWrap .information .picInfo {position:relative; left:0; top:0; width:100%; margin:0 0 10px 0;}
    .customPopWrap .viewInfoWrap .information .picInfo .pic {width:50px; height:50px;}
    .customPopWrap .viewInfoWrap .information .picInfo .info .name {font-size:15px; padding:6px 0 0 0;}
    .customPopWrap .viewInfoWrap .information .picInfo .info .bday {font-size:12px;}
    .customPopWrap .viewInfoWrap .information .dataInfo table th {padding:8px 0;}
    .customPopWrap .viewInfoWrap .information .dataInfo table th span {font-size:13px; padding:0 0 0 10px;}
    .customPopWrap .viewInfoWrap .information .dataInfo table th:after {height:10px;}
    .customPopWrap .viewInfoWrap .information .dataInfo table td {font-size:12px; padding:8px 0 8px 10px;}
    .customPopWrap .viewInfoWrap .information .dataInfo .th1 {width:80px;}

    .customPopWrap .viewInfoWrap .dataTable {margin:20px 0 4px 0;}
    .customPopWrap .viewInfoWrap .dataTable table th {padding:8px 0;}
    .customPopWrap .viewInfoWrap .dataTable table th span {font-size:13px; padding:0 0 0 10px;}
    .customPopWrap .viewInfoWrap .dataTable table td {font-size:12px; padding:8px 0 8px 10px;}
    .customPopWrap .viewInfoWrap .dataTable table td textarea {height:70px; font-size:12px; padding:8px;}
    .customPopWrap .viewInfoWrap .dataTable .vh1 {width:110px;}
    .customPopWrap .viewInfoWrap .dataTable .divide ul li {padding:0 0 8px 0; margin:0 0 8px 0;}

    .customPopWrap .viewInfoWrap .summary .sTit {font-size:15px; padding:16px 0 10px;}
    .customPopWrap .viewInfoWrap .summary table th {padding:8px 0;}
    .customPopWrap .viewInfoWrap .summary table th span {font-size:13px;}
    .customPopWrap .viewInfoWrap .summary table td {font-size:12px; padding:4px 0 4px 8px;}
    .customPopWrap .viewInfoWrap .summary .sth1 {width:116px;}
    .customPopWrap .viewInfoWrap .summary .sth2 {width:200px;}
    .customPopWrap .viewInfoWrap .summary .sth3 {width:82px;}
    .customPopWrap .viewInfoWrap .summary .sth4 {width:110px;}
    .customPopWrap .viewInfoWrap .summary .sth5 {width:110px;}
    .customPopWrap .viewInfoWrap .summary .tableGuard {height:300px;}
    .customPopWrap .viewInfoWrap .moreBtn {margin:6px 0 10px 0;}
    .customPopWrap .viewInfoWrap .moreBtn a {width:160px; height:36px;}
    .customPopWrap .viewInfoWrap .moreBtn a span {font-size:13px; line-height:36px;}

    .customPopWrap .innerBox .tbl th {padding-left: 10px;}
    .customPopWrap .innerBox .tbl td {padding-left: 15px;}
    .customPopWrap .innerBox .tbl td > div {display: flex;align-items: center;}
    .customPopWrap .innerBox .tbl td > div span {font-size: 12px;color:#999;margin-left: 2%;}

    .program h2 {font-size: 24px;}

    .program .btn {width: 100%;margin:0 5px;}
    .program .btn.apply {width: 48%;}
    .program .btn.cancel {width: 48%;}

    .program_package {width: 100%;margin:45px auto 0;}
    .program_package + .program_package {margin-top: 50px;}
    .program_package .top {padding:10px;}
    .program_package .top .t1 {font-size: 22px;}
    .program_package .top .t2 {font-size: 14px;margin-top: 10px;line-height: 18px;word-break: keep-all;}
    .program_package .top .t2 b {font-size: 14px;}
    .cont_wrap {padding:0;display: block;}
    .cont_wrap .img_box {margin-right: 0;padding:20px;}
    .cont_wrap .img_box img {width:100%;}
    .cont_wrap .txt_box {padding: 10px;border-left: 0 dotted #c2c2c2;width:100%;box-sizing: border-box;}
    .cont_wrap .txt_box h3 {font-size: 16px;}
    .cont_wrap .txt_box dl {margin-top: 10px;flex-wrap: wrap;}
    .cont_wrap .txt_box dl + h3 {margin-top: 25px;}
    .cont_wrap .txt_box dt {font-size: 14px;padding-left: 10px;position: relative;margin-right: 2px;line-height: 18px;}
    .cont_wrap .txt_box dt::before {content: '';display: block;width: 3px;height: 3px;background-color: #9fa4a8;position: absolute;left: 0;top:9px;border-radius: 2px;}
    .cont_wrap .txt_box dd {font-size: 12px;line-height: 18px;padding-left: 10px;}
    .cont_wrap .txt_box h3 + p {margin-top: 10px; font-size: 16px;font-weight: 200;line-height: 22px;}
    .detail_wrap {margin-top: 15px;padding: 15px 0; border-top: 1px dotted #c2c2c2;position: relative;}
    .detail_wrap a {display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;margin:15px auto 0; background-color: #ea3f45;border-radius: 4px;color:#fff;font-weight: 700;font-size: 14px;}
    .detail_wrap .t1 {font-size: 18px;letter-spacing: -0.03em;}
    .detail_wrap .t1 del {font-size: 18px;padding-right: 10px;}
    .detail_wrap .t1 b {font-size: 18px;}
    .detail_wrap .won {padding-left:25px;margin-top: 15px; font-size: 18px;font-weight: 500; background: url(/images/home/ico/ico_won.png) no-repeat 0 50%;line-height: 22px;}
    .detail_wrap .t2 {margin-top: 10px;font-size: 15px;font-weight: 200;letter-spacing: -0.03em;}
    .detail_wrap .t2 span {font-size: 15px;font-weight: 300;color:#e94b50;}
    .detail_wrap .t3 {font-size: 18px;position: static;text-align: center;margin-top: 10px;}
    .detail_wrap .t3 b {font-size: 30px;font-weight: 700;}

    .automatic_payment {width: 100%;margin:45px auto 0;}
    .automatic_payment.buy {width: 100%;}
    .automatic_payment h3 + .tbl {margin:0 0 45px;}
    .automatic_payment h3:first-child + .tbl {margin:0;}
    .automatic_payment h3 .tit {font-size: 20px;}
    .automatic_payment h3 .stit {font-size: 12px;margin:5px 0 0 0;display: block;}
    .automatic_payment h3 .stit b {font-size: 12px;}
    .pacak_info {display: block; margin-bottom: 40px;}
    .pacak_info .img_box {width: 100%; border: 1px solid #ddd;}
    .pacak_info .img_box img {width: 100%;}
    .pacak_info .txt_box {margin-left: 0;display: block;padding:20px;}
    .pacak_info .txt_box .t1 {font-size: 30px;}
    .pacak_info .txt_box .t2 {margin-top: 10px; font-size: 16px;color:#333;line-height: 25px;}
    .pacak_info .txt_box .t3 {margin-top: 20px;}
    .pacak_info .txt_box .t3 strong {font-size: 20px;}
    .pacak_info .txt_box .t3 strong span {font-size: 30px;}
    .pacak_info .txt_box .t3 > span {font-size: 20px;}
    .automatic_payment h3 {margin-bottom: 15px; font-size: 18px;}
    .automatic_payment .tbl + h3 {margin-top: 50px;}
    .automatic_payment h4 {margin-bottom: 15px; font-size: 16px;}
    .payment_price {padding:20px; display: block;}
    .payment_price .t1 {font-size: 20px;margin-bottom: 5px;}
    .payment_price .t2 strong {font-size: 20px;}
    .payment_price .t2 strong span {font-size: 24px;}
    .payment_price .t2 > span {font-size: 14px;}
    .automatic_payment .list {margin:10px 0 40px;}
    .automatic_payment .list:first-child {margin-top: 0;}
    .automatic_payment .list li {font-size: 14px;padding-left: 15px;margin-bottom: 5px; position: relative;color:#000;line-height: 18px;}
    .automatic_payment .list li::before {content: '*';position: absolute;left:4px;top:2px;}
    .textbook_list {border-top: 2px solid #c2c2c2;}
    .textbook_list > li {padding:20px; display: block;}
    .textbook_list > li.cancel {padding-bottom: 100px;}
    .textbook_list .txt_box {display: block;}
    .textbook_list .txt_box .t1 {font-size: 20px;}
    .textbook_list .txt_box .t2 {margin-top: 5px; font-size: 14px;}
    .textbook_list .txt_box .t2 strong {font-size: 16px;padding-right: 6px;margin-right: 6px;}
    .textbook_list .txt_box .t3 {margin-top: 15px;}
    .textbook_list .txt_box .t3 li {font-size: 12px;}
    .textbook_list .txt_box .t3 li + li {margin-top: 5px;}
    .textbook_list .img_box {margin-top: 10px; width: 100%;display: flex;justify-content: flex-start; gap: 0;}
    .ib_k {width: 24%; height: auto;}
    .textbook_list .img_box img {width: 24%;}
    .textbook_list .img_box .btn_cancel {width: 100%;}
    .textbook_list .cancel_list {height:80px;padding:20px;}
    .textbook_list .cancel_list .t1 {font-size: 13px;}
    .textbook_list .cancel_list .t2 {font-size: 13px;margin-top: 5px;}
    .caution_list {padding:20px 10px;border-top: 2px solid #c2c2c2;}
    .caution_list li {font-size: 14px;line-height: 18px;margin-bottom: 5px;padding-left: 13px;}
    .caution_list li b {font-size: 14px;}
    .btn_payment {display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;margin:30px auto 0;}
    .btn_inquiry {display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;margin:30px auto 0;}
    .program .btn_wrap {display: flex;margin:30px auto 0;justify-content: center;}
    .btn_cancel {display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;margin:30px auto 0;}
    .btn_cancel:hover {color:#fff;}
    .program .btn_wrap .btn_payment {margin: 0 5px;}
    .program .btn_wrap .btn_cancel {margin: 0 5px;}

    .automatic_payment .penalty {margin-top: 60px;}
    .automatic_payment .penalty h4 {padding-left: 10px;position: relative;}
    .automatic_payment .penalty h4::before {content: '';display: block;width: 3px;height: 3px;background-color: #2f2f2f;border-radius: 100%;position: absolute;left: 0;top:5px;}
    .automatic_payment .penalty h4:nth-of-type(2) {margin-top: 20px;}
    .automatic_payment .penalty ol li {margin-top: 20px;color:#333;}
    .automatic_payment .penalty ol li .tit {font-size: 12px;font-weight: 700;}
    .automatic_payment .penalty ol li .txt {font-size: 14px;font-weight: 300;margin-top: 10px;line-height: 1.6;}
    .automatic_payment .penalty h5 {margin-top: 15px;}
    .automatic_payment .penalty h5 span {display: inline-block; padding:8px 15px;background-color: #ececec;border-radius: 20px;font-size: 14px;font-weight: 700;color:#333;}
    .automatic_payment .penalty h5 + p {font-size: 14px;font-weight: 300;color:#333;margin: 10px 0 0 10px;line-height: 1.4;}

    .download_list {margin-top: 25px;padding:20px 10px;}
    .download_list > div {position: static;display: flex;justify-content: space-between;margin-top: 20px;}
    .download_list > div a {width: 49%;}
    .download_list > div a img {width: 100%;}
    .download_list li {margin-bottom: 10px;padding-left: 15px; font-size: 12px;}
    .download_list li::before {content: '※';position: absolute;left:0;top:0;}

    .automatic_payment .info_txt {font-size: 14px;line-height: 20px;}
    .agree_list {margin: 15px 0 40px;padding:10px;border-top: 1px solid #c2c2c2;}
    .agree_list p {font-size: 12px;line-height: 20px;}

    .automatic_payment .agree_all {margin-bottom: 40px;}
    .automatic_payment .agree_all .custom-checkbox label {line-height: 18px;padding-left: 24px; background: url(/images/home/ico/ico_checkbox_r_off.png) no-repeat 0 0 / 18px;}
    .automatic_payment .agree_all .custom-checkbox label.checked {background: url(/images/home/ico/ico_checkbox_r_on.png) no-repeat 0 0 / 18px;}
    .automatic_payment .agree_all .tit .custom-checkbox label {font-size: 18px;}
    .automatic_payment .agree_all .tit {margin-bottom: 18px;}
    .automatic_payment .agree_all ul {border-top: 2px solid #c2c2c2;}
    .automatic_payment .agree_all li {padding:10px;}
    .automatic_payment .agree_all li label {font-size: 14px;}
    .automatic_payment .agree_all a {font-size: 14px;}
    .automatic_payment .info_desc { font-size: 14px; }

    .payment_list {border-top: 2px solid #c2c2c2;}
    .payment_list li {padding:20px; display: block;}
    .payment_list .txt_box {display: flex;justify-content: center;flex-direction: column;}
    .payment_list .txt_box .t1 {font-size: 20px;}
    .payment_list .txt_box .t2 {margin-top: 5px; font-size: 14px;}
    .payment_list .txt_box .t3 {margin-top: 10px;}
    .payment_list .txt_box .t3 strong {font-size: 14px;}
    .payment_list .txt_box .t3 span {font-size: 12px;}
    .payment_list .img_box {margin-top: 10px; width: 100%;display: flex;justify-content: space-between;}
    .payment_list .img_box img {width: 24%;}
    .payment_list .price_txt {margin-top: 15px;}
    .payment_list .price_txt strong {font-size: 14px;}
    .payment_list .price_txt span {font-size: 14px;}

    .mypage h2 {font-size: 24px;}
    .mypage h2 + .stit {margin:30px auto 20px; font-size: 16px;color:#333;line-height: 20px;text-align: center;width: 80%;}
    .btn_more { font-size: 16px; margin: 0.5em auto; }
    .btn_more img { width: 0.7em; }
    .mypage h3 {margin-bottom: 15px; font-size: 18px;}
    .mypage .payment_list + h3 {margin-top: 40px;}
    .mypage .automatic_payment {width: 100%;margin:45px auto 0;}
    /* service_cancel -> background-color: #bdbdbd;*/
    .mypage .service_cancel {display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;margin:30px auto 0; border-radius: 4px;color:black; font-size: 14px; text-decoration:underline; padding-bottom: 50px;}
    /*.mypage .service_cancel:hover {color:#fff;}*/
    .mypage .caution_list2 {margin-top: 25px;padding:20px;}
    .mypage .caution_list2 li {font-size: 12px;line-height: 16px;}
    .mypage .caution_list2 li::before {content: '-';position: absolute;left: 0;}
    .mypage .caution_list2 li b {font-size: 12px;font-weight: 700;}
    .mypage .info_box {margin-top: 40px;padding:25px 0; border-top: 2px solid #c2c2c2;}
    .mypage .info_box .t1 {font-size: 16px;}
    .mypage .info_box .t2 {margin-top: 10px; font-size: 14px;}
    .mypage .info_box .btn_payment {margin-top: 20px;}
    .mypage .txt_cancel {margin-top: 30px;font-size: 14px;}
    .mypage .txt_cancel + .tbl {margin-top: 10px;}
    .mypage .txt_cancel .stxt {display: block;margin-left: 18px;margin-top: 5px; font-size: 12px;}
    .mypage .btn {width: 100%;margin:0 5px;}
    .mypage .btn.apply {width: 48%;}
    .mypage .btn.cancel {width: 48%;}
    .mypage .desc_list {margin-top: 20px;}
    .mypage .desc_list li {font-weight: 200;margin-bottom: 10px;position: relative;padding-left: 15px;line-height: 16px;}
    .mypage .desc_list li::before {content: '-';margin-right: 3px;position: absolute;left: 0;}
    .mypage .desc_list li b {font-size: 12px;}
    .mypage .desc_list + .btn_wrap {margin-top: 30px;}
    .mypage .penalty_payment {padding:20px 40px; font-size: 14px;line-height: 20px;}


    .program .caution_list2 {margin-top: 25px;padding:20px;}
    .program .caution_list2 li {font-size: 12px;line-height: 16px;}
    .program .caution_list2 li::before {content: '-';position: absolute;left: 0;}
    .program .caution_list2 li b {font-size: 12px;font-weight: 700;}
}