@charset "utf-8";
:root {
    /* color */
    --black: #1B1B1B;
    --white: #ffffff;
    --blue: #3999FF;
    --main-color: #1f63c9;
    --darkgray: #616161;
    --gray: #919191;
    --lightgray: #CCCCCC;
    --ex-lightgray: #EEEEEE;
    --yellow: #FFC328;
    --orange: #FFA843;
    --purple: #985CD4;
    --green: #65C378;
    --skyblue: #8FBCFF;
    --darkblue: #071832;
    --red: #FF4A4A;
    --red2: #c91f5b;

    /* font-size */
    --main-title: 32px;
    --sub-title: 18px;
    --large-title: 30px;
    --lounge-title: 28px;
    --header-title: 22px;
    --content-title: 24px;
    --content-sub-title: 20px;
    --large-text: 36px;
    --main-text: 18px;
    --sub-text: 16px;
    --small-text: 14px;
    --ex-small-text: 12px;
    --mo-ex-small-text: 10px;

    /* background color */
    --bg-black: #111111;
    --bg-lightgray: #F4F5F7;
    --bg-gray: #E5E6E8;

    /* transition */
    --transition: 0.3s;
}
/* scrollbar */
body, .scrollbar-y, textarea {overflow-y: auto;}
body::-webkit-scrollbar, .scrollbar-y::-webkit-scrollbar, textarea::-webkit-scrollbar, .popup-wrap.h-large .popup-body::-webkit-scrollbar {width: 5px;height: 5px;}
body::-webkit-scrollbar-thumb, .scrollbar-y::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, .popup-wrap.h-large .popup-body::-webkit-scrollbar-thumb {background-color: var(--lightgray);border-radius: 40px;border: 1px solid transparent;background-clip: content-box;}
body::-webkit-scrollbar-track, .scrollbar-y::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, .popup-wrap.h-large .popup-body::-webkit-scrollbar-track {border-radius: 40px;background-color: transparent;}
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment, .scrollbar-y::-webkit-scrollbar-button:start:decrement, .scrollbar-y::-webkit-scrollbar-button:end:increment,  .scrollbar-x::-webkit-scrollbar-button:start:decrement, .scrollbar-x::-webkit-scrollbar-button:end:increment,.popup-wrap.h-large .popup-body:start:decrement, .popup-wrap.h-large .popup-body:end:increment {display: none}
.scrollbar-x {overflow-x: auto !important;}
.scrollbar-x::-webkit-scrollbar {width: 5px;height: 5px;}
.scrollbar-x::-webkit-scrollbar-thumb {background-color: var(--lightgray);border-radius: 10px;border: 1px solid transparent;background-clip: content-box;}
.scrollbar-x::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}

/* CSS Document */
body {margin:0;padding:0;overflow-y: scroll;-webkit-text-size-adjust: none;}
body.scroll_off::-webkit-scrollbar{display: none;}
body.scroll::-webkit-scrollbar{display:block!important;width:15px;}
body.scroll::-webkit-scrollbar-thumb{background-color: #999;}
body.bg_g{background:#F6F6F6;}

/*reset*/
html, body, div, span, object, param, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,address, big, cite, code, del, dfn, em, font, img, ins,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, br {margin: 0; padding: 0;font-style:normal;box-sizing:border-box;}
ol, ul, li {list-style : none;}
.r {border:solid 1px #ccc;border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; padding:5px;}

a,img {border:none;text-decoration:none;}
a {color:#2e2e2e;-webkit-tap-highlight-color: transparent;}
a:hover,a:focus {color:var(--main-color);}
.clear {clear:both}

/*width px*/
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}

/*margin-top px*/
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mt65{margin-top:65px}.mt70{margin-top:70px}.mt75{margin-top:75px}.mt80{margin-top:80px}.mt85{margin-top:85px}.mt90{margin-top:90px}.mt95{margin-top:95px}.mt100{margin-top:100px}
/*margin-bottom px*/
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}.mb65{margin-bottom:65px}.mb70{margin-bottom:70px}.mb75{margin-bottom:75px}.mb80{margin-bottom:80px}.mb85{margin-bottom:85px}.mb90{margin-bottom:90px}.mb95{margin-bottom:95px}.mb100{margin-bottom:100px}
/*margin-right px*/
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr60{margin-right:60px}.mr65{margin-right:65px}.mr70{margin-right:70px}.mr75{margin-right:75px}.mr80{margin-right:80px}.mr85{margin-right:85px}.mr90{margin-right:90px}.mr95{margin-right:95px}.mr100{margin-right:100px}

/*width %*/
.w10p{width:10% !important}.w20p{width:20% !important}.w30p{width:30% !important}.w40p{width:40% !important}.w50p{width:50% !important}.w60p{width:60% !important}.w70p{width:70% !important}.w80p{width:80% !important}.w90p{width:90% !important}.w100p{width:100% !important}
.w5p{width:5% !important}.w15p{width:15% !important}.w25p{width:25%}.w35p{width:35% !important}.w45p{width:45% !important}.w55p{width:55% !important}.w65p{width:65% !important}.w75p{width:75% !important}.w85p{width:85% !important}.w95p{width:95% !important}.w98p{width:98%;}

/*height px*/
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}
.h10p{height:10% !important}.h20p{height:20% !important}.h30p{height:30% !important}.h40p{height:40% !important}.h50p{height:50% !important}.h60p{height:60% !important}.h70p{height:70% !important}.h80p{height:80% !important}.h90p{height:90% !important}.h100p{height:100% !important}

/*height %*/
.h5p{height:5% !important}.h15p{height:15% !important}.h25p{height:25% !important}.h35p{height:35% !important}.h45p{height:45% !important}.h55p{height:55% !important}.h65p{height:65% !important}.h75p{height:75% !important}.h85p{height:85% !important}.h95p{height:95% !important}.h98p{height:98% !important}

/*float*/
.fl {float:left} .fr {float:right}

/*margin %*/
.ml1p{margin-left:1% !important}.ml2p{margin-left:2% !important}.ml3p{margin-left:3% !important}.ml4p{margin-left:4% !important}.ml5p{margin-left:5% !important}.ml10p{margin-left:10% !important}.ml15p{margin-left:15% !important}.ml20p{margin-left:20% !important}.ml25p{margin-left:25% !important}.ml30p{margin-left:30% !important}.ml35p{margin-left:35% !important}.ml40p{margin-left:40% !important}.ml45p{margin-left:45% !important}.ml50p{margin-left:50% !important}.ml55p{margin-left:55% !important}.ml60p{margin-left:60% !important}.ml65p{margin-left:65% !important}.ml70p{margin-left:70% !important}.ml75p{margin-left:75% !important}.ml80p{margin-left:80% !important}.ml95p{margin-left:95% !important}.ml100p{margin-left:100% !important}

/*border-radius px*/
.cr5{border-radius:5px !important;-moz-border-radius:5px !important;-webkit-border-radius:5px !important}
.cr10{border-radius:10px !important;-moz-border-radius:10px !important;-webkit-border-radius:10px !important}
.cr15{border-radius:15px !important;-moz-border-radius:15px !important;-webkit-border-radius:15px !important}
.cr20{border-radius:20px !important;-moz-border-radius:20px !important;-webkit-border-radius:20px !important}
.cr25{border-radius:25px !important;-moz-border-radius:25px !important;-webkit-border-radius:25px !important}
.cr30{border-radius:30px !important;-moz-border-radius:30px !important;-webkit-border-radius:30px !important}
.cr35{border-radius:35px !important;-moz-border-radius:35px !important;-webkit-border-radius:35px !important}
.cr40{border-radius:40px !important;-moz-border-radius:40px !important;-webkit-border-radius:40px !important}

/*text-align*/
.left {text-align:left !important}
.center {text-align:center !important}
.right {text-align:right !important}

/* 슬릿 스타일 */
.slit {
    position: relative;
}
.slit::after {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    width: 34px;
    height: 34px;
    border-right: 34px solid transparent;
    border-top: 34px solid var(--white);
    transition: 0.3s;
}

/* hover 시 위로 떠오르는 효과 */
.floating {
    transform: translateY(0);
    transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
    .floating:hover {
        transform: translateY(-15px);
    }
}


.col-3 {
    width: calc(33.3333% - (2 / 3) * (min(1.0416vw, 20px)));
}
/* 아이콘 */
.icon {
    display: block;
    background-image: url('/img/common/image-sprite.svg');
    background-repeat: no-repeat;
    font-size: 0;
}
.icon.left-arrow-14 {
    width: 14px;
    height: 14px;
    background-position: -564px -38px;
    transform: rotate(-180deg);
}
.icon.right-arrow-14 {
    width: 14px;
    height: 14px;
    background-position: -564px -38px;
}
.icon.down-arrow-14 {
    width: 14px;
    height: 14px;
    background-position: -564px -38px;
    transform: rotate(90deg);
}
.icon.right-arrow-16 {
    width: 16px;
    height: 16px;
    background-position: -538px -37px;
}
.icon.left-arrow-20 {
    width: 20px;
    height: 20px;
    background-position: -594px -34px;
}
.icon.right-arrow-20 {
    width: 20px;
    height: 20px;
    background-position: -629px -34px;
}
.icon.tip {
    width: 20px;
    height: 20px;
    background-position: -172px -87px;
}
.icon.close {
    width: 30px;
    height: 30px;
    background-position: -463px -77px;
}
.icon.close-wh {
    width: 24px;
    height: 24px;
    background-position: -424px -80px;
}
.icon.close-16 {
    width: 16px;
    height: 16px;
    background-position: -973px -34px;
}
.icon.close-18,
.icon.img-delete {
    width: 18px;
    height: 18px;
    background-position: -859px -34px;
}
.icon.close-24 {
    width: 24px;
    height: 24px;
    background-position: -578px -79px;
}
.icon.close-30 {
    width: 30px;
    height: 30px;
    background-position: -463px -77px;
}
.icon.search {
    width: 24px;
    height: 24px;
    background-position: -781px -34px;
}
.icon.info {
    width: 20px;
    height: 20px;
    background-position: -172px -87px;
}
/*inputBox*/
.inputBox {height:30px;margin-top:10px;width:250px}
.inputBox label {background-color:var(--white);border:0;font-size:12px;color:#333;text-align:left}
.inputBox label:hover {background-color:var(--white);border:0;font-size:12px;color:#333 !important;text-align:left;padding:0 !important;;font-weight:bold !important}
.inputBox {font-size:12px;line-height:30px}
.inputBox .ui-state-active {background-color:var(--white) !important;border:0px !important;color:#121212 !important;font-weight:bold}
.textWhite {color:var(--white) !important}
.textRed {color:#F00 !important}
.textWhite {color:var(--white) !important}
.textBlue {color:#03C !important}
.textGreen {color:#2ab413 !important}
.textSky {color:#1f63c9 !important}
.inp_corner {border-radius:0px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:left;border:solid 1px #cdd0d8;padding-left:10px}
.inp_corner:focus {border:solid 1px #FF0000}
.button_corner {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:left;border:solid 1px #cdd0d8}
.copyMail {padding:20px 0;text-align:center;font-size:18px}

header section,header article {width:100%}
.r10 {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.rtop10 {border-top-left-radius:10px;-moz-border-top-left-radius:10px;-webkit-border-top-left-radius:10px;
border-top-right-radius:10px;-moz-border-top-right-radius:10px;-webkit-border-top-right-radius:10px}
.rbottom10 {border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px}
.b {font-weight:bold;}
.blind{position:absolute;top:-9999px;font-size:0;line-height:0;}
.underLine{width:100%;  border-bottom:solid 1px #dddddd;}
.tar{text-align: right;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline:none!important;}
.p0 {padding:0 !important;}

/* popup */
.popup {z-index:100}
.popupContent {position:relative;display:inline-block;width:100%;height:100%;background-color:var(--white);border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;z-index:100}
.gridBox5 {margin-left:-50%}
.block1{width:100px}.block2{width:200px}.block3{width:300px}.block4{width:400px}.block5{width:500px}.block6{width:600px}.block7{width:700px}.block8{width:800px}.block9{width:900px}.block10{width:1000px}
.round_button {margin-top:10px;text-align:center;}
.round_button a{position:relative;display:inline-block;font-size:14px;width:200px;height:34px;line-height:34px;text-align:center;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;border:solid 1px #d6d6d6;}
.round_button a:hover{background-color:#1f63c9;color:var(--white)}


/*login*/
.mem_login .layout {padding:20px 35px;}
.mem_login .layout .profile .img {text-align: center;}
.mem_login .layout .profile .img img {width:109px;height:109px;border-radius:100%;}
.mem_login .layout .profile .img strong {font-weight:bold;display:inline-block;font-size:16px;color:#1f63c9;padding-top:10px;}
.mem_login .layout .profile .img span {margin-left:5px;font-weight:bold;display:inline-block;font-size:23px;color:#222;padding-top:10px;}
.mem_login .layout .r_box {margin-top:27px;}
.mem_login .layout li span {font-size:14px;line-height:35px}
.mem_login .layout input[type="text"],.mem_login .layout input[type="password"] {padding-top:6px;padding-bottom:6px;width:98%;font-size:14px}
.mem_login .layout input[type="button"],.mem_login .layout label[type="button"]{padding-top:6px;padding-bottom:6px;font-size:14px;background-color:var(--white);height:44px;text-align:center;font-weight:bold;line-height:31px;}
.mem_login .autoLogin .find {color:#b0b0b0;font-size:11px;text-align:right}
.mem_login .autoLogin .find a {border-bottom:solid 1px #b0b0b0;line-height:21px;color:#b0b0b0}
.mem_login .submitArea {clear:both}
.mem_login .submit {width:100%;font-size:16px;font-weight:bold;height:46px;line-height:46px;background-color:#1f63c9;border:none;text-align:center;color:var(--white)}
.mem_login .desubmit {width:100%;font-size:16px;height:46px;line-height:46px;background-color:#d1d1d1;border:none;text-align:center;color:var(--white);padding-left:0px}
.mem_login .memjoin {display:inline-block;width:368px;font-size:16px;font-weight:bold;height:46px;line-height:46px;background-color:var(--white);border:solid 1px #d6d6d6;text-align:center;margin-top:10px}
.mem_login .memjoin {display:inline-block;width:100%;font-size:16px;font-weight:bold;height:46px;line-height:46px;background-color:var(--white);border:solid 1px #d6d6d6;text-align:center;margin-top:10px;padding-left:0px;}
.mem_login .bbottom {display:inline-block;width:110px;font-size:14px;font-weight:bold;height:46px;line-height:46px;background-color:var(--white);border:solid 1px #d6d6d6;text-align:center;margin:30px auto}
.mem_login .layout .find_id_error_txt p {text-align:center;margin-top:-5px;font-size:11px;}
.mem_login .ui-datepicker-trigger {width:30px;height:30px;}
#h_cp_biz_sdate.bizinfo_teacher_Datepicker {display:inline-block;width:120px;height:10px;margin-top:1px;}
#h_cp_biz_edate.bizinfo_teacher_Datepicker {display:inline-block;width:120px;height:10px;margin-top:1px;}
.ui-datepicker{ font-size: 12px; width: 200px; }
.ui-datepicker select.ui-datepicker-month{ width:100%; font-size: 12px; }
.ui-datepicker select.ui-datepicker-year{ width:100%; font-size: 12px; }
.mem_login .start_date .txt{font-size:13px;line-height:1.4;color:#777;margin-top:5px;}
.mem_login .start_date .date_txt{display:inline-block;font-weight:600;margin-left:10px;}
.mem_login .date_box{position:relative;display:inline-block;background:var(--white);border:1px solid #aaa;padding:3px 15px 5px;cursor: pointer;}
.mem_login .date_box .date{position:absolute;top:0;right:0;width:1px!important;height:1px;background:transparent;outline:0;border:0;padding:0!important;}
.mem_login .date_box label{font-size:14px;color:#aaa;transition:.1s all;cursor:pointer;}
.mem_login .date_box label::after{ content: ''; display: inline-block; vertical-align: middle; width:6px; height: 6px; border-left:2px solid #aaa; border-bottom: 2px solid #aaa; transform: rotate(-135deg); margin:-3px 0 0 5px;}
.mem_login .date_box label:hover{color:#222;}


.mem_login .new {width:49%;font-size:16px;font-weight:bold;height:115px;line-height:115px;background-color:#1f63c9;border:none;text-align:center;color:var(--white)}
.mem_login .con {width:49%;font-size:16px;font-weight:bold;height:115px;line-height:115px;background-color:var(--white);border:solid 1px #d6d6d6; box-sizing:border-box ;text-align:center;color:#121212}

.popTitle {height:60px;border-bottom:solid 1px #e7e7e7;text-align:center;line-height:60px;font-weight:bold}
.layout .popDocument {font-size:15px;color:#999;line-height:20px;margin-top:5px;margin-bottom:20px}
.layout .time {font-size:12px;color:#999;text-align:right;margin-top:5px}
.layout h4 {font-size:13px;line-height:30px;font-weight:bold;margin-top:10px}
.layout textarea {color:#999;font-size:12px;padding:10px}
.layout .radio {font-size:14px;line-height:30px}
.layout .docu {font-size:11px;color:#aaa;line-height:24px}
.layout .bline {border-bottom:solid 2px #ececec;height:40px;margin-bottom:20px}
.layout .contitle {padding-left:0px;padding-right:10px;font-size:15px;font-weight:bold;line-height:40px;border-bottom:solid 2px #ff4739;box-sizing:border-box;display:table-cell}
.layout select {height:42px}
.txtG {color:#aaaaaa}
.txtR {color:#ff5858}
.readonly {background-color:#f0f0f0}
.mem_login .steps {background-color:#f9f9f9;height:110px;border-bottom:solid 1px #e7e7e7;text-align:center}
.mem_login .steps img {margin-top:14px}

.checkImg {display:inline-block;vertical-align:middle;background:url(/img/common/radio.png) no-repeat;height:18px;width:18px}
.checkImg_on {display:inline-block;vertical-align:middle;background:url(/img/common/radio_on.png) no-repeat;height:18px;width:18px}
.checkImg2 {display:inline-block;vertical-align:middle;background:url(/img/common/radio2.png) no-repeat;height:18px;width:18px}
.checkImg2_on {display:inline-block;vertical-align:middle;background:url(/img/common/radio2_on.png) no-repeat;height:18px;width:18px}
.contact_answer {cursor:pointer;color:#1f63c9;font-weight:bold;font-size:15px;}
.contact_answer:hover {font-weight:bold;}

.memberLogin label, input {display:block;line-height:30px;height:30px}
.memberLogin input.text {margin-bottom:12px; width:100%; padding: .4em 0;text-align:center}
.memberLogin fieldset {padding:0; border:0}
.memberLogin h1 {font-size: 1.2em;margin: .6em 0}
.memberLogin {margin:20px 0;font-size:13px}
.memberLogin table {margin:1em 0; border-collapse: collapse;width:100%}
.memberLogin table td, .memberLogin table th {border:1px solid #ccc;padding: .6em 10px;text-align:left}
.ui-dialog .ui-state-error {padding: .3em}
.validateTips { border: 1px solid transparent;padding:0.3em}
.memberLogin .phoneNumber .ui-state-active {width:100%}
.memberLogin .myEmail .ui-button {width:100%}
.memberLogin div {position:relative}
.memberLogin .autoLogin {height:30px;margin-top:10px}
.memberLogin .autoLogin label {background-color:var(--white);border:0;font-size:12px;color:#333;width:90px !important;text-align:left}
.memberLogin .autoLogin label:hover {background-color:var(--white);border:0;font-size:12px;color:#333;width:90px !important;text-align:left}
.memberLogin .autoLogin p {font-size:12px;line-height:30px}
.memberLogin .autoLogin .fr {padding:.4em 0;line-height:25px}
.memberLogin .memjoin {width:100%;padding-left:0;padding-right:0;margin-top:30px}

/*bizinfo 팝업창원본크기*/
.mem_login.rtop10.rbottom1.input_bizinfo {width:600px;margin-top:0;top:0;margin-left:-300px;}
.mem_login.rtop10.rbottom10.regi-complete {width:600px;margin-top:0;top:4%;margin-left:-450px;}
.mem_login.rtop10.rbottom10.regi-complete1 {width:600px;margin-top:0;top:4%;margin-left:-300px;}
.mem_login.rtop10.rbottom10.regi-complete2 {width:600px;margin-top:0;top:4%;margin-left:-300px;}
.popButtonArea,.bbsbuttonArea {margin-top:30px}.popDocument {margin-bottom:10px}
.memberLogin .checkPhoneNumber {position:relative}
.checkPhoneNumber .timeSet {position:absolute;top:45px;right:5px}
.ui-state-active{color:var(--white)}
.submitArea .ui-state-active {width:100%}
.subTitle {position:relative}
.subTitle h4 {margin-bottom:7px;margin-top:10px}
.subTitle span {font-size:12px;color:#777;position:absolute;top:2px;right:5px}
.joinStep {width:100%;display:inline-block;position:relative;margin-bottom:30px}
.joinCheck {text-align:center}
.joinCheck a {height:130px;vertical-align:middle;line-height:130px}
.joinComplete {text-align:center}
.joinComplete a {padding:5px 0;vertical-align:middle;margin-top:6px;font-weight:normal}
.joinComplete a b {font-size:16px;font-weight:bold}
.memberLogin h4{font-weight:bold;font-size:14px}
.buttonM {line-height:24px;font-weight:bold;height:24px;padding:0}
.buttonH {line-height:40px;font-weight:bold;height:40px;padding:0}
.ui-button {line-height:40px;font-weight:bold;height:40px;padding:0}
.midbutton {padding-left:10px;padding-right:10px}


.cheky {position:relative}
.cheky .title {font-size:14px;padding-bottom:10px;font-weight:bold}
.cheky .docu {font-size:12px}
.rboxc {width:150px;margin:0 auto}
.clear.docu.bizinfo_alert_msg {color:red;font-weight:bold;}

.regist {margin:1em 0; border-collapse: collapse;width:100%}
.memberLogin .regist th {border:1px solid #ccc;padding: .2em 5px !important;text-align:left;position:relative;font-size:12px;color:#777;font-weight:normal}
.regist td select {height:28px;cursor:pointer}
.regist label,.memberLogin .regist input {display:block;line-height:24px;height:24px}
.regist input.text {width:60%;margin-bottom:0px !important;padding:.1em 0;text-align:center}
.checkBox label {border:0px !important;background-color:var(--white) !important;text-align:left;float:left;display:block;color:#777 !important}
.checkBox .checkbox {display:inline-block;vertical-align:middle;background:url(/img/common/check.png) no-repeat;height:18px;width:18px}
.checkBox div {font-size:13px;margin:6px 0}
.checkBox .checkbox_on {display:inline-block;vertical-align:middle;background:url(/img/common/check_on.png) no-repeat;height:18px;width:18px}
.checkBox.mailing_agreement .w25p.fl {width:100%;display:inline-block;}

.myProfile .regist {margin:1em 0; border-collapse: collapse;width:100%}
.myProfile .regist td,.myProfile .regist th {border-bottom:1px solid #ccc;border-right:0px solid #999;padding: 1em 5px !important;text-align:left;position:relative;font-size:12px;color:#777;font-weight:normal}
.myProfile .regist td select {height:28px;cursor:pointer}
.myProfile .regist label,.myProfile .regist input {display:block;line-height:24px;height:24px}
.myProfile .regist input.text {width:60%;margin-bottom:0px !important;padding:.1em 0;text-align:center}
.myProfile .regist fieldset {border:0px}
.myProfile .regist label {font-size:12px}

.service .regist {margin:1em 0; border-collapse: collapse;width:100%}
.service .regist td,.service .regist th {border-bottom:1px solid #ccc;border-right:0px solid #999;padding: 1em 5px !important;text-align:left;position:relative;font-size:12px;color:#777;font-weight:normal}
.service .regist td select {height:28px;cursor:pointer}
.service .regist label,.service .regist input {display:block;line-height:24px;height:24px}
.service .regist input.text {width:60%;margin-bottom:0px !important;padding:.1em 0;text-align:center}
.service .regist fieldset {border:0px}
.service .regist label {font-size:12px}

.funclass .subContents {text-align:center; }

/* HTML5 요소초기화 */
article, aside, figure, figure img,figcaption, hgroup, footer, header,.nav, section, video, object {display:block;}

/* 공통요소 */
/* 헤더 신규 css */
body{overflow-x: hidden;overflow-y: auto;}
.header{transition:.3s;}
.header-inner{width:90%;max-width:1440px;margin:0 auto;}
.header .menu_wrap{position:relative;font-family: Pretendard;}
.header .gnb .top-menu{width:100%;height:100px;border-bottom:1px solid #CCCCCC;}
.header .gnb .top-menu .header-inner{position:relative;display:flex;justify-content:center;height:100%;max-width:1440px;}
.header .gnb .logo-area{position:absolute;top:50%;left:0;width:93px;height:60px;transform:translateY(-50%);}
.header .logo-area .logo,.header .logo-area .logo img{display:block;width:100% !important;height:auto;}
.header .gnb .nav{height:100%;font-size:var(--main-text);}
.header .gnb .nav .menu-list{display:flex;align-items:center;justify-content:center;height:100%;transition:0.1s;}
.header .gnb .nav .menu-list::after{content:'';display:none;position:absolute;top:100px;left:-100%;right:-100%;height:200px;background-color:var(--white);opacity:0;z-index:5;border-bottom:1px solid #CCCCCC;}
.ro_stu .header .gnb .nav .menu-list::after{height:325px}
.header .gnb .nav.on .menu-list::after{display:block;opacity:1;}
.header .gnb .nav.on .menu-list .depth2{display:block;opacity:1;}
.header .gnb .nav .menu{position:relative;height:100%;}
.header .gnb .nav .menu .depth1{display:flex;flex-direction:column;justify-content:center;width:160px;height:100%;text-align:center;font-family: Pretendard;font-weight: 700;}
.header .gnb .nav .menu .depth1::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--main-color);opacity:0;}
.header .gnb .nav .menu:hover .depth1,.header .gnb .nav .menu .depth1.selected{color:var(--main-color);font-weight:700;}
.header .gnb .nav .menu:hover .depth1::after,.header .gnb .nav .menu .depth1.selected::after{opacity:1;}
.header .gnb .nav .depth2{position:absolute;display:none;width:100%;height:200px;z-index:10;opacity:0;}
.ro_stu .header .gnb .nav .depth2{height:325px}
.header .gnb .nav .menu:hover .depth2{display:block;background-color:var(--bg-lightgray);opacity:1;}
.header .gnb .nav .depth2 .link{display:block;height:40px;line-height:40px;color:var(--gray);font-size:var(--small-text);text-align:center;font-family: Pretendard;}
.header .gnb .nav .depth2 .link:hover{color:var(--main-color);font-weight:700;}
.header .gnb .nav .depth2 li .link.selected{color:var(--black);font-weight:700;}
.header .gnb .link-area{display:flex;align-items:center;gap:0 30px;position:absolute;right:0;top:50%;z-index:10;transform:translateY(-50%);}
.header .gnb .auth-area{position:relative;}
.header .gnb .auth-area .before-login,.header .gnb .auth-area .after-login{display:flex;white-space:nowrap;}
.header .gnb .auth-area .before-login{gap:0 40px;}
.header .gnb .auth-area .before-login .link{color:var(--black);font-weight:500;font-size:var(--main-text);line-height:130%;opacity:0.5;}
.header .gnb .auth-area .before-login .link:hover{opacity:1;}
.header .gnb .auth-area .after-login{align-items:center;gap:0 24px;position:relative}
.header .gnb .auth-area .alerts{display:block;width:36px;height:36px;font-size:0;background:url('/img/common/alarm.png') no-repeat center}
.header .gnb .auth-area .alerts.active{background:url('/img/common/alarm_on.png') no-repeat center}
.header .gnb .auth-area .profile{display:block;width:50px;height:50px;border-radius:50%;overflow:hidden;font-size:0;}
.header .gnb .auth-area .profile img{width:100%;height:100%;object-fit:cover;}
.header .gnb .auth-area .item{position:relative;white-space:nowrap;}
.header .gnb .auth-area .login{position:relative;}
.header .gnb .bottom-menu{width:100%;height:60px;border-bottom:1px solid #CCCCCC;}
.header .gnb .bottom-menu .menu-list{display:flex;justify-content:center;gap:0 50px;height:100%;}
.header .gnb .bottom-menu .menu{min-width:120px;color:var(--black);font-weight:500;font-size:18px;line-height:130%;}
.header .gnb .bottom-menu .menu .link{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;text-align:center;opacity:0.5;color:inherit;}
.header .gnb .bottom-menu .menu .link:hover,.header .gnb .bottom-menu .menu .link.selected{font-weight:700;opacity:1;}
.header .kinderbox{position:relative;width:120px;height:35px;border:1px solid #1B1B1B;border-radius:50px;}
.header .kinderbox .link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;line-height:130%;font-size:18px;color:inherit;opacity:0.85;}
.header .kinderbox .alarm_count {
    position: absolute;
    top: -8px;
    right: 12px;
    z-index: 10;
    min-width: 20px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px 0 rgba(244,54,30,.16);
    box-shadow: 0 2px 4px 0 rgba(244,54,30,.16);
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 10px;
    background-color: #f4361e;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 0.85rem;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff
}

.my-dropdown-wrap{display:none;position:absolute;top:66px;right:calc(-50% + -25px);z-index:10;width:150px;color:var(--darkgray);box-shadow:0px 0px 30px rgba(27,27,27,0.2);}
.my-dropdown-wrap.on{display:block;}
.my-dropdown-wrap::before{content:'';display:block;width:12px;height:12px;background-color:var(--white);position:absolute;top:-6px;left:50%;transform:translateX(-50%)rotate(45deg);}
.my-dropdown-wrap .dropdown-area{background-color:var(--white);}
.my-dropdown-wrap .dropdown-list{margin-bottom:10px;border-bottom:1px solid var(--ex-lightgray);}
.my-dropdown-wrap .dropdown-list:last-child{margin-bottom:0;border-bottom:none;}
.my-dropdown-wrap .dropdown-list .dropdown-item{height:60px;line-height:60px;}
.my-dropdown-wrap .link{display:block;width:100%;height:100%;text-align:center;font-family: Pretendard;color:inherit;}
.my-dropdown-wrap .logout-area{height:60px;line-height:60px;background-color:var(--bg-lightgray);}

.alert-wrap{display:none;position:absolute;top:97px;z-index:10;max-height:400px;box-shadow:0px 0px 30px rgba(27,27,27,0.2);}
.alert-wrap.on{display:block;}
.alert-area{width:400px;max-height:400px;background-color:var(--white);transition:var(--transition);}
.alert-wrap::after{content:'';display:block;width:12px;height:12px;background-color:var(--bg-lightgray);position:absolute;top:-6px;right:80px;z-index:-1;transform:rotate(45deg);}
.alert-wrap .alert-title-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 20px;background-color:var(--bg-lightgray);line-height:60px;}
.alert-wrap .alert-title{font-size:var(--sub-text);font-family: Pretendard;}
.alert-wrap .alert-title .num{color:var(--main-color);font-weight:700;}
.alert-wrap .alert-title-wrap .alert-close{display:none;position:absolute;top:50%;right:18px;width:17px;height:17px;transform: translateY(-50%);background:url('/img/common/icon_close1.png') center / 17px auto no-repeat;text-indent: -9999px;}
.alert-wrap .alert-list{width:100%;max-height:340px;padding:3px 0;}
.alert-wrap .alert-list .alert{background:var(--white) !important}
.alert-wrap .alert-list .alert .link{position:relative;display:block;padding:1.0416vw 15px 1.0416vw 20px;}
.alert-wrap .alert-list .alert .link::after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:var(--ex-lightgray);}
.alert-wrap .alert-list .alert:last-child .link{border-bottom:none;margin-bottom:0;}
.alert-wrap .alert-list .alert:last-child .link::after{display:none;}
.alert-wrap .alert-list .alert .alert-text{color:var(--darkgray);font-size:var(--sub-text);line-height:150%;word-break:keep-all;}
.alert-wrap .alert-list .alert.no-alert-text{padding:47px 0;text-align:center;color:var(--gray);font-size:var(--sub-text);line-height:130%;font-family: Pretendard;}
.alert-wrap .alert-list .alert .alert-text.unread{color:var(--main-color);}
.alert-wrap .alert-list .alert .alert-text span{font-weight:700;}
.alert-wrap .alert-list .alert .alert-detail{width:100%;margin-top:2px;color:var(--gray);font-size:var(--small-text);line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.alert-wrap .alert-list .alert .alert-date{margin-top:8px;color:var(--gray);font-size:var(--small-text);line-height:150%;}
@media (hover:hover) and (pointer:fine){
	.header .kinderbox:hover{opacity:1;}
	.my-dropdown-wrap .dropdown-list .dropdown-item:hover,.my-dropdown-wrap .logout-area:hover{color:var(--black);}
	.alert-wrap .alert-list .alert:hover .alert-text{color:var(--black);}
	.alert-wrap .alert-list .alert:hover .alert-text.unread{color:var(--main-color);}
}
@media all and (min-width:1920px){
	.header-inner{max-width:unset;width:75vw;}
}
@media all and (max-width:1320px){	
	.header-inner{max-width:unset;}
	.header .gnb .nav{margin-left:4vw}
	.header .gnb .nav.ko{margin-left:-6vw}
	.header .gnb .nav.ko .menu .depth1{width:12vw}
	.header .gnb .auth-area .after-login{gap:0 12px}
	.header .gnb .link-area{gap:0 15px}
	.header .gnb .bottom-menu .menu-list{margin-left:4vw}
	.header .gnb .bottom-menu .menu-list.ko{margin-left:0}
}

@media all and (max-width:768px){
	.header>.menu_wrap>.mo .menu-wrap.on .menu-inner{width:calc(100vw - 40px);}
	.alert-area{width:calc(100vw - 40px) !important;}
}

@media all and (max-width:1024px){
	.scroll-block{overflow: hidden !important;touch-action: none}
	@media (hover:hover) and (pointer:fine){
		.scroll-block{padding-right:2.5px}
	}
	.dim {content: '';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;min-height: calc(var(--vh, 1vh) * 100);background-color: rgb(27, 27, 27);visibility: hidden;opacity: 0;transition: opacity var(--transition);}
	.on .dim {opacity: 0.7;visibility: visible;}
	.header .gnb{display:none;}
	.header>.menu_wrap>.mo{display:block;position:relative;transition:var(--transition);}
	.header>.menu_wrap>.mo .top{position:relative;display:flex;align-items:center;width:100%;height:60px;padding:0 15px;border-bottom:1px solid var(--lightgray);background-color:var(--white);}
	.header>.menu_wrap>.mo .logo-area{display:block;width:54px;height:auto;}
	.header>.menu_wrap>.mo .top .btn-mo-menu{position:absolute;top:16px;right:15px;display:block;width:24px;height:24px;background:url('/img/common/menu_mo2.png') center / 24px auto no-repeat var(--white);border:none;font-size:0;z-index:9;cursor:pointer;}
	.header>.menu_wrap>.mo .top .btn-mo-alert{display:none;position:absolute;top:19px;right:54px;width:18px;height:19px;background-image:url('/img/common/alarm.png');background-size:18px auto;background-color:transparent;border:none;font-size:0;}
	.header>.menu_wrap>.mo .menu-wrap{position:relative;top:-60px;bottom:0;overflow: hidden;}
	.header>.menu_wrap>.mo .menu-inner{position:fixed;top:0;right:0;width:44vw;height:calc(var(--vh,1vh)*100);background-color:var(--white);z-index:10;transform:translateX(100%);transition:var(--transition);}
	.header>.menu_wrap>.mo .menu-wrap.on .menu-inner{transform:translateX(0);}
	.header>.menu_wrap>.mo .auth-area{width:100%;height:60px;position:relative}
	.header>.menu_wrap>.mo .auth-area .before-login{display:flex;align-items:center;gap:0 40px;width:100%;height:100%;padding-left:30px;}
	.header>.menu_wrap>.mo .auth-area .before-login .link{position:relative;color:rgba(27,27,27,0.5);font-size:var(--small-text);line-height:130%;}
	.header>.menu_wrap>.mo .auth-area .before-login .login:after{content:'';position:absolute;top:0px;right:-20px;display:block;width:1px;height:14px;background:rgba(27,27,27,0.3);}
	.header>.menu_wrap>.mo .auth-area .after-login{display:flex;align-items:center;width:100%;height:60px;padding-left:25px;}
	.header>.menu_wrap>.mo .auth-area .after-login .profile{width:36px;height:36px;border-radius:50%;overflow:hidden;}
	.header>.menu_wrap>.mo .auth-area .after-login .profile img{display:block;width:100%;height:100%;object-fit:cover;}
	.header>.menu_wrap>.mo .auth-area .after-login .link{margin-left:10px;color:rgba(27,27,27,0.5);font-size:var(--small-text);line-height:130%;}
	.header>.menu_wrap>.mo .auth-area .after-login .admin{width: auto;height: auto;border-radius:50px;padding: 0 1rem;margin-left: 1rem;border: 1px solid #1B1B1B;
    border-radius: 50px;}
	.header>.menu_wrap>.mo .auth-area .after-login .logout{margin-left:10px;color:rgba(27,27,27,0.5);font-size:var(--small-text);line-height:130%;}
	.header>.menu_wrap>.mo .auth-area .after-login .logout:after{content:'';position:absolute;top:0px;right:-20px;display:block;width:1px;height:14px;background:rgba(27,27,27,0.3);}
	.header>.menu_wrap>.mo .auth-area .menu_close{position:absolute;top:50%;right:7px;display:block;width:17px;height:17px;transform: translateY(-50%);background:url('/img/common/icon_close1.png') center / 17px auto no-repeat;text-indent: -9999px;}
	.header>.menu_wrap>.mo .menu-area{width:100%;height:calc(100% - 60px);padding:10px 0;overflow-y: auto;}
	.header>.menu_wrap>.mo .menu-area::-webkit-scrollbar{width: 5px;height: 5px;}
	.header>.menu_wrap>.mo .menu-area::-webkit-scrollbar-thumb{background-color: var(--lightgray);border-radius: 40px;border: 1px solid transparent;background-clip: content-box;}
	.header>.menu_wrap>.mo .menu-area::-webkit-scrollbar-track{border-radius: 40px;background-color: transparent;}
	.header>.menu_wrap>.mo .menu-area::-webkit-scrollbar-button:start:decrement, .header>.menu_wrap>.mo .menu-area::-webkit-scrollbar-button:end:increment{display:none}
	.header>.menu_wrap>.mo .menu-area .menu{width:100%;}
	.header>.menu_wrap>.mo .menu-area .menu .depth1{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 19px 0 30px;background:transparent;border:none}
	.header>.menu_wrap>.mo .menu-area .menu .depth1 .title{color:var(--black);font-size:var(--sub-title);line-height:150%;font-family: Pretendard;}
	.header>.menu_wrap>.mo .menu-area .menu .depth1 .icon.arrow{display:block;width:16px;height:16px;background:url('/img/common/icon_arrow3.png') center / 13px auto no-repeat;text-indent:-9999px}
	.header>.menu_wrap>.mo .menu-area .menu .depth1.on .icon.arrow{background:url('/img/common/icon_arrow3_on.png') center / 13px auto no-repeat ;}
	.header>.menu_wrap>.mo .menu-area .menu .depth2{display:flex;flex-direction:column;gap:4px 0;width:100%;height:0;padding:0px 0px;background-color:var(--bg-lightgray);overflow:hidden;transition:var(--transition);}
	.header>.menu_wrap>.mo .menu-area .menu .depth1.on + .depth2{display:flex;padding:10px 0px;height:auto;}
	.header>.menu_wrap>.mo .menu-area .menu .depth2 .link{display:block;width:100%;height:40px;padding-left:30px;color:var(--gray);font-size:var(--small-text);line-height:40px;}
	.header>.menu_wrap>.mo .menu-area .menu .depth2 .link.selected{color:var(--black);font-weight:700;}
	.header>.menu_wrap>.mo .my-menu{position:relative;width:100%;margin-top:25px;}
	.header>.menu_wrap>.mo .my-menu::before{content:'';display:block;position:absolute;top:-15px;left:0;width:100%;height:1px;background-color:var(--ex-lightgray);}
	.header>.menu_wrap>.mo .my-menu .link{display:block;width:100%;height:60px;padding-left:30px;color:var(--black);font-size:var(--main-text);line-height:60px;}

	.alert-wrap{display:block;position:relative;top:-60px;bottom:0;overflow: hidden;}
	.alert-area{display:none;position:fixed;top:0;right:0;width:44vw;height:calc(var(--vh,1vh)*100);max-height:unset;box-shadow:none;background-color:var(--white);z-index:10;transform:translateX(100%);}
	.alert-wrap.on .alert-area{transform:translateX(0);}.alert-wrap::after{content:none;}
	.alert-wrap .alert-title-wrap{padding:0;padding-left:30px;}
	.alert-wrap .alert-title-wrap .alert-close{display:block}
	.alert-wrap .alert-title-wrap .close-24{display:none;}
	.alert-wrap .alert-list{width:100%;height:calc(100% - 60px);max-height:none;padding:3px 0;}
	.alert-wrap .alert-list .alert .link{padding:17px 15px 17px 30px;margin:0;border-bottom:none;}
	.alert-wrap .alert-list .alert.no-alert-text{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 66px);padding:0;background:var(--white);font-size:var(--small-text);}
	.alert-wrap .alert-list .alert:last-child .link::after{display:block;}
	.alert-wrap .alert-list .alert .alert-text{font-size:var(--small-text);}
	.alert-wrap .alert-list .alert .alert-detail{font-size:var(--ex-small-text);}
	.alert-wrap .alert-list .alert .alert-date{font-size:var(--ex-small-text);}
}



/* 푸터 영역 */
.g_footer {background:var(--black);position:relative;width:100%;height:410px;margin:0 auto;}
.g_footer .wrap_footer {width:100%;max-width:1200px;color:#8B9199;margin:0 auto;}
.g_footer .wrap_footer > div {display:flex;}
.g_footer .wrap_footer .top_footer {height:80px;align-items:center;}
.g_footer .wrap_footer .top_footer .list_terms{width:80%;}
.g_footer .wrap_footer .top_footer .list_terms a {position:relative;color:var(--white);}
.g_footer .wrap_footer .top_footer .list_terms a:not(:nth-last-of-type(1)) {margin-right:48px;}
.g_footer .wrap_footer .top_footer .list_terms a:not(:nth-last-of-type(1)):after {content:'';display:block;position:absolute;top:50%;right:-24px;width:1px;height:14px;background:#889199;transform:translate3d(0, -50%, 0);}
.g_footer .wrap_footer .top_footer .list_site {position:relative;}
.g_footer .wrap_footer .top_footer .list_site .btn_family {display:block;font-weight:500;color:var(--white);width:224px;height:54px;padding:19px 0 0 22px;margin-left:60px;position:relative;}
.g_footer .wrap_footer .top_footer .list_site .btn_family:after {content:'';display:block;position:absolute;top:17px;right:12px;width:20px;height:20px;background:no-repeat top/20px url("/img/common/ico_footer_sel.svg");}
.g_footer .wrap_footer .top_footer .list_site .btn_family.on:after {transform:rotate(180deg);}
.g_footer .wrap_footer .top_footer .list_site .btn_family.on {display:block;background:#4C5561;border-radius: 12px 12px 0 0;}
.g_footer .wrap_footer .top_footer .family_list {display: none;position: absolute;top: 54px;left: 60px;width: 224px;background: var(--white);border-radius:0 0 12px 12px;overflow:hidden;}
.g_footer .wrap_footer .top_footer .family_list .family_list_scroll {width: 100%; height: 200px;overflow-y:auto;}
.g_footer .wrap_footer .top_footer .family_list.on {display: block;}
.g_footer .wrap_footer .top_footer .family_list .family_list_scroll ul li a {color:#A0A2A3;display:block;padding:13px 22px;border-bottom: 1px solid #E6E6E6;}

.g_footer .wrap_footer .mid_footer {height:124px;align-items: center;justify-content: space-between;}
.g_footer .wrap_footer .mid_footer h3 {width:93px;height:60px;text-indent:-999px;font-size:0;background:no-repeat url("/img/common/footer-logo.png");}
.g_footer .wrap_footer .mid_footer .tel {width:224px;padding-left:22px;}
.g_footer .wrap_footer .mid_footer .tel > span {color:#888;font-weight:400;line-height:16px;background:no-repeat left top 3px / 24px url("/img/common/ico_tel.svg");padding-left:34px;}
.g_footer .wrap_footer .mid_footer .tel p {display:flex;align-items:center;color: var(--white);margin-top:12px;}
.g_footer .wrap_footer .mid_footer .tel p span {display:block;margin-right:8px;}
.g_footer .wrap_footer .mid_footer .tel strong {display: block;color: var(--white);font-weight: 700;line-height: 1;font-size: var(--large-title);}

.g_footer .wrap_footer .bottom_footer {justify-content: space-between;}
.g_footer .wrap_footer .bottom_footer .address p span {letter-spacing:0.32px;margin-right:18px;}
.g_footer .wrap_footer .bottom_footer .copyright {font-weight:500;margin-top:8px;}


@media all and (max-width:768px){
    .g_footer {height:auto;padding-bottom:30vw;}
    .g_footer .wrap_footer > div {flex-wrap: wrap;}
    .g_footer .wrap_footer .top_footer {height:auto;}
    .g_footer .wrap_footer .top_footer .list_terms {order:2}
    .g_footer .wrap_footer .top_footer .list_sns {order:3;width: 100%;}
    .g_footer .wrap_footer .top_footer .list_site {order:1;width: 100%;display:block;}
    .g_footer .wrap_footer .top_footer .list_site .btn_family {height: 12.778vw;margin-left: 4.722vw;margin-right: 4.722vw;display: flex;align-items: center;padding: 0;width: calc(100% - 9.444vw);font-size:2.9vw;}
    .g_footer .wrap_footer .top_footer .list_site .btn_family.on {display:flex;background:none;border-radius: 0;}
    .g_footer .wrap_footer .top_footer .list_site .btn_family:after {top: 3.889vw;right: 0;width: 5vw;height: 5vw;background: no-repeat top / 5vw url("/img/common/ico_footer_sel.svg");}
    .g_footer .wrap_footer .top_footer .family_list {top: 12.778vw;left: 0;width: 100%;border-radius: 0 0 1.667vw 1.667vw;padding-bottom:5vw;}
    .g_footer .wrap_footer .top_footer .family_list .family_list_scroll {height:100%;} 
    .g_footer .wrap_footer .top_footer .family_list .family_list_scroll ul li a {font-size: 2.9vw;padding: 2.778vw 4.167vw;}
    .g_footer .wrap_footer .top_footer .list_terms {margin-top:4vw;margin-left: 4.722vw;}
    .g_footer .wrap_footer .top_footer .list_terms a{font-size: 3vw;}
    .g_footer .wrap_footer .top_footer .list_terms a:not(:nth-last-of-type(1)) {margin-right: 5.6vw;}
    .g_footer .wrap_footer .top_footer .list_terms a:not(:nth-last-of-type(1)):after {right: -2.8vw;height: 2.222vw;}
    .g_footer .wrap_footer .top_footer .list_sns ul {margin-left: 4.722vw;margin-top:7vw;}
    .g_footer .wrap_footer .top_footer .list_sns ul li a {width:6.667vw;height:6.667vw;}
    .g_footer .wrap_footer .top_footer .list_sns ul li:nth-child(1) a {background:no-repeat top /6.667vw url("/img/common/ico_sns_insta.svg");}
    .g_footer .wrap_footer .top_footer .list_sns ul li:nth-child(2) a {background: no-repeat top /6.667vw url("/img/common/ico_sns_youtube.svg");}
    .g_footer .wrap_footer .top_footer .list_sns ul li:nth-child(3) a {background: no-repeat top /6.667vw url("/img/common/ico_sns_blog.svg");}
    .g_footer .wrap_footer .mid_footer {height: auto;align-items: center;height: 22.222vw;}
    .g_footer .wrap_footer .mid_footer h3 {width: 24.444vw;height: 16.111vw;background: no-repeat top / 24.444vw url("/img/common/footer-logo.png");margin-left: 4.722vw;}
    .g_footer .wrap_footer .mid_footer .tel {width:38vw;padding-left: 0;margin-right: 4.444vw;margin-top:-4vw;}
    .g_footer .wrap_footer .mid_footer .tel > span {font-size: 3vw;background: none;padding-left: 0;}
    .g_footer .wrap_footer .mid_footer .tel strong {font-size: 4.5vw;padding-left: 0;margin-top: 0;background:none;}
    .g_footer .wrap_footer .mid_footer .tel p {margin-top:1.944vw;}
    .g_footer .wrap_footer .mid_footer .tel p span { margin-right: 2.22vw;font-size: 3vw;}

    .g_footer .wrap_footer .bottom_footer {margin:0 4.722vw;}
    .g_footer .wrap_footer .bottom_footer .address p {width:100%; word-break: keep-all;font-size:3vw;}
    .g_footer .wrap_footer .bottom_footer .address p span {letter-spacing:-0.2px;margin-right: 1vw;}
    .g_footer .wrap_footer .bottom_footer .address p span:nth-child(2n){margin-right: 0;}
    .g_footer .wrap_footer .bottom_footer .address {order:2;margin-top:4.167vw;width:100%;}
    .g_footer .wrap_footer .bottom_footer .isms {order: 1;margin-top: 0;width:100%;}
    .g_footer .wrap_footer .bottom_footer .isms p {font-size: 3vw;padding-left: 11.944vw;background: no-repeat left top / 9.167vw url("/img/common/ico_isms.png");line-height:1.5;}

    .g_footer .wrap_footer .bottom_footer .isms p span {display:inline;font-size: 3vw;}
    .g_footer .wrap_footer .bottom_footer .isms p b {display:block;} 
    .g_footer .wrap_footer .bottom_footer .copyright {margin-top:3.889vw;}
}


.searchBooks label {top:13px;left:45px}
.searchBooks label {position:absolute;cursor:text;overflow:hidden;color:#4d4848;font-weight:bold;font-size: var(--sub-text);height:25px;white-space:nowrap;text-overflow:ellipsis;}
.searchBooks .btn_search {position:absolute;top:10px;left:10px;cursor:pointer}
.searchBooks {position:absolute;top:15px;left:200px}
.searchBooks input {width:90%;height:100%;background-color:#f1f2f6;border:none;height:45px;line-height:45px;font-size:20px;padding-left:10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid var(--main-color);}
.searchBooks .btn_search {color:#1f63c9;font-size:24px}

.gnbSubmenu {background-color:#ebecf0;height:40px}
.gnbSubmenu ul {max-width:1000px;text-align:center}
.gnbSubmenu .active {border-bottom:solid 2px #dc0000; box-sizing:border-box}

.tabSubmenu {background-color:#ebecf0;height:40px}
.tabSubmenu ul {max-width:1000px;text-align:center}
.tabSubmenu .active {border-bottom:solid 2px #dc0000; box-sizing:border-box}

/* content */
.keyArea {position:relative}
.wrap {position:relative;min-height: 100vh;}
.bookwrap {position:relative;width:100%}
.profilewrap {position:relative;width:100%;height: 100%;}
.profilewrap > ul{position:relative;}
.contents {position:relative}
.contents .bookList .bookThumb {position:relative;width:200px;height:275px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;cursor:pointer}
.contents .bookList .bookThumb .bookListInfo {position:absolute;bottom:5px;left:0}
.contents .bookList article {width:230px;height:auto!important;margin:24px 15px;float:left;position:relative;}
.contents .bookList article .box {height:420px;padding:15px 15px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#f8f8f8;border:1px solid #f8f8f8;box-sizing:border-box;}
.contents .bookList .upload .box{padding:0;}
.contents .bookList .upload a{display:block;width:100%;height:100%;text-align:center;}
.contents .bookList .upload .txt{display:block;font-size:24px;font-weight:600;color:#484948;padding:140px 0;}
.contents .bookList .upload .txt:before{display:block;content:"";width:96px;height:90px;background:url("/img/new/ico_upload.png") 0 0 / 100% 100% no-repeat;margin:0 auto 20px;}

/* 20180315 Intro Book list */
.myBooks .contents .bookList {overflow-y:hidden;display:inline-table;margin-top:10px; }
.myBooks .contents .bookList .wrap-article {width:230px;}
.myBooks .contents .bookList article {width:27%;margin:24px 3%;float:left;position:relative;}
.myBooks .contents .bookList article .box {padding:15px 20px;margin:10px -5px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#f8f8f8;border:1px solid #f8f8f8;}
#intro .myBooks section {margin-bottom:15px;}
#intro .myBooks { height: 60px; position: relative; border-radius:2px; text-align:center; margin-bottom:-10px;  }
#intro .myBooks .bookCategory {overflow-y: hidden;}
#intro .myBooks img { margin-top:-15px; }
#intro .myBooks .top_txt {background-color:var(--white); width:150px; margin: auto; position:relative; z-index:2; color:#006cb8; font-size:18px; margin-top: 25px;}
#intro .myBooks .line {border-top:solid 1px #006cb8; width:100%; margin-top:-11px; position:relative;z-index:1;}


@media (max-width:860px) {
	.myBooks .contents .bookList {width:80%;}
	.myBooks .contents .bookList article { width:150px;height:220px; }
	.myBooks .contents .bookList .bookThumb {width:120px;height:150px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;background-size:100%!important }
	.myBooks .contents .tag {display: none;}
}
@media (max-width:710px) {
		.myBooks .contents .bookList {width:90%;}
}
@media (max-width:630px) {
		.myBooks .contents .bookList {width:100%;}
}
@media (max-width:570px) {
		.myBooks .contents .bookList {width:100%;}
}
@media (max-width:470px) {
		.myBooks .contents .bookList {width:100%;}
}

.contents .bookList article .box:hover,.contents .bookList article .active{background-color:#f5f5f5;border:1px solid #eee;}
.contents .bookList .title {margin:15px 0 0;position:relative;font-size:14px;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-wrap:break-word;overflow:hidden;padding-right:50px;}
.contents .bookList .title span {font-size:11px;color:#9ba3a6;padding-left:10px;background:url(/img/common/bicon_lank.png) no-repeat;background-position:right;padding-right:14px;position:absolute;top:2px;right:0px}
.contents .bookList .head {font-size:10px;color:var(--white);display:inline-block;width:40px;line-height:20px;text-align:right;padding-right:7px}
.contents .bookList .data {font-size:10px;display:inline-block;line-height:20px;color:var(--white)}
.tag {width:100%;margin-top:15px}
.tag span {white-space:nowrap;background-color:#f7f7f7;color:#626262;font-size:11px;font-weight:bold;padding:5px 10px;line-height:27px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.blackbg {display:none;width:100%;height:100%;background:url(/img/common/grbg.png) repeat-x;background-position:bottom;
border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px}
.blackbg .more {position:absolute;right:7px;bottom:25px}

.ctag {width:100%}
.ctag em {margin-top:5px;font-size:11px;color:#9ba3a6;width:30px;float:left;font-style:normal;height:23px}
.ctag em span {width:68px;float:right}
.ctag .f,.ctag .j, .ctag .e, .ctag .s {float:left;background-color:#9ba3a6;display:inline-block;font-size:14px;font-weight:bold;color:var(--white);font-family:"Arial";width:24px;height:24px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;font-style:normal;text-align:center;line-height:24px}

.pbcurriculum {background-color:#f7f7f7;width:280px;padding-top:20px;padding-right:20px;padding-left:20px;position:relative;font-size:14px;font-weight:bold;border-bottom:solid 1px #eeeeee}
.pbcurriculum .curr_description { color:#FF8C00; font-size:11px; margin:10px 0px; width:260px; position:absolute; }

.pbcurriculum .hit {font-size:11px;color:#9ba3a6;background:url(/img/common/bicon_lank.png) no-repeat;background-position:right;padding-right:14px;position:absolute;top:20px;right:15px}
.pbcurriculum .ctag {width:100%;margin-top:30px;margin-bottom:-3px}
.pbcurriculum .ctag span {background-color:var(--white);color:var(--white);font-size:11px;font-weight:bold;padding:5px 10px;line-height:27px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.pbcurriculum .favs {display: none}
.pbcurriculum .btn_star_off {background:url(/img/common/bicon_star_off.png) no-repeat;height:40px;width:40px;position:absolute;top:10px;left:15px;cursor:pointer;display:block}
.pbcurriculum .btn_star_on {background:url(/img/common/bicon_star_on.png) no-repeat;height:40px;width:40px;position:absolute;top:10px;left:15px;cursor:pointer;display:block}
.pbcurriculum .btn_info {background:url(/img/common/bicon_info_c.png) no-repeat;height:40px;width:40px;position:absolute;top:10px;left:65px;cursor:pointer}
.pbcurriculum .btn_share {background:url(/img/common/bicon_info.png) no-repeat;height:40px;width:40px;position:absolute;top:10px;left:115px;cursor:pointer}

.bkg_month_on {background:url(/img/common/curri_m_on.png) no-repeat;width:280px;height:126px}
.bkg_month_on .month {color:var(--white) !important}
.bkg_month_off {background:url(/img/common/curri_m_off.png) no-repeat;width:280px;height:126px}
.currimonth {margin:10px auto}
.currimonth .phonicsThumb {position:relative;width:77px;height:104px;float:left;border-bottom-left-radius:7px;-moz-border-top-bottom-radius:7px;-webkit-border-bottom-left-radius:7px;cursor:pointer}
.currimonth .phonicsThumb .btn_star_off {background:url(/img/common/bicon_star_off.png) no-repeat;height:40px;width:40px;position:absolute;top:20px;left:20px;cursor:pointer;display:block}
.currimonth .phonicsThumb .btn_star_on {background:url(/img/common/bicon_star_on.png) no-repeat;height:40px;width:40px;position:absolute;top:20px;right:20px;cursor:pointer;display:block}
.currimonth .phonicsThumb span {position:absolute;top:70px;left:20px;font-size:11px;color:#9ba3a6;padding-right:15px;background:url(/img/common/bicon_lank.png) no-repeat;background-position:right;color:var(--white)}
.currimonth em {position:absolute;left:0;top:0;width:100%;height:100%;background:url(/img/common/grbg.png) repeat-x;display:inline-block}
.currimonth .month {width:100%;height:22px;line-height:22px;text-align:center;font-size:12px;font-weight:bold;color:var(--white)}
.currimonth .title {height:22px;text-align:left;font-size:14px;font-weight:bold;margin-top:8px;margin-bottom:0px;margin-left:10px;padding-bottom:10px;}
.currimonth p {height:15px;font-weight:bold}
.currimonth .head {font-size:10px;color:#333;display:inline-block;width:40px;line-height:15px;text-align:right;padding-right:10px;border-right:solid 1px var(--main-color)}
.currimonth .data {font-size:10px;display:inline-block;line-height:15px;color:#333;padding-left:10px}
.currimonth .monthInfo {width:203px;height:110px;overflow-y:auto}

.bookCategory ,.curriList, .curi-result,.profilewrap{/*overflow-y:auto;*/ overflow-x:hidden;}
.bookCategory{overflow-y:auto;}

.bookCategory .swipe-wrap { text-align: center; }
.bookCategory .swipe-wrap img.pc { width: 800px; display:block; margin: auto;}
.bookCategory .swipe-wrap img.mobile { width: 800px; display:none;}

@media ( max-width: 800px ) {
	.bookCategory .swipe-wrap img.pc { display:none; }
	.bookCategory .swipe-wrap img.mobile { width: 360px; display: block; height: 100%; margin: auto; }
}

@media ( max-width: 640px ) {
	.bookCategory .swipe-wrap img { width: 100%;}
}


.bigButton {text-align:center; margin:0 !important}
.bigButton .comm_button{display:inline-block;position:relative;width:200px;height:145px;margin-left:8px;margin-right:8px;margin-top:17px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;border:solid 1px #d6d6d6; box-sizing:border-box}
.bigButton .comm_button span {display:block;margin-top:20px;font-weight:bold;font-size:16px !important;line-height:24px !important}
.bigButton .comm_button:hover{background-color:#1f63c9;color:var(--white)}
.bigButton .comm_button i {width:52px;height:56px;position:absolute;bottom:11px; right:65px}
.bigButton .comm_button .comm1 {background:url(/img/common/icon_comm1.png) no-repeat}
.bigButton .comm_button:hover .comm1 {background:url(/img/common/icon_comm1_on.png) no-repeat}
.bigButton .comm_button .comm2 {background:url(/img/common/icon_comm2.png) no-repeat}
.bigButton .comm_button:hover .comm2 {background:url(/img/common/icon_comm2_on.png) no-repeat}
.bigButton .comm_button .comm3 {background:url(/img/common/icon_comm3.png) no-repeat}
.bigButton .comm_button:hover .comm3 {background:url(/img/common/icon_comm3_on.png) no-repeat}
.bigButton .comm_button em {position:absolute;font-size:12px;color:#777;margin-top:10px;left:10px;right:10px}
.bigButton .comm_button:hover em {position:absolute;font-size:12px;color:var(--white);margin-top:10px;left:10px;right:10px}
.btn_info,.fav {z-index:10}
.category {height:37px;overflow:hidden;padding-bottom:5px}
.category a{background-color:#f1f2f6;border:solid 1px #d0dddc;margin-top:6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px}

.classContent .books {position:relative;margin:0 auto;width:280px;height:130px;border:solid 1px #d0dddc;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;display:block;box-sizing:content-box}
.classContent .books .marking {position:absolute;top:-25px;right:10px}
.classContent .barea {padding-left:5px;font-size:16px;font-weight:bold;margin-top:13px}
.classContent .barea span {font-size:12px}
.classContent .buy {width:298px;height:130px;border:solid 1px #d0dddc;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;display:block;box-sizing:content-box}
.classContent .active {background-color:#f1f2f6;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.classContent .phonicsThumb {position:relative;width:95px;height:130px;float:left;border-top-left-radius:10px;-moz-border-top-left-radius:10px;-webkit-border-top-left-radius:10px;border-bottom-left-radius:10px;-moz-border-top-bottom-radius:10px;-webkit-border-bottom-left-radius:10px}
.classContent em {width:200px;height:130px;float:right;font-style:normal}
.classContent .tag {padding-left:5px}
.classContent .tag i {margin-top:14px;margin-right:10px}
.classContent .month {color:#dc0000;font-size:13px;text-align:right;font-weight:bold;margin-top:5px;margin-right:10px}
.classContent .title {font-size:16px;margin-top:6px;color:#000;margin-left:6px}
.classContent .head {color:#5d6264;font-size:12px;display:inline-block;width:45px;margin-left:6px}
.classContent .data {color:#5d6264;font-size:12px;color:#121212}
.dnar {background:url(/img/common/icon_dnarr.png) no-repeat;height:14px;width:20px;clear:both;margin-left:40px}
.bookList .btn_info {background:url(/img/common/bicon_info.png) no-repeat;height:40px;width:40px;position:absolute;top:25px;left:25px;cursor:pointer}
.bookList .btn_star_off {background:url(/img/common/bicon_star_off.png) no-repeat;height:40px;width:40px;position:absolute;top:25px;right:25px;cursor:pointer;display:block}
.bookList .btn_star_on {background:url(/img/common/bicon_star_on.png) no-repeat;height:40px;width:40px;position:absolute;top:25px;right:25px;cursor:pointer;display:block}
.bookList .bookThumb {position:relative}
.keyUp {background:url(/img/common/icon_dn.png) no-repeat;height:19px;width:40px;position:absolute;top:181px;left:50%;margin-left:-20px;cursor:pointer;display:block;z-index:90;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.mainkv {position:relative;height:200px;overflow:hidden;border:solid 0px #d0dddc;box-sizing:content-box;background-color:#00b47f}
.mainkv img{margin:0 auto}
.mainkv .notelist {width:300px;float:right;height:200px;overflow:hidden; border-radius:0px !important;margin:5px 5px}
.mainkv .notelist h3 {font-size:13px}
.mainkv .notelist p {font-size:12px}
.mainkv article span {font-size:18px;padding:12px 0;padding-left:12px;padding-right:12px;display:block}
.mainkv .whiteArticle {background-color:var(--white);border-bottom:solid 1px #d0dddc;box-sizing:content-box}
.mainkv .whiteArticle span {color:#dc0000}
.mainkv .whiteArticle div {font-size:13px;line-height:20px;padding:0px 12px;padding-bottom:14px}
.mainkv .grayArticle {background-color:#f1f2f6;border-bottom:solid 1px #d0dddc;box-sizing:content-box}
.mainkv .grayArticle span {color:#2e2e2e}
.mainkv .grayArticle div {margin-top:10px;font-size:13px;line-height:20px;padding:0px 12px;padding-bottom:14px}
.mainkv article {position:relative}
.mainkv article .note {display:none}
.mainkv .sidecon {position:absolute;top:10px;right:10px;font-size:20px;color:#2e2e2e}
.keyArea .text_noti {position:absolute;left:10px;bottom:0px;width:243px;height:194px;background:url(/img/common/kv_noti.png) no-repeat;z-index:5}
.keyArea .text_noti p {position:absolute;left:45px;top:40px;width:180px;font-size:13px;line-height:22px;font-weight:bold}
.keyArea .text_noti .more {position:absolute;left:90px;bottom:60px;width:70px;font-size:12px;text-align:center;border-bottom:solid 1px #bcbcbc;font-weight:bold}
.contentFilter {clear:both;margin-bottom:10px;height:500px}
.contentFilter iframe{height:100%;}
.contentFilter .selectOption .select {display:block;font-size:11px;border:solid 1px #d0dddc;line-height:24px;box-sizing:border-box;position:relative;background-color:#f1f2f6}
.contentFilter .selectOption .option {line-height:20px;box-sizing:border-box;width:70px;display:inline-block}
.contentFilter .cate1,.contentFilter .cate2,.contentFilter .cate3,.contentFilter .cate4{margin-right:2px;float:left;width:73px;display:block;font-size:11px;line-height:20px;box-sizing: border-box;position:relative}
.contentFilter a i {position:absolute;top:1px;right:0px}
.contentFilter a {padding-left:2px}
.contentFilter .cate1option,.contentFilter .cate2option,.contentFilter .cate3option,.contentFilter .cate4option {display:none;position:absolute;top:25px;left:0px;background-color:var(--white);border:solid 1px #d0dddc;width:73px;box-sizing:border-box}
.menuArea a.active {font-weight:700 !important;color:#1f63c9 !important}
.heart {font-size:11px;color:#9ba3a6;margin-left:20px;padding-right:15px;background:url(/img/common/bicon_lank.png) no-repeat;background-position:right}

/* myProfile */
.profilewrap h3 {font-size:18px;font-weight:bold;display:inline-block;/* margin-top:30px; */position:relative;width:100%;}
.profilewrap .document {font-size:13px;display:inline-block;margin-bottom:30px;margin-top:10px}
.profilewrap .myId .prImage {width:75px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px}
.profilewrap .myId b {margin-left:40px;font-size:20px}
.profilewrap .myId span a{font-size:12px}
.myPlaceMenu {width:200px;height:100%!important;position:absolute;top:0px;left:0px;box-sizing:border-box;}
.myPlaceMenu .menuArea {margin:50px 10px}
.myPlaceMenu .menuArea .title{font-size:16px;font-weight:bold;/*padding:10px 0;*/border-bottom:solid 2px #dc0000;width:100%; text-align:right}
.myPlaceMenu .menuArea .dep2 li{margin:0;padding:0;}
.myPlaceMenu .menuArea a {display:inline-block;padding:10px 0;border-bottom:solid 1px #999;width:100%;font-size:16px; text-align:right}
.myProfile .myLeftGap{margin-left:300px;min-height:70vh}
@media screen and (max-width:1024px) {
	.myProfile .myLeftGap{min-height:0}
	.myProfile .myLeftGap{margin-left:0px;}
}
.myPlaceMenu .bannerArea {margin-top:5px;}
.myPlaceMenu .bannerArea img{margin-top:10px;width:100%}

.termsMenu {width:200px;position:absolute;top:0px;left:0px;border-right:solid 1px #ccc;box-sizing:border-box}
.termsMenu .menuArea {margin:50px 10px}
.termsMenu .menuArea .title{font-size:16px;font-weight:bold;padding:10px 0;border-bottom:solid 2px #dc0000;width:100%; text-align:right}
.termsMenu .menuArea a {display:inline-block;padding:10px 0;border-bottom:solid 1px #999;width:100%;font-size:13px; text-align:right}
.getPR {position:relative;width:100%;height:80px;border:solid 1px #ccc;margin-top:30px}
.getPR .point {margin-top:5px;margin-left:5px;width:70px;height:70px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;background-color:#dc0000;color:var(--white);text-align:center;font-size:11px}
.getPR .point b {font-size:20px;padding-top:15px;display:inline-block;line-height:20px;padding-bottom:5px}
.getPR .document {position:absolute;top:5px;left:100px;color:#555}
.getPR .document b {font-size:16px;line-height:30px}
.getPR .btn  {position:absolute;top:15px;right:20px;color:#555;font-size:24px}

/* Book Detail */
.bookDetail {display:none;position:absolute;top:50px;z-index:150;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.bookDetail .text {position:relative}
.curriDetail {display:none;position:absolute;top:50px;height:860px;z-index:100;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.sharePopup {display:none;position:absolute;top:150px;height:200px;z-index:100;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.detailTitle {position:relative;margin:20px;font-size:16px;line-height:24px;font-weight:bold;border-bottom:solid 1px #d0dddc}
.detailTitle .smt {font-size:11px}
.detailTitle .bshere{font-size:16px;float:right;margin-right:10px}
.detailTitle .bprint{font-size:16px;float:right;margin-right:35px}

.contentGuide,.classDetail {overflow:auto; display:block;position:fixed;top:50%;transform:translateY(-50%);z-index:500;background-color:var(--white);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.contentGuide .dont label {border:0px !important;background-color:var(--white) !important;text-align:left;color:#777 !important}
.contentGuide .dont label:hover {font-weight:bold !important}
.contentGuide .dont input {border:solid 1px #555}
.contentGuide .guideTitle {margin:20px;font-size:16px;line-height:40px;font-weight:bold;border-bottom:solid 2px #dc0000}
.contentGuide table {margin:20px;font-size:13px}
.contentGuide th {text-align:left;line-height:60px}
.contentGuide td {padding-top:10px;padding-bottom:10px}
.contentGuide i{display:inline-block;width:30px;height:30px;font-size:22px;line-height:25px;color:#999;background-color:var(--white);margin-right:8px}
.contentGuide span{display:inline-block;line-height:20px}
.contentGuide .dont {position:absolute;top:10px;right:30px;font-size:12px}
.contentGuide.mem_login.rtop10.rbottom10.biz_complete {margin-left:-300px;width:600px;}
.contentGuide.mem_login { height: 600px; max-height:100%;}

.detailMenu {overflow:scroll;overflow-x:hidden;overflow-y:hidden;width:51px;text-align:center;position:absolute;top:0px;left:0px;border-right:solid 1px #eeeeee;background-color:#f7f7f7}
.detailMenu a{position:relative;display:block;width:51px;font-size:20px;line-height:45px;color:#ccc;background-color:var(--white);border-right:solid 1px #eeeeee;border-left:solid 0px #eeeeee;border-bottom:solid 1px #eeeeee;padding-bottom:0px}
.detailMenu a span {font-size:10px;position:absolute;bottom:1px;left:0;text-align:center;display:inline-block;width:50px;line-height:16px}
/*.detailMenu a:hover {color:#2d2d2d}*/
.closeX {position:absolute;top:13px;right:16px}
.detailMenuTitle {font-size:13px;font-weight:bold;line-height:50px;text-align:center;border-bottom:solid 1px #eee; box-sizing:border-box}
.detailMenuTitle a {font-size:11px !important;font-weight:bold;display:inline-block;color:#333;padding:0px;float:right;text-align:center}
.menu2List,.menu3List,.menu4List,.menu5List,.menu6List{display:none}
.menu2List li,.menu3List li,.menu4List li,.menu5List li,.menu6List li {margin:0px}
.menu3List {margin-left:0px;width:320px}
.menu3List article {font-size:12px;margin:10px;padding:0 10px 10px 20px;border-bottom:solid 1px #ebecf0}
.menu5List {margin-left:0px;width:100%}
.menu5List .title {font-size:11px;font-weight:bold;padding-top:13px;color:#333}
.menu5List .document {font-size:10px;padding:1px 35px 0px 0px;color:#6a6e6f}
.menu5List .dnmenu {padding-left:60px;height:49px;color:#797c7e;position:relative;color:#333;font-weight: normal;}
.menu5List .dnmenu:hover {background-color:#f7f7f7}
.menu5List .dnmenu a{position:absolute;top:10px;right:15px;color:#797c7e}
.menu5List .dn-icon img {position:absolute;top:7px;left:20px;width:25px}
.dn-icon1 {background:url(/img/common/dn_icon1_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon2 {background:url(/img/common/dn_icon2_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon3 {background:url(/img/common/dn_icon3_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon4 {background:url(/img/common/dn_icon4_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon5 {background:url(/img/common/dn_icon5_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon6 {background:url(/img/common/dn_icon6_off.png) no-repeat;background-position:18px 5px;background-size:26px}
.dn-icon7 {background:url(/img/common/dn_icon7_off.png) no-repeat;background-position:18px 5px;background-size:26px}

.shareButton {font-size:30px;position:absolute}
.shareB {font-size:20px;color:var(--white);font-weight:normal;position:absolute;top:5px !important;right:70px !important}
.shareB:hover {color:var(--white)}
.img_phonics {position:relative;background:url(/img/common/img_phonics.png) no-repeat;width:300px;height:35px;background-color:#dc0000}
.img_phonics a {position:absolute;top:0px;right:0px}
.img_phonics_low {position:relative;background:url(/img/common/img_phonics_low.png) no-repeat;width:300px;height:35px;background-color:#dc0000}
.img_phonics_low a {position:absolute;top:0px;right:0px}
.img_phonics_hight {position:relative;background:url(/img/common/img_phonics_hight.png) no-repeat;width:300px;height:35px;background-color:#dc0000}
.img_phonics_hight a {position:absolute;top:0px;right:0px}
.fav_star {color:var(--white);font-size:11px;position:absolute;top:13px;right:120px}

/* ebook 다운로드 안 내부스크롤 생성 */
.menu5List .scroll_box{max-height:calc((var(--vh, 1vh) * 100) - 200px);overflow-y: auto;}
@media screen and (max-width:1024px) {
	.menu5List .scroll_box{max-height:calc((var(--vh, 1vh) * 100) - 144px)}
}

/* Service 소개 */
.leftIconMenu {width:51px;text-align:center;position:absolute;top:0px;left:0px;border-right:solid 1px #d0dddc}
.leftIconMenu a{display:block;width:50px;height:50px;font-size:30px;line-height:45px;color:#ccc;background-color:var(--white);border-right:solid 1px #d0dddc;border-left:solid 1px #d0dddc;border-bottom:solid 1px #d0dddc}
.leftImageMenu {width:51px;text-align:center;position:absolute;top:0px;left:0px;border-right:solid 1px #d0dddc}
.leftImageMenu img{display:block;background-color:var(--white);border-right:solid 1px #d0dddc;border-left:solid 1px #d0dddc;border-bottom:solid 1px #d0dddc}
.leftIconMenu a:hover {color:#2d2d2d}

.leftIconContent .subTitle {position:relative;height:40px}
.leftIconContent .subTitle h4 {color:#dc0000;font-size:25px;font-weight:bold;border-bottom:solid 1px #ccc;padding-top:10px;padding-bottom:10px}
.leftIconContent .subTitle .buttonArea {position:absolute;bottom:0px;right:5px}

.leftIconContent .buttonArea a {font-size:13px;margin-left:5px;line-height:30px;height:30px !important}
.leftIconContent .introReading{font-size:16px}
.leftIconContent .introReading p{padding-top:10px;line-height:24px}
.leftIconContent .introReading .documet {font-size:13px;margin-top:45px;line-height:24px}
.leftIconContent .subContents h5 {font-size:18px;font-weight:bold;margin-top:10px;padding-top:30px;padding-bottom:40px}
.leftIconContent .subTable {margin-top:10px;width:100%}
.leftIconContent .subTable th {height:40px;background-color:#474d4f;color:var(--white);font-weight:normal;padding-left:10px;font-size:14px}
.leftIconContent .subTable td {height:34px;border-bottom:solid 1px #474d4f;padding-left:10px;font-size:13px}
.leftIconContent .document {line-height:28px;font-size:13px}
.leftIconContent .docublock {float:left;width:260px;margin-right:10px;letter-spacing:-1px}

.contents .bookList {}
.phonicsClass {position:relative;width:320px;top:0px;right:0px;background-color:#f7f7f7;z-index:11}
.curriculum {width:300px;top:20px;right:30px;background-color:var(--white);z-index:11}
.category {padding-top:0px}
.category .slide a{padding:6px 10px;font-size:14px;margin-left:10px;display:block;float:left;display:inline-block;}
.category .icon-left-open-3,.category .icon-right-open-3 {position:absolute;z-index:50;background-color:var(--white) !important;border-color:var(--white);padding:2px 2px;font-size:20px;display:block;display:inline-block;color:#999}
.category .icon-right-open-3 {right:8px}
.category .icon-left-open-3{left:1px}

.block1{width:100px}.block2{width:200px}.block3{width:300px}.block4{width:400px}.block5{width:500px}.block6{width:600px}.block7{width:700px}.block8{width:800px}.block9{width:900px}.block10{width:1000px}
.myPlaceMenu {display:block}
.mtermsMenu {display:block}

.myProfile h3 {margin-top:55px;color:#1f63c9;font-size:22px}
.customerService h3 {margin-top:55px;color:#dc0000;font-size:22px}
.bookStudy .content {width:100%}

.activeButton {font-size:12px;padding:1px 10px;background-color:#dc0000;line-height:25px;height:25px !important;color:var(--white)}
.buy_history {width:200px;height:60px;overflow-y:auto}
.buy_history span {padding-left:5px;font-size:12px}
.history_doc {padding-left:5px;font-size:12px;margin-top:6px}

.subContentsBook .curriculms {position:relative;float:left;margin-right:30px;margin-bottom:60px}
.curriculms .marking {position:absolute;top:-25px;right:0px}

.subContents {min-height:400px;max-width: 940px}

/* 공지 */
.totalSearch {position:relative;padding:5px 10px;font-size:13px}
.totalSearch input {box-sizing:border-box}
.totalSearch .result {line-height:24px}
.totalSearch .search {height:32px}
.totalSearch select {cursor:pointer}
.searchButton {width:30px;height:30px;position:relative;background-color:#474d4f;display:inline-block;color:var(--white);float:left;margin-left:6px;font-size:20px;text-align:center;line-height:30px}
.searchButton:hover {color:var(--white)}
.searchButton span {position:absolute;top:-999px;width:0px;height:0px;overflow:hidden;}

.bbs {width:100%;margin-top:2px}
.bbs th{text-align:center;font-size:13px;background-color:#474d4f;color:var(--white);height:40px;font-weight:normal}
.bbs td{text-align:center;font-size:13px;padding:10px 0px;border-bottom:solid 1px #9ba3a6}
.iconBlock {color:#9ba3a6;display:inline-block}
.pager {text-align:center;margin-top:30px}
.pager .active {font-weight:bold;border-bottom:solid 1px #dc0000;color:#dc0000}
.pager .iconBlock {font-size:16px}

.bbs_detail {width:100%;margin-top:2px;border-top:solid 2px #474d4f}
.bbs_detail th{text-align:center;font-size:16px;height:40px;border-bottom:solid 1px #9ba3a6;padding:7px 13px;font-weight:normal}
.bbs_detail td{position:relative;text-align:center;font-size:12px;padding:10px 4px;border-bottom:solid 1px #9ba3a6}
.bbs_detail td .date {position:absolute;right:15px;top:1px}
.bbs_detail td span {margin:0 9px}
.bbsContent {min-height:360px;padding:0 10px}
.bbsbuttonArea a {font-size:13px;margin-left:5px;padding:0 24px;line-height:30px;height:30px !important}

/*faq */
.blackTab {background-color:#474d4f;height:40px}
.blackTab a{display:table-cell;width:100px;font-size:13px;color:var(--white);height:40px;vertical-align:middle;text-align:center}
.blackTab .active {background-color:#F00}
.faq {width:100%}
.faq td {line-height:22px;font-size:13px;padding:10px 10px 10px 22px;border-bottom:solid 1px #9ba3a6}
.faq td .q {padding-left:30px;background:url(/img/common/q.png) no-repeat 0 2px;cursor:pointer}
.faq td .a {padding-left:30px;background:url(/img/common/a.png) no-repeat 0 2px;margin-top:10px;display:none}

.customerService .document {font-size:13px;display:inline-block;margin-bottom:30px;margin-top:10px}

/*detail */
.detailContent {margin:30px;}
.detailContent .bookThumb {width:200px;height:275px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;cursor:pointer}
.detailContent .inform .image{float:left}
.detailContent .inform .text {float:right;width:430px}
.detailContent .inform .bookImage {width:175px;height:232px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-position:center center !important;background-size:100% !important;} /* 200:275 */
.detailContent .inform article {width:200px;margin-right:30px;float:left;margin-top:24px;position:relative}
.detailContent .inform .bline {border-bottom:solid 2px #ececec;height:40px;margin-bottom:20px}
.detailContent .inform .contitle {padding-left:0px;padding-right:10px;font-size:16px;font-weight:bold;line-height:40px;border-bottom:solid 2px #ff4739;box-sizing:border-box;display:table-cell}
.detailContent .inform .title {padding-left:0px;padding-right:10px;font-size:16px;font-weight:bold;line-height:24px}
.detailContent .inform .title span {font-size:11px;color:#9ba3a6;padding-right:15px;background:url(/img/common/bicon_lank.png) no-repeat;background-position:right;}
.detailContent .inform .head {font-size:14px;color:#5d6264;display:inline-block;width:80px;line-height:20px;font-size:13px}
.detailContent .inform .data {font-size:14px;display:inline-block;line-height:20px;color:#121212;font-size:13px}
.detailContent .inform .tag {margin-top:60px}
.detailContent .inform p {font-size:13px}
.btn_green {background-color:#393;padding:2px 10px;font-style:normal;font-size:10px;color:var(--white);margin-left:14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.btn_yellow {background-color:#f8981d;padding:2px 10px;font-style:normal;font-size:10px;color:var(--white);margin-left:14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.btn_red {background-color:#F00;padding:2px 10px;font-style:normal;font-size:10px;color:var(--white);margin-left:4px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.detailContent .alt {position:relative;top:0;right:10px}
.detailContent .inform .thumb {margin:0 21px}
.detailContent .inform .thumb img {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.slideBook,.slideSeries {position:relative;width:100%;height:140px;overflow:hidden;margin-top:20px}
.slideBook .seriesLeft,.slideSeries .seriesLeft {position:absolute;top:50px;left:0px;color:#959595;font-size:20px}
.slideBook .seriesRight,.slideSeries .seriesRight {position:absolute;top:50px;right:0px;color:#959595;font-size:20px}
.slideBook .slide,.slideSeries .slide {width:90%;height:130px;margin:0 auto;overflow:hidden}

/*curridetail*/
.curriDetail {}
.curriDetail .curriBox {width:658px;border:solid 1px #d0dddc;margin-top:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding-bottom:15px}
.curriDetail .curriBox .bx1 {width:33%;float:left;border-right:solid 1px #d0dddc;margin-top:10px}
.curriDetail .curriBox .bx2 {width:33%;float:left;border-right:solid 1px #d0dddc;margin-top:10px}
.curriDetail .curriBox .bx3 {width:33%;float:left;margin-top:10px}
.curriDetail .curriBox .bTitle {margin:0 10px;width:90%;position:relative;border-bottom:solid 1px #d0dddc;padding-bottom:5px}
.curriDetail .curriBox .bTitle b {font-size:13px}
.curriDetail .curriBox .bTitle a {position:absolute;right:0px;top:5px;font-size:10px}
.curriDetail .curriTitle {width:100%;background-color:#dc0000;color:var(--white);font-weight:bold;text-align:center;padding:5px 0}
.curriDetail .detailTitle .fav {float:right;margin-top:6px;margin-right:10px;font-size:11px;color:#9ba3a6;padding-left:11px;background:url(/img/common/bicon_lank.png) no-repeat;float:right;line-height:14px}
.curriDetail .curriBox .inform {margin-top:10px}
.curriDetail .curriBox .inform .cimage .bookImage{width:66px;height:87px;margin-left:10px}
.curriDetail .curriBox .inform .cimage {float:left}
.curriDetail .curriBox .inform .ctext {width:130px;float:right}
.curriDetail .curriBox .inform .ctext i {margin-left:0;font-size:10px;font-weight:bold}
.curriDetail .curriBox .inform .ctext .ctitle {font-size:11px;font-weight:bold}
.curriDetail .curriBox .inform .ctext .cdata {font-size:10px}
.curriHeight {height:750px;overflow-y:auto}

/* terms */
.agBx {
    height: 169px;
    border: 1px solid #ebebeb;
    border-top: 2px solid #000;
    overflow-y: scroll;
    margin-top: 20px;
}
.agBx .agInner {
    padding: 10px;
}
.agBx .agInner h1 {
    margin-top: 16px;font-size: 15px;color: #121212;font-weight:bold}
.agBx .agInner h2 {
    margin-top: 15px;
    font-size: 13px;
}
.agBx .agInner h3 {margin-top: 15px;font-size:13px;color:#121212;margin-left:0px}
.agBx .agInner p {margin-top: 8px;font-size: 12px;line-height:18px}
.agBx .agInner ul {
    margin-top: 5px;
}
.agBx .agInner li {display: list-item;text-align: -webkit-match-parent;font-size: 12px;line-height:18px}

/* support */
.spBx li .listInner {position:relative;padding:19px 0 0 151px;height:140px;}
.spBx li {float: left;width: 351px;height:160px;margin-left:10px;border:1px solid #ebebeb;margin-bottom: 20px;}
.spBx .listInner .icon{position:absolute;left:19px;top:10px;width:110px;height:121px;padding:19px 0 0 0;text-align:center;font-size:12px}
.spBx .listInner .icon img {margin-bottom:5px}
.spBx .listInner .title {line-height:30px}
.spBx .listInner .text {font-size:12px}

.noline td {padding:5px 0}
.noline td input {padding-left:1%;border:solid 1px #d7d8dd;background-color:#f1f2f6}
.noline select {height:33px;border:solid 1px #d7d8dd;background-color:#f1f2f6;cursor:pointer;width:91%}
.noline textarea {border:solid 1px #d7d8dd;background-color:#f1f2f6;}

.topImage img {float:left}
.topImage .documet {float:right;font-size:13px;margin-top:5px;margin-left:20px;line-height:24px}
.support .checkBox {font-size:12px !important;border:none;background-color:var(--white) !important}
.support .checkBox:hover {background-color:var(--white) !important}
.submitButton{font-size:13px;font-weight:bold;padding:7px 30px;border:solid 2px #F00;;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.faqButton{position:absolute;top:0 ;right:0px;font-size:13px;font-weight:bold;padding:7px 30px;border:solid 2px #F00;;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.suptb {border-top:solid 2px #F00;width:100%}
.suptb th {border-bottom:solid 1px #d7d8dd;background-color:#f1f2f6;font-size:13px;line-height:22px;padding:10px}
.suptb td {border-bottom:solid 1px #d7d8dd;background-color:var(--white);font-size:13px;line-height:22px;padding:10px}
.block {position:relative;width:100%;display:inline-block}

/* sitemap */
.siteSec {padding-bottom: 50px;margin-top:0px}
.siteSec .siteBx {float:left;padding: 0 27px 0 26px}
.siteSec .siteBx h3 {font-size:18px;letter-spacing:-1px;color: #121212}
.siteSec .siteBx > ul {border-top: 2px solid #000;width: 204px;margin-top:15px;}
.siteSec .siteBx > ul > li {border-bottom: 1px solid #ebebeb}
.siteSec .siteBx > ul > li > a {display:block;height:40px;line-height:40px;color:#555;font-size:13px;padding-left:10px;font-weight:bold}

.ui-dialog-title {font-size:15px !important}

.bookTitle {position:relative}
.bookDetailTitle {position:relative;font-size:14px;font-weight:bold;height:46px;padding:15px 0px 3px 65px;min-height:31px;border-bottom:solid 1px #e7e7e7;box-sizing:border-box}
.popInfoMenu {position:absolute;top:10px;right:5px;font-size:25px;color:#999999;line-height:30px}
.popInfoMenu:hover {position:absolute;top:10px;right:5px;font-size:25px;color:#FF0000;line-height:30px}

/* Overlide */
.searchBooks input { width:100%; box-sizing: border-box; border-radius: 8px;border:1px solid var(--main-color); }
.searchBooks .btn_search { left:auto; right:10px;}
.searchBooks label { left:10px; font-weight: normal;}

.myPlaceMenu { width:300px; background:#F4F5F7;}
.myPlaceMenu::-webkit-scrollbar {width: 5px;height: 5px;}
.myPlaceMenu::-webkit-scrollbar-thumb {background-color: var(--lightgray);border-radius: 40px;border: 1px solid transparent;background-clip: content-box;}
.myPlaceMenu::-webkit-scrollbar-track {border-radius: 40px;background-color: transparent;}
.myPlaceMenu .menuArea { margin: 0;padding:60px 12px 40px 20px}
.myPlaceMenu .menuArea .title { height:63px; line-height: 63px; text-align: center; font-size:22px; color: var(--white); background: var(--main-color) url(/img/new/bg_snb.png) no-repeat 0 100%; border: 0; }
.myPlaceMenu .menuArea a { display: block;padding:0;font-size:16px; color: #222; border-bottom: none; width:auto; text-align: left; position: relative; }

.myPlaceMenu .menuArea a .ui-icon { width:6px; height: 12px; position: absolute; right:19px; top:50%; margin-top:-6px;}

.myPlaceMenu .my-info{display:flex;align-items: center;font-family: Pretendard;}
.myPlaceMenu .my-info .info-img{display:block;width:80px;height:80px;padding:0;border-radius: 50%;overflow: hidden;flex-grow: 0;flex-shrink: 0;}
.myPlaceMenu .my-info .info-img img{display:block;width:100%;height:100%;object-fit: cover;}
.myPlaceMenu .my-info .info-text{display:block;padding:6px 0;margin-left:20px}
.myPlaceMenu .my-info .info-text .name{color:#1b1b1b;font-weight: 700;font-size:24px;line-height: 150%;}
.myPlaceMenu .my-info .info-text .page-move {display: flex;align-items: center;color: var(--gray);font-size: var(--main-text);line-height: 150%;}
.myPlaceMenu .my-info .info-text .page-move:hover{color:var(--black)}
.myPlaceMenu .my-info .text{color:#1b1b1b;font-size:16px;line-height: 150%;}
.myPlaceMenu .my-info .text a{display:inline-block;font-weight: 700;text-decoration: underline;}
.myPlaceMenu .menuArea a:hover{background:transparent}
.myPlaceMenu .menuArea .dep2{padding:34px 0}
.myPlaceMenu .menuArea .dep2>li{}
.myPlaceMenu .menuArea .dep2>li>a{display:flex;align-items: center;height:60px;padding-left:34px;color:#616161;word-break: keep-all;font-family: Pretendard;font-weight: 500;}
.myPlaceMenu .menuArea .dep2>li>a:hover{background:rgba(58, 66, 255, 0.06) !important;font-weight: 700;color:#1f63c9 !important}

@media screen and (min-width: 1025px){
	.myPlaceMenu{overflow-y: auto;}
}

@media screen and (max-width: 1024px) {
	.myPlaceMenu{width:0;height:0 !important;background:transparent;}
	.myPlaceMenu .menuArea{display:none}
	.myPlaceMenu .lnb.mo{position:fixed;top:120px;left:0;width:100%;display:block;background-color:var(--white);transition:var(--transition);font-family: Pretendard;z-index:2;}
	.myPlaceMenu .lnb.mo.left_no_depth2{top:60px}
	.myPlaceMenu .lnb.mo.up{z-index:99;}
	.myPlaceMenu .lnb.mo .lnb-mo-header{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:60px;padding:0 15px;background-color:var(--white);border-bottom:1px solid var(--ex-lightgray);}
	.myPlaceMenu .lnb.mo .lnb-mo-header .btn_my_clr{color:#616161;font-size:12px;font-weight: 500;}
	.myPlaceMenu .lnb.mo .lnb-mo-header .btn-lounge-menu{display:flex;align-items:center;background:transparent;border:none;color:var(--black);font-size:var(--sub-text);font-weight:700;line-height:150%;cursor:pointer;font-family: Pretendard;}
	.myPlaceMenu .lnb.mo .lnb-mo-header .btn-lounge-menu .text>span{color:var(--blue);}
	.myPlaceMenu .lnb.mo .lnb-mo-header .btn-lounge-menu .icon{margin-left:10px;width:14px;height:14px;background:url('/img/common/icon_arrow1.png') center / 12px auto no-repeat;text-indent: -9999px;transform: rotate(0deg);}
	.myPlaceMenu .lnb.mo .lnb-mo-header .btn-my-club{color:var(--darkgray);font-size:var(--ex-small-text);line-height:150%;}
	.myPlaceMenu .lnb.mo .lounge-menu, .lnb.mo .lounge-menu{position:absolute;top:0;width:100%;padding:0;border-bottom:none;z-index:1;}
	.myPlaceMenu .lnb.mo .lounge-menu .lounge-menu-area{position:absolute;top:0px;z-index:10;width:100%;border-bottom:2px solid var(--ex-lightgray);font-size:var(--sub-text);background-color:var(--white);transform:translateY(-200%);transition:var(--transition);}
	.myPlaceMenu .lnb.mo .lounge-menu.on .lounge-menu-area{transform:translateY(0);}
	.myPlaceMenu .lnb.mo .lounge-menu .menu{display:block;padding:0 15px;height:60px;line-height:60px;color:#1b1b1b}
	.myPlaceMenu .lnb.mo .lounge-menu .menu.selected{color:var(--black);font-weight:700;}
	.myPlaceMenu .lnb.mo .lounge-menu .menu.selected>span{color:var(--main-color);}
	.myPlaceMenu .lnb.mo .lounge-menu .menu:not(:first-of-type){border-top:1px solid var(--ex-lightgray);}
	.myPlaceMenu .lnb.mo .lounge-menu .menu:not(:last-of-type){margin-bottom:0;}
	.teacher_course .menu_box.mo{position:fixed;top:120px;left:0;width:100%;display:block;background-color:var(--white);transition:var(--transition);font-family: Pretendard;z-index:2;}
}

/* Style */
.bx-wrapper .bx-viewport .bxslider li img {height:138px;}
.col-box:after { display: block; content: ''; clear: both; }
.col-left { float:left;}
.col-right { float:right;}
.btn { display: inline-block; vertical-align: middle; cursor: pointer; -webkit-appearance:none;  border:0;}
.main-intro-modal { padding:40px 25px 25px;}
.main-intro-modal .tit { padding:0 0 14px 10px; font-size:18px; color: #151515; border-bottom: 2px solid #ececec; position: relative;font-weight: 600; }
.main-intro-modal .tit:before { content: ''; position: absolute; left: 0; bottom:-2px; height:2px; background: #ff4739; width:131px; }
.main-intro-modal .slider-wrap { box-sizing:border-box; padding:40px 70px 140px; position: relative;}
.main-intro-modal .bx-wrapper { box-shadow:none !important; height:auto !important; }
.main-intro-modal .bx-controls-direction { display: none; }
.main-intro-modal .bx-wrapper img { height:auto !important; max-width:100%; }
.main-intro-modal .slider-wrap .article .txt { font-size:13px; line-height: 20px; color: #4b4b4b; margin-bottom:35px;  }
.main-intro-modal .slider-wrap .article .txt strong { display: block; font-size:15px; color: #ff4739; font-weight: 600;}
.main-intro-modal .slider-wrap .article .txt2 { font-size:12px; color: #ff5b4f; margin-bottom: 3px; }
.main-intro-modal .slider-wrap .article .img {padding:0 1px;}
.main-intro-modal .slider-wrap .bx-pager { position: absolute; left:0; right:0; bottom:-140px; text-align: center; top:inherit;}
.main-intro-modal .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a { width:10px; height: 10px; background: #f7f7f7; }
.main-intro-modal .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff5345; }
.modal .intro-btns { margin:0 27px 27px;}
.modal .intro-btns button {  padding:0 27px; height:40px; border-radius:5px; font-size:13px; color: var(--white); background: #ff5345;  }


.image-container{position:relative;text-align:center;margin-top:40px;margin-bottom:45px}
.image-container .level{margin:5px;display: inline-block;}
.image-container .level .terms{position:relative; bottom:50px;}
.image-container .level .level-button{margin-top:10px;display:block;text-align:center;font-size:14px;max-width:220px;height:51px;line-height:51px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:solid 1px #d6d6d6;}
.image-container .level .level-button:hover{background-color:#1f63c9;color:var(--white)}




.h3 {padding:80px 0 0 0;margin-bottom:45px}
.h3 div {position: relative;}
.h3 div:before { content: ''; position: absolute; left: 0;}
.h3 div strong {padding-bottom:0;color:#1b1b1b;font-size:32px;font-weight: 700;font-family: Pretendard;}
.h3 div span { display: inline-block; vertical-align: middle; padding-bottom: 12px;  }
.h3 .col-right{ border:0;}
.h3 .btn, .subContents .btn{ padding:0 10px; height: 32px;box-sizing:border-box; font-size:11px; color: #222; background: var(--white); border: 1px solid #dbdbdb; border-radius:4px; }
.h3 .btn-red, .subContents .btn-red { background: var(--main-color); border:0; color: var(--white); }

.h3.none div { border-bottom: 0; }
.h3.none div strong:before { display: none; }

.tabs { margin-bottom: 45px; }
.tabs ul:after { display: block; content: ''; clear: both; }
.tabs li { float:left; width:33.3333333333%; position: relative;}
.tabs.col2 li { width:50%; }
.tabs.col3 li { width:33.33333333333%; }
.tabs.col4 li { width:25%; }
.tabs li a { display: block; text-align: center; height:51px; border: 1px solid #e6e6e6; border-left: 0;box-sizing:border-box; font-size:16px; color: #aaa; font-weight: 600; line-height: 48px; }
.tabs li:first-child a { border-left: 1px solid #e6e6e6;  }
.tabs li.active a { color: var(--main-color); }
.tabs li.active:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; height: 2px; background: var(--main-color);}

/*recommand*/
.recomm { margin-bottom: 30px; padding: 0;}
.recomm .box1 { padding:18px 20px; border: 1px solid var(--main-color); border-radius:5px 5px 0 0; }
.recomm .box1 table { width:100%; border-collapse: collapse; }
.recomm .box1 strong { font-size:14px; color: #222; }
.recomm .box1 text { font-size:12px; color:#F00; }
.recomm .box1 .re_center { text-align: center;}
.recomm .box1 .re_left_align { border-left:solid 1px #d6d6d6; padding-left:20px}
.recomm .box1 p { font-size:10px; color: #aaa;  padding-top:3px;}
.recomm .box1 .btn-like { -webkit-appearance:none; font-size:23px; color: #222; font-weight: 600; border:0; background: none; cursor:pointer; outline:none; }
.recomm .box1 .btn-like:before { content: ''; display: inline-block; vertical-align: middle; width:20px; height: 20px; background: url(/img/new/ico_like_off.png) no-repeat 0 0; margin:-5px 6px 0 0;}
.recomm .box1 .btn-like.active:before { background-image:url(/img/new/ico_like_on.png)}
.recomm .box2 .btn-re { width:100%; height: 56px; background: var(--main-color); border-radius:0 0 5px 5px;font-size:16px; color: var(--white); font-weight: 600; border:0;  cursor: pointer; font-family: 'NanumGothic'}



/* Profile */
.profile-wrap { max-width:421px;border-radius:10px; margin: 0 auto; overflow: hidden;}
.profile-wrap .head { height: 192px; background: url(/img/new/bg_profile_head.jpg) no-repeat 0 0; background-size:cover; position: relative; }
.profile-wrap .head .img { position: absolute; left: 0; right:0; top:120px; text-align: center;}
.profile-wrap .head .img img { width:109px; height: 109px; border-radius:100%; }
.profile-wrap .head .img strong { display: block;  font-size:23px; color: #222; padding-top:10px;padding-bottom:5px;}
.profile-wrap .head .btn-modify { position: absolute; right:15px; top:15px; font-size:16px; color: var(--white); }
.profile-wrap .body { padding:95px 32px 32px; border: 1px solid #ebebeb; border-top:0; border-radius:0 0 10px 10px; overflow: hidden;}
.profile-wrap .body .round_button{ margin-bottom: 20px; }
.profile-wrap .body .p-table table { width:100%; border-collapse: collapse; }
.profile-wrap .body .p-table table th { font-size:13px; color: #909090; font-weight: normal; text-align: left; vertical-align: top;line-height: 30px; }
.profile-wrap .body .p-table table td { font-size:13px; color: #151515; line-height: 30px;}
.profile-wrap fieldset { padding: 0; border: 0;}
.profile-wrap .checkBox label { display: inline-block; vertical-align: middle; font-size:13px; color: #151515; height: auto; font-weight: normal; float:none;}
.profile-wrap .checkBox label.w20p { width:auto !important;}
.profile-wrap:not(.new) input[type=text] { width:100%; height: 26px; line-height: 23px; border: 1px solid #ddd; font-size:13px; color: #222; display: inline-block; vertical-align: middle; box-sizing:border-box; padding-left: 10px; }
.profile-wrap select {  height: 26px; line-height: 23px; border: 1px solid #ddd; font-size:13px; color: #222; display: inline-block; vertical-align: middle; box-sizing:border-box; padding-left: 10px; }
.profile-wrap .btn-addr { display: inline-block; vertical-align: middle; height: 26px; background: var(--main-color); text-align: center; font-size:12px; color: var(--white); line-height: 25px; padding:0 10px; }

/* MODAL */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:900; opacity:.5; filter:alpha(opacity=50);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; outline:0; text-align:left; padding:0 20px;}
/*.modal-dialog {position:relative;width:auto;max-width:550px;margin:0 auto;border-radius:5px;}*/
.modal-dialog { margin:30px auto; margin-top:30px !important; }
.modal-header { padding:18px 0; text-align:center; font-size:18px; color:var(--white); background:#1f94f2;  }
.modal-header .layer-tooltip { position:absolute; right:80px; top:22px; line-height:13px; height:13px; z-index:10;}
.modal-header .layer-tooltip a { font-size:12px; font-weight:600; color:var(--white); text-decoration:underline; font-family:dotum;  }
.modal-header .layer-tooltip a:before { width:12px;height:13px; background-position:-60px -170px; vertical-align:top; margin-right:5px; }
.modal-header .layer-tooltip div { position:absolute; right:-5px; top:20px; width:328px; display:none; }
.modal-header .layer-tooltip a:hover + div { display:block; }

.modal-content {position:relative; color:#555; background-color:var(--white); outline:none;  border-radius:5px; overflow:hidden; box-shadow:4px 4px 6px rgba(0,0,0,0.2)}
.modal .close {position:absolute; top:5px; right:5px; width:40px; height:40px; padding:0; border:0; background:none; border-radius:50%;}
.modal .close:before { width:20px;height:20px; background-position:-350px -200px; display:block; margin:10px auto; }
.modal-body {padding:25px;line-height: 180%; font-size: 13px}
.modal .close { position: absolute; right:0; top:0; width:60px; height: 60px; background: url(/img/new/modal_close.png) no-repeat 50% 50%; text-indent: -999px; cursor:pointer;}
.modal button,
.modal input { font-family: 'NanumGothic'}

.modal .modal-title { text-align: center; font-size:16px; color: #222;  height: 60px; line-height: 59px; border-bottom: 1px solid #e7e7e7; font-weight: 700; }
.modal .modal-title2 { text-align: center; font-size:16px; color: #222;  height: 60px; line-height: 59px; border-bottom: 1px solid #e7e7e7; font-weight: 700; }

.modal .recomm { padding:30px 35px;}
.modal .recomm .desc { text-align: center; font-size:14px; line-height: 22px; color: #aaa;  margin-bottom:25px;  }
.modal .recomm .tit { font-size:13px; color: #000; margin-bottom: 5px; }
.modal .recomm .inp { width:100%; height: 46px; border: 1px solid #cdd0d8; border-radius:4px; padding-left: 15px; font-size:16px; color: #000; box-sizing:border-box; }
.modal .recomm .btn-copy { width:112px; height: 46px; border: 1px solid #cdd0d8; border-radius:4px; font-size:16px; color: #000; box-sizing:border-box; font-weight: 600;text-align: center; background: none; cursor: pointer;}
.modal .recomm textarea { border: 1px solid #cdd0d8; border-radius:4px; font-size:14px; letter-spacing: -1px; color: #000; line-height: 1.3em; resize:none; width:100%; box-sizing: border-box; height: 172px; overflow: auto; padding: 15px;}
.modal .recomm .btn-send button { width:100%; height: 46px; background: var(--main-color); font-size:16px; color: var(--white); text-align: center; font-weight: 600; border-radius:5px; border:0; cursor:pointer;}
.modal .recomm .desc2 { text-align: center; padding-top:10px; font-size:12px; color: var(--main-color); }



/* My Books */
.new-contents {padding:0 37px 10px;}
.new-contents.book { overflow-y:auto;overflow-x:hidden;height: 800px;}
.book-list ul:after { display: block; content: ''; clear: both; }
.book-list ul { margin:0 -10px;}
.book-list ul li { width:299px; float:left; height: 128px; box-sizing:border-box; margin:0 10px 25px 10px;  }
.book-list ul li .book { height: 128px; border: 1px solid #d0dddc; border-radius:10px; position: relative; overflow:hidden;}
.book-list ul li .book .img { float:left; margin-right:20px; border-radius:10px 0 0 10px; overflow: hidden;}
.book-list ul li .book .info { padding-top:18px; position: relative;}
.book-list ul li .book .info strong { display: block; font-size:14px; color: #333; margin-bottom: 7px;}
.book-list ul li .book .info table { border-collapse: collapse; }
.book-list ul li .book .info table th { width:30px; padding-right:10px; font-size:10px; line-height: 14px;color:#aaa; border-right:1px solid #c5c5c5; font-weight: normal;}
.book-list ul li .book .info table td { font-size:11px; line-height: 14px; color: #494a4f; padding-left: 10px; font-weight: 600;}
.book-list ul li .book .btn-more { position: absolute; right:7px; bottom:7px; width:55px; height: 23px; line-height: 22px; border-radius:3px; background: var(--main-color); font-size:11px; color: var(--white); text-align: center; }
.book-list ul li .buys { font-size:10px; line-height: 15px; color: #aaa; }
.book-list ul li .buys em { font-size:12px; color: #222; display: block; margin-bottom: 3px; }
.book-list ul li .like { position: absolute; right:7px; bottom:37px; font-size:13px; color: #222; font-weight: 600;}
.book-list ul li .like span {color:#1f63c9; }
.book-list ul li .current { position: absolute; right:5px; top:-15px; white-space: nowrap; padding:0 15px; height: 30px; line-height: 29px; border-radius:8px; font-size:12px; color: var(--white); font-weight: 600; }
.book-list ul li .current.bg1 { background: #ff6c00; }
.book-list ul li .current.bg2 { background: #03b128; }
.book-list ul li .current.bg3 { background: #149eff; }
.book-list ul li .current.bg4 { background: #ffb007; }


/* My Curriculums */
.curri-wrap:after { display: block; content: ''; clear: both;}
.curri-wrap .section { float:left; width:315px; box-sizing:border-box; margin:60px 0px 0px 35px; padding:25px 18px; border-radius:8px; position: relative; }
.curri-wrap .section .title { font-size:14px; color: #000; font-weight: 600; overflow: hidden; margin-bottom: 32px;}
.curri-wrap .section .title .btn_star_off {background:url(/img/common/bicon_star_off.png) no-repeat;height:40px;width:40px;position:absolute;top:20px;right:16px;cursor:pointer;display:block}
.curri-wrap .section .title .btn_star_on {background:url(/img/common/bicon_star_on.png) no-repeat;height:40px;width:40px;position:absolute;top:20px;right:16px;cursor:pointer;display:block}
.curri-wrap .section .title .like { float:right; font-size:11px; color: #4d4d4d; }
.curri-wrap .section .title .curr_description { color:#FF8C00; font-size:11px;margin:10px 0px; width:260px; position:absolute; }
.curri-wrap .section .current { position: absolute; left:18px; top:-15px; white-space: nowrap; padding:0 15px; height: 30px; line-height: 29px; border-radius:8px; font-size:12px; color: var(--white); font-weight: 600; }
.curri-wrap .section .current.bg1 { background: #ff6c00; }
.curri-wrap .section .current.bg2 { background: #03b128; }
.curri-wrap .section .current.bg3 { background: #149eff; }
.curri-wrap .section .current.bg4 { background: #ffb007; }
.curri-wrap .section .key { margin-bottom: 7px; }
.curri-wrap .section .key span { display:inline-block; vertical-align: middle; padding:0 15px; height: 22px; line-height: 21px; font-size:11px; color: #626262; border-radius:5px; background: #f7f7f7; margin-bottom: 4px; }
.curri-wrap .section.active { background: #f7f7f7; box-shadow:4px 4px 7px rgba(0,0,0,0.2); margin-bottom: 0px; }
.curri-wrap .section.active .key span.bg1 { background: #00b604; color: var(--white); }
.curri-wrap .section.active .key span.bg2 { background: #b66b00; color: var(--white);}
.curri-wrap .section.active .key span.bg3 { background: #b6006f; color: var(--white);}
.curri-wrap .section.active .key span.bg4 { background: #0033b6; color: var(--white);}
.curri-wrap .section.active .key span.bg5 { background: #6200b6; color: var(--white);}


/* new Curriculums 2017/11/24 */
.curri-level:after { display: block; content: ''; clear: both;}
.curri-level .section { float:left; width:315px; box-sizing:border-box; margin:60px 0px 0px 35px; padding:20px 20px; border-radius:8px; position: relative; background: #f8f8f8; border:1px solid #eee;}
.curri-level .section .title { color: #000; font-weight: 900; margin-bottom: 32px;}
.curri-level .section .title a{ color: #006cb8 ! important;}

.curri-level .section .title .like { float:right; font-size:11px; color: #4d4d4d; }
.curri-level .section .title .fav { display: none; }
.curri-level .section .curr-description { font-size:14px; height:70px; line-height:25px; margin:10px 0px; width:260px; }
.curri-level .section .curr-description .level { color:#888888; }
.curri-level .section .curr-description .level font { color:#0064b4;}
.curri-level .section .level-bar { height: 22px; position:relative; margin-bottom: 17px}
.curri-level .section .level-bar li { text-align:center; font-size:12px; line-height:22px; color:var(--white); background: var(--white); height:22px; width:273px; border-radius:12px; position:absolute; border:1px solid #e7e7e7;}
.curri-level .section .level-bar .bg1 { width:270px;}
.curri-level .section .level-bar .bg2 { width:225px;}
.curri-level .section .level-bar .bg3 { width:180px;}
.curri-level .section .level-bar .bg4 { width:135px;}
.curri-level .section .level-bar .bg5 { width:90px;}
.curri-level .section .level-bar .level1{ background: #f7a47b; width:45px; border:1px solid #f7a47b;}
.curri-level .section .level-bar .level2{ background: #99d068; width:90px; border:1px solid #99d068;}
.curri-level .section .level-bar .level3{ background: #61d4d8; width:135px; border:1px solid #61d4d8;}
.curri-level .section .level-bar .level4{ background: #6191d8; width:180px; border:1px solid #6191d8;}
.curri-level .section .level-bar .level5{ background: #9161d8; width:225px; border:1px solid #9161d8;}
.curri-level .section .level-bar .level6{ background: #ce61d8; width:270px; border:1px solid #ce61d8;}
.curri-level .section .key { height:90px; margin-bottom: 40px; }
.curri-level .section .key span { display:inline-block; padding:0 15px; height: 26px; line-height: 26px; font-size:11px; border-radius:7px; background: #f7f7f7; margin-bottom: 6px; }
.curri-level .section .leveltest { border-top:1px solid #eee; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 51px;line-height: 51px; border-radius:0px 0px 6px 6px; text-align: center}
.curri-level .section:hover {border:1px solid #0064b4; background: #f5f5f5;}
.curri-level .section:hover .title .like { display: none; }
.curri-level .section:hover .title .fav {background:url(/img/common/bicon_star_off.png) no-repeat;height:40px;width:40px;position:absolute;top:10px;right:10px;cursor:pointer;display:block}

.curri-level .section:hover .key span.bg1 { background: #00b604; color: var(--white);}
.curri-level .section:hover .key span.bg2 { background: #b66b00; color: var(--white);}
.curri-level .section:hover .key span.bg3 { background: #b6006f; color: var(--white);}
.curri-level .section:hover .key span.bg4 { background: #0033b6; color: var(--white);}
.curri-level .section:hover .key span.bg5 { background: #6200b6; color: var(--white);}
.curri-level .section:hover .leveltest { background: #0064b4; color: var(--white); border-top:1px solid var(--white);}
/* new Curriculums 2017/11/24 */


.curi-list ul li { margin-bottom: 10px; }
.curi-list ul li .month { height: 22px; line-height: 21px; text-align: center; background: #c5c5c5; font-size:11px; color: var(--white); font-weight: 600; border-radius:5px 5px 0 0; position: relative; z-index:10;}
.curi-list ul li .month:before { content: ''; position: absolute; left: 50%; bottom:-7px; width:12px; height: 7px; background: url(/img/new/bu_curri_title.png) no-repeat 0 0; margin-left: -6px;}
.curi-list ul li .book { background-color:transparent; height: 104px; border-radius:0 0 5px 5px; position: relative; }
.curi-list ul li .book:hover {background-color:var(--white)}
.curi-list ul li .book .img { float:left; margin-right:20px; border-radius:0 0 0 5px; overflow: hidden; position: relative; z-index:30;}
.curi-list ul li .book .img .over { display: none;position: absolute; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.5); text-align: center;}
.curi-list ul li .book .img:hover .over { display: block; }
.curi-list ul li .book .img .over .hrt { padding-top:30px; }
.curi-list ul li .book .img .over .hrt .k { padding-top:12px; font-size:11px; color: var(--white); }
.curi-list ul li .book .info { padding-top:10px; position: relative;}
.curi-list ul li .book .info strong { display: block; font-size:14px; color: #333; margin-bottom: 7px; line-height: 1.2em;}
.curi-list ul li .book .info table { border-collapse: collapse; }
.curi-list ul li .book .info table th { width:30px; padding-right:10px; font-size:10px; line-height: 14px;color:#494a4f; border-right:1px solid #c5c5c5; font-weight: normal;}
.curi-list ul li .book .info table td { font-size:11px; line-height: 14px; color: #494a4f; padding-left: 10px; font-weight: 600;}

.curi-list ul li.active .month { background: var(--main-color); }
.curi-list ul li.active .month:before { background-image:url(/img/new/bu_curri_title_red.png); }

.curi-list ul li.active .book .info table th { border-right:1px solid var(--main-color); }

.category-slide {position: relative;border-top:solid 0px #d7d8dd;}
.category-slide + .category-slide{ margin-bottom: 40px;}
.category-slide .swiper-container{overflow-x:hidden;}
.category-slide .swiper-container:before { content: ''; position: absolute; left: 0; top:0; width:40px; height: 38px; background: url(/img/new/bg_shadow_left.png) 0 0 / 100% 100% no-repeat; z-index:10; }
.category-slide .swiper-container:after { content: ''; position: absolute; right: 0; top:0; width:40px; height: 38px; background: url(/img/new/bg_shadow_right.png) 0 0 / 100% 100% no-repeat 0 0; z-index:10; }
.category-slide ul { overflow: hidden; }
.category-slide ul li { float:left; width:auto !important;}


/* 태그 버튼색 (변경전 무지개색)
.category-slide .btn-c {  padding:0 20px; height: 38px; line-height: 37px; border-radius:5px; font-size:14px; color: var(--white); background: #3098ce; }
.category-slide .btn-c.bg1 {background: #3098ce;}
.category-slide .btn-c.bg2 {background: #30ceb2;}
.category-slide .btn-c.bg3 {background: #30ce46;}
.category-slide .btn-c.bg4 {background: #9fce30;}
.category-slide .btn-c.bg5 {background: #cebd30;}
.category-slide .btn-c.bg6 {background: #ce9830;}
.category-slide .btn-c.bg7 {background: #ce6430;}
.category-slide .btn-c.bg8 {background: #b930ce;}
.category-slide .btn-c.bg9 {background: #6830ce;}
.category-slide .btn-c.bg10 {background: #304fce;}
*/

/* 태그 버튼색 (변경후 회색)*/
.category-slide .btn-c {  padding:0 20px; height: 38px; line-height: 37px; border-radius:5px; font-size:14px; color: #000; background: #efefef; }
.category-slide .btn-c.bg1 {background: #efefef;}
.category-slide .btn-c.bg2 {background: #efefef;}
.category-slide .btn-c.bg3 {background: #efefef;}
.category-slide .btn-c.bg4 {background: #efefef;}
.category-slide .btn-c.bg5 {background: #efefef;}
.category-slide .btn-c.bg6 {background: #efefef;}
.category-slide .btn-c.bg7 {background: #efefef;}
.category-slide .btn-c.bg8 {background: #efefef;}
.category-slide .btn-c.bg9 {background: #efefef;}
.category-slide .btn-c.bg10 {background: #efefef;}

.category-slide{margin-top:20px;}
.category-slide .swiper-container { width: 100%;  height: 100%; box-sizing:border-box; padding:0 10px;}
.category-slide .swiper-slide {width: auto;     /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;  }
.category-slide .swiper-slide span{color:var(--white);}
.category-slide .swiper-button-prev { left:0; top:0; height:38px; background: url(/img/new/btn_arr_curri_slider_prev.png) no-repeat 50% 50%; margin: 0; width:40px; z-index:10;}
.category-slide .swiper-button-next { right:0; top:0; height:38px; background: url(/img/new/btn_arr_curri_slider_next.png) no-repeat 50% 50%; margin: 0; width:40px; z-index:10;}

@media screen and (max-width:768px){
	.category-slide{margin-top:10px;}
	.category-slide + .category-slide{margin:20px 0;}
}

/* Reading Oceans */
.myLeftGap.leftIconContent { width:auto !important; }
.leftIconContent .introReading .documet { letter-spacing: -1px;}
.myProfile h5 + .document { margin-left: 0; line-height: 24px; }
.readingoceans .myProfile .document {display:table; width:100%;}
.readingoceans .myProfile .document .image-container {display:table-cell; text-align: center;}
.readingoceans .myProfile .document .image-container .level {position:relative; display:inline-block;}
.readingoceans h5 {text-align:center; padding-top:10px; font-weight:bold;}
.readingoceans .introReading {text-align:center;}
.readingoceans .subTable {text-align:center;}
.readingoceans .btn-orange {background-color:#ee7e1c;border-color:#ee7e1c;color:var(--white);width:170px;margin-right:10px;margin-top:10px;font-size:14px;}
.leftIconContent .docublock { width:auto; padding-left: 40px; position: relative; letter-spacing: -1px; line-height: 24px; }
.leftIconContent .docublock:before { content: ''; position: absolute; left:20px; top:5px; height:120px; width:1px; background: #ddd; }
.leftIconContent .docublock:first-child { padding-left: 0;}
.leftIconContent .docublock:first-child:before { display: none; }
.leftIconContent .subTable td { border-bottom: 1px solid #9ba3a6; }

/* Class123 */
.class123 { max-width:700px; margin: 0 auto;}
.class123 .article { position: relative; margin-bottom: 40px; clear:both;}
.class123 .article .img { float:left; width:346px; }
.class123 .article .txt-box { overflow: hidden;padding-top:80px; font-size:14px; line-height: 24px; color: #333; }
.class123 .article .txt-box strong { display: block; font-size:18px; font-weight: normal; margin-bottom: 15px;}
.class123 .article:nth-child(4) .txt-box { padding-top:110px; }

/* 20171106 */
.curimodal-tit { height:65px; border-bottom: 1px solid #e7e7e7; margin:0 15px; }
.curimodal-tit input  {width:60%;background-color:#f1f2f6;border:none;height:35px;font-size:16px;padding-left:10px;}
.curimodal-tit:after { display: block; content: ''; clear: both; }
.curimodal-tit strong { display: block; line-height: 64px;padding-left:15px; font-size:16px; color: #222; font-weight: 600; }
.curimodal-tit .col-right{ padding:20px 60px 0 0;}
.curimodal-tit .col-right > div { display: inline-block; vertical-align: middle; margin-left: 30px; }
.curimodal-tit .col-right .like { font-size:11px; color: #4d4d4d;}
.curimodal-tit .col-right .closePopup {  top:11px; }
.curimodal-tit .curr_name {width: 550px;display:initial; padding-left: 5px;padding-right: 5px;font-weight: bold;}


.curimodal-tit2 .tit1 .curr_description {display: initial; padding-left: 5px;padding-right: 5px;}
.curimodal { padding:55px 17px 55px 60px; background: #f6f6f6; position: relative; }
.curimodal .month { position: absolute; left: 25px; top:120px; }
.curimodal .month > p { position: absolute; left: 0; top:0; width:23px; height:270px; background: url(/img/new/tit_month1.png) no-repeat 0 50%; border-right:2px solid #c1c4cb;  }
.curimodal .month > p.m1 { top:0; background-image:url(/img/new/tit_month1.png)}
.curimodal .month > p.m2 { top:300px; background-image:url(/img/new/tit_month2.png)}
.curimodal .month > p.m3 { top:600px; background-image:url(/img/new/tit_month3.png)}
.curimodal .month > p.m4 { top:900px; background-image:url(/img/new/tit_month4.png)}
.curimodal .month > p.m5 { top:1200px; background-image:url(/img/new/tit_month5.png)}
.curimodal .month > p.m6 { top:1500px; background-image:url(/img/new/tit_month6.png)}
.curimodal .month > p.m7 { top:1800px; background-image:url(/img/new/tit_month7.png)}
.curimodal .month > p.m8 { top:2100px; background-image:url(/img/new/tit_month8.png)}
.curimodal .month > p.m9 { top:2400px; background-image:url(/img/new/tit_month9.png)}
.curimodal .month > p.m10 {top:2700px;  background-image:url(/img/new/tit_month10.png)}
.curimodal .month > p.m11 {top:3000px;  background-image:url(/img/new/tit_month11.png)}
.curimodal .month > p.m12 {top:3300px;  background-image:url(/img/new/tit_month12.png)}
.curimodal .section-list:after { display: block; content: ''; clear: both; }
.curimodal .section { float:left; width:135px; margin:0 13px; }
.curimodal .section .tit{  height:40px; line-height: 39px; text-align: center; font-size:14px; color: var(--white); font-weight: 600; border-radius:6px; margin-bottom: 25px; }
.curimodal .section .tit.bg1 { background: #fbb535; }
.curimodal .section .tit.bg2 { background: #0dbc46; }
.curimodal .section .tit.bg3 { background: #32bebc; }
.curimodal .section .tit.bg4 { background: #418fd1; }
.curimodal .section .tit.bg5 { background: #8360d2; }
.curimodal .section .tit.bg6 { background: #f16c6c; }
.curimodal .section .tit.bg7 { background: #9f560e; }
.curimodal .section .tit.bg8 { background: #3e4963;  font-size:12px; letter-spacing: -1px;}
.curimodal .section ul { height:3600px; }
.curimodal .section ul li { height:300px; position: relative; }
.curimodal .section ul li .img { border-radius:10px; overflow: hidden; }
.curimodal .section ul li .subj { font-size:14px; font-weight: 600; color: #222; padding:8px 0; }
.curimodal .section ul li dl:after { display: block; content: ''; clear: both; }
.curimodal .section ul li dl dt { float:left; width:34px; text-align: right; font-size:10px; color: #aaa; line-height: 14px;  }
.curimodal .section ul li dl dd { overflow: hidden; font-size:11px; color: #494a4f; line-height: 14px; padding-left: 4px; font-weight: 600; letter-spacing: -1px;}
.curimodal .section ul li .level { height: 301px; background: url(/img/new/bg_curi_modal.png) no-repeat 0 0; }
.curimodal .section ul li .level p { position: absolute; left: 0; right:0; top:160px;  text-align: center; font-size:18px; font-weight: 600; color: #217fc4; }

.curimodal .section ul li.none1 { text-align: center; }
.curimodal .section ul li.none2 { text-align: center;  }



.booklist.main_layer_pop {left:40%;top:600px;position:absolute;}
.booklist.main_layer_pop .pop-layer {width:310px;height:280px;}
.booklist.main_layer_pop .pop-layer .pop-conts {width:100%;height:70px;}
.booklist.main_layer_pop .pop-layer .pop-conts h1 {display:inline-block;margin:0px;padding:20px 0px 10px 0px;text-align:center;width:100%;border:0px;}
.main_layer_pop a.btn-layerAgree {display:inline-block;background-color:#ee7e1c;width:70px;height:30px;color:var(--white);line-height:29px;margin:6px 5px 0px 0px;font-size:13px;}




/* 20171124 인트로 추가 */



#intro { max-width:900px; margin: 0 auto; padding:0 10px; }
#intro .intro-logo { padding:30px 0 30px; text-align: center; }
#intro .srch-box { position: relative; margin: 0 85px;}
#intro .srch-box input[type=text] { width:100%; height: 50px; -webkit-appearance:none; appearance:none; border: 0; background: #f1f2f6; border-radius:3px;  font-size:15px;  box-sizing:border-box; padding-right:50px; padding-left: 20px; color: #666; outline:none; }
#intro .srch-box .btn-srch { position: absolute; right:0; top:0 ;width:50px; height: 50px; -webkit-appearance:none; appearance:none; border: 0; background: url(/img/new/intro/ico_srch.png) no-repeat 50% 50%; text-indent: -9999px; outline:none; cursor: pointer;}

#intro input:-ms-input-placeholder { color: #b7b7b9; }
#intro input::-webkit-input-placeholder { color: #b7b7b9; }
#intro input::-moz-placeholder { color: #b7b7b9; }
#intro .list { max-width:900px; margin: 0 auto; padding-top:50px; }
#intro .list:after { display: block; content: ''; clear: both;}
#intro .list .article { float:left; width:33.333333%; text-align: center; margin:0 0 40px; padding:0 5px; box-sizing:border-box; }
#intro .list .article a { display: block; }
#intro .list .article .icon { width:120px; height:100px; border: 1px solid #ededed; margin: 0 auto; border-radius:16px; background-repeat: no-repeat; background-position: 50% 50%;}
#intro .list .article .txt1 { font-size:18px; font-weight: bold; color: #222; padding:10px 0 5px; }
#intro .list .article .txt2 { font-size:14px; color: #888; line-height: 15px; }
#intro .list .article1 .icon { background-image:url(/img/new/intro/ico1.png); }
#intro .list .article2 .icon { background-image:url(/img/new/intro/ico2.png); }
#intro .list .article3 .icon { background-image:url(/img/new/intro/ico3.png); }
#intro .list .article4 .icon { background-image:url(/img/new/intro/ico4.png); }
#intro .list .article5 .icon { background-image:url(/img/new/intro/ico5.png); }
#intro .list .article6 .icon { background-image:url(/img/new/intro/ico6.png); }



.main_layer_pop {width:450px;height:320px;display:none;position:relative;top: -170px;left: 50%;text-align:center;padding-top:20px;}
.main_layer_pop .pop-layer {background-color: var(--white);border: 2px solid #026cb8 ;z-index: 10;;position:absolute; top: -240px;}
.main_layer_pop .pop-layer .pop-conts { width:400px;height:88px; text-align:center;}
.main_layer_pop .pop-layer .pop-conts h1 {width:95px;font-size:18px;padding:6px 0px;color:#047cc8;border:2px solid #ee7e1c;border-radius:26px;margin-left:153px;margin-top:5px;}
.main_layer_pop .pop-layer .pop-conts h2 {font-size:21px;padding-top:12px;color:#047cc8;}
.main_layer_pop .pop-layer .pop-container { padding: 0px;}
.main_layer_pop .pop-layer p.ctxt { color: #666; line-height: 19px; text-align: center;font-family:nanumgothic;font-size:13px;padding:5px 10px;}

.main_layer_pop .pop-layer p.ctxt span { font-size:15px; color: #026cb8; }
.main_layer_pop .pop-layer .btn-r { height:40px;width: 100%;background-color:#026cb8;text-align: right;}
.main_layer_pop .pop-layer p.ctxt a { font-size:18px;color:#ee7e1c;margin-top:5px; }
.main_layer_pop a.btn-layerClose {display: inline-block;width:70px;height:30px;margin:6px 5px 0px 0px;background-color: #ee7e1c;font-size: 13px;text-align:center;color: var(--white);line-height: 29px;}
.main_layer_pop a.btn-layerClose:hover {background-color: #ee7e1c;color: var(--white);}
.main_layer_pop input {width:20px;height:20px;display: initial;float:left; margin-top:10px;}
.main_layer_pop .check_noView {position:relative;float: left;}
.main_layer_pop .btn-r label {position:relative;font-size:13px;font-family:nanumgothicbold;color:var(--white);float: left;margin-top:10px;}
#change_pw.main_layer_pop input { float: none; }

@media (max-width:400px) {
	.main_layer_pop {width:300px;height:320px;display:none;position:relative;top: -300px;text-align:center;left:45%;}
	.main_layer_pop .pop-layer {border:1px solid #eeeeee;width: 100%;}
	.main_layer_pop .pop-layer img {width:250px;}
	.main_layer_pop .pop-layer .pop-conts {width:300px;}
	.main_layer_pop .pop-layer p.ctxt {font-size:11px;}
	.main_layer_pop .pop-layer p.ctxt a { font-size:11px;color:#ee7e1c;margin-top:5px; }
	.main_layer_pop .pop-layer .pop-conts h1 {width:95px;font-size:18px;padding:6px 0px;color:#047cc8;border:2px solid #ee7e1c;border-radius:26px;margin-left:100px;margin-top:5px;}
	.main_layer_pop .pop-layer .pop-conts h2 {font-size:15px;padding-top:12px;color:#047cc8;}
}

/* 20171202 */
.curimodal-tit2 {  padding:10px 30px; }
.curimodal-tit2 .tit1 { font-size:14px; font-weight: 600; color: #222; margin-bottom: 7px; }
.curimodal-tit2 input { width:550px; background-color:#f1f2f6; border:none;height:35px;font-size:14px;padding-left:10px;}
.curimodal-tit2 .tags span { margin-right:25px; font-size:12px; color: #494a4f; }
.curi2 { padding:0 20px 30px 60px; background: #f6f6f6;  overflow-x:auto;overflow-y:auto; position: relative; }
.curi2 > p { position: absolute; left:0; width:56px; text-align: right; font-size:14px; color: #000;letter-spacing: -1px; font-weight: 600; line-height: 14px; }
.curi2 .m0 { top:135px; }
.curi2 .m1 { top:195px; }
.curi2 .m2 { top:255px; }
.curi2 .m3 { top:315px; }
.curi2 .m4 { top:375px; }
.curi2 .m5 { top:435px; }
.curi2 .m6 { top:495px; }
.curi2 .m7 { top:555px; }
.curi2 .m8 { top:615px; }
.curi2 .m9 { top:675px; }
.curi2 .m10 { top:735px; }
.curi2 .m11 { top:795px; }
.curi2 .m12 { top:855px; }
.curi2 .curi2-box { padding-left: 10px; background: url(/img/new/bg_modal_curi.png); background-position:20px 0; min-width:1090px; }
.curi2 .curi2-box:after { display: block; content: ''; clear: both; }
.curi2 .curi2-box .section { float:left; margin-right:9px; }

.curi2 .curi2-box .section .title { margin-top: 19px; height:35px; line-height: 32px; text-align: center; border-radius:7px; background: #fbb534; font-size:16px; color: var(--white); margin-bottom: 5px; }
.curi2 .curi2-box .section .article-box:after { display: block; content: ''; clear: both; }
.curi2 .curi2-box .section .article { float:left; width:100px; margin-left: 8px; }
.curi2 .curi2-box .section .article:first-child { margin-left: 0; }
.curi2 .curi2-box .section .article .tit{ text-align: left; height:90px; padding:5px; border-radius:7px 7px 0 0; background: #fbb535;  color: var(--white); box-sizing: border-box;}
.curi2 .curi2-box .section .article .tit .chk { text-align: center; margin-bottom: 4px;}
.curi2 .curi2-box .section .article .tit .chk input { display: inline; height: auto; line-height: 1;}
.curi2 .curi2-box .section .article .tit .txt { font-size:12px; line-height: 14px; }
.curi2 .curi-table table { width:100%; height: 100%; border-collapse: collapse; }
.curi2 .curi-table table tr td { text-align: center; vertical-align: middle; background: var(--white); box-sizing: border-box;}
.curi2 .curi-table table tr td.m1 { height: 60px;}
.curi2 .curi-table table tr td.m2 { height: 120px;}
.curi2 .curi-table table tr td.m3 { height: 180px;}
.curi2 .curi-table table tr td.m4 { height: 240px;}
.curi2 .curi-table table tr td.m5 { height: 300px;}
.curi2 .curi-table table tr td.m6 { height: 360px;}
.curi2 .curi-table table tr td.m7 { height: 420px;}
.curi2 .curi-table table tr td.m8 { height: 480px;}
.curi2 .curi-table table tr td.m9 { height: 540px;}
.curi2 .curi-table table tr td.m10 { height: 600px;}
.curi2 .curi-table table tr td.m11 { height: 660px;}
.curi2 .curi-table table tr td.m12 { height: 720px;}
.curi2 .curi-table table tr td.border { border: 1px solid #fbb535; }
.curi2 .curi-table table tr td.bg { background: #fbb535; border: 1px solid #fbb535; }
.curi2 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section1  { height:870px; }
.curi2 .section.section1 .title { background: #f91818; box-sizing:border-box; font-size:15px;}
.curi2 .section.section1 .article .tit { background: #f91818; }
.curi2 .section.section1 .curi-table table tr td.border { border: 1px solid #f91818; }
.curi2 .section.section1 .curi-table table tr td.bg { background: #f91818; border: 1px solid #f91818; }
.curi2 .section.section1 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section2  { height:870px; }
.curi2 .section.section2 .title { background: #fbb535; box-sizing:border-box; font-size:15px;}
.curi2 .section.section2 .article .tit { background: #fbb535; }
.curi2 .section.section2 .curi-table table tr td.border { border: 1px solid #fbb535; }
.curi2 .section.section2 .curi-table table tr td.bg { background: #fbb535; border: 1px solid #fbb535; }
.curi2 .section.section2 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section3  { height:870px; }
.curi2 .section.section3 .title { background: #0dbc46; line-height: 16px; box-sizing:border-box; font-size:15px;}
.curi2 .section.section3 .article .tit { background: #0dbc46; }
.curi2 .section.section3 .curi-table table tr td.border { border: 1px solid #0dbc46; }
.curi2 .section.section3 .curi-table table tr td.bg { background: #0dbc46; border: 1px solid #0dbc46; }
.curi2 .section.section3 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section4  { height:870px; }
.curi2 .section.section4 .title { background: #32bebc; }
.curi2 .section.section4 .article .tit { background: #32bebc; }
.curi2 .section.section4 .curi-table table tr td.border { border: 1px solid #32bebc; }
.curi2 .section.section4 .curi-table table tr td.bg { background: #32bebc; border: 1px solid #32bebc; }
.curi2 .section.section4 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section5  { height:870px; }
.curi2 .section.section5 .title { background: #418fd1; }
.curi2 .section.section5 .article .tit { background: #418fd1; }
.curi2 .section.section5 .curi-table table tr td.border { border: 1px solid #418fd1; }
.curi2 .section.section5 .curi-table table tr td.bg { background: #418fd1; border: 1px solid #418fd1; }
.curi2 .section.section5 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section6  { height:870px; }
.curi2 .section.section6 .title { background: #8360d2; }
.curi2 .section.section6 .article .tit { background: #8360d2; }
.curi2 .section.section6 .curi-table table tr td.border { border: 1px solid #8360d2; }
.curi2 .section.section6 .curi-table table tr td.bg { background: #8360d2; border: 1px solid #8360d2; }
.curi2 .section.section6 .curi-table table tr td.none { background: none; border: 0;}

.curi2 .section.section7  { height:870px; }
.curi2 .section.section7 .title { background: #f26522; }
.curi2 .section.section7 .article .tit { background: #f26522; }
.curi2 .section.section7 .curi-table table tr td.border { border: 1px solid #f26522; }
.curi2 .section.section7 .curi-table table tr td.bg { background: #f26522; border: 1px solid #f26522; }
.curi2 .section.section7 .curi-table table tr td.none { background: none; border: 0;}


.curi2 .section.section8  { height:870px; }
.curi2 .section.section8 .title { background: #32bebc; box-sizing:border-box; background: #f6f6f6; border: 2px solid #217fc4; font-size:15px; color: #217fc4; }
.curi2 .section.section8 .article .tit { background: #217fc4; }
.curi2 .section.section8 .curi-table table tr td p { text-align: center; font-size:14px; line-height: 15px; color: #217fc4; font-weight: 600; padding-top:5px; }
.curi2 .section.section8 .curi-table table tr td.border { border: 1px solid #217fc4; }
.curi2 .section.section8 .curi-table table tr td.bg { background: #217fc4; border: 1px solid #217fc4; }
.curi2 .section.section8 .curi-table table tr td.none { background: none; border: 0;}


.curi2 .section.section9  { height:870px; }
.curi2 .section.section9 .title { background: #32bebc; box-sizing:border-box; background: #f6f6f6; border: 2px solid #95a5a5; font-size:16px; color: #627171; }
.curi2 .section.section9 .article .tit { background: #95a5a5; }
.curi2 .section.section9 .curi-table table tr td p { text-align: center; font-size:14px; line-height: 15px; color: #95a5a5; font-weight: 600; padding-top:5px; }
.curi2 .section.section9 .curi-table table tr td.border { border: 1px solid #95a5a5; }
.curi2 .section.section9 .curi-table table tr td.bg { background: #95a5a5; border: 1px solid #95a5a5; }
.curi2 .section.section9 .curi-table table tr td.none { background: none; border: 0;}

.print_description {font-size:12px;padding-bottom:5px;margin-right:10px;height:20px;text-align:right;font-weight: bold;}


body.consulting {font-family:NanumGothic;}
.consulting .subContents .introReading  { width:20%;float:left;padding-top:10px;}
.consulting .subContents .document {width:70%;float:left; }
.consulting h5 {font-size:25px;text-align:left;margin-bottom:30px;font-weight:900;}
.consulting .document li {color:#666666;text-align:left;line-height:30px;}
.consulting .document .text-process {color:#026cb8;font-family:NanumGothicBold;font-weight:bold;font-size:18px;margin-bottom:15px;}
.consulting .document li .step {color:#026cb8;font-weight:bold;margin-right:5px;}
.consulting .document .download-button {margin-top:30px;text-align:left;}
.consulting .document .download-button .btn.btn-red {width:150px;background-color:#1f63c9;margin-right:10px;}
.consulting .document .download-button .btn.btn-black {width:150px;background-color:#333;margin-right:10px;color:var(--white);}
.consulting .document .download-button {text-align: left; margin-top: 15px;}
/*.consulting .document .download-button .btn.btn-white {color:#1f63c9;border-color:#1f63c9;width:150px;}*/
.consulting .document .download-button .btn.btn-white {background-color:#ee7e1c;border-color:#ee7e1c;color:var(--white);width:150px;margin-right:10px;}

@media (max-width:740px) {
.consulting .subContents .introReading  {width:100%;}
.consulting .subContents .document {width:100%;margin:20px 0px;}
.consulting h5 {text-align:center;}
.consulting .document .text-process {text-align:center;}
.consulting .document li {text-align:center;font-size:11px;}
.consulting .document .download-button {text-align:center;}
.consulting .document .download-button .btn.btn-red {width:160px;margin:10px 30%;font-size:11px;}
.consulting .document .download-button .btn.btn-white {width:160px;margin:10px 30%;font-size:11px;}
.consulting .document .download-button .btn.btn-black {width:160px;margin:10px 30%;font-size:11px;}

}

@media (max-width:400px) {
	.consulting .document li {letter-spacing:-0.7pt;}
}


@media (max-width:845px) {
	.curimodal-tit2 .tit1 .curr_description {  width:400px;  }
	.curimodal-tit .curr_name { width:400px;  }
}

@media (max-width:700px) {
	.curimodal-tit2 .tit1 .curr_description {  width:270px;  }
	.curimodal-tit .curr_name { width:270px;  }
	.curimodal-tit2 input { width:270px; }
}

@media (max-width:600px) {
	.curimodal-tit2 .tit1 .curr_description {  width:99%; margin-top:45px;}
	.curimodal-tit .curr_name { width:95%; margin-top:30px; }
	.print_description {text-align:center;font-size:11px;}
}
@media all and (max-width:1440px) {
	.h3{padding-top:40px}
}

@media all and (max-width:1000px) {
	.h3 { /* padding:15px; */}
}

@media all and (max-width:920px) {
	#intro .intro-logo { padding:30px 0 20px;}
	#intro .intro-logo img { width:250px;}
	#intro .list { padding-top:25px;}
	#intro .list .article { width:50%; height: 170px; }
	#intro .list .article .txt1 { font-size:16px; padding:10px 0 5px; }
	#intro .list .article .txt2 { font-size:12px; letter-spacing: -1px; }
}



@media all and (max-width:850px) {
	header section { height: 62px; }
	.button a img { display: none }
	.h3 { /* padding:15px 10px; */}
	.main-intro-modal { padding:20px 10px 10px;}
	.main-intro-modal .slider-wrap { padding:10px 11px 50px; }
	.main-intro-modal .slider-wrap .bx-pager { bottom:-20px; }
	.main-intro-modal .slider-wrap .article .txt br { display: none; }
	.leftIconContent .docublock { width:100%; padding: 0; }
	.leftIconContent .docublock:before { display: none; }
	.h3 .col-right { float:right; margin-bottom: 15px; }
	.class123 .article .img { float:none; width:auto; text-align: center; }
	.class123 .article .txt-box { padding-top:20px !important; text-align: center;}
	.profile-wrap .body { padding:110px 10px 10px;}
	.modal .recomm { padding:10px; }
	.modal .recomm .col-left,
	.modal .recomm .col-right { float:none; width:100%; margin-bottom: 5px; }
	.modal .recomm .col-box .inp { width:100% !important; }
	.modal .recomm .col-box .btn-copy { width:100%; }
	.new-contents { padding:10px;}
	.readingoceans .download-button {text-align:center;}
	.readingoceans .btn-wrap {text-align:center;}


	/* 신규 추가 */

	.mem_login .layout input[type="text"],.mem_login .layout input[type="password"] {padding-top:6px;padding-bottom:6px;width:98%;font-size:10px}
	.input-register .mem_login .layout input[type="text"],.mem_login .layout input[type="password"] {width:98%;}
	.rtop10 { width:340px !important;border-top-left-radius:10px;-moz-border-top-left-radius:10px;-webkit-border-top-left-radius:10px;border-top-right-radius:10px;-moz-border-top-right-radius:10px;-webkit-border-top-right-radius:10px}
	.mem_login .memjoin {display:inline-block;width:100%;font-size:16px;font-weight:bold;height:46px;line-height:46px;background-color:var(--white);border:solid 1px #d6d6d6;text-align:center;margin-top:10px}
	input.inp_corner.fr {width:80px !important; padding-left:0px; padding-right:0px;}
	input.inp_corner.fr.bizinfo {width:95px !important;}
	input.inp_corner.left.fl {width:98% !important;}
	li.popDocument.center {font-size: 12px;}
	.steps img {width:338px;}
	.input-register {margin-left:-170px !important;}
	.input-register .layout {width:280px; padding-left:26px;}
	.input-register .layout .docu {font-size: 10px;}
	.input-register input.inp_corner.fr {font-size:12px; width:90px;}
	.input-register-blank {height:1200px;}
	.w25p.fl{width:33%; font-size:10px;}
	.checkBox.mailing_agreement .w25p.fl {width:100%;display:inline-block;}
	.mem_login.rtop10.rbottom1.input_bizinfo {margin-left:-170px;}
	.mem_login.rtop10.rbottom1.input_bizinfo .layout {padding:35px 25px;}
	.mem_login .layout label[type="button"] {font-size:13px;line-height:31px;display:inline-block;}
	.input_bizinfo .layout .docu{font-size:10px;}
	.blank.bizinfo {height:130%;}
	.blank.register {height:110%;}
	.recomm .box1 .re_left_align {width:130px;}
	.mem_login.rtop10.rbottom10.regi-complete {margin-left:-170px;}
	.mem_login.rtop10.rbottom10.regi-complete .layout {padding:20px 28px;}
	.mem_login.rtop10.rbottom10.regi-complete .bigButton .comm_button {width:130px;}
	.mem_login.rtop10.rbottom10.regi-complete .bigButton .comm_button em
	.mem_login.rtop10.rbottom10.regi-complete .bigButton .comm_button i.com1 {right:35px;}
	.mem_login.rtop10.rbottom10.regi-complete1 {margin-left:-170px;}
	.mem_login.rtop10.rbottom10.regi-complete2 {margin-left:-170px;}
	.mem_login .start_date .date_txt{font-size:11px;margin-left:5px;}
	.mem_login .start_date .txt{font-size:11px;}
	.mem_login .date_box{padding:1px 10px 5px;}
	.mem_login .date_box label{font-size:11px;}
	.mem_login .date_box label::after{width:5px;height:5px;}
	.con.fr.inp_corner {padding-left:3px;font-size:12px;}
	nav ul li.spc { display: none; }
}


@media all and (max-width:360px) {
	.button a img { display: none }
	.h3 { padding:15px 10px;}
	.main-intro-modal { padding:20px 10px 10px;}
	.main-intro-modal .slider-wrap { padding:10px 11px 50px; }
	.main-intro-modal .slider-wrap .bx-pager { bottom:-20px; }
	.main-intro-modal .slider-wrap .article .txt br { display: none; }
	.leftIconContent .docublock { width:100%; padding: 0; }
	.leftIconContent .docublock:before { display: none; }
	.h3 .col-right { float:none; margin-bottom: 15px; }
	.class123 .article .img { float:none; width:auto; text-align: center; }
	.class123 .article .txt-box { padding-top:20px !important; text-align: center;}
	.profile-wrap .body { padding:110px 10px 10px;}
	.modal .recomm { padding:10px; }
	.modal .recomm .col-left,
	.modal .recomm .col-right { float:none; width:100%; margin-bottom: 5px; }
	.modal .recomm .col-box .inp { width:100% !important; }
	.modal .recomm .col-box .btn-copy { width:100%; }
	.new-contents { padding:10px;}



}
@page {
	size: A4;
    margin: 10px;

}
@media print {
	body { -webkit-print-color-adjust: exact; }
	body { border:0; margin:0; padding:0;  }
	/*.curimodal .month { display: none; }*/
	.curimodal { padding:8px 0px 8px 73px; }
	.curimodal .section { margin:0 5px;}
	.curimodal-tit .col-right { display:none; }

}


/*.word_explain {text-align:right;width:100%;position:relative;}
.word_explain button {border: none;margin:10px 3px 10px 3px;position:relative;width:85px;height:30px;transition:0.3s  ease;border-radius:8px;background:linear-gradient(135deg, #6ebecb, #77b7f1);box-shadow: 0 5px 10px -4px rgb(80, 75, 113);}
.word_explain .fk_button {}
.word_explain .lexile_button {width:100px;}
.word_explain .ar_button {margin-right:20px;}
.word_explain button:hover {transform: translateY(-2px); transition: 0.3s ease; margin-top:8px;box-shadow: 0 8px 13px -7px rgb(80, 75, 113);}
.word_explain button span {cursor: pointer;color:white;transition:0.3s ease;font-size:12px;}
.word_explain button:hover span {cursor: pointer;color:white;transition:0.3s;font-size:13px;}*/
.word_explain {text-align:right;width:100%;position:relative;padding-right:20px;}
.word_explain button {background-color:#1f63c9;border: none;margin:10px 3px 10px 3px;position:relative;width:95px;height:30px;color:white;border-radius:4px;cursor:pointer;}
.word_explain button.ar_button {margin-right:10px;}
#modalWordExplain.modal { top:10%;width:350px;text-align:left;padding:0px;}
#modalWordExplain.modal.CEFR {width:820px;}
#modalWordExplain .modal-content .text { border-bottom: 1px solid #e7e7e7; margin:15px 15px 0px 15px;}
#modalWordExplain .modal-content .text h1 {font-weight:400;font-family:NanumGothicbold;}
#modalWordExplain .modal-content .text p {margin:17px 0px 15px 0px;color:#999999;font-size:14px; }
#modalWordExplain .modal-content .text p span {color:purple;font-size:15px;}
#modalWordExplain .modal-header {background-color:white;color:#006cb8;}
#modalWordExplain .modal-header img {margin-left:10px; }
#modalWordExplain .closePopup {color:white;right:10px;top:-1px;color:#777777;}
#modalWordExplain .modal-footer {text-align:right;height:40px;}
#modalWordExplain .modal-footer .btn-default {width:80px;margin:5px 5px;height:30px;border:1px solid #eeeeee;font-weight:400;border-radius:4px;font-family:NanumGothicbold;}
#modalWordExplain .modal-footer .btn-default:hover {background-color:red;cursor:pointer;}

@media (max-width:600px) {
	.word_explain {text-align:center;}
	#modalWordExplain.modal.CEFR {width:350px;}
	#modalWordExplain.modal.CEFR .modal-content .text {overflow:scroll;}
}


/* 레벨테스트 */

body.test-guide {width:100%;margin:0px;padding:0px;letter-spacing:-0.3pt;}
.side-layer{width:10%;height:800px;position:relative;float:left;}
.test-guide .h3 button {float:right;}
.test-guide .subContents-wrap {text-align:left;}
.test-guide .subContents {position:relative;width:85%;margin:0 auto;}
.test-guide .subContents .explain {height:170px;}
.test-guide .subContents .explain .text { width:100%;height:100px;float:left;text-align:center;position:relative;margin-bottom:40px;padding-top:20px;line-height:22px;}
.test-guide .subContents .explain .text .guide-title {font-size:24px;font-weight:bold;height:35px;line-height:35px;color:#1f63c9;margin-bottom:10px;}
.test-guide .subContents .explain .text .guide-content {font-size:18px;color:#333;font-weight:bold;}
.test-guide .guide-explain {text-align:left;position:relative;}
.test-guide .guide-explain .sub-title {font-size:20px;color:#f98844;margin-bottom:15px;font-weight:bold;}
.test-guide .guide-explain .context {font-size:14px;color:#777;line-height:20px;margin-bottom:30px;}
.test-guide .content-wrap .context2 {text-align:center;}
.test-guide .content-wrap .context2 .sampleImg {overflow-x:scroll;}


body.leveltest {width:100%;margin:0px;padding:0px;letter-spacing:-0.3pt;}
.leveltest .h3 button {float:right;}
.leveltest .subContents {text-align:center;position:relative;max-width:74%;margin:0 auto;}
.leveltest .subContents .explain .text { width:auto;height:100px;float:left;text-align:left;position:relative;margin-bottom:90px;padding-top:20px;line-height:22px;}
.leveltest .subContents .explain .text .guide-title {font-size:18px;font-weight:bold;height:35px;line-height:35px;color:#444444;}
.leveltest .subContents .explain .text .guide-content {font-size:15px;color:#666666;line-height:28px;}
.leveltest .subContents .explain .image { width:20%;height:100px;float:left;position:relative;margin-left:-20px;margin-right:20px;margin-bottom:0px;padding-top:30px;}

.leveltest .explain {display:inline-block; float:left;width:100%;}
.leveltest .table-head { background-color:#333333; color:white; font-size:11px;height:20px;}
.leveltest .table-name { text-align: left;font-size:18px;font-weight:900;margin-bottom:10px;color:#444444;}

.leveltest .wrap-placement {margin-bottom:50px;}
.leveltest .placement-table {width:100%;}
.leveltest .placement-table th {height:30px;line-height:30px;font-size:12px;}
.leveltest .placement-table th.element-low-head {width:10%;text-align:center;padding-left:1%;}
.leveltest .placement-table th.element-high-head {width:10%;text-align:center;padding-left:1%;}
.leveltest .placement-table th.level {width:5%;}
.leveltest .placement-table th.description {width:30%;text-align:left;padding-left:1%;}
.leveltest .placement-table th.reading {width:5%;}
.leveltest .placement-table th.writing {width:5%;}
.leveltest .placement-table th.speaking {width:5%;}
.leveltest .placement-table td.level { color:#026cb8;text-align:center;}
.leveltest .placement-table td.description { text-align:left;padding-left:1%; font-size:13px;color:#666666;}
.leveltest .placement-table .element-low {font-size:11px; text-align:center;padding-left:1%;color:#666666;}
.leveltest .placement-table .element-high {font-size:11px; text-align:center;padding-left:1%;color:#666666;}
.leveltest .placement-table .table-row {height:35px; border-bottom-style:solid;border-bottom-width:1px; border-bottom-color:#bbbbbb;}
.leveltest .placement-table img {width:15px;height:15px;}

.leveltest .assessment-table {width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;}
.leveltest .assessment-table table{width:calc(33.333% - 10px);margin-right:15px;}
.leveltest .assessment-table table:nth-child(3n){margin-right:0;}
.leveltest .assessment-table table:nth-child(n+4){margin-top:40px;}
.leveltest .assessment-table th {text-align:center;background-color:#333333;font-size:14px;color:white;height:30px;line-height:30px;}
.leveltest .assessment-table .none{display:none;}
.leveltest .assessment-table td.bookname {padding-left:3%;text-align:left;font-size:14px;color:#666666; border-bottom-style:solid;border-bottom-width:1px; border-bottom-color:#bbbbbb;height:30px;line-height:30px;}
.leveltest .assessment-table td.assessment-download {border-bottom-style:solid;border-bottom-width:1px; border-bottom-color:#bbbbbb;height:30px;line-height:30px;}
.leveltest .assessment-table img {width:15px;height:15px;}

/* 바나나그램스 */
.bananagrams {}
.btn-banana { background-color:#593116;border-color:#593116;color:#ffe419;width:150px;height:32px;margin-right:10px;border-radius:4px;font-size:11px; cursor:pointer;}
.btn-banana.green {background-color:#006738;border-color:#006738;}
.text-banana {padding-top:15px;padding-bottom:15px;line-height:24px;font-size:15px;color:#444;font-family:NanumGothicBold;}
.subtitle.banana {font-size:22px;padding-top:10px;padding-bottom:15px;font-weight:bold;color:#cc9922;font-family:NanumGothicBold;}
.profilewrap.banana {text-align:center;}
.profilewrap.banana .h3.top {text-align:left; }
.video.banana .youtubeVideo {padding-bottom:15px;}
.h2.banana {font-family:NanumGothicBold;font-size:15px;font-weight:bold;padding-bottom:15px;color:#444;margin-top:25px;}
.banana .tmp-images img {width:100%;cursor:pointer;}
.smartstore .explain img {width:100%;}

@media (max-width:1150px) {
.leveltest .subContents .explain .image { margin-bottom:10px; }
}

@media (max-width:850px) {
#pop_register_teacher .wrapSubmit { width:100%;display:inline-block;}
}

@media (max-width:800px) {
header section { height:62px; }
.leveltest .subContents .explain .text { width:100%;height:300px;float:left;text-align:center;position:relative;margin-bottom:40px;padding-top:20px;line-height:22px;}
.leveltest .subContents .explain .image { width:100%;height:80px;float:left;position:relative;margin-left:0px;margin-right:20px;margin-bottom:20px;padding-top:20px;}
.leveltest .placement-table td.description {text-align:left;padding-left:1%; font-size:11px;}
.leveltest .table-name.assesment { text-align:left;font-size:18px;margin-bottom:10px;}
.leveltest .assessment-table table {width:100%;margin-right:0;}
.leveltest .assessment-table table:nth-child(n+2){margin-top:20px;}
.leveltest .assessment-table td.bookname {padding-left:3%;text-align:center;}
}

@media (max-width:600px) {
.leveltest .subContents { max-width:94%;}
.leveltest .placement-table th.element-low-head {width:10%;font-size:8px;text-align:left;padding-left:0%;}
.leveltest .placement-table th.element-high-head {width:10%;font-size:8px;text-align:left;padding-left:0%;}
.leveltest .placement-table td.description {text-align:left;padding-left:1%; font-size:11px;}
.leveltest .assessment-table td.bookname {padding-left:3%;text-align:center;}
}

@media (max-width:361px) {

.leveltest .subContents .explain .text .guide-title {font-size:18px;font-weight:bold;}
.leveltest .subContents .explain .text .guide-content {font-size:13px;color:#666666;}
.leveltest .placement-table th.description {width:30%;text-align:center;padding-left:1%;}
.leveltest .placement-table td.description { text-align:left;padding-left:1%; font-size:11px;}


/*180423 북리스트 레이어팝업 */

}


/******************************************************************************************************************************
	2018.06.01 메인 Ver2
******************************************************************************************************************************/
#main-v2 { word-break: keep-all; word-wrap: break-word;}
#main-v2 .head1 { max-width:900px; margin: 0 auto; position: relative; height: 80px;}
#main-v2 .head1 h1 { position: absolute; left: 0; top:30px; }
#main-v2 .head1 .menu { position: absolute; right:0; top:22px; }
#main-v2 .head1 .menu > a { display: inline-block; vertical-align: middle; height:35px; line-height: 34px; text-align: center; padding:0 25px; font-size:16px; color: var(--main-color); margin-left: 10px; }
#main-v2 .head1 .menu .btn1 { background: #f1780d; color: var(--white); border-radius:5px;}
#main-v2 .menu3 {display:none;position:absolute;height:auto;width:100px;font-size:13px;background-color:var(--white);z-index:100;border:solid 1px #e5e5e5;border-radius:8px;top:52px;right:-2px;text-align:center;}
#main-v2 .menu3 li {line-height:25px;}
#main-v2 .menu3 li:hover {background-color:#eeeeee;}

#main-v2 .main-visual-box { max-width:984px; margin: 0 auto; height: 432px; overflow: hidden;}
#main-v2 .main-visual-box .main-visual { max-width:900px; margin: 0 auto;}
#main-v2 .main-visual-box .main-visual .slider-box { position: relative;}
#main-v2 .main-visual-box .main-visual .slider-box li img {  border-radius:10px; width:100%; }
#main-v2 .main-visual-box .main-visual .slider-box li img.mobile { display: none; }
#main-v2 .main-visual-box .bx-wrapper .bx-pager { font-size:0; left:35px; top:inherit; bottom:30px; width:auto; text-align: left;}
#main-v2 .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.45);}
#main-v2 .bx-wrapper .bx-pager.bx-default-pager a.active { background: var(--white); }
#main-v2 .bx-wrapper .bx-controls-direction a { width:15px; height: 27px;  position: absolute; top:50%; margin-top:-13px; }
#main-v2 .bx-wrapper .bx-controls-direction a.bx-prev {left: -42px; background: url(/img/v2/main/slider_prev_on.png) no-repeat 0 0; }
#main-v2 .bx-wrapper .bx-controls-direction a.bx-prev.disabled { background-image:url(/img/v2/main/slider_prev_off.png); display: block;}
#main-v2 .bx-wrapper .bx-controls-direction a.bx-next {left: inherit; right:-42px; background: url(/img/v2/main/slider_next_on.png) no-repeat 0 0; }
#main-v2 .bx-wrapper .bx-controls-direction a.bx-next.disabled { background-image:url(/img/v2/main/slider_next_off.png); display: block; }
#main-v2 .bx-wrapper { background: none; position: static; height:auto; }
#main-v2 .bx-wrapper img { height: auto; }

#main-v2 .main-btns { padding:50px 0; max-width:900px; margin: 0 auto;}
#main-v2 .main-btns:after { display: block; content: ''; clear: both;}
#main-v2 .main-btns a { float:left; width:116px; text-align: center;}
#main-v2 .main-btns a + a { margin-left: 40px;}
#main-v2 .main-btns a p { width:116px; height: 116px; border-radius:8px; border: 1px solid #e3e3e3; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto 15px;}
#main-v2 .main-btns a.btn1 p { background-image:url(/img/v2/main/btn1.png);}
#main-v2 .main-btns a.btn2 p { background-image:url(/img/v2/main/btn2.png);}
#main-v2 .main-btns a.btn3 p { background-image:url(/img/v2/main/btn3.png);}
#main-v2 .main-btns a.btn4 p { background-image:url(/img/v2/main/btn4.png);}
#main-v2 .main-btns a.btn5 p { background-image:url(/img/v2/main/btn5.png);}
#main-v2 .main-btns a.btn6 p { background-image:url(/img/v2/main/btn6.png);}
#main-v2 .main-btns a.btn7 p { background-image:url(/img/v2/main/btn7.png);}
#main-v2 .main-btns a strong { display: block; font-size:19px; color: #000; font-weight: 600; margin-bottom: 7px; width: 127px;}
#main-v2 .main-btns a span { font-size:13px; color: #828282; letter-spacing: -1px; white-space: nowrap; display: block;}
#main-v2 .course { padding:65px 10px 60px; background: #f1f3f5; }
#main-v2 .course .inner { max-width:949px; margin: 0 auto; }

#main-v2 h2 { text-align: center; font-size:32px; color: #000; position: relative; padding-top:25px; letter-spacing: -1px; margin-bottom: 33px; line-height: 1.3; }
#main-v2 h2:before { content: ''; position: absolute; left: 50%; top:0; width:48px; margin-left: -24px; height: 3px; background: var(--main-color); }
#main-v2 h2 strong { font-weight: bold; font-family: 'NanumGothicB';}

#main-v2 .course { padding:65px 15px 60px; background: #f1f3f5; text-align: center;}
#main-v2 .course .inner { max-width:949px; margin: 0 auto; }
#main-v2 .course .bn-box {overflow: hidden; }
#main-v2 .course .bn-box .bn { float:right; }
#main-v2 .course .bn-box .bn:first-child { float:left; }
#main-v2 .course .bn-box .bn p { position: relative; margin-bottom: 23px;}
#main-v2 .course .bn-box .bn p img { width:100%; }
#main-v2 .course .bn-box .bn p span { position: absolute; left: 0; right:0; bottom:0; padding:26px 0; font-size:20px; font-weight: 600; color: var(--white); background: rgba(0,0,0,0.55); text-align: center;}
#main-v2 .course .bn-box .bn > a { display: inline-block; vertical-align: middle; width:126px; height: 42px; line-height: 41px; border-radius:7px; background: var(--main-color); font-size:16px; color: var(--white);}

#main-v2 .feature { max-width:825px; margin: 0 auto; padding:90px 15px 10px; }
#main-v2 .feature ul li { padding:8px 0 65px 225px; position: relative; border-bottom: 1px solid #dfdfdf; margin-bottom: 60px;}
#main-v2 .feature ul li .f-ico { position: absolute; left: 10px; top:0; width:166px; height: 166px; border: 2px solid #006cb8; border-radius:10px; background-repeat: no-repeat; background-position: 50% 50%; }
#main-v2 .feature ul li:last-child { border-bottom: 0; margin-bottom: 20px; }
#main-v2 .feature ul li.f1 .f-ico { background-image:url(/img/v2/main/btn1_m.png); }
#main-v2 .feature ul li.f2 .f-ico { background-image:url(/img/v2/main/btn2_m.png); }
#main-v2 .feature ul li.f3 .f-ico { background-image:url(/img/v2/main/btn3_m.png); }
#main-v2 .feature ul li.f4 .f-ico { background-image:url(/img/v2/main/btn4_m.png); }
#main-v2 .feature ul li.f5 .f-ico { background-image:url(/img/v2/main/btn5_m.png); }
#main-v2 .feature ul li.f6 .f-ico { background-image:url(/img/v2/main/btn6_m.png); }
#main-v2 .feature ul li .info { }
#main-v2 .feature ul li .info .txt1 { font-size:30px; color: var(--main-color); margin-bottom: 22px;  }
#main-v2 .feature ul li .info .txt2 { font-size:26px; font-weight: 600;color: #000; margin-bottom: 10px;  }
#main-v2 .feature ul li .info .txt3 { font-size:20px; line-height: 30px;  color: #828282;  }

#main-v2 .level-guide { padding:65px 15px; background: #f1f3f5; }
#main-v2 .level-guide .inner { max-width:934px; margin: 0 auto;}
#main-v2 .level-guide ul:after { display: block; content: ''; clear: both; }
#main-v2 .level-guide ul li { float:left; width:220px; }
#main-v2 .level-guide ul li + li { margin-left: 18px; }

#main-v2 .main-desc1 { padding:88px 15px 80px; background: url(/img/v2/main/bg.jpg) no-repeat 50% 50%; background-size:cover; text-align: center; }
#main-v2 .main-desc1 h2 { color: var(--white); }
#main-v2 .main-desc1 h2:before { background: var(--white); }
#main-v2 .main-desc1 .txt1 { font-size:17px; color: black; display: inline-block; vertical-align: middle; padding:2px;}
#main-v2 .main-desc1 .txt1 p { display: inline;}
#main-v2 .main-desc1 .txt1 + p { margin-top:30px;}
#main-v2 .main-desc1 a { display: inline-block; vertical-align: middle; padding:0 22px; height: 41px; line-height: 40px; color: var(--white); font-size:15px; background: #f1780d; border-radius:6px;}
#main-v2 .cs { padding:65px 15px 70px; background: #282732; }
#main-v2 .cs .inner { max-width:900px; margin: 0 auto;}
#main-v2 .cs h2 { color: var(--white); }
#main-v2 .cs h2:before { background: var(--white); }
#main-v2 .cs ul:after { display: block; content: ''; clear: both;}
#main-v2 .cs ul li { float:left; width:50%; box-sizing: border-box; padding: 8px; }
#main-v2 .cs ul li a { display: block; height: 90px; border-radius:10px; background: #006cb8; color: var(--white);  font-size:20px; line-height: 89px; padding-right:25px; }
#main-v2 .cs ul li a p { float:left; font-weight: 600;}
#main-v2 .cs ul li a p:before { content: ''; display: inline-block; vertical-align: middle; width:87px; height: 87px; background-repeat: no-repeat; background-position: 50% 50%;}
#main-v2 .cs ul li.noti a p:before { background-image:url(/img/v2/main/ico1.png); }
#main-v2 .cs ul li.email a p:before { background-image:url(/img/v2/main/ico2.png); }
#main-v2 .cs ul li.cacao a p:before { background-image:url(/img/v2/main/ico3.png); }
/*#main-v2 .cs ul li.call a p:before { background-image:url(/img/v2/main/ico4.png); }*/
#main-v2 .cs ul li.call a p:before { background-image:url(/img/v2/main/ico5.png); }
#main-v2 .cs ul li.cacao a { background: #fbe302; color: #3c1e20; }
#main-v2 .cs ul li.cacao a span { float:right;font-size:14px; line-height: 18px; color: #3c1e20; opacity:0.77; padding-top:25px; text-align: right;}
#main-v2 .cs ul li.call a { background: #3dc577; }
#main-v2 .cs ul li.call a span { float:right; line-height: 22px; text-align: right; padding-top:24px;}
#main-v2 .cs ul li.call a span strong { display: block; font-size:25px; color: var(--white); }
#main-v2 .cs ul li.call a span em {font-size:12.5px; color: var(--white); opacity:0.56; }

#main-v2 .join { padding:65px 15px 60px; background:#3dc577 url(/img/v2/main/bg2.png) repeat 50% 50%;}
#main-v2 .join h2 { color: var(--white); }
#main-v2 .join h2 strong { display: block; }
#main-v2 .join p { text-align: center;}
#main-v2 .join p a { display: inline-block; vertical-align: middle; padding:0 85px; height: 85px; line-height: 84px; border-radius:10px; font-size:34px; font-weight: 600; color: var(--white); background: #f1780d;}
#main-v2 .join h2:before { background: var(--white); }

#footer-v2 { text-align: center; padding:40px 15px; font-size:12px; color:rgba(255,255,255,0.5); line-height: 20px; background: #3e3d45;}

#main-v2 .searchBooks {
    position: absolute;
    top: 20px;
    left: 180px;
	display: block;
}

.myProfile .subContents .bbs img.pc {  display: block; background: var(--white);}
.myProfile .subContents .bbs img.mobile { display: none; }

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

	#main-v2 .searchBooks {
		position: absolute;
		top: 2px;
		left: 150px;
		display: none;
	}

	#main-v2 .head1 { height: 50px; }
	#main-v2 .head1 h1 { left: 15px; top:15px; }
	#main-v2 .head1 h1 img { width:130px; }
	#main-v2 .head1 .menu { top:12px; right:10px; }
	#main-v2 .head1 .menu > a { height: 27px; line-height: 26px; font-size:12px; padding:0 18px; margin-left: 5px; }
	#main-v2 .head1 .menu > a > img { height: 35px; position: absolute; top: -4px; right: -4px; }
	#main-v2 .menu3 {right: -7px; top: 32px;}
	#main-v2 .main-visual-box { height: auto; }
	#main-v2 .main-visual-box .main-visual .slider-box li img { border-radius:0; }
	#main-v2 .main-visual-box .main-visual .slider-box li img.pc { display: none; }
	#main-v2 .main-visual-box .main-visual .slider-box li img.mobile { display: block;}
	#main-v2 .main-visual-box .bx-wrapper .bx-pager { left: 15px; bottom:15px;}
	#main-v2 .main-btns { padding:35px 15px 15px; }
	#main-v2 .main-btns a { float:left; width:33.33333%; box-sizing:border-box; margin-bottom: 20px !important; }
	#main-v2 .main-btns a + a  { margin: 0;}
	#main-v2 .main-btns a span { display: none; }
	#main-v2 .main-btns a p { margin-bottom: 10px;}
	#main-v2 .main-btns a strong { width: auto;}

	#main-v2 .course { padding-top:40px; padding-bottom: 40px;}
	#main-v2 .course .bn-box .bn { width:49%;}
	#main-v2 .course .bn-box .bn p span { font-size:15px; padding:15px 10px;}
	#main-v2 .course .bn-box .bn > a { height: 28px; line-height: 27px; font-size:13px; padding:0 18px; width:auto; border-radius:4px;}
	#main-v2 .feature { padding-top:40px; padding-bottom: 5px;}
	#main-v2 .level-guide { padding-top:40px; padding-bottom: 40px; text-align: center; }

	#main-v2 .level-guide ul li { width:50%; text-align: center; margin: 0 0 20px !important; padding-bottom: 28px; box-sizing: border-box; padding:0 8px;}
	#main-v2 .level-guide ul li img { max-width:100%; }
	#main-v2 .main-desc1 { padding-top:50px; padding-bottom: 40px; }
	#main-v2 .main-desc1 h2 { font-size:24px; margin-bottom: 15px; }
	#main-v2 .main-desc1 .txt1 { background: none; }
	#main-v2 .main-desc1 .txt1 p { display: block; margin-bottom: 8px;}
	#main-v2 .main-desc1 .txt1 span { display: inline-block; vertical-align: middle; padding:1px; font-size:13px; }
	#main-v2 .main-desc1 .txt1 + p { margin-top:20px;}
	#main-v2 .main-desc1 a { padding:0 15px; font-size:12px; height: 32px; line-height: 31px; border-radius:4px;}
	#main-v2 .cs { padding:50px 10px;}

	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}


@media all and (max-width:900px) {
	#main-v2 .cs ul li { float:none; width:300px; margin: 0 auto;}
	#main-v2 .cs ul li a { height: 73px; line-height: 72px; border-radius:6px; font-size:14px; padding-right:12px; letter-spacing: -1px; }
	#main-v2 .cs ul li a p:before { width:57px; height: 73px; }
	#main-v2 .cs ul li.noti a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico1_m.png); }
	#main-v2 .cs ul li.email a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico2_m.png); }
	#main-v2 .cs ul li.cacao a p:before { background-size:44px auto; background-image:url(/img/v2/main/ico3_m.png); }
	#main-v2 .cs ul li.call a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico4_m.png); }
	#main-v2 .cs ul li.cacao a span { font-size:11px; line-height: 1.3; padding-top:20px;}
	#main-v2 .cs ul li.call a span { padding-top:17px;}

	#main-v2 .cs ul li.call a span strong { font-size:20px; }
	#main-v2 .cs ul li.call a span em { font-size:11px; }

	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}

@media all and (max-width:760px) {
	#main-v2 h2 { font-size:20px; padding-top:15px;  }
	#main-v2 h2:before { width:30px; margin-left: -15px; height: 2px;}
	#main-v2 h2 strong { display: block; }
	#main-v2 .join h2 { font-size:20px; }
	#main-v2 .join h2 strong { font-size:24px; }
	#main-v2 .join h2 span { display: block;}
	#main-v2 .feature ul li { padding: 0 0 30px; margin-bottom: 30px; text-align: center;}
	#main-v2 .feature ul li .f-ico { position: static; width:123px; height: 123px; border-width:1px; margin: 0 auto 15px;}
	#main-v2 .feature ul li.f1 .f-ico { background-size:85px auto; background-image:url(/img/v2/main/btn1_mobile.png)}
	#main-v2 .feature ul li.f2 .f-ico { background-size:70px auto; background-image:url(/img/v2/main/btn2_mobile.png)}
	#main-v2 .feature ul li.f3 .f-ico { background-size:70px auto; background-image:url(/img/v2/main/btn3_mobile.png)}
	#main-v2 .feature ul li.f4 .f-ico { background-size:75px auto; background-image:url(/img/v2/main/btn4_mobile.png)}
	#main-v2 .feature ul li.f5 .f-ico { background-size:70px auto; background-image:url(/img/v2/main/btn5_mobile.png)}
	#main-v2 .feature ul li.f6 .f-ico { background-size:70px auto; background-image:url(/img/v2/main/btn6_mobile.png)}
	#main-v2 .feature ul li .info .txt1 { font-size:19px; line-height: 1.4; margin-bottom: 15px;}
	#main-v2 .feature ul li .info .txt1 strong { display: block; }
	#main-v2 .feature ul li .info .txt2 { font-size:17px; margin-bottom: 7px; }
	#main-v2 .feature ul li .info .txt3 { font-size:13px; line-height: 1.4; letter-spacing: -1px; }
	#main-v2 .course .bn-box .bn { float:none !important; width:100%; }
	#main-v2 .course .bn-box .bn + .bn { padding-top:40px;}
	#main-v2 .join { padding-top:50px; padding-bottom: 50px;}
	#main-v2 .join p a { font-size:20px; height: 54px; line-height: 53px; border-radius:7px; padding:0 54px;}
	#footer-v2 { padding:30px 20px; font-size:10px; line-height: 17px;}

	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}

@media all and (max-width:560px) {
	#main-v2 .main-btns a p { width:76px; height: 75px; }
	#main-v2 .main-btns a strong { font-size:14px; width: auto;}
	#main-v2 .main-btns a.btn1 p { background-size:55px auto; background-image:url(/img/v2/main/btn1_mobile.png); }
	#main-v2 .main-btns a.btn2 p { background-size:45px auto; background-image:url(/img/v2/main/btn2_mobile.png); }
	#main-v2 .main-btns a.btn3 p { background-size:45px auto; background-image:url(/img/v2/main/btn3_mobile.png); }
	#main-v2 .main-btns a.btn4 p { background-size:45px auto; background-image:url(/img/v2/main/btn4_mobile.png); }
	#main-v2 .main-btns a.btn5 p { background-size:45px auto; background-image:url(/img/v2/main/btn5_mobile.png); }
	#main-v2 .main-btns a.btn6 p { background-size:45px auto; background-image:url(/img/v2/main/btn6_mobile.png); }
	#main-v2 .main-btns a.btn7 p { background-size:45px auto; background-image:url(/img/v2/main/btn7_mobile.png); }

	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}



/* 온라인 학습관리 2019.02 */

.w310 { width:310px; }
.inp1 { display: inline-block; vertical-align: middle; height: 46px; border: 1px solid #ddd; border-radius:4px; padding-left: 15px; font-size:16px; color: #222; box-sizing: border-box; font-family:"NanumGothic"; -webkit-appearance:none; box-shadow:none; }
.select1 { display: inline-block; vertical-align: middle; height: 46px; border: 1px solid #ddd; border-radius:4px; padding-left: 15px; font-size:16px; color: #222; box-sizing: border-box; font-family:"NanumGothic"; background: url(/img/online/bu_select.png) no-repeat 100% 50%; -webkit-appearance:none; padding-right:45px; padding-right:0 \0/IE9;}
.select-multi { display: inline-block; vertical-align: middle; border: 1px solid #ddd; border-radius:4px; padding-left: 15px; font-size:16px; color: #222; box-sizing: border-box; font-family:"NanumGothic"; -webkit-appearance:none; padding-right:45px; padding-right:0 \0/IE9; padding-top: 8px; padding-bottom: 8px;}
.select-multi option {padding: 3px 0; margin: 2px 0;}
.btn-search { display: inline-block; vertical-align: middle; width:50px; height: 46px; border-radius:4px; background: var(--main-color) url(/img/online/ico_srch.png) no-repeat 50% 50%; text-indent: -9999px; }
.btn-type1 { display: inline-block; vertical-align: middle; padding:0 15px;height: 46px; border-radius:4px; border: 1px solid var(--main-color); font-size:16px; color: var(--main-color); line-height: 44px;  box-sizing: border-box; background: var(--white);}
.btn-type1:hover { color: var(--main-color);}
.homework-sort { margin-bottom: 40px; }
.homework-sort .sort + .sort { margin-top:10px; }

.online * { box-sizing: border-box; }
.online select::-ms-expand { display: none; }
.online.subContents { text-align: left; max-width:1120px;}
/*.online.subContents.book { overflow-y:auto;overflow-x:hidden;height: 800px;}*/
.online .inp-box { margin-bottom: 40px;}
.online .inp-box:after { display: block; content: ''; clear: both; }
/*.online .inp-box .btn-type1 { margin-left: 20px;}*/
.online .section-wrap { padding:15px 0 5px; border-radius:10px; background: #f2f2f2; margin-bottom: 50px; }
.online .section-wrap:after { display: block; content: ''; clear: both; }
.online .section-wrap .article { float:left; width:260px; height: 270px; border-radius:5px; background: var(--white); border: 1px solid #ccc; padding:0 12px; position: relative;  margin:0 0 30px 30px; box-shadow:3px 3px 0 rgba(0,0,0,0.05); }
.online .section-wrap .article .head { height:62px; text-align: center; border-bottom: 1px solid #ddd; position: relative; }
.online .section-wrap .article .head p { line-height: 60px; font-size:17px; font-weight: 600; color: #222; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.online .section-wrap .article .head strong { display: block; font-size:15px; color: #222; padding:12px 0 3px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.online .section-wrap .article .head span { display: block; font-size:15px; color: #222; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight: 600;}
.online .section-wrap .article .head .love { position: absolute; left: 50%; top:-22px; width:38px; height: 38px; background: url(/img/bicon_star_on.png) no-repeat 0 0; margin-left: -19px; }
.online .section-wrap .article .head .nolove { position: absolute; left: 50%; top:-22px; width:38px; height: 38px; background: url(/img/bicon_star_off.png) no-repeat 0 0; margin-left: -19px; }
.online .section-wrap .article .head .fav:hover{cursor: pointer;}
.online .section-wrap .article .sub-head { height:70px; text-align: center; border-bottom: 1px solid #ddd; position: relative; font-size:17px; line-height: 25px; color: #f4742f; padding-top:10px;  }
.online .section-wrap .article .sub-head p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.online .section-wrap .article .body { padding-top:12px; }
.online .section-wrap .article .body table { width:100%; border-collapse: collapse; }

.online .section-wrap .article .head .btn-common-plus { position: absolute; right:0; top:20px; }
.online .section-wrap .article .head .btn-common-plus.small { position: absolute; right:0; top:25px; }

.online .section-wrap .article .body table th { font-weight: 400; font-size:15px; color: #777; padding:13px 5px; }
.online .section-wrap .article .body table td { font-weight: 400; font-size:15px; color: #333; text-align: right; }
.online .section-wrap .article .body table td.add a { display: inline-block; vertical-align: middle; background:rgba(266,106,36,0.5) url(/img/online/ico_add.png) no-repeat 50% 50%; border-radius:100%; width:26px; height: 26px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.online .section-wrap .article .body table td.add a:hover { background-color:rgba(226,106,37,1); transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.online .section-wrap .article .body .book-img { text-align: center; }
.online .section-wrap .article .body .book-img img { width:94px; height: 130px; border-radius:5px; }
.online .section-wrap .article .foot { position: absolute; left: 0; right:0; bottom:0; }
.online .section-wrap .article .foot:after { display: block; content: ''; clear: both; }
.online .section-wrap .article .foot a { float:left; width:50%; height: 52px; text-align: center; font-size:16px; color: var(--white); line-height: 51px; }
.online .section-wrap .article .foot.col1 a {  width:100%; border-radius:0 0 5px 5px; }
.online .section-wrap .article .foot.col3 a {  width:33.3333333333333%;  }
.online .section-wrap .article .foot.col2 a:first-child { border-radius: 0 0 0 4px; }
.online .section-wrap .article .foot.col2 a:last-child { border-radius: 0 0 4px 0; }
.online .section-wrap .article .foot.col3 a:first-child { border-radius: 0 0 0 4px; }
.online .section-wrap .article .foot.col3 a:last-child { border-radius: 0 0 4px 0; }
.online .section-wrap .article .foot a.btn-view { background: var(--main-color); }
.online .section-wrap .article .foot a.btn-view:before { content: ''; width:24px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_view.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article .foot a.btn-modify { background: #999999; }
.online .section-wrap .article .foot a.btn-modify:before { content: ''; width:24px; height: 24px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_modify.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article .foot a.btn-del { background: #f3464a; }
.online .section-wrap .article .foot a.btn-del:before { content: ''; width:20px; height: 24px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_del.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article .foot .checkbox-box { border-top:1px solid #ddd; height: 52px; margin:0 12px; text-align: center; padding-top:10px; }


.online .section-wrap .article2 { float:left; width:280px; height: 310px; border-radius:5px; background: var(--white); border: 1px solid #ccc; padding:0 12px; position: relative;  margin:0 0 30px 30px; box-shadow:3px 3px 0 rgba(0,0,0,0.05); }
.online .section-wrap .article2 .head { height:62px; text-align: center; border-bottom: 1px solid #ddd; position: relative; }
.online .section-wrap .article2 .head p { line-height: 60px; font-size:17px; font-weight: 600; color: #222; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.online .section-wrap .article2 .head strong { display: block; font-size:15px; color: #222; padding:12px 0 3px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.online .section-wrap .article2 .head span { display: block; font-size:15px; color: #222; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight: 600;}
.online .section-wrap .article2 .head .love { position: absolute; left: 50%; top:-22px; width:38px; height: 38px; background: url(/img/bicon_star_on.png) no-repeat 0 0; margin-left: -19px; }
.online .section-wrap .article2 .head .nolove { position: absolute; left: 50%; top:-22px; width:38px; height: 38px; background: url(/img/bicon_star_off.png) no-repeat 0 0; margin-left: -19px; }
.online .section-wrap .article2 .head .fav:hover{cursor: pointer;}
.online .section-wrap .article2 .sub-head { height:70px; text-align: center; border-bottom: 1px solid #ddd; position: relative; font-size:17px; line-height: 25px; color: #f4742f; padding-top:10px;  }
.online .section-wrap .article2 .sub-head p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.online .section-wrap .article2 .body { padding-top:12px; }
.online .section-wrap .article2 .body table { width:100%; border-collapse: collapse; }

.online .section-wrap .article2 .head .btn-common-plus { position: absolute; right:0; top:20px; }
.online .section-wrap .article2 .head .btn-common-plus.small { position: absolute; right:0; top:25px; }

.online .section-wrap .article2 .body table th { font-weight: 400; font-size:15px; color: #777; padding:13px 5px; }
.online .section-wrap .article2 .body table td { font-weight: 400; font-size:15px; color: #333; text-align: right; }
.online .section-wrap .article2 .body table td.add a { display: inline-block; vertical-align: middle; background:rgba(266,106,36,0.5) url(/img/online/ico_add.png) no-repeat 50% 50%; border-radius:100%; width:26px; height: 26px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.online .section-wrap .article2 .body table td.add a:hover { background-color:rgba(226,106,37,1); transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.online .section-wrap .article2 .body .book-img { text-align: center; }
.online .section-wrap .article2 .body .book-img img { width:94px; height: 130px; border-radius:5px; }
.online .section-wrap .article2 .foot { position: absolute; left: 0; right:0; bottom:0; }
.online .section-wrap .article2 .foot:after { display: block; content: ''; clear: both; }
.online .section-wrap .article2 .foot a { float:left; width:50%; height: 52px; text-align: center; font-size:16px; color: var(--white); line-height: 51px; }
.online .section-wrap .article2 .foot.col1 a {  width:100%; border-radius:0 0 5px 5px; }
.online .section-wrap .article2 .foot.col3 a {  width:33.3333333333333%;  }
.online .section-wrap .article2 .foot.col2 a:first-child { border-radius: 0 0 0 4px; }
.online .section-wrap .article2 .foot.col2 a:last-child { border-radius: 0 0 4px 0; }
.online .section-wrap .article2 .foot.col3 a:first-child { border-radius: 0 0 0 4px; }
.online .section-wrap .article2 .foot.col3 a:last-child { border-radius: 0 0 4px 0; }
.online .section-wrap .article2 .foot a.btn-view { background: var(--main-color); }
.online .section-wrap .article2 .foot a.btn-view:before { content: ''; width:24px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_view.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article2 .foot a.btn-modify { background: #999999; }
.online .section-wrap .article2 .foot a.btn-modify:before { content: ''; width:24px; height: 24px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_modify.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article2 .foot a.btn-del { background: #f3464a; }
.online .section-wrap .article2 .foot a.btn-del:before { content: ''; width:20px; height: 24px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_del.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article2 .foot .checkbox-box { border-top:1px solid #ddd; height: 52px; margin:0 12px; text-align: center; padding-top:10px; }


.online .section-wrap .no-unchecked-book{text-align: center;margin-top: 10px;margin-bottom: 20px;color: #777; display:none;}
.online .section-wrap .no-checked-book{text-align: center;margin-top: 10px;margin-bottom: 20px;color: #777; display:none;}

.online .section-wrap.student .article .body table td { text-align: left; }
.online .section-wrap.homework .article .body table th { padding:5px; }
.online .section-wrap.homework .article .body table td { text-align: left; }

.online .section-wrap.student .article2 .body table td { text-align: left; }
.online .section-wrap.homework .article2 .body table th { padding:5px; }
.online .section-wrap.homework .article2 .body table td { text-align: left; }

.checkbox1 { position: absolute; left: -9999px; }
.checkbox1 + span { display: inline-block; vertical-align: middle; background: #f2f2f2 url(/img/v3/bu_checkbox_off.png) no-repeat 50% 50%; border: 1px solid #ddd; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-radius:2px; width:22px; height: 22px; cursor: pointer;}
.checkbox1:checked + span { background: #52a6ff url(/img/v3/bu_checkbox_on.png) no-repeat 50% 50%;border:1px solid #52a6ff; }
.checkbox1 + span + em { display: inline-block; vertical-align: middle; font-size:15px; color: #777; margin:-2px 0 0 8px;}
.checkbox1:disabled + span { background-color:#aaa; border-color:#555; cursor: no-drop; }

.radio1 { position: absolute; left: -9999px; }
.radio1 + em { display: inline-block; vertical-align: middle; background: var(--white) url(/img/online/ico_radio.png) no-repeat 50% 50%; border: 1px solid #ddd; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-radius:2px; width:24px; height: 24px; cursor: pointer; border-radius:100%;}
.radio1:checked + em { background-color: #52a6ff; border:1px solid #52a6ff; }
.radio1 + em + span { font-size:16px; color: #333; margin:0 20px 0 7px;}

.online .section-wrap .article.add { background: none; border: 0; box-shadow:none; padding-top:50px;text-align: center; }
.online .section-wrap .article.add a { display: inline-block; vertical-align: middle; width:150px; height: 170px; border-radius:4px; background: var(--main-color) url(/img/online/ico_plus_lg.png) no-repeat 50% 20px; font-size:17px; padding-top:130px; color: var(--white); font-weight: 600;}

.online .section-wrap .article2.add { background: none; border: 0; box-shadow:none; padding-top:50px;text-align: center; }
.online .section-wrap .article2.add a { display: inline-block; vertical-align: middle; width:150px; height: 170px; border-radius:4px; background: var(--main-color) url(/img/online/ico_plus_lg.png) no-repeat 50% 20px; font-size:17px; padding-top:130px; color: var(--white); font-weight: 600;}

.online h4 { font-size:23px; color: #222; font-weight: 600; margin-bottom: 25px; }
.online h4:before { content: ''; display: inline-block; vertical-align: middle; width:5px; height: 5px; border-radius:100%; background: #333; margin:-4px 7px 0 0;}
.online h4 .btn-print { float:right; padding:0 15px; background: var(--main-color); height: 35px; line-height: 34px; font-size:15px; color: var(--white); border-radius:5px; background: var(--main-color); }
.online h4 .btn-print:before { content: ''; display: inline-block; vertical-align: middle; background: url(/img/online/ico_print.png) no-repeat 0 0 ; width:22px; height: 22px; margin:-2px 7px 0 0;}
.online h6 { font-size:17px; color: #777; margin-bottom: 15px; }
.online .form-table { margin-bottom: 40px;}
.online .form-table table { width:100%; border-collapse: collapse; }
.online .form-table table th { font-size:17px; color: #777; width:170px; font-weight: normal; height: 46px; text-align: left;}
.online .form-table table th.top { vertical-align: top; padding-top:5px;}
.online .form-table table td { font-size:17px; color: #333; height: 46px; padding:5px 0; }
.online .form-table table td .inp1 { width:310px; }
.online .form-table table td .description { font-size:14px; color: #ff5f5f; padding:0 0 15px;}
.online .form-table table td .description2 { font-size:14px; color: var(--main-color); padding:0 0 15px;}
.online .form-table table .search-tab { text-align: right; margin-right:15px;}

.online .form-table-mybook { margin-bottom: 40px;}
.online .form-table-mybook table { width:100%; border-collapse: collapse; }
.online .form-table-mybook table th { font-size:17px; color: #777; width:170px; font-weight: normal; height: 46px; text-align: left;}
.online .form-table-mybook table th.top { vertical-align: top; padding-top:5px;}
.online .form-table-mybook table td {font-size:12px;color: #333;height: 46px;padding:5px 0;}
.online .form-table-mybook table td .inp1 { width:310px; }
.online .form-table-mybook table td .description { font-size:14px; color: #ff5f5f; padding:0 0 15px;}
.online .form-table-mybook table td .description2 { font-size:14px; color: var(--main-color); padding:0 0 15px;}
.online .form-table-mybook table .search-tab { text-align: right; margin-right:15px;}
.my_book_audio_th{text-align: center;}
.online .btn-box a + a{ margin-left: 4px; }
.btn-type2 { display: inline-block; vertical-align: middle; height: 46px; line-height: 45px; color: var(--white); padding:0 40px; font-size:16px; background: var(--main-color); border-radius:4px; }
.btn-type2:hover,
.btn-type4:hover { color: var(--white); }
.btn-type3 { display: inline-block; vertical-align: middle; height: 46px; line-height: 45px; color: #333; padding:0 40px; font-size:16px; border-radius:4px; border: 1px solid #ddd; }
.btn-type3:hover { color: #333; }
.btn-type4 { display: inline-block; vertical-align: middle; height: 46px; line-height: 45px; color: var(--white); padding:0 40px; font-size:16px; background: #b2b2b2; border-radius:4px; }
.btn-type5 { display: inline-block; vertical-align: middle; height: 46px; line-height: 45px; color: var(--white); padding:0 40px; font-size:16px; background: var(--main-color); border-radius:4px; }
.btn-type5:hover { color: var(--white); }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.black { color: #222 !important; }

.table1 { padding:2px 15px 15px; border-radius:10px; background: #f9f9f9; border: 1px solid #ddd; margin-bottom: 40px;}
.table1 table { width:100%; border-collapse: collapse; }
.table1 table thead th { font-size:14px; color: #707070; line-height: 1.5; padding:10px 5px; text-align: center;}
.table1 table tbody td { background: var(--white); padding:12px 5px; text-align: center; font-size:14px; line-height: 1.4; color: #333; border-bottom: 3px solid #f9f9f9;}
.table1 table tbody td .btn-view { display: inline-block; vertical-align: middle; background: var(--main-color);padding:0 15px 0 10px; height: 37px; line-height: 36px; font-size:14px; color: var(--white); border-radius:4px; }
.table1 table tbody td .btn-view:before { content: ''; width:24px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_view.png) no-repeat 0 0; margin:-2px 5px 0 0;}
.radio-box1 > div + div { padding-top:15px;}
.radio-box1 .year { width:130px; }
.radio-box1 .date { width:60px; }
.table1.type-setting { max-width:830px;}
.table1.type-setting table td { text-align: center; }
.table1.type-setting table td .inp1 { text-align: center; padding:0; }
.table1 .current { display: inline-block; vertical-align: middle; width:64px; height: 28px; text-align: center; line-height: 27px; font-size:13px; color: var(--white); border-radius:4px; background: #b7b7b7; }
.table1 .current.end { background: #ff7676}
.table1 .current.ing { background: var(--main-color)}
.red { color: #ff7676 !important;}
.blue { color: var(--main-color) !important;}
.gray { color: #b7b7b7 !important;}

.hr1 { width:100%; height: 1px; display: block; padding: 0; margin: 40px 0; background: #ddd;}
.ms-options-wrap > .ms-options { border-color:#ddd; border-radius:4px;}

@media all and (max-width:560px) {
	.inp1 { font-size:14px; margin-bottom: 3px; }
	.select1 { font-size:14px; margin-bottom: 3px; }
	.tabs { margin-bottom: 20px;}
	.online.subContents {margin-top:30px;}
	.online .inp-box.type-srch { position: relative; padding-right:170px; }
	.online .inp-box.type-srch .inp1 { width:100%;  }
	.online .inp-box.type-srch .btn-search { position: absolute; right:115px; top:0; }
	.online .inp-box.type-srch .btn-type1 { position: absolute; right:0; top:0; width:110px; padding:0; font-size:14px; text-align: center;}
	.online .section-wrap { text-align: center; }
	.online .section-wrap .article { float:none; display: inline-block; }
	.online .section-wrap .article .body table th { text-align: left; }
	.online .section-wrap .article2 { float:none; display: inline-block; }
	.online .section-wrap .article2 .body table th { text-align: left; }
	.online .form-table table th { width:100px; font-size:14px; letter-spacing: -1.5px; }
	.online .form-table table td { font-size:14px; }
	.online .form-table table td .select1 { margin: 0 0 3px; }
	.online .form-table table td .inp1 { width:90%;  }
	.online .form-table table td .w310 { width:220px; }
	.btn-type1,
	.btn-type2,
	.btn-type3,
	.btn-type4 { font-size:12px; padding:0 5px; margin-bottom: 3px;}
	.online .form-table table td .description,
	.online .form-table table td .description2 { font-size:12px; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all;}
	.online .btn-box a { padding:0 20px;}
	.homework-sort .sort:after { display: block; content: ''; clear: both; }
	.homework-sort .sort .select1 { float:left; width:48%!important; margin-bottom: 10px; }
	.homework-sort .sort .select1:nth-child(2) { margin-left: 4%; }
	.homework-sort .sort .btn-type1 { float:left; width:48%; margin-left: 4%; text-align: center;}
	.homework-sort .sort + .sort { padding-top:15px; border-top:1px solid #ddd;}
	.online h4 { font-size:20px; }
	.table1 { padding:5px; overflow-x:auto;}
	.table1 table thead th { font-size:12px; padding-left:2px; padding-right:2px; white-space: nowrap;}
	.table1 table tbody td { font-size:12px; word-break:break-word; word-wrap: break-word;}
	.table1 .current { width:50px; height: 24px; line-height: 23px; font-size:12px; }
	.table1 table tbody td .btn-view { white-space: nowrap; height: 24px; line-height: 23px; font-size:12px; padding:0 10px;  }
	.table1 table tbody td .btn-view:before { display: none; }
	.radio-box1 .year { width:90px !important; font-size:13px; padding-left:5px; }
	.radio-box1 .date { width:40px !important; font-size:13px; padding-left:5px;}
	.table1.type-setting table td .w80 { width:40px; font-size:12px;  }
	.table1.type-setting table td .w120 { width:100%; font-size:12px; }

	.online .section-wrap .article {margin:15px 0 15px 0px;}
	.online .section-wrap .article2 {margin:15px 0 15px 0px;}

	.online .form-table-mybook table th { width:100px; font-size:14px; letter-spacing: -1.5px; }
	.online .form-table-mybook table td { font-size:14px; }
	.online .form-table-mybook table td .select1 { margin: 0 0 3px; }
	.online .form-table-mybook table td .inp1 { width:70%;  }
	.online .form-table-mybook table td .w310 { width:220px; }
	.online .form-table-mybook table td .description,
	.online .form-table-mybook table td .description2 { font-size:12px; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all;}

	.totalSearch{padding:5px 0;}
	.book-list ul li{float:none;margin:0 auto 10px;}
}



/*********************************************************
	2019.09.02
*********************************************************/

/* Chrome, Safari용 스크롤 바 */
.table2 ::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid var(--white); }
.table2 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
.table2 ::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; }
.table2 ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; }


.dataTables_filter,
.dataTables_info {  display: none; }
.dataTables_scrollHeadInner { width:100% !important; }
.dataTable { width:100% !important }
.dataTables_scrollHead { background: #8c8c8c; }
.table2 table { width:100%; border-collapse: collapse; }
.table2 table thead th { height:47px; background: #8c8c8c; text-align: center; font-size:16px; color: var(--white); padding-right:15px;/*cursor: pointer;*/line-height: 1.3;}
.table2 table tbody tr { transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.table2 table tbody td { text-align: center; font-size:14px; color: #666; border-bottom: 1px solid #ddd; padding:20px 5px;/*cursor: pointer;*/transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
/*.table2 table tbody tr:nth-child(even) { background: #f9f9f9; }*/
.table2 table tbody tr:hover { background-color:#F2F8FB; }
.table2 table tbody tr:hover td { color: #000;}

.table2 table thead th.sorting_asc { background: #8c8c8c url(/img/v3/ico_up.png) no-repeat 98% 50% ; }
.table2 table thead th.sorting_desc { background: #8c8c8c url(/img/v3/ico_down.png) no-repeat 98% 50%}
.modal .table2 table tbody td { cursor: default; }

.table3 { border: 1px solid #ddd; border-radius:7px; overflow: hidden; margin-bottom: 30px;}
.table3 table { width:100%; border-collapse: collapse; }
.table3 table thead th { height:47px; text-align: center; font-weight: normal; font-size:16px; color: var(--white); background: var(--main-color); font-weight:600; }
.table3 table thead th + th { border-left: 1px solid #ddd;}
.table3 table tbody td { text-align: center; padding:15px 3px; font-size:15px; color: #000; word-break: keep-all; word-wrap: break-word; }
.table3 table tbody td + td { border-left: 1px solid #ddd;}

.more-list  { margin:20px 0; }
.more-list .btn-more { display:block; width:100%; height:45px; border-radius:5px; text-align:center; background:#f2f2f2; border:1px solid #ddd; font-size:13px; color:#666; cursor:pointer;  box-shadow:2px 2px 0 rgba(0,0,0,0.05); }





/*********************************************************
	2019.05.30
*********************************************************/

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 10px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer { border-radius:0;}
.scrollbar-inner > .scroll-element .scroll-element_track {  left:0;   border-radius:0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; left:3px; right:2px; width:auto; opacity:0.6;}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.scroll-element.scroll-x {   display: none !important; }


/* MultiSelect */
.ms-options-wrap { position: relative;}
.ms-options-wrap > button:focus, .ms-options-wrap > button { display: inline-block; vertical-align: middle; height: 46px; border: 1px solid #ddd; border-radius:4px; padding-left: 15px; font-size:16px; color: #222; box-sizing: border-box; font-family:"NanumGothic"; background: url(/img/online/bu_select.png) no-repeat 100% 50%; -webkit-appearance:none; padding-right:45px; padding-right:0 \0/IE9;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-options-wrap > button:after { display: none; }
.ms-options-wrap > .ms-options > ul input[type="checkbox"] { top:-2px!important; }
.f11 { font-size:11px !important;}
.f12 { font-size:12px !important;}
.f13 { font-size:13px !important;}
.f14 { font-size:14px !important;}
.f15 { font-size:15px !important;}
.f16 { font-size:16px !important;}
.f17 { font-size:17px !important;}
.f18 { font-size:18px !important;}
.f19 { font-size:19px !important;}
.f20 { font-size:20px !important;}
.f-red { color: #ff0000 !important; }
.f-orange { color: orange !important; }
.f-blue { color: #3C36C5 !important; }
.f-green { color: green !important; }
.f-gray { color: #999 !important; }
.f-pink { color: #A542C0 !important; }
.f-gold { color: #db9a33 !important; }
.bold { font-weight: 600 !important;}
.under { text-decoration: underline !important;}
.text-right { text-align: right !important; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }



.progress-bar { display: inline-block; vertical-align: middle; width:75px; height: 8px; border-radius:8px; background: #ddd; position: relative;}
.progress-bar span { position: absolute; left: 0; top:0; bottom:0; border-radius:8px; background: var(--main-color); }

.online .top-btns { text-align: right; margin-bottom: 40px; }
.online .top-btns a { display: inline-block; vertical-align: bottom; }
.online .section-wrap .article .head span img { max-height:23px; max-width:150px;}
.online .section-wrap .article .body table th { text-align: left; }
.online .section-wrap .article.admin-type .body table th { font-size:13px; padding-top:8px; padding-bottom: 8px;}
.online .section-wrap .article.admin-type .body table td { font-size:13px; }
.online .section-wrap .article .body table td.add.small a { width:18px; height: 18px; background-size:10px auto;}
.online .section-wrap .article .head + .scrollbar-inner {height: 206px; overflow: auto; margin:0 -8px; padding:0 12px !important; }
.online .section-wrap .article .body.scroll-wrapper { padding-top:0 !important;}
.online .section-wrap .article .body.scroll-wrapper > div { padding-top:0 !important;}
.online .section-wrap .article .scroll-content > div {  padding:10px 0;}
.online .section-wrap .article .body table td.del a { display: inline-block; vertical-align: middle; background:#ff8787 url(/img/v3/ico_del_s.png) no-repeat 50% 50%; border-radius:100%; width:18px; height: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.online .section-wrap .article .body table td.del a:hover { background-color:#c63636; transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.online .section-wrap .article.small-type .body table th { font-size:13px; padding-top:8px; padding-bottom: 8px; }
.online .section-wrap .article.small-type .body table td { font-size:13px; }
.online .section-wrap .article .head b { display: block; font-size:17px; color: #222; padding:7px 0 4px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.online .section-wrap .article .head em { display: inline-block; vertical-align: middle; padding:0 10px; background: var(--main-color); border-radius:23px; height: 23px; line-height: 22px; font-size:14px; color: var(--white); }
.online .section-wrap .article .body table th a { color: #777; }
.online .section-wrap.student2 .article .body table th { padding-top:6px; padding-bottom: 6px; }
.online .section-wrap.student2 .article .body table td { text-align: left; }
.online .section-wrap .article .foot a.btn-modify2 { background: var(--main-color); }
.online .section-wrap .article .foot a.btn-modify2:before { content: ''; width:24px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_modify.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article .foot a.btn-report { background: #999999; }
.online .section-wrap .article .foot a.btn-report:before { content: ''; width:18px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/v3/ico_report.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article .head label { position: absolute; right:0; top:10px;}
.online .section-wrap .article.rest .head strong,
.online .section-wrap .article.rest .head span { color: #999; }
.online .section-wrap .article.rest .body { opacity:0.6;}

.online .section-wrap .article2 .head span img { max-height:23px; max-width:150px;}
.online .section-wrap .article2 .body table th { text-align: left; }
.online .section-wrap .article2.admin-type .body table th { font-size:13px; padding-top:8px; padding-bottom: 8px;}
.online .section-wrap .article2.admin-type .body table td { font-size:13px; }
.online .section-wrap .article2 .body table td.add.small a { width:18px; height: 18px; background-size:10px auto;}
.online .section-wrap .article2 .head + .scrollbar-inner {height: 206px; overflow: auto; margin:0 -8px; padding:0 12px !important; }
.online .section-wrap .article2 .body.scroll-wrapper { padding-top:0 !important;}
.online .section-wrap .article2 .body.scroll-wrapper > div { padding-top:0 !important;}
.online .section-wrap .article2 .scroll-content > div {  padding:10px 0;}
.online .section-wrap .article2 .body table td.del a { display: inline-block; vertical-align: middle; background:#ff8787 url(/img/v3/ico_del_s.png) no-repeat 50% 50%; border-radius:100%; width:18px; height: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.online .section-wrap .article2 .body table td.del a:hover { background-color:#c63636; transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.online .section-wrap .article2.small-type .body table th { font-size:13px; padding-top:8px; padding-bottom: 8px; }
.online .section-wrap .article2.small-type .body table td { font-size:13px; }
.online .section-wrap .article2 .head b { display: block; font-size:17px; color: #222; padding:7px 0 4px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.online .section-wrap .article2 .head em { display: inline-block; vertical-align: middle; padding:0 10px; background: var(--main-color); border-radius:23px; height: 23px; line-height: 22px; font-size:14px; color: var(--white); }
.online .section-wrap .article2 .body table th a { color: #777; }
.online .section-wrap.student2 .article2 .body table th { padding-top:6px; padding-bottom: 6px; }
.online .section-wrap.student2 .article2 .body table td { text-align: left; }
.online .section-wrap .article2 .foot a.btn-modify2 { background: var(--main-color); }
.online .section-wrap .article2 .foot a.btn-modify2:before { content: ''; width:24px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/online/ico_modify.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article2 .foot a.btn-report { background: #999999; }
.online .section-wrap .article2 .foot a.btn-report:before { content: ''; width:18px; height: 22px; display: inline-block; vertical-align: middle; background: url(/img/v3/ico_report.png) no-repeat 0 0; margin:-3px 7px 0 0;}
.online .section-wrap .article2 .head label { position: absolute; right:0; top:10px;}
.online .section-wrap .article2.rest .head strong,
.online .section-wrap .article2.rest .head span { color: #999; }
.online .section-wrap .article2.rest .body { opacity:0.6;}

.homework-sort { position: relative;}
.homework-sort .more {margin:14px 0 10px;padding-top:20px;  border-top:1px solid #ddd;text-align: right;}
.homework-sort .sort{display:inline-block;margin-bottom:0;vertical-align: middle;}
.homework-sort .sort + .sort { border-top:0; padding-top:0; margin:5px 0 0 12px;vertical-align: inherit;}
.homework-sort .sort .select1, .homework-sort .more .sort > div.cp1,.homework-sort .sort .btn-type2,.homework-sort .sort .btn-type6{margin-bottom:6px}
.online .homework-sort .inp-box{display:inline-block;margin-bottom:6px;vertical-align: top;}
.homework-sort .more .sort > div { display: inline-block;vertical-align: middle;padding-top:0 }
.homework-sort .more .sort > div .checks{padding-top:0 }
.homework-sort .more .sort strong { font-size:14px; margin:0 5px; }
.homework-sort .more .sort .btn-type2 { padding:0 20px;}
.modal-v3  {  }
.modal-foot { padding:10px 0 20px;text-align: center;}
.modal-file-upload { }
.modal-file-upload .tit { font-size:15px; color: #777; margin-bottom: 10px;  }
.modal-file-upload .inp-box { position: relative; padding-right:80px; }
.modal-file-upload .inp1 { width:100%; }
.modal-file-upload .btn-type1 { position: absolute; right:0; top:0; width:84px; text-align: center; background: var(--white); border-radius:0 4px 4px 0;}
.coin-pres  { white-space: nowrap; }
.coin-pres span { display: inline-block; vertical-align: middle; font-size:16px; color: #000; margin-right:10px; }
.coin-pres div { display: inline-block; vertical-align: middle;  }
.coin-pres .inp1 { width:110px; text-align: right; padding-right:10px;}
.coin-pres .select1 { width:110px; }
.modal .modal-title img { margin:-2px 5px 0 0;}
.online h4 { position: relative;}
.online h4 .btn-user { position: absolute; right:0; top:0; }
.online h4 .btn-user:before { content: ''; display: inline-block; vertical-align: middle; background: url(/img/v3/ico_user.png) no-repeat 0 0; width:23px; height: 23px; margin:-2px 6px 0 0;}
.inp1 { outline: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.inp1:focus { border-color:#1f63c9; }
.online .form-table table td .w310 { display: inline-block; vertical-align: middle; }
.ico-srch { display: inline-block; vertical-align: middle; background: url(/img/online/ico_srch.png) no-repeat 0 0; width:22px; height: 22px; margin:-2px 4px 0 0; }
.ico-plus {  }
.online .form-table table td .btn-type1,
.online .form-table table td .btn-type2,
.online .form-table table td .btn-type3,
.online .form-table table td .btn-type4 { padding:0 18px; }
.btn-type1 i,
.btn-type2 i,
.btn-type3 i { transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.btn-type2:hover .ico-srch{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.btn-add { padding:0 18px;}
.btn-add:after { content:''; display:inline; }
.btn-add:before { content: ''; display: inline-block; vertical-align: middle; background: url(/img/online/ico_add.png) no-repeat 0 0; width:16px; height: 16px; margin:-2px 4px 0 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.btn-add:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.work-box { margin-bottom: 25px;  }
.work-box .work { padding:23px 17px; background: #f9f9f9; border: 1px solid #ccc; border-radius:10px; margin-bottom: 15px; }
.work-box .work .none { text-align: center; padding:60px 0; font-size:17px; line-height: 1.7; color: #707070;}
.work-box .work .tit { font-size:18px; font-weight: 600; margin-bottom: 15px; }
.work-box .work .work-table { }
.work-box .work .work-table table { width:100%; border-collapse: collapse; background: var(--white); margin-top:10px; }
.work-box .work .work-table table td { padding:8px; font-size:14px; height: 60px;}
.work-box .work .work-table table td:nth-child(2),
.work-box .work .work-table table td:nth-child(4) { text-align: center; }
.work-box .work .work-table table td:first-child { padding-left: 15px;}
.work-box .work .work-table table td .inp1 { width:100%; }
.work-box .work .work-table table td.text-right { padding-right:20px;}
.work-box .work .work-table table tr + tr { border-top:1px dashed #ddd; }
.modal-work-add .form-table select,
.modal-work-add .form-table .inp1 { width:220px !important;  }
.modal-work-add .work-list { border-radius:10px; background: #f2f2f2; border: 1px solid #ddd; overflow: hidden; position: relative; }
.modal-work-add .work-list .section-wrap { padding:30px 10px 0; margin-bottom: 0;}
.modal-work-add .work-list .article { width:157px; height: 210px;  margin:0 0 40px 10px;}
.modal-work-add .work-list .article .head { height: 53px; }
.modal-work-add .work-list .article .head p { font-size:15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modal-work-add .work-list .article .book-img img { max-width:94px; max-height: 130px;}
.modal-work-add .work-list > div { height: 500px; }
.online .section-wrap .article .head .love { cursor: pointer; }
.online .section-wrap .article2 .head .love { cursor: pointer; }
.modal-work-add .work-list .bg-book { display: none;position: absolute; left: 0; right:0; top:0; bottom:0; background: #000; opacity:0.7; z-index:10;}
.modal-work-add .work-list .layer-book { display: none; position: absolute; left: 50%; margin-left: -150px; top:20px; width:300px; height:335px; border-radius:10px; background: var(--white);  padding:0 10px;  z-index:20;}
.modal-work-add .work-list .layer-book .btn-close { position: absolute; right:15px; top:15px; background: url(/img/new/modal_close.png) no-repeat 50% 50%; width:30px; height: 30px; }
.modal-work-add .work-list .layer-book .all { padding:20px; border-bottom:1px solid #ddd; }
.modal-work-add .work-list .layer-book .all + .scrollbar-inner { height: 220px; }
.modal-work-add .work-list .layer-book .all .checkbox1 + span + em { color: #000; }
.modal-work-add .work-list .layer-book ul { padding:10px 20px;}
.modal-work-add .work-list .layer-book ul li + li { margin-top:8px;}
.modal-work-add .work-list .layer-book .btn-box { text-align: center; padding-top:10px; }
.modal-work-add .work-list .layer-book .btn-box a { display: inline-block; vertical-align: middle; width:80px; height: 30px; line-height: 30px; font-size:13px; font-weight: 600; color: var(--white); background: var(--main-color); border-radius:5px;}
.modal-work-add .work-list.active .bg-book { display:block;}
.modal-work-add .work-list.active .layer-book { display:block;}
.save-works { }
.save-works > div { height: 200px;  }
.save-works ul li { padding:4px 35px 4px 0; position: relative;}
.save-works ul li + li { border-top:1px dashed #ddd; }
.save-works ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px; color: #777; padding-left: 10px; }
.btn-delete { display: inline-block; vertical-align: middle; width:18px; height: 18px; background:#ff8787 url(/img/v3/ico_del_s.png) no-repeat 50% 50%; border-radius:100%; width:18px; height: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border:0; -webkit-appearance:none; outline:none; cursor: pointer;}
.btn-delete:hover { background-color:#c63636; transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.btn-speaker { display: inline-block; vertical-align: middle; width:25px; height: 25px; border-radius:25px; background: #9358e6 url(/img/v3/ico_speaker.png) no-repeat 50% 50%; text-indent: -9999px; }
.save-works ul li .btn-delete { position: absolute; right:15px; top:7px; }
#modal5 .modal-body { padding:10px;}

.none-result { padding:70px 10px; text-align: center; font-size:17px; color: #b5b5b5; background: #fcfcfc; border: 1px solid #e9e9e9; margin:20px 0; border-radius:10px;  }
.inp-box { position: relative;}
.inp-box .btn-print { float:right; padding:0 15px; background: var(--main-color); height: 46px; line-height: 45px; font-size:17px; color: var(--white); border-radius:5px; background: var(--main-color); }
.inp-box .btn-print:before { content: ''; display: inline-block; vertical-align: middle; background: url(/img/online/ico_print.png) no-repeat 0 0 ; width:22px; height: 22px; margin:-2px 9px 0 0; }
.report-result2 { }
.report-result2 .r-tit { font-size:18px; font-weight: 600; color: var(--main-color); margin-bottom: 14px;}
.report-result2 .r-tit:before { content: ''; display: inline-block; vertical-align: middle; width:4px; height: 4px; border-radius:100%; background: var(--main-color); margin:-3px 7px 0 0; }
.report-result2 .report-table { border: 1px solid #ddd; border-radius:7px; overflow: hidden; margin-bottom: 30px;}
.report-result2 .report-table table { width:100%; border-collapse: collapse; }
.report-result2 .report-table table thead th { height:47px; text-align: center; font-weight: normal; font-size:16px; color: #777; background: #f2f2f2; }
.report-result2 .report-table table thead th + th { border-left: 1px solid #ddd;}
.report-result2 .report-table table tbody td { text-align: center; padding:15px 3px; font-size:15px; color: #000; word-break: keep-all; word-wrap: break-word; }
.report-result2 .report-table table tbody td + td { border-left: 1px solid #ddd;}
.report-result2 .report-table table tbody td.text-left { padding-left: 15px;}
.report-result2 .col-box2:after { display: block; content: ''; clear: both; }
.report-result2 .col-box2 { margin-bottom: 30px;}
.report-result2 .col-box2 img { max-width:100%; }
.report-result2 .col-box2 .col-left { width:47%; }
.report-result2 .col-box2 .col-right { width:47%; }
.c-logo strong { font-size:15px; color: #000; display: block; margin-bottom: 3px; }
.c-logo img { max-width:150px; max-height: 23px;}

/***********************
	Payment
***********************/
.radio2 { position: absolute; left: -9999px; }
.radio2 + em { display: inline-block; vertical-align: middle; width:24px; height: 24px; border: 1px solid #ddd; background: var(--white); border-radius:100%; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor: pointer;}
.radio2 + em:before { content: ''; position: absolute; left: 4px; top:4px; right:4px; bottom:4px; border-radius:100%; background: var(--main-color); opacity:0; transform: scale(0.3); -webkit-transform: scale(0.3);transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  transform-origin: 50% 50%; }
.radio2 + em + span { font-size:14px; color: #222; margin:-2px 0 0 5px; cursor: pointer;}
.radio2:checked + em { border-color:#1f63c9; }
.radio2:checked + em:before { transform: scale(1); -webkit-transform: scale(1); opacity:1; }
.calc { display: inline-block; vertical-align: middle; padding:0 25px; position: relative;}
.calc .inp { width:40px; height: 26px; border: 1px solid #ddd; text-align: center; font-size:15px; color: #777; }
.calc button { -webkit-appearance:none; box-shadow:none; border-radius:0; border: 1px solid #ddd; width:26px; height: 26px; cursor: pointer;}
.calc .btn-minus { position: absolute; left: 0; top:0; background: #f2f2f2 url(/img/v3/ico_inp_minus.png) no-repeat 50% 50%; }
.calc .btn-plus { position: absolute; right: 0; top:0; background: #f2f2f2 url(/img/v3/ico_inp_plus.png) no-repeat 50% 50%; }
.payment {max-width: 800px;margin: 0 auto;}
.payment .tabs2:after { display: block; content: ''; clear: both; }
.payment .tabs2 a {float:left;width: 200px;height: 50px;border: 1px solid #ddd;text-align: center;line-height: 48px;font-size:18px;color: #999;margin-right:-1px;}
.payment .tabs2 a.active{  background: var(--main-color); color: var(--white); border-color:#1f63c9; z-index:2; position: relative;}
.payment .cont { border: 1px solid #ddd; margin-top:-1px; position: relative;}
.payment .cont .list { padding:30px; }
.payment .cont .list ul li:after { display: block; content: ''; clear: both; }
.payment .cont .list ul + ul  { padding-top:15px; margin-top:15px; border-top:1px solid #ddd;}
.payment .cont .list ul li + li { margin-top:15px;}
.payment .cont .list ul li .len { float:left; font-size:14px; color: #777; line-height: 40px; }
.payment .cont .list ul li .len label { margin-right:10px; }
.payment .cont .list ul li .len div { display: inline-block; margin-left: 10px;}
.payment .cont .list ul li .len div strong {font-size:18px; color: #000; }
.payment .cont .list ul li .len .ico-x { margin:-2px 7px 0;}
.payment .cont .list ul li .price { float:right; font-size:18px; color: #222; font-weight: 600; line-height: 40px; }
.payment .cont .total { padding:25px 20px; background: #f9f9f9; border-top:1px solid #ddd; }
.payment .cont .total dl:after { display: block; content: ''; clear: both; }
.payment .cont .total dl { padding:10px 0;}
.payment .cont .total dl dt { float:left; font-size:16px; color: #222; }
.payment .cont .total dl dd { float:right; font-size:16px; }
.payment .cont .total dl dd strong { font-size:22px; color: #000; }
.payment .cont .total dl dd strong small { font-size:16px;}
.payment .cont .total .pay-kind { border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
.payment .cont .total .pay-kind label { margin-left: 20px; }
.payment .cont .total .start_date{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:20px;padding:20px 0;}
.payment .cont .total .start_date .txt{font-size:13px;line-height:1.4;color:#777;}
.payment .cont .total .start_date dd{margin-top:-5px;}
.payment .cont .total .date_box{position:relative;background:var(--white);border:1px solid #aaa;padding:5px 15px;cursor:pointer;}
.payment .cont .total .date_box .date{position:absolute;top:0;right:0;width:1px;height:1px;background:transparent;outline:0;border:0;}
.payment .cont .total .date_box label{color:#aaa;transition:.1s all;cursor:pointer;}
.payment .cont .total .date_box label::after{ content: ''; display: inline-block; vertical-align: middle; width:6px; height: 6px; border-left:2px solid #aaa; border-bottom: 2px solid #aaa; transform: rotate(-135deg); margin:-3px 0 0 10px;}
.payment .cont .total .date_box label:hover{color:#222;}
.payment .cont .total .btn-box { text-align: center; padding-top:30px;}
.payment .mine { position: absolute; right:10px;top:-40px; }
.payment .mine strong { margin-left: 10px; font-size:14px;}
.payment .cont .list ul li div div em { font-size:16px; color: #000; display: inline-block; vertical-align: middle; width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payment .cont .cont3 .list ul li + li { margin-top:3px;}
.payment .total .address { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.payment .total .address table { width:100%;border-collapse: collapse; }
.payment .total .address table td:first-child { width:85px; }
.payment .total .address table td { padding:2px; }
.payment .total .address table td .inp1 { width:215px; }
.payment .total .address table td div + div { padding-top:4px;}


.tabs3:after { display: block; content: ''; clear: both; }
.tabs3 { border-bottom: 1px solid #ddd;  margin-bottom: 20px;}
.tabs3 a {float:left;width: 230px;height: 50px;border: 1px solid #ddd;text-align: center;line-height: 48px;font-size:18px;color: #999;margin-right:-1px;margin-bottom: -1px;}
.tabs3 a.active{  background: var(--main-color); color: var(--white); border-color:#1f63c9; z-index:1; position: relative;}

.manage { position: relative; }
.manage .mine { position: absolute; right:15px; top:-60px; font-size:14px; color: #222; }
.manage .mine  strong { margin-left: 15px;}
.manage .table-box { border: 1px solid #ddd; border-radius:10px; overflow: hidden;  margin-bottom: 12px;}
.manage table { width:100%; border-collapse: collapse; }
.manage table th { background: #f2f2f2; font-size:17px; color: #222; text-align: center; line-height: 1.8; }
.manage table th strong { display: block; }
.manage table th b + strong { font-size:15px; }
.manage table th strong + strong { font-size:18px; }
.manage table td { border-left: 1px solid #ddd; text-align: center; font-size:15px; line-height: 2; color: #222; height: 130px; }
.manage table td .cp span { display: block; margin-bottom: 8px;}
.manage table td:last-child a { display: inline-block; vertical-align: middle; width:87px; height: 32px; line-height: 32px; text-align: center; font-size:14px; border-radius:5px; background: var(--main-color);  color: var(--white); }
.manage table td:last-child a:before { content: ''; display: inline-block;vertical-align: middle; margin:-2px 4px 0 0;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.manage table td:last-child div + div{ padding-top:5px; }
.manage table td .btn-with:before { background: url(/img/v3/ico_refresh.png) no-repeat 0 0; width:16px; height: 17px; }
.manage table td .btn-print:before { background: url(/img/v3/ico_print.png) no-repeat 0 0; width:19px; height: 19px; }
.manage table td .btn-with:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.manage table td .btn-print:hover:before { transform: scale(1.2); -webkit-transform: scale(1.2);}
.manage table td p { font-size:20px; line-height: 1.5; font-weight: 600; }
.manage table td p a { text-decoration: underline; font-size:15px; color: var(--main-color); font-weight: 600; }
.manage table td.card { font-size:18px; line-height: 1.8; }
.manage table td.card em { font-size:16px; display: block; }
.manage .date_box{position:relative;display:inline-block;background:var(--white);border:1px solid #aaa;padding:0 15px;padding-top:0!important;cursor:pointer;}
.manage .date_box .date{position:absolute;top:0;right:0;width:1px!important;height:1px;background:transparent;outline:0;border:0;padding:0!important;}
.manage .date_box label{font-size:14px;color:#aaa;transition:.1s all;cursor:pointer;}
.manage .date_box label::after{ content: ''; display: inline-block; vertical-align: middle; width:6px; height: 6px; border-left:2px solid #aaa; border-bottom: 2px solid #aaa; transform: rotate(-135deg); margin:-3px 0 0 10px;}
.manage .date_box label:hover{color:#222;}
.pagenate { text-align: center; font-size:0; margin:40px 0; }
.pagenate a { display: inline-block; vertical-align: middle; width:30px; height: 30px; margin-right:-1px; text-align: center; line-height: 28px; font-size:14px; color: #888; border: 1px solid #ddd; }
.pagenate a.active { background: var(--main-color); border-color:#1f63c9; position: relative; z-index:1; color: var(--white);}
.pagenate a.first { background: url(/img/v3/ico_page_first.png) no-repeat 50% 50%; }
.pagenate a.prev { background: url(/img/v3/ico_page_prev.png) no-repeat 50% 50%; }
.pagenate a.next { background: url(/img/v3/ico_page_next.png) no-repeat 50% 50%; }
.pagenate a.last { background: url(/img/v3/ico_page_last.png) no-repeat 50% 50%; }

.join-guide {  clear: both; }
.join-guide .section { border-radius:10px; border: 4px solid #e9470d; padding:30px;  }
.join-guide .tit1 { font-size:24px; color: #e9470d; font-weight: 600; margin-bottom: 30px; }
.join-guide .logos { margin-bottom: 35px; }
.join-guide .logos > p { display: inline-block; vertical-align: middle; }
.join-guide .logos > p:nth-child(2) {  padding:0 17px;}
.join-guide .logos span { display: block; font-size:27px; color: #222; font-weight: 600; }
.join-guide .article { padding-right:260px; position: relative; min-height: 160px; word-break: keep-all; word-wrap: break-word;}
.join-guide .article strong {display: block; font-size:21px; color: #000; margin-bottom: 14px; }
.join-guide .article strong em { display: inline-block; vertical-align: middle; width:27px; height: 27px; border-radius:100%; background: #e9470d; text-align: center; line-height: 27px; font-size:16px; color: var(--white); font-weight: 700; background: #e9470d; margin:-4px 8px 0 0; }
.join-guide .article p { font-size:15px; line-height: 1.7; color: #727272; }
.join-guide .article .qrcode { position: absolute; right:0; top:0; }
.join-guide .article .qrcode span { margin-left: 10px;}
.join-guide .article + .article { padding-top:40px; margin-top:40px; border-top:1px solid #ddd;}
.join-guide .article .kakao{margin-top:17px;}
.join-guide .article .kakao .pc{width:100%;max-width:470px;}
.join-guide .article .kakao .mo{display:none;}
.join-guide .article .tables { position: absolute; right:0; top:70px; }
.join-guide .article .tables { width:305px }
.join-guide .article .tables table { width:100%; border-collapse: collapse;}
.join-guide .article .tables table th { padding-left: 10px; font-size:13px; color: #000; background: #f1f3f6; text-align: left; border: 1px solid #ddd;  }
.join-guide .article .tables table td { padding:10px; font-size:13px; color: #000;  border: 1px solid #ddd;  }
.join-guide .article .tables p { font-size:12px; color: #727272; text-align: right; padding-top:5px; }
.join-head2 { position: relative;}
.join-head2:after { display: block; content: ''; clear: both; }
.join-head2 .inp-box2 { display: inline-block; vertical-align: middle; position: relative;}
.join-head2 .inp-box2 .inp1 { text-align: right; text-align-last: right; padding-right:15px; width:90px; }
.join-head2 .inp-box2 span { position: absolute; left: 10px; top:0; line-height: 46px; color: #999; }
.join-head2 .sort { float:left; }
.join-head2 .fr { float:right; }
.join-head2 .fr .cps { display: inline-block; vertical-align: middle; padding:0 15px; border: 1px solid #ddd; height: 46px; line-height: 45px;}
.join-head2 .fr .cps strong { margin-left: 10px;}
.join-head2 .fr .cps strong + img { margin-left: 20px;}
.join-head2 .btn-add:before { margin-right:0;}

.filters { padding:14px 15px 0 0;}
.filters a { transition:all 0.3s ease; float:left; width:30px; height:30px; border:1px solid #ddd;   background:url(/img/v5/ico_type1_off.png) no-repeat 50% 50%; text-indent:-9999px; text-align:left;}
.filters a + a { margin-left:-1px; }
.filters a.f2 { background-image:url(/img/v5/ico_type2_off.png) }
.filters a.f1.active { background-image:url(/img/v5/ico_type1_on.png) }
.filters a.f2.active { background-image:url(/img/v5/ico_type2_on.png) }
.filters a.active { position:relative; z-index:1; border-color:#1f63c9; }

.student2-2 .col-box { margin-bottom:15px; }

/* 툴팁 */
.lms .student2-2 .ro{position:relative;}
.lms .student2-2 .ro strong:hover + .tooltip{display:block;}
.lms .student2-2 .ro .tooltip{display:none;position:absolute;bottom:100%;right:50%;/*width:400px;*/white-space:nowrap;width:auto;background:var(--white);border:1px solid #ddd;border-radius:10px;padding:10px;box-sizing:border-box;transform:translateX(50%);z-index:1;}
.lms .student2-2 .ro .tooltip:after{content:"";position:absolute;border-style:solid;border-width:0 7px 7px 8px;border-color:var(--white) transparent;display:block;width:0;z-index:1;bottom:-7px;left:calc(50% - 6px);transform:rotate(180deg);}
.lms .student2-2 .ro .tooltip:before{content:"";position:absolute;border-style:solid;border-width:0 7px 7px 8px;border-color:#ddd transparent;display:block;width:0;z-index:0;bottom:-8px;left:calc(50% - 6px);transform:rotate(180deg);}
.lms .student2-2 .ro .tooltip span{display:block;font-size:12px;text-align:left;}

@media all and (max-width:1100px) {
	.manage .mine { position: static; text-align: right; margin-bottom: 15px;}

	.report-table.scroll-type { overflow-x:auto; }
	.report-table.scroll-type table { min-width:700px; }
}
@media all and (max-width:850px) {
	.lms .student2-2 .table1{overflow-x:auto;}
	/*
	.lms .student2-2 .ro .tooltip{right:-50px;transform:translateX(0);}
	.lms .student2-2 .ro .tooltip:before,
	.lms .student2-2 .ro .tooltip:after{left:76%;}
	*/
}
@media all and (max-width:640px) {
	.payment .tabs2 a { width:25%; font-size:16px; }
	.payment .mine { top:-95px; }
	.payment .cont .list { padding:15px; }
	.payment .cont .list ul li + li { border-top:1px dashed #ddd; padding-top:10px;}
	.payment .cont .list ul li .len { float:none; }
	.payment .cont .list ul li .len img { max-height:25px; max-width:55px; }
	.payment .cont .list ul li .price { float:none; text-align: right;line-height: 20px; }
	.payment .cont .list ul li .len div { margin-left: 2px;}
	.payment .cont .pay-kind dl dt { float:none; margin-bottom: 10px;}
	.payment .cont .pay-kind dl dd { float:none;}
	.payment .cont .total .pay-kind label { margin-left: 0; }
	.payment .cont .total .pay-kind label + label { margin-left: 10px; }
	.payment .cont .pay-kind .radio2 + em + span { font-size:12px; }
	.payment .cont .total .start_date dt,.payment .cont .total .start_date dd{float:none;}
	.payment .cont .total .start_date dd{margin-top:7px;}
	.payment .cont .total .date_box{display:inline-block;}
	.payment .cont .cont3 .list ul li .len div { display: block; }
	.payment .cont .cont3 .list ul li .len div:after { display: block; content: ''; clear: both; }
	.payment .cont .cont3 .list ul li div div em { float:left; display: block; line-height: 26px; font-size:14px; }
	.payment .cont .cont3 .list ul li div div .calc { float:right; display: block; }
	.payment .cont .cont3 .list ul li .price {  clear: both; padding-top:7px; padding-bottom: 5px;}
	.payment .total .address label { display: block; }
	.manage table,
	.manage table tbody,
	.manage table tr,
	.manage table th,
	.manage table td { display: block; height: auto; }
	.manage table td { border-left: 0;  padding:5px 0; border-top:1px solid #eee; }
	.manage table tr + tr td { }
	.tabs3 a { width:30%; }
	.manage .w140{width:120px;}
	.manage table td:last-child div { display: inline-block; vertical-align: middle; margin:0 3px;}
	.manage table td:last-child div + div { padding: 0;}
	.manage table .date_txt{display:block!important;}
	.manage .date_box{padding:0 15px!important;}
	.report-table.scroll-type:before { content:'- 스크롤로 내용을 확인해주세요'; font-size:12px; color:#ff0000; margin-bottom:7px; display:block; }
	.report-table.scroll-type { overflow-x:auto; }
	.report-table.scroll-type table { min-width:700px; }
}
@media all and (max-width:768px) {
	.join-guide.response .tit1{text-align:center;}
	.join-guide.response .section { padding:15px; }
	.join-guide.response .logos  { text-align: center; }
	.join-guide.response .logos > p { display: block; }
	.join-guide.response .logos > p:nth-child(2) { margin:10px 0;}
	.join-guide.response .logos span { font-size:15px;  }
	.join-guide.response .logos img { max-height:35px;}
	.join-guide.response .article { padding: 0; }
	.join-guide.response .article + .article{margin-top:25px;padding-top:15px;}
	.join-guide.response .article p { word-break: keep-all; word-wrap: break-word; }
	.join-guide.response .article p .pc { display: none; }
	.join-guide.response .article .qrcode { position: static; text-align: center; padding-top:35px;}
	.join-guide.response .article .kakao{margin-top:20px;}
	.join-guide.response .article .kakao .pc{display:none;}
	.join-guide.response .article .kakao .mo{display:block;width:100%;}
	.join-guide.response .article .tables { position: static; padding-top:15px; width:100%;}
}
@media all and (max-width:560px) {
	.online .top-btns a img { height: 45px; }
	.ms-options-wrap > button:focus, .ms-options-wrap > button { font-size:14px; }
	.coin-pres { white-space: normal; text-align: center; }
	.coin-pres span { display: block; margin-bottom: 15px;}
	.modal-foot .btn-type2 { padding:0 15px;}
	.homework-sort .more .sort .cp1 {margin-bottom: 10px; }
	.homework-sort .more .sort .cp2 .select1 { float:none; width:100%; margin-bottom: 5px; }
	.online h4 .btn-user { top:-5px;}
	.ms-options-wrap { margin-bottom: 3px; }
	.modal-work-add .work-list .layer-book { width:260px; margin-left: -130px; }


	.work-box .work .work-table table { display: block; padding:5px 10px; }
	.work-box .work .work-table table colgroup { display: none; }
	.work-box .work .work-table table tbody { display: block; }
	.work-box .work .work-table table tr { display: block; overflow: hidden;}
	.work-box .work .work-table table td { display: block; height: auto; padding:4px; font-size:13px;line-height: 45px;  }

	.work-box .work .work-table table td:first-child { padding:10px 5px; line-height: 1.3;}
	.work-box .work .work-table table td:nth-child(2) { float:left; width:44%; text-align: center;}
	.work-box .work .work-table table td:nth-child(3) { float:left; width:12%;  }
	.work-box .work .work-table table td:nth-child(4) { float:left; width:44%; text-align: center; }
	.work-box .work .work-table table td:nth-child(5) { clear: both; float:left; width:30%; }
	.work-box .work .work-table table td:nth-child(6) { float:left; width:40%;}
	.work-box .work .work-table table td:nth-child(7) { float:right; width:30%;}
	.online .inp-box:after { display: block; content: ''; clear: both; }
	.inp-box .btn-print { float:none; display: block; width:100%; margin-top:5px; text-align: center; }
	.report-result2 .report-table table thead th { height: 30px; font-size:11px; }
	.report-result2 .report-table table tbody td { font-size:11px; padding:5px 1px;}
	.c-logo strong { font-size:11px; }
	.c-logo img { max-width:90px;max-height: 15px;}
	.report-result2 .col-box2 .col-left { float:none; width:auto; margin-bottom: 15px; }
	.report-result2 .col-box2 .col-right { float:none; width:auto; }
	.btn-search { margin-bottom: 3px;}
	/*
	.lms .student2-2 .ro .tooltip{width:360px;padding:5px 8px;}
	.lms .student2-2 .ro .tooltip span{font-size:11px;}
	.lms .student2-2 .ro .tooltip:before, .lms .student2-2 .ro .tooltip:after{left:75%;}
	*/
	.lms .student2-2 .ro .tooltip{padding:5px 8px;}
	.lms .student2-2 .ro .tooltip span{font-size:10px;}
}

/* 공통 버튼 */
.btn-common-plus { display: inline-block; vertical-align: middle; background:rgba(266,106,36,0.5) url(/img/online/ico_add.png) no-repeat 50% 50%; border-radius:100%; width:26px; height: 26px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; text-indent: -9999px; text-align: left; margin:-2px 4px 0;}
.btn-common-plus:hover { background-color:rgba(226,106,37,1); transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.btn-common-plus.small { width:18px; height:18px; background-size:10px auto;}

/* 8.html 회수버튼 */
.online .section-wrap.student2 .article .body table td .btn-with { display: inline-block; vertical-align: middle; width:60px; height: 28px; line-height: 28px; text-align: center; font-size:12px; border-radius:5px; background: var(--main-color);  color: var(--white); margin-left:4px; }
.online .section-wrap.student2 .article .body table td .btn-with:before { content: ''; display: inline-block;vertical-align: middle; margin:-2px 4px 0 0;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: url(/img/v3/ico_refresh.png) no-repeat 0 0; width:16px; height: 17px; }
.online .section-wrap.student2 .article .body table td .btn-with:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.online .section-wrap.student2 .article2 .body table td .btn-with { display: inline-block; vertical-align: middle; width:60px; height: 28px; line-height: 28px; text-align: center; font-size:12px; border-radius:5px; background: var(--main-color);  color: var(--white); margin-left:4px; }
.online .section-wrap.student2 .article2 .body table td .btn-with:before { content: ''; display: inline-block;vertical-align: middle; margin:-2px 4px 0 0;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: url(/img/v3/ico_refresh.png) no-repeat 0 0; width:16px; height: 17px; }
.online .section-wrap.student2 .article2 .body table td .btn-with:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}


/* 메인 v4 */

.header-v4 { max-width:900px; margin:0 auto; height: 80px; position: relative;  z-index:20 !important; background:var(--white);}
.header-v4 h1 a { position: absolute; left: 0; top:30px; width:165px; height: 24px; background: url(/img/v4/main/logo.png) no-repeat  0 0; z-index:10; }
.header-v4 .search-box { position: absolute; left:180px; top:20px; width:300px; height: 45px; z-index:10; }
.header-v4 .search-box .inp { width:100%; height: 45px; border: 1px solid var(--main-color); border-radius:8px; background: #f1f2f6; padding-left: 10px; font-size:13px; font-family: 'NanumGothic'; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; outline:none; }
.header-v4 .search-box .inp:focus { background: var(--white); }
.header-v4 .search-box  .btn-srch { position: absolute; right:0; top:10px; font-size:24px; color: var(--main-color); }
.header-v4 .navs { position: absolute; right:10px; top:22px; z-index:20; }
.header-v4 .navs .btn-link { display: inline-block; vertical-align: middle; font-size:16px; color: var(--main-color);  padding:0 20px; line-height: 38px; }
.header-v4 .navs .btn-store { display: inline-block; vertical-align: middle; width:120px; height: 38px;  background: url(/img/v4/common/btn_top_stroe.png) no-repeat 0 0; text-indent: -9999px;}
.header-v4 .navs .mypage { display: inline-block; vertical-align: middle; position: relative; }
.header-v4 .navs .mypage .mymenu { display: none; position: absolute; right:15px; top:20px; padding-top:17px;}
.header-v4 .navs .mypage .mymenu ul {  background: var(--white); border:1px solid #ddd; border-radius:7px; padding:20px 10px; width: 110px; }
.header-v4 .navs .mypage .mymenu ul li a { display: block; font-size:13px; color: #000; line-height:1.8; padding:5px 15px; }
.header-v4 .navs .mypage .mymenu ul li a:hover { background: #f2f2f2;}
.header-v4 .navs .mypage:hover .mymenu { display: block; }


.header-v4.sub { max-width:inherit; height: auto; }
.header-v4.sub h1 a {top:23px; background-size:130px auto; background-position: 50% 50%;  }
.header-v4.sub .search-box { width:40%; top:10px;}
.header-v4.sub .navs { top:17px;}
.header-v4 .navs .btn-nav { display: none;  vertical-align: middle; background: none; -webkit-appearance:none; border:0; font-size:20px; color: #a1a1a1; }

#main-v4 * { box-sizing: border-box;}
#main-v4 .main-visual-box { max-width:984px; margin: 0 auto;overflow: hidden; margin-bottom: 20px;}
#main-v4 .main-visual-box .main-visual { max-width:900px; margin: 0 auto;}
#main-v4 .main-visual-box .main-visual .slider-box { position: relative;}
#main-v4 .main-visual-box .main-visual .slider-box li img {  border-radius:10px; width:100%; }
#main-v4 .main-visual-box .main-visual .slider-box li img.mobile { display: none; }
#main-v4 .main-visual-box .bx-wrapper .bx-pager { font-size:0; left:35px; top:inherit; bottom:30px; width:auto; text-align: left;}
#main-v4 .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.45);}
#main-v4 .bx-wrapper .bx-pager.bx-default-pager a.active { background: var(--white); }
#main-v4 .bx-wrapper .bx-controls-direction a { width:15px; height: 27px;  position: absolute; top:50%; margin-top:-13px; }
#main-v4 .bx-wrapper .bx-controls-direction a.bx-prev {left: -42px; background: url(/img/v2/main/slider_prev_on.png) no-repeat 0 0; }
#main-v4 .bx-wrapper .bx-controls-direction a.bx-prev.disabled { background-image:url(/img/v2/main/slider_prev_off.png); display: block;}
#main-v4 .bx-wrapper .bx-controls-direction a.bx-next {left: inherit; right:-42px; background: url(/img/v2/main/slider_next_on.png) no-repeat 0 0; }
#main-v4 .bx-wrapper .bx-controls-direction a.bx-next.disabled { background-image:url(/img/v2/main/slider_next_off.png); display: block; }
#main-v4 .bx-wrapper { background: none; position: static; height:auto; }
#main-v4 .bx-wrapper img { height: auto; }

#main-v4 .main-btns { max-width:900px; margin: 0 auto 40px; border: 1px solid #ccc; border-radius:10px;  text-align: center; overflow: hidden; position: relative;}
#main-v4 .main-btns .btns1 { float:left; width:50%; border-right:1px solid #ccc; overflow: hidden;}
#main-v4 .main-btns .btns1 a { float:left; width:50%; height: 300px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;   }
#main-v4 .main-btns .btns1 a strong { display: inline-block; vertical-align: top; font-size:24px; color: #000; font-weight: 600; margin:60px 0 50px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#main-v4 .main-btns .btns1 a strong:before { content: ''; display: inline-block; vertical-align: middle; width:80px; height: 59px; background: url(/img/v4/main/btn1.png) no-repeat 0 0; margin-right:15px; }
#main-v4 .main-btns .btns1 a p {font-size:17px; color: #777; line-height: 1.4;  transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#main-v4 .main-btns .btns1 a:hover { background: #f9f9f9;}
#main-v4 .main-btns .btns1 a:hover strong { transform: scale(1.2); -webkit-transform: scale(1.2);}
#main-v4 .main-btns .btns1 a:hover p { transform: scale(1.2); -webkit-transform: scale(1.2); color: #222;}
#main-v4 .main-btns .btns1 a.bt1 { border-right:1px solid #ccc;}
#main-v4 .main-btns .btns1 a.bt2 strong { margin:55px 0 45px;}
#main-v4 .main-btns .btns1 a.bt1 strong:before { background-image: url(/img/v4/main/btn1.png); margin-right:4px;}
#main-v4 .main-btns .btns1 a.bt2 strong:before { background-image: url(/img/v4/main/btn3.png); width:70px; height: 68px;}
#main-v4 .main-btns .btns2 { position: absolute; right:0; top:0; width:50%; bottom:0; }
#main-v4 .main-btns .btns2 a { display: block; font-size:20px; color: #000; height: 100px; border-top:1px solid #ccc; line-height: 99px; text-align: left; padding-left: 20%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  }
#main-v4 .main-btns .btns2 a b { display: block;transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  }
#main-v4 .main-btns .btns2 a:hover { background: #f9f9f9; }
#main-v4 .main-btns .btns2 a:hover b { transform: scale(1.1); -webkit-transform: scale(1.1); }
#main-v4 .main-btns .btns2 a:first-child { border-top:0;  }
#main-v4 .main-btns .btns2 a b:before { content: ''; display: inline-block; vertical-align: middle;  width:72px; height: 58px; background: url(/img/v4/main/btn2.png) no-repeat 50% 50%; margin-right:15px;  }
#main-v4 .main-btns .btns2 a.bt4 b:before { background-image:url(/img/v4/main/btn4.png); }
#main-v4 .main-btns .btns2 a.bt5 b:before { background-image:url(/img/v4/main/btn5.png);}
#main-v4 .main-btns .btns1 a p span { color: #000; font-weight: bold; }
#main-v4 .main-btns .btns2 a p span { color: #000; font-weight: bold; }


#main-v4 .main-btns-en {padding:50px 0;max-width:900px;margin: 0 auto;text-align:center;font-size:0;}
#main-v4 .main-btns-en:after { display: block; content: ''; clear: both;}
#main-v4 .main-btns-en a {width:120px;font-size:14px; text-align: center;display:inline-block; vertical-align:top; }
#main-v4 .main-btns-en a + a { margin-left: 20px;}
#main-v4 .main-btns-en a p {position:relative;width:116px; height: 116px; border-radius:8px; border: 1px solid #e3e3e3; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto 10px;}
#main-v4 .main-btns-en a.btn1 p { background-image:url(/img/v2/main/btn1.png);}
#main-v4 .main-btns-en a.btn2 p { background-image:url(/img/v2/main/btn2.png);}
#main-v4 .main-btns-en a.btn3 p { background-image:url(/img/v2/main/btn3.png);}
#main-v4 .main-btns-en a.btn4 p { background-image:url(/img/v2/main/btn4.png);}
#main-v4 .main-btns-en a.btn5 p { background-image:url(/img/v2/main/btn5.png);}
#main-v4 .main-btns-en a.btn6 p { background-image:url(/img/v2/main/btn6.png);}
#main-v4 .main-btns-en a.btn7 p { background-image:url(/img/v2/main/btn7.png);}
#main-v4 .main-btns-en a.btn8 p { background-image:url(/img/v2/main/btn8.png);}
#main-v4 .main-btns-en a.btn9{width:125px;}
#main-v4 .main-btns-en a.btn9 p { background-image:url(/img/v2/main/btn9.png);}
#main-v4 .main-btns-en a.btn9 p:after{content:"";display:block;position:absolute;top:10px;right:-6px;width:41px;height:23px;background:url("/img/v2/main/icon_beta.png") 0 0 / 100% 100% no-repeat;}

.main-banners { padding:40px 10px; background: #282732; text-align: center; }
.main-banners .tit { font-size:28px; color: var(--white); margin-bottom: 25px; }
.main-banners .btns a { display: inline-block; vertical-align: middle; width:215px; height: 48px; border-radius:7px; color: var(--white); font-size:15px; font-weight: 600; line-height: 47px; margin:0 4px; }
.main-banners .btns a.btn2 { color: #000; }
.main-banners .btns a.btn2 span { display: inline-block; vertical-align: middle; margin-top:-3px; }
.main-banners .btns a.btn2 small { display: inline-block; vertical-align: middle; font-size:11px; color: #3d201e; line-height: 1.1; }
.main-banners .btns a:before { content: ''; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; width:37px; height: 40px;  margin:-3px 10px 0 0; }
.main-banners .btns a.btn1 { background: #00c73c; }
.main-banners .btns a.btn2 { background: #fbe300; }
.main-banners .btns a.btn3 { background: #de2825; }
.main-banners .btns a.btn4 { background: #3dc577; }
.main-banners .btns a.btn1:before { background-image: url(/img/v4/main/ico_sns1.png);}
.main-banners .btns a.btn2:before { background-image: url(/img/v4/main/ico_sns2.png);}
.main-banners .btns a.btn3:before { background-image: url(/img/v4/main/ico_sns3.png);}
.main-banners .btns a.btn4:before { background-image: url(/img/v4/main/ico_sns4.png);}

/*YOUTUBE 영상*/
.video_box{max-width:900px;width:100%;margin:30px auto 0;}
.video_box .video{position:relative;width:100%;height:auto;padding-top:56.25%;}
.video_box .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.foot-v4 { padding:20px 10px; text-align: center; background: #3e3d45; font-size:12px; color: rgba(255,255,255,0.5); line-height: 1.4;}

#gnb-m { position: fixed; right:-260px; top:0; bottom:0; width:200px; background: var(--white); z-index:100; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; opacity:0;}
#gnb-m .close { position: absolute; left: -40px; top:0; width:40px; height: 40px; background:url(/img/v4/common/ico_close.png) no-repeat 50% 50%; background-size:20px auto; text-indent: -9999px;}
#gnb-m .body { position: absolute; left:0; right:0; top:-1px; bottom:0; overflow: auto; }
#gnb-m .tit{ padding-left: 15px; font-weight: 600; font-size:13px; color: #000; padding:7px 15px; border-bottom: 1px solid #ddd; background: #f2f2f2;}
#gnb-m .btn-dep1 { display: block; font-size:13px; color: #222; line-height: 30px; border-bottom: 1px solid #ddd; padding-left: 15px; background:url(/img/v4/common/ico_nav.png) no-repeat 100% 50%; background-position: right 10px center; background-size:12px auto; font-weight: 600;}
#gnb-m .btn-dep2 { display: block; font-size:12px; color: #777; line-height: 30px; border-bottom: 1px solid #ddd; padding-left: 15px;}
#gnb-m .btn-dep3 { display: block; font-size:11px; color: #777; line-height: 30px; border-bottom: 1px solid #ddd; padding-left: 20px;}
#gnb-m li.active .btn-dep1 { background-image:url(/img/v4/common/ico_nav_on.png); background-color:#f9f9f9;}
#gnb-m .dep2 { display: none;}
#gnb-m ul + .tit { margin-top:25px;}
#gnb-m .etc { }
#gnb-m .etc a { display: block; font-size:13px; color: #222; line-height: 30px; border-bottom: 1px solid #ddd; padding-left: 15px;  font-weight: 600; }
.bg-nav { display: none; position: fixed;; left: 0; right:0; top:0; bottom:0; z-index:90; background:rgba(0,0,0,0.7); }
body.fixed { overflow: hidden; }
body.fixed #gnb-m { right:0; opacity:1; }
body.fixed .bg-nav { display: block; }

.program-main { text-align: center; }
.program-main ul li { display: inline-block; vertical-align: middle; width:40%; margin:0 2% 20px; }
.program-main ul li a { display: block; border-radius:70px; border: 1px solid #2876c9; background: linear-gradient(0deg, rgba(49,129,215,1) 0%, rgba(57,153,255,1) 100%);  padding:20px 0; color: var(--white);  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; box-shadow:5px 5px 8px rgba(0,0,0,0.1); }
.program-main ul li a:hover { background: linear-gradient(0deg, #b3701b 0%, #ee8500 100%); border: 1px solid #ee8500; text-shadow:0 0 3px rgba(0,0,0,0.7); }
.program-main ul li a strong { display: block; font-size:20px; margin-bottom: 10px; }
.program-main ul li a span { font-size:16px; }
.program-main ul li a span:after { content: ''; display: inline-block; vertical-align: middle; background: url(/img/v4/common/ico_link_arr.png) no-repeat 0 0; width:16px; height: 16px; margin:-4px 0 0 10px; }

.top-title { text-align:center; padding:15px; background:#f9f9f9; border:1px solid #ddd; font-size:14px; line-height:1.5;  width:90%; }
.subContents { min-height:530px; }
/* .myPlaceMenu .menuArea a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.myPlaceMenu .menuArea a:hover { background: #f9f9f9; }
.myPlaceMenu .menuArea .dep2 li.on a{color:#1f63c9;font-weight:600;} */

@media all and (max-width:1200px) {
.header-v4.sub .search-box{width:30%;}
}

@media all and (max-width:1000px) {
	#main-v4 .main-visual-box { height: auto; }
	#main-v4 .main-visual-box .main-visual .slider-box li img { border-radius:0; }
	#main-v4 .main-visual-box .main-visual .slider-box li img.pc { display: none; }
	#main-v4 .main-visual-box .main-visual .slider-box li img.mobile { display: block;}
	#main-v4 .main-visual-box .bx-wrapper .bx-pager { left: 15px; bottom:15px;}

/*	body { padding-top:80px; }*/
	#main-v4 { margin-top:-40px;}


	.header-v4 { height: 40px; position: fixed; left:0; right:0; top:0; z-index:50; background: var(--white); box-shadow:0 0 8px rgba(0,0,0,0.2);  }
	.header-v4 h1 a { left:15px; top:11px; background-size:130px auto; width:130px; height: 19px; }
	.header-v4 .search-box { display: none; }
	.header-v4 .navs { top:7px; }
	.header-v4 .navs .btn-link { font-size:12px; height: 23px; line-height: 22px; padding:0 10px; margin-left: 0; }
	.header-v4 .navs .btn-store { height: 27px; width:75px; height: 23px; background-size:75px auto; }

	.header-v4.sub { height: 80px; }
	.header-v4.sub h1 a { top:13px; width:120px; height: 16px; background-size:auto 15px; left: 3px; }
	.header-v4.sub .navs { top:8px; }
	.header-v4 .navs .btn-nav  { display: inline-block; }

	.header-v4.sub .navs .btn-link { display: none; }

	.header-v4 .navs .btn-link2 { display: none; }
	.header-v4.sub .navs .btn-link2 { display: none; }
	.header-v4.sub .search-box { top:inherit; bottom:5px; left:10px; right:10px; display: block; width:auto; height: auto; }
	.header-v4.sub .search-box .inp { height: 35px; box-sizing: border-box; }
	.header-v4 .search-box .btn-srch { top:5px; right:7px; font-size:20px;  }

	#sticky-wrapper { height:auto !important; }
	.subContents { min-height:400px; }

	#main-v4 .main-btns { border: 0; }
	#main-v4 .main-btns .btns1 { float:none; overflow: hidden; width:auto; padding:0 20px;  border: 0; margin-bottom: 10px;}
	#main-v4 .main-btns .btns1 a { float:left; width:48%; height: 140px; border: 1px solid #ccc; border-radius:10px;}
	#main-v4 .main-btns .btns1 a strong { font-size:20px; margin:10px 0 0 !important; }
	#main-v4 .main-btns .btns1 a.bt2 { float:right; }
	#main-v4 .main-btns .btns1 a.bt2 strong { margin-top:5px !important;}
	#main-v4 .main-btns .btns1 a.bt1 strong { margin-bottom:15px !important;}
	#main-v4 .main-btns .btns1 a p { font-size:14px; line-height: 1.3; }
	#main-v4 .main-btns .btns1 a strong:before { background-size:auto 40px; background-position: 50% 50%; height: 55px; width:60px; margin-right:5px; }

	#main-v4 .main-btns .btns2 { position: static; float:none; width:auto; padding:0 20px; }
	#main-v4 .main-btns .btns2 a { height: 60px; line-height: 57px; font-size:20px; border: 1px solid #ccc !important; border-radius:10px; margin-bottom: 10px; padding: 0; text-align: center;}
	#main-v4 .main-btns .btns2 a b:before { width:40px !important; height: 40px !important; background-size:auto 35px; background-position: 50% 50%; }

	.main-banners .tit { font-size:20px; }
	.main-banners .tit strong { display: block; margin-bottom: 2px;}
	.main-banners .btns a { margin-bottom: 10px; padding-left: 15px; text-align: left; width:240px;}
	.main-banners .btns a.btn2 small { margin-left: 20px;}
	.foot-v4 { font-size:10px; padding:15px 10px;}
	.program-main ul li { display: block; width:auto; margin:0 0 12px; padding:0 10%;}
	.program-main ul li a { padding:10px 0; }
	.program-main ul li a strong { font-size:15px; }
	.program-main ul li a span { font-size:12px; }
	.top-title { width:auto; font-size:13px; }

	#main-v4 .main-btns-en { padding:10px 15px 15px; }
	#main-v4 .main-btns-en a {  box-sizing:border-box; margin-bottom: 20px !important; }
	#main-v4 .main-btns-en a + a  { margin: 0;margin-left:10px;}
	#main-v4 .main-btns-en a span { display: none; }
	#main-v4 .main-btns-en a p { margin-bottom: 10px;}
	#main-v4 .main-btns-en a strong { width: auto;}
}

@media all and (max-width:560px) {
	#main-v4 .main-btns-en a p { width:100%;max-width:82px;height: 70px;margin-bottom:7px;}
	#main-v4 .main-btns-en a strong { font-size:12px; width: auto;}
	#main-v4 .main-btns-en a.btn1 p { background-size:55px auto;background-image:url(/img/v2/main/btn1_mobile.png);}
	#main-v4 .main-btns-en a.btn2 p { background-size:45px auto; background-image:url(/img/v2/main/btn2_mobile.png); }
	#main-v4 .main-btns-en a.btn3 p { background-size:45px auto; background-image:url(/img/v2/main/btn3_mobile.png); }
	#main-v4 .main-btns-en a.btn4 p { background-size:45px auto; background-image:url(/img/v2/main/btn4_mobile.png); }
	#main-v4 .main-btns-en a.btn5 p { background-size:45px auto; background-image:url(/img/v2/main/btn5_mobile.png); }
	#main-v4 .main-btns-en a.btn6 p { background-size:45px auto; background-image:url(/img/v2/main/btn6_mobile.png); }
	#main-v4 .main-btns-en a.btn7 p { background-size:45px auto; background-image:url(/img/v2/main/btn7_mobile.png); }
	#main-v4 .main-btns-en a.btn8 p { background-size:70px auto; background-image:url(/img/v2/main/btn8_mobile.png); }
	#main-v4 .main-btns-en a.btn9 p { background-size:45px auto;}
	#main-v4 .main-btns-en a.btn9 p:after{top:6px;right:-5px;width:31px;height:17px;}
	#main-v4 .main-btns-en a {width:calc(33.333% - 13.333px)!important;margin:0 20px 30px 0!important;}
	#main-v4 .main-btns-en a:nth-child(3n){margin-right:0!important;}
}

/******************************
	2020.11.08
******************************/
.btn-type2 { border: 0; cursor: pointer; }
.btn-type2:disabled { background: #eee; color: #222; border: 1px solid #ccc; cursor: no-drop}
.btn-type6 { display: inline-block; vertical-align: middle; height: 46px; line-height: 45px; color: var(--white); padding:0 20px; font-size:16px; background: #cf4444; border-radius:4px; position: relative; }
.btn-type6.line { margin-left: 20px; }
.btn-type6.line:before { content: ''; position: absolute;left: -11px; top:5px; bottom:5px; width:1px; background: #ccc; }
.btn-type6:hover { color: var(--white); }
.btn-mobile-home { display: none;  vertical-align: middle; width:25px; height:25px; background: url(/img/v5/ico_home.png) no-repeat 50% 50%; background-size:auto 25px; text-indent: -9999px; }
.new-product { position: relative; margin-bottom: 20px; cursor: pointer;}

.new-product img.pc { width: 100%; display:block; margin: auto;}
.new-product img.mobile { width: 100%; display:none;}

.new-product .t {  font-size:22px; color: #0088ce; font-weight: 600; }
.new-product .btns { position: absolute; right:15px; top:10px; }
.new-product .btns a { font-size:16px; color: #000; font-weight: 600; text-decoration: underline; }



.online .section-wrap .article .head p .btn-link { position: absolute; right:0; top:17px; width:29px; height: 29px; text-indent: -9999px;  background: url(/img/v5/btn_link.png) no-repeat 100% 50%; transition: all 0.3s ease; }
.online .section-wrap .article .head p  a:hover {  opacity:0.7; }
.online .section-wrap .article .body .list-btn { display: block; font-size:15px; color: var(--white); background: var(--main-color); padding-left: 15px; height: 40px; line-height: 39px; margin-bottom: 5px; border-radius:5px;  position: relative; }
.online .section-wrap .article .body .list-btn:before { content: ''; position: absolute; right:14px; top:15px; width:7px; height: 7px; border-left: 2px solid var(--white); border-bottom: 2px solid var(--white); transform: rotate(-135deg); transition: all 0.5s ease;}
.online .section-wrap .article .body .list-btn:hover:before { right:10px; }

.online .section-wrap .article2 .head p .btn-link { position: absolute; right:0; top:17px; width:29px; height: 29px; text-indent: -9999px;  background: url(/img/v5/btn_link.png) no-repeat 100% 50%; transition: all 0.3s ease; }
.online .section-wrap .article2 .head p  a:hover {  opacity:0.7; }
.online .section-wrap .article2 .body .list-btn { display: block; font-size:15px; color: var(--white); background: var(--main-color); padding-left: 15px; height: 40px; line-height: 39px; margin-bottom: 5px; border-radius:5px;  position: relative; }
.online .section-wrap .article2 .body .list-btn:before { content: ''; position: absolute; right:14px; top:15px; width:7px; height: 7px; border-left: 2px solid var(--white); border-bottom: 2px solid var(--white); transform: rotate(-135deg); transition: all 0.5s ease;}
.online .section-wrap .article2 .body .list-btn:hover:before { right:10px; }

.checks { text-align: right; padding-top:15px;}
.homework-sort.bottom{ padding-bottom: 90px; }
.mobile-msg { display: none; text-align: center; font-size:14px; color: #cf4444; font-weight: 600; line-height: 1.7; padding-top:40px; }
.online .section-wrap .article .head + .scrollbar-inner.mb52 { height: 153px;}
.online .section-wrap .article2 .head + .scrollbar-inner.mb52 { height: 153px;}
.btn-flip { position: relative;}
.btn-flip:before { content: ''; position: absolute; right:20px; top:17px; width:8px; height: 8px; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; transform: rotate(-45deg); }
.btn-flip + .dep2 { display: none; }
.btn-flip + .dep2 a { padding-left: 25px; }
.btn-flip + .dep2 .active a { color: var(--main-color); font-weight: 600; }
.btn-flip.active + .dep2 { display: block; }
.modal-comment { text-align: center; font-size:15px; font-weight: 600;  color: #0088ce; border:2px dashed #0088ce; margin-bottom: 20px; padding:10px; letter-spacing: -1px;}
.recomm .box2 .btn-re { border-radius:5px; margin-top:20px;}
#total_coupon_sel strong { font-weight: 400; font-size:18px; }
.pay-desc { padding:10px 0; }
.pay-desc div { padding-top:10px;}
.pay-desc div a { display: inline-block; vertical-align: middle; padding:5px 15px; background: var(--white); color: #aaa; border: 1px solid #aaa;  }
.pay-desc div a:after { content: ''; display: inline-block; vertical-align: middle; width:6px; height: 6px; border-left:2px solid #aaa; border-bottom: 2px solid #aaa; transform: rotate(-135deg); margin:-3px 0 0 10px;}
.pay-desc div a:hover { color: #222; }

.pay-end {  }
.pay-end .msg { text-align: center; margin-bottom: 30px; padding-top:110px; background: url(/img/v5/ico_pay_end.png) no-repeat 50% 0; font-size:28px; margin-bottom: 30px;  }
.pay-end .msg div p {display: inline-block; vertical-align: middle; position: relative; margin-bottom: 8px; }
.pay-end .msg div p:before { content: ''; position: absolute; right:-20px; top:-20px; background: url(/img/v5/coupon_new.png) no-repeat 0 0; width:59px; height: 27px; z-index:3; transform: rotate(20deg); transform-origin: right bototm;}
.pay-end .msg div p:after { content: ''; position: absolute; left: -4px; right:-4px; bottom:-2px; height: 12px; background: #89b9eb; }
.pay-end .msg div p span { position: relative; z-index:2; font-weight: 600; }
.pay-end .info { border:1px solid #ccc; border-radius:10px; overflow: hidden;}
.pay-end .info .tit { padding-left: 20px; line-height: 50px; font-size:18px; color: var(--white);  background: var(--main-color); font-weight: 600; }
.pay-end .info .box { padding:15px 0 0; }
.pay-end .info .box dl:after { display: block; content: ''; clear: both; }
.pay-end .info .box dl { font-size:15px; line-height: 1.5; padding:10px 20px; }
.pay-end .info .box dl dt {float:left;width: 120px;}
.pay-end .info .box dl dd { overflow: hidden; }
.pay-end .info .box dl.total { background: #f2f2f2; border-top:1px solid #ccc;  margin-top:20px; }
.pay-end .desc { padding:30px 0; border-bottom: 1px dashed #ccc; margin-bottom: 30px; text-align: center; font-size:14px; color: #777; line-height: 2; }
.pay-end .btns { text-align: center; }

.mb10 { margin-bottom: 20px; }
.activate { max-width:960px; margin: 0 auto; }
.activate img { max-width:100%; }
.activate .t0 { font-size:18px; color: #0070c0; line-height: 1.6; margin-bottom: 10px;  font-weight: 600; padding: 20px; border: 2px solid #0070c0;text-align: center; margin-bottom: 20px; }
.activate .t1 { font-size:20px; color: #0070c0; line-height: 1.3; margin-bottom: 10px;  font-weight: 600; }
.activate .t2 { font-size:14px; color: #777; line-height: 1.4; margin-bottom: 20px;   }
.activate .t3 { font-size:16px; color: #f98844; line-height: 1.4; margin-bottom: 10px;  font-weight: 600;}

@media all and (max-width:1000px) {
	/* .h3.mobile-fixed { position: fixed; left: 0; right:0; top:80px; background: var(--white); border-bottom: 1px solid #eee; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.1);} */
	.h3.mobile-fixed + .new-contents { margin-top:70px;}
	.btn-mobile-home { display: inline-block; margin:-5px 10px 0 0;}
	.online .section-wrap .article .body .list-btn { display: none; }
	.online .section-wrap .article2 .body .list-btn { display: none; }
	.mobile-msg { display: block; }
	.checkbox1 + span + em  {font-size:13px; }
}

@media all and (max-width:640px) {
	.new-product { padding-bottom:10px; }

	.new-product img.pc { display:none; }
	.new-product img.mobile { width: 100%; display: block; height: 100%; margin: auto; }

	.new-product .t { font-size:18px; letter-spacing:-1px; }che
	.new-product .btns { right:10px; bottom:10px; top:inherit; }
	.new-product .btns a  {font-size:14px; }
	.activate .t1  { font-size:17px; }
	.activate .t2 { font-size:13px; }
	.activate .t3 { font-size:14px; }
}

/* 20201225 */
.online .section-wrap .article.add.only-pc .tit { display: block;text-align: center; padding:20px 0 10px; font-size:22px; color: var(--white); font-weight: 600; }
.online .section-wrap .article.add.only-pc p { display: block; width:150px; height: 170px; border-radius:4px; background: var(--main-color); border-radius:4px; margin: 0 auto; }
.online .section-wrap .article.add.only-pc a { width:134px; height: 40px; text-indent: -9999px; padding: 0; background: url(/img/v5/btn_add1.png) no-repeat 0 0; margin-top:8px; transition: all 0.5s ease; }
.online .section-wrap .article.add.only-pc a.btn-add2 { background-image: url(/img/v5/btn_add2.png); }
.online .section-wrap .article.add.only-pc a:hover { opacity:0.7;}

.online .section-wrap .article2.add.only-pc .tit { display: block;text-align: center; padding:20px 0 10px; font-size:22px; color: var(--white); font-weight: 600; }
.online .section-wrap .article2.add.only-pc p { display: block; width:150px; height: 170px; border-radius:4px; background: var(--main-color); border-radius:4px; margin: 0 auto; }
.online .section-wrap .article2.add.only-pc a { width:134px; height: 40px; text-indent: -9999px; padding: 0; background: url(/img/v5/btn_add1.png) no-repeat 0 0; margin-top:8px; transition: all 0.5s ease; }
.online .section-wrap .article2.add.only-pc a.btn-add2 { background-image: url(/img/v5/btn_add2.png); }
.online .section-wrap .article2.add.only-pc a:hover { opacity:0.7;}

.file-box { display: inline-block; vertical-align: middle; position: relative; }
.file-box .file { position: absolute; left:0; top:0; width:100%; height: 100%; opacity:0; }


.btn-adds1  { border-radius:5px; border:1px solid var(--main-color); display:inline-block; vertical-align:top; width:134px; height: 40px; text-indent: -9999px; padding: 0; background: url(/img/v5/btn_add1.png) no-repeat 0 0; margin-top:8px; transition: all 0.5s ease; }
.btn-adds2  { border-radius:5px; border:1px solid var(--main-color); display:inline-block; vertical-align:top; width:134px; height: 40px; text-indent: -9999px; padding: 0; background: url(/img/v5/btn_add2.png) no-repeat 0 0; margin-top:8px; transition: all 0.5s ease; }


.only-m { display: none; }
@media all and (max-width:1000px) {
	/* .h3.mobile-fixed { position: sticky; left: 0; right:0; top:0; background: var(--white); border-bottom: 1px solid #eee; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.1);} */
	.h3.mobile-fixed + .new-contents { margin-top:0;}
	.btn-mobile-home { display: inline-block; margin:-5px 10px 0 0;}
	.online .section-wrap .article .body .list-btn { display: none; }
	.online .section-wrap .article2 .body .list-btn { display: none; }
	.mobile-msg { display: block; }
	.checkbox1 + span + em  {font-size:13px; }

	.only-pc { display: none !important; }
	.only-m { display: block !important; }

}

/*2021-05-27*/
.doubletab .description{ font-size:15px; color: #777; padding:0 0 15px;text-align: left;}
.doubletab .section-wrap { padding:30px 0 5px; border-radius:10px; background: #f2f2f2; margin-bottom: 50px; }
.doubletab .section-wrap:after { display: block; content: ''; clear: both; }
.doubletab .section-wrap .article {float:left; width:340px; /* height: 270px;*/border-radius:5px;background: var(--white);border: 1px solid #ccc;padding:0 12px;position: relative;margin:0 0 25px 30px;box-shadow:3px 3px 0 rgba(0,0,0,0.05);}

.doubletab .select1 {display: inline-block;vertical-align: middle;height: 29px;border: 1px solid #ddd;border-radius:4px;padding-left: 16px;font-size: 14px;color: #222;box-sizing: border-box;font-family:"NanumGothic";background: url(/img/online/bu_select.png) no-repeat 100% 50%;-webkit-appearance:none;padding-right: 34px;padding-right:0 \0/IE9;}
.doubletab .select-class {display: inline-block;vertical-align: middle;height: 29px;border: 1px solid #ddd;border-radius:4px;padding-left: 16px;font-size: 14px;color: #222;box-sizing: border-box;font-family:"NanumGothic";background: url(/img/online/bu_select.png) no-repeat 100% 50%;-webkit-appearance:none;padding-right: 34px;padding-right:0 \0/IE9;width:100%;margin-bottom: 10px;}
.doubletab .inp1 {display: inline-block;vertical-align: middle;height: 29px;border: 1px solid #ddd;border-radius:4px;padding-left: 15px;font-size:14px;color: #222;box-sizing: border-box;font-family:"NanumGothic";-webkit-appearance:none;box-shadow:none;}
.doubletab .btn-search { display: inline-block; vertical-align: middle; width:29px; height: 29px; border-radius:4px; background: var(--main-color) url(/img/online/ico_srch.png) no-repeat 50% 50%; text-indent: -9999px; }

.doubletab .head{text-align: left;margin: 15px}
.doubletab .title{margin:15px 0px;color: var(--main-color);font-weight: bold;}

.doubletab .table1 { padding:2px 15px 15px; border-radius:10px; background: #f9f9f9; border: 1px solid #ddd; margin-bottom: 10px; min-height: 404px;}
.doubletab .table1 table { width:100%; border-collapse: collapse; }
.doubletab .table1 table thead th { font-size:12px; color: #707070; line-height: 1.5; padding:5px 5px; text-align: center;}
.doubletab .table1 table tbody td { background: var(--white); padding:5px 5px; text-align: center; font-size:12px; line-height: 1.4; color: #333; border-bottom: 3px solid #f9f9f9;}

.doubletab .pagenate{margin:15px 0px;}
.doubletab .whitespace{width:100%;height:40px;}

.doubletab .arrow{width:30px;float: left;line-height: 20px;margin-top:100px;text-align: center;margin-left: 30px;}
.doubletab .arrow-button{width:10px;margin: 40px 0;font-size: 40px;}
.doubletab .arrow-button a{color: #ef8b1b;}

@media all and (max-width:1000px) {
.doubletab {max-width: 600px;}

.doubletab .aticle{margin: 0 0 0px 0px;}
.doubletab .arrow{width:100%;margin-top:30px;text-align: center;}
.doubletab .arrow-button{width:10px;margin-top: 0px;margin-bottom: 30px;margin-left:120px;}
.doubletab .section-wrap { padding:00px 0 5px; border-radius:10px; background: var(--white); margin-bottom: 50px; }
.doubletab .section-wrap .article {float:left; width:340px; /* height: 270px;*/border-radius:5px;background: var(--white);border: 1px solid #ccc;padding:0 1px;position: relative;margin:0px;box-shadow:3px 3px 0 rgba(0,0,0,0.05);}

}

/* 2019.09.21 */
/*.bigclass-intro { padding:40px 15px; background: #006ab6; text-align: center; }
.bigclass-intro .txt { font-size:20px; line-height: 1.5; color: var(--white); margin-top:30px; }
.feat { padding:72px 15px; background: #f1f3f5; }*/

.bigclass-intro {padding:40px 15px;background: #f2f2f2;text-align: center;margin-top: 20px;}
.bigclass-intro .txt { font-size:20px; line-height: 1.5; color: #444; margin-top:30px; margin-bottom: 15px; }
.bigclass-intro .youtube-box { width:500px; height: 300px; margin: 0 auto; }
.feat { padding:70px 15px; background: var(--white); }
.feat h2 { font-weight: 600; }
.feat .inner { max-width:950px; margin: 0 auto; }
.feat .col-box { clear: both; }
.feat .col-box > div { width:50%; box-sizing:border-box; }
.feat .col-box img { max-width:100%; }
.feat .col-box strong { display: block; font-size:34px; line-height: 1.3; margin-bottom:20px; }
.feat .col-box p { font-size:16px; line-height: 1.6; color: #777777; }
.feat .box1 { margin: 70px 0;}
.feat .box1 .col-right { padding:00px 0 0 20px; }
/*.feat .box2 .col-left { padding:20px 40px 0 0; text-align: left;}*/
.feat .box2 .col-left { padding:00px 20px 0 0; text-align: right;}
.discover { padding:60px 15px; background: url(/img/v2/main/bg_t.jpg) no-repeat 50% 50%; background-size:cover; text-align: center; }
.discover .tit { font-size:22px; line-height: 1.4; color: var(--white); font-weight: 600; margin-bottom: 40px; }
.discover .img-box > div {display:inline-block;vertical-align: middle;margin: 10px 15px;}
.discover .img-box > div img { max-width:100%; }
/*.discover .img-box > div p { font-size:16px; color: #e1ff68; font-weight: 600; padding-top:15px; }*/
.discover .img-box > div p { font-size:16px; color: var(--white); font-weight: 600; padding-top:15px; }
.cs .sns-box { text-align: center; }
.cs .sns-box .sb { display: inline-block; vertical-align: top; width:30%; }
.cs .sns-box .sb strong { display: inline-block; vertical-align: middle; height:40px; line-height: 39px; padding:0 15px; border-radius:40px; font-size:24px; font-weight: 600; color: var(--white); background: #f1780d; }
.cs .sns-box .sb p { font-size:20px; color: #999; margin:12px 0 30px; }
.cs .sns-box .sb p img { height:20px; }
.cs .sns-box .sb div a { margin:0 3px;}

#main-v4 .cs { padding:65px 15px 70px; background: #282732; }
#main-v4 .cs .inner { max-width:900px; margin: 0 auto;}
#main-v4 .cs h2 { color: var(--white); }
#main-v4 .cs h2:before { background: var(--white); }
#main-v4 .cs ul:after { display: block; content: ''; clear: both;}
#main-v4 .cs ul li { float:left; width:50%; box-sizing: border-box; padding: 8px; }
#main-v4 .cs ul li a { display: block; height: 90px; border-radius:10px; background: #006cb8; color: var(--white);  font-size:20px; line-height: 89px; padding-right:25px; }
#main-v4 .cs ul li a p { float:left; font-weight: 600;}
#main-v4 .cs ul li a p:before { content: ''; display: inline-block; vertical-align: middle; width:87px; height: 87px; background-repeat: no-repeat; background-position: 50% 50%;}
#main-v4 .cs ul li.noti a p:before { background-image:url(/img/v2/main/ico1.png); }
#main-v4 .cs ul li.email a p:before { background-image:url(/img/v2/main/ico2.png); }
#main-v4 .cs ul li.cacao a p:before { background-image:url(/img/v2/main/ico3.png); }
/*#main-v2 .cs ul li.call a p:before { background-image:url(/img/v2/main/ico4.png); }*/
#main-v4 .cs ul li.call a p:before { background-image:url(/img/v2/main/ico5.png); }
#main-v4 .cs ul li.cacao a { background: #fbe302; color: #3c1e20; }
#main-v4 .cs ul li.cacao a span { float:right;font-size:14px; line-height: 18px; color: #3c1e20; opacity:0.77; padding-top:25px; text-align: right;}
#main-v4 .cs ul li.call a { background: #3dc577; }
#main-v4 .cs ul li.call a span { float:right; line-height: 22px; text-align: right; padding-top:24px;}
#main-v4 .cs ul li.call a span strong { display: block; font-size:25px; color: var(--white); }
#main-v4 .cs ul li.call a span em {font-size:12.5px; color: var(--white); opacity:0.56; }
#main-v4 h2 { text-align: center; font-size:32px; color: #000; position: relative; padding-top:25px; letter-spacing: -1px; margin-bottom: 33px; line-height: 1.3; }
#main-v4 h2:before { content: ''; position: absolute; left: 50%; top:0; width:48px; margin-left: -24px; height: 3px; background: var(--main-color); }
#main-v4 h2 strong { font-weight: bold; font-family: 'arialB';}

@media all and (max-width:1000px) {
	#main-v4 .course { padding-top:40px; padding-bottom: 40px;}
	#main-v4 .course .bn-box .bn { width:49%;}
	#main-v4 .course .bn-box .bn p span { font-size:15px; padding:15px 10px;}
	#main-v4 .course .bn-box .bn > a { height: 28px; line-height: 27px; font-size:13px; padding:0 18px; width:auto; border-radius:4px;}
	#main-v4 .feature { padding-top:40px; padding-bottom: 5px;}
	#main-v4 .level-guide { padding-top:40px; padding-bottom: 40px; text-align: center; }

	#main-v4 .level-guide ul li { width:50%; text-align: center; margin: 0 0 20px !important; padding-bottom: 28px; box-sizing: border-box; padding:0 8px;}
	#main-v4 .level-guide ul li img { max-width:100%; }
	#main-v4 .main-desc1 { padding-top:50px; padding-bottom: 40px; }
	#main-v4 .main-desc1 h2 { font-size:24px; margin-bottom: 15px; }
	#main-v4 .main-desc1 .txt1 { background: none; }
	#main-v4 .main-desc1 .txt1 p { display: block; margin-bottom: 8px;}
	#main-v4 .main-desc1 .txt1 span { display: inline-block; vertical-align: middle; padding:1px; font-size:13px; }
	#main-v4 .main-desc1 .txt1 + p { margin-top:20px;}
	#main-v4 .main-desc1 a { padding:0 15px; font-size:12px; height: 32px; line-height: 31px; border-radius:4px;}
	#main-v4 .cs {padding:50px 10px;}

	#main-v4 .feat .col-box strong { font-size:22px; }
	.feat .col-box p { font-size:13px; }

	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}


@media all and (max-width:900px) {
	#main-v4 .cs ul li { float:none; width:300px; margin: 0 auto;}
	#main-v4 .cs ul li a { height: 73px; line-height: 72px; border-radius:6px; font-size:14px; padding-right:12px; letter-spacing: -1px; }
	#main-v4 .cs ul li a p:before { width:57px; height: 73px; }
	#main-v4 .cs ul li.noti a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico1_m.png); }
	#main-v4 .cs ul li.email a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico2_m.png); }
	#main-v4 .cs ul li.cacao a p:before { background-size:44px auto; background-image:url(/img/v2/main/ico3_m.png); }
	#main-v4 .cs ul li.call a p:before { background-size:30px auto; background-image:url(/img/v2/main/ico4_m.png); }
	#main-v4 .cs ul li.cacao a span { font-size:11px; line-height: 1.3; padding-top:20px;}
	#main-v4 .cs ul li.call a span { padding-top:17px;}

	#main-v4 .cs ul li.call a span strong { font-size:20px; }
	#main-v4 .cs ul li.call a span em { font-size:11px; }
	#main-v4 .cs .sns-box .sb strong { padding:0 10px; font-size:16px; }
	#main-v4 .cs .sns-box .sb p { font-size:13px; }
	#main-v4 .cs .sns-box .sb div a img { width:35px;height: 35px; margin:5px; }
	#main-v4 .bigclass-intro img { height:30px; }
	#main-v4 .bigclass-intro .txt { font-size:15px; }
	#main-v4 .feat .box1 { margin:15px 0 35px 0;}
	.myProfile .subContents .bbs img.pc { display: none; }
	.myProfile .subContents .bbs img.mobile { display: block; width: 100%;}
}

/* 202002 */
.txt-type1 { font-size:18px; color:#333; margin-bottom:20px; }
.txt-type1 p { display: inline-block; vertical-align: middle; padding:0 5px; position: relative;}
.txt-type1 p span { position:relative; z-index:2;}
.txt-type1 p:before { content: ''; position: absolute; left: -4px; right:-4px; bottom:0; height: 6px; background: var(--main-color); opacity:0.4;}

.activate1 { text-align: center; }
.activate1 .box1 { padding:20px 0 35px; }
.activate1 .box1 a { display: inline-block; vertical-align: top; margin:0 15px; }
.activate1 .box1 a .icos { margin-bottom: 20px; }
.activate1 .box1 a .icos p { margin:0 auto; width:150px; height: 150px; background: #f2f2f2 url(/img/new/book1.png) no-repeat 50% 50%; transition: all 0.3s ease; border-radius:100%;  border:2px solid #f2f2f2;}
.activate1 .box1 a .icos div { font-size:18px; font-weight: 600; padding:10px 0 0;}
.activate1 .box1 a.b2 .icos p { background-image:url(/img/new/book2.png)}
.activate1 .box1 a .txt { font-size:15px; color: #555; }
.activate1 .box1 a:hover .icos p { background-color:#eee; border-color:#1f63c9;}
.activate1 .box2 a img { width:30px;}
.activate1 .box2 a { font-size:15px; text-decoration: underline; color:#1f63c9; font-weight: 600; }
.activate1 .box3 .inp-box .inp { display: inline-block; vertical-align: middle; width:10%; height:35px; border-radius:4px; border: 1px solid #ddd ;padding: 0 10px; font-size:16px; font-weight: 600; outline:none; transition: all 0.3s ease; text-align: center; }
.activate1 .box3 .inp-box .inp:focus { border-color:#1f63c9; background: #f9f9f9; }

.book-type1 { margin-bottom: 30px;}
.book-type1 .book-wrap { max-width:720px; margin: 0 auto;}
.book-type1 .book-box { display: table; width:100%;border-bottom:1px solid #eee;padding-bottom:15px;}
.book-type1 .book-box + .book-box{margin-top:15px;}
.book-type1 .book-box .book-img {width:200px;text-align:center;display: table-cell; vertical-align: middle; padding-right:20px;}
.book-type1 .book-box .book-img img { width:200px; }
.book-type1 .book-box .book-info { display: table-cell; vertical-align: middle; text-align: left; }
.book-type1 .book-box .book-info .date { display: inline-block; vertical-align: middle; padding:5px 10px; border-radius:15px; background: var(--main-color); font-size:14px; color: var(--white); }
.book-type1 .book-box .book-info .subj { font-size:24px; color: #222; font-weight: 600; margin:5px 0 10px; }
.book-type1 .book-box .book-info .txt { font-size:15px; color: #777; }
.book-type1 .book-box .book-info .txt strong { color: #222; font-weight: 600; }
.btn-like { display: inline-block; vertical-align: middle; background:url(/img/common/bicon_star_on.png) no-repeat;height:40px;width:40px; border: 0; box-shadow:none; cursor: pointer;}

.price-box { padding-left: 400px; position: relative; border-bottom: 1px solid #ddd; overflow: hidden}
.price-box ul li { line-height: 30px; padding-left: 10px; font-size:13px; color: #777; }
.price-box ul li:nth-child(odd) { background: #f2f2f2; }
.price-box .info { position: absolute; left:0; top:50px; width:400px;  }
.price-box .class { text-align: center; float:left; width:33.33333%; box-sizing: border-box; border-left: 1px solid #ddd; position: relative;}
.price-box .class:before { content: ''; position: absolute; left: 0; right:0; top:0; bottom:0; border:3px solid #006cb7 ; opacity:0;transition: all 0.3s ease; }
.price-box .class .tit { line-height:25px; font-size:16px; font-weight: 600; background: var(--main-color); color: var(--white); }
.price-box .class:hover:before,
.price-box .class.active:before{ opacity:1;}

.total-price { padding:20px 0; }
.total-price div { display: inline-block; vertical-align: middle; padding:15px 20px; background: #f2f2f2; border: 1px solid #ddd; font-size:17px; border-radius:10px; margin-bottom: 15px;}
.total-price div span { margin-left: 15px;}

.book-icons { text-align: center;font-size:0; padding-top:15px;}

.bico { display: inline-block; vertical-align: middle; width:48px; height: 48px; border-radius:100%; border: 1px solid #ddd; background: #f2f2f2 url(/img/new/book_ico1.png) no-repeat 50% 50%; transition: all 0.3s ease; margin:0 3px;}
.bico.b1 { background-image:url(/img/new/book_ico1.png)}
.bico.b2 { background-image:url(/img/new/book_ico2.png)}
.bico.b3 { background-image:url(/img/new/book_ico3.png)}
.bico.b4 { background-image:url(/img/new/book_ico4.png)}
.bico.b5 { background-image:url(/img/new/book_ico5.png)}
.bico.b6 { background-image:url(/img/new/book_ico6.png)}
.bico.b7 { background-image:url(/img/new/book_ico7.png)}
.bico.b8 { background-image:url(/img/new/book_ico8.png)}
.bico:hover { background-color:#558ed5; border-color:#558ed5; }
.bico.b1:hover { background-image:url(/img/new/book_ico1_on.png)}
.bico.b2:hover { background-image:url(/img/new/book_ico2_on.png)}
.bico.b3:hover { background-image:url(/img/new/book_ico3_on.png)}
.bico.b4:hover { background-image:url(/img/new/book_ico4_on.png)}
.bico.b5:hover { background-image:url(/img/new/book_ico5_on.png)}
.bico.b6:hover { background-image:url(/img/new/book_ico6_on.png)}
.bico.b7:hover { background-image:url(/img/new/book_ico7_on.png)}
.bico.b8:hover { background-image:url(/img/new/book_ico8_on.png)}

.sample-txt { display: inline-block; vertical-align: middle; padding:3px; background: #ff9900; font-size:11px; color: var(--white); border-radius:3px; margin-left: 5px;}


.aside-menu .dep2,
.aside-menu .dep3 { display: none; }
.aside-menu li { border-bottom: 1px solid #ddd; }
.aside-menu li:last-child { border-bottom: 0; }
.aside-menu .active { background: #f2f2f2; border-bottom: 1px solid #ddd; }
.aside-menu .active + ul { display: block; }
.aside-menu .btn-dep1{ display: block; padding:20px; background: var(--main-color); font-size:22px; color: var(--white); font-weight: 600; }
.aside-menu .btn-dep2{ display: block; padding:10px 20px 10px 30px; font-size:17px; color: #444; font-weight: 600; }
.aside-menu .btn-dep3{ display: block; padding:10px 20px 10px 40px; font-size:15px; color: #777; font-weight: 600; }
.aside-menu .btn-dep1.flip { background-image:url(/img/new/aside_off.png); background-position: right 20px center;  background-repeat: no-repeat; }
.aside-menu .btn-dep1.flip.active { background-image:url(/img/new/aside_on.png);}
.aside-menu .btn-dep2.flip { background-image:url(/img/new/aside2_off.png); background-position: right 20px center;  background-repeat: no-repeat; }
.aside-menu .btn-dep2.flip.active { background-image:url(/img/new/aside2_on.png);}
.aside-menu .btn-dep2:not(.flip).active { border-bottom: 0; }
.aside-menu .btn-dep3.active { color: #222; border-bottom: 0; background: var(--white); }

.h3 div span.sub-s { padding-bottom: 0; margin-left: 5px;}
.h3 div span.sub-s.first { margin-left: 30px;}
.h3 div span.sub-s em { font-size:15px; }

.program-books-wrap .program1:after { display: block; content: ''; clear: both; }
.program-books-wrap .program1 { text-align: left; }
.program-books-wrap .tit{  font-size:24px; color: #222; font-weight: 600; margin-bottom: 15px;}
.program-books-wrap .program1 .book-box { padding:15px; border-radius:10px; background: #f9f9f9; }
.program-books-wrap .program1 .fl { width:35%;}
.program-books-wrap .program1 .fr { width:60%;}
.program-books-wrap .program1 .fr ul:after { display: block; content: ''; clear: both; }
.program-books-wrap .program1 .fr ul { margin:0 -5px; }
.program-books-wrap .program1 .fr ul li { float:left; width:33.3333%; padding:0 5px 10px; box-sizing: border-box;}
.program-books-wrap .program1 .fr .book .book-icons .bico {width:33px; height: 33px; background-size:20px auto;}
.program-books-wrap .program1 .book {  position: relative; overflow: hidden; border-radius:10px;}
.program-books-wrap .program1 .book .book-icons { opacity:0;  position: absolute; left: 0; right:0; bottom:-30px; text-align: center; padding:15px 0; background: rgba(0,0,0,0.6); transition: all 0.3s ease;  }
.program-books-wrap .program1 .book:hover .book-icons {opacity:1; bottom:0; }
.program-books-wrap .program1 .book img { max-width:100%; border-radius:10px; }
.program-books-wrap .program2 { clear: both; text-align: left; }
.program-books-wrap .program2 .list-box ul:after { display: block; content: ''; clear: both; }
.program-books-wrap .program2 .list-box ul { margin:0 -5px;}
.program-books-wrap .program2 .list-box ul li { float:left; width:16.66666666%; padding:10px 5px; box-sizing: border-box;}
.program-books-wrap .program2 .list-box ul li .book { padding:5px; border-radius:10px; background: #f9f9f9; }
.program-books-wrap .program2 .list-box ul li img { max-width:100%; transition: all 0.2s ease; }
.program-books-wrap .program2 .list-box ul li .img { border-radius:10px; overflow: hidden;}
.program-books-wrap .program2 .list-box ul li .book .book-icons  { padding:8px 0;}
.program-books-wrap .program2 .list-box ul li:hover img { transform: scale(1.15);}

.program-books-wrap .program3 .tit { text-align:left; }
.program-books-wrap .program3 img { max-width:100%; }

.curri_wrap .subContents{width:100%;max-width:100%;padding:0 37px 80px;box-sizing: border-box;}
.curri_wrap .grade_list + .grade_list{margin-top:120px;}
.curri_wrap table{width:100%;border-collapse:collapse;border-spacing:0;}
.curri_wrap table th, .curri_wrap table td{text-align:center;box-sizing:border-box;}
.curri_wrap table th{height:44px;font-size:16px;font-weight:600;color:var(--white);border:1px solid var(--white);background:#7a7a7a;}
.curri_wrap table td{font-size:16px;border:1px solid #ccc;padding:20px 10px;}
.curri_wrap table th.grade,.curri_wrap table td.grade{width:138px;min-width:138px;color:var(--white);font-weight:600;text-align:center;}
.curri_wrap .phonics .info_tb td,
.curri_wrap .phonics .detail_tb .course{background:#FFE2E2;}
.curri_wrap .phonics td.grade{background:#F25C5C;}
.curri_wrap .grade_1 .info_tb td,
.curri_wrap .grade_1 .detail_tb .course{background:#FFE6DC;}
.curri_wrap .grade_1 td.grade{background:#FF7746;}
.curri_wrap .grade_2 .info_tb td,
.curri_wrap .grade_2 .detail_tb .course{background:#FEF5DC;}
.curri_wrap .grade_2 td.grade{background:#FCBA13;}
.curri_wrap .grade_3 .info_tb td,
.curri_wrap .grade_3 .detail_tb .course{background:#EDFFE9;}
.curri_wrap .grade_3 td.grade{background:#87CB77;}
.curri_wrap .grade_4 .info_tb td,
.curri_wrap .grade_4 .detail_tb .course{background:#CDF1ED;}
.curri_wrap .grade_4 td.grade{background:#04BFAD;}
.curri_wrap .grade_5 .info_tb td,
.curri_wrap .grade_5 .detail_tb .course{background:#C2EAEF;}
.curri_wrap .grade_5 td.grade{background:#0396A6;}
.curri_wrap .grade_6 .info_tb td,
.curri_wrap .grade_6 .detail_tb .course{background:#E1D9EB;}
.curri_wrap .grade_6 td.grade{background:#8161AA;}
.curri_wrap .info_tb.mo{display:none;}
.curri_wrap .info_tb td{color:#666;font-weight:600;line-height:1.5;text-align:left;}
.curri_wrap .detail{overflow-x:auto;margin-top:40px;}
.curri_wrap .detail_tb{white-space:nowrap;width:100%;}
.curri_wrap .detail_tb tr:nth-child(even) td{background:#F3F3F3;}
.curri_wrap .detail_tb th{width:7.1%;min-width:83px;}
.curri_wrap .detail_tb .course{width:159px;color:#333;font-weight:600;}
.curri_wrap .detail_tb .textbook{padding:30px 10px;}
.curri_wrap .detail_tb .book .thumb{width:136px;height:180px;overflow:hidden;margin:0 auto;}
.curri_wrap .detail_tb .book img{width:100%;height:100%;}
.curri_wrap .detail_tb .book .tit{font-size:18px;color:#666;margin:16px auto 0;max-width:220px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
.curri_wrap .detail_tb .book .book-icons{padding-top:20px;}
.curri_wrap .detail_tb .book .book-icons .bico{width:53px;height:53px;background-color:var(--white);}
.curri_wrap .detail_tb .book .book-icons .bico:hover{background-color:#558ed5;}
.curri_wrap .detail_tb .online .btn_online{display:block;width:228px;height:102px;background:url("/img/new/btn_bigbox.png?ver2") 0 0 / 100% 100% no-repeat;margin:0 auto;}

@media (min-width: 850px) and (max-width: 1000px){
.curri_wrap .subContents{margin:50px 0;}
}
@media (max-width:850px) {
	.price-wrap {  overflow: auto; }
	.price-wrap .price-box { width:710px; padding-left: 280px; box-sizing: border-box;}
	.txt-type1 { text-align: center; }
	.total-price { text-align: center; }
	.activate1 .box3 .inp-box .inp{width:12.5%;}
	.book-type1 .book-box .book-img{padding-right:15px;}
	.book-type1 .book-box .book-img img { width:120px; }
	.book-type1 .book-box .book-info .subj { font-size:18px; }
	.btn-box1 { text-align: center; }
	.activate1 .box1 a .icos p { width:100px; height: 100px; background-size:50px auto; }
	.activate1 .box1 a { margin-bottom: 20px;}
	.activate1 .box2 a { font-size:12px; }

	.program-books-wrap .program1 { text-align: center; }
	.program-books-wrap .program1 .fl { float:none; width:50%; display: inline-block; margin-bottom: 30px;}
	.program-books-wrap .program1 .fr { float:none; width:80%; display: inline-block;}
	.program-books-wrap .program1 .fr ul li { width:50%; }
	.program-books-wrap .program1 .book .book-icons { opacity:1; bottom:0;  }
	.program-books-wrap .program2 .list-box ul li { width:25%; }

.curri_wrap .select1{width:100%!important;}
.curri_wrap .subContents{max-width:100%;margin:30px 0;padding:0 10px;}
.curri_wrap .grade_list + .grade_list{margin-top:60px;}
.curri_wrap table th{height:28px;font-size:13px;}
.curri_wrap table td{font-size:14px;padding:15px 20px;}
.curri_wrap table th.grade, .curri_wrap table td.grade{min-width:51px;padding:0 6px;}
.curri_wrap .info_tb.pc{display:none;}
.curri_wrap .info_tb.mo{display:block;}
.curri_wrap .info_tb.mo .grade{width:100%;}
.curri_wrap .info_tb.mo th.grade{width:70px;min-width:70px;}
.curri_wrap .info_tb.mo td{text-align:left;padding:20px 12px;}
.curri_wrap .detail{width:calc(100% + 10px);margin-top:20px;}
.curri_wrap .detail_tb th{min-width:60px;}
.curri_wrap .detail_tb .course{width:85px!important;padding:0 6px;}
.curri_wrap .detail_tb .textbook{padding:15px 25px;}
.curri_wrap .detail_tb .book .thumb{width:68px;height:90px;}
.curri_wrap .detail_tb .book .tit{font-size:14px;margin-top:8px;}
.curri_wrap .detail_tb .book .book-icons{padding-top:8.5px;}
.curri_wrap .detail_tb .book .book-icons .bico{width:32px;height:32px;background-size:50% 50%;}
.curri_wrap .detail_tb .online .btn_online{width:138px;height:62px;}
}

@media (max-width:460px) {
	.bico { width:28px; height: 28px; background-size:18px auto; margin:0 1px }
	.program-books-wrap .program1 .fl { width:80%}
	.program-books-wrap .program1 .fr { width:90%}
	.program-books-wrap .program2 .list-box ul li { width:50%; }
}

.manage table td.td-seminar { text-align:left; padding:15px; height:auto; line-height:1.6; }
.manage table td.td-seminar:last-child a { display:inline; background:none; color:#222; }

.bookOrder{padding-top:15px;padding-left:84.5px;}

@media (max-width:460px) {
	.bookOrder{padding-top:0px;padding-left:20.5px;}
}
.mobile_only{display:none;}

@media (max-width:850px) {
	.mobile_only{display:block;}
}

@media (max-width:360px){
	.curri_wrap .h3 .col-right{float:right;}
}

/*::::: KINDERBOX :::::*/
.kinderbox .board{margin-top:60px;}
.kinderbox .search_box{display:flex;border:4px solid #EBEBEB;padding:22px 60px;}
.kinderbox .search_box .item{width:50%;display:flex;align-items:center;}
.kinderbox .search_box .item + .item{margin-left:20px;}
.kinderbox .search_box .item .tit{min-width:45px;}
.kinderbox .search_box .item .con{display:flex;width:100%;align-items:center;}
.kinderbox .search_box .item .con input{width:100%;}
.kinderbox .search_box .tit{font-size:16px;font-weight:bold;}
.kinderbox .search_box .date_box{position:relative;width:50%;}
.kinderbox .search_box .date_box .date{height:36px;border-radius:0;background:#F5F5F5 url("../img/common/icon_calendar.png?v2") 100% 0 / 36px 36px no-repeat;cursor:pointer;}
.kinderbox .search_box .date_box + i{display:inline-block;line-height:36px;width:10px;margin:0 12px;}
.kinderbox .search_box input{height:36px;border-radius:0;padding-left:10px;}
.kinderbox .search_box .btn-search{display:block;border-radius:0;width:100px;height:36px;line-height:36px;font-size:16px;font-weight:600;text-align:center;color:var(--white);background:#006CB8;text-indent:0;}
.kinderbox .search_box .btn-search span:before{content:"";display:inline-block;width:18px;height:18px;background:url("../img/common/icon_search_2.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 6px 0 0;}
.kinderbox .search_box ~ .board_list{margin-top:60px;}
.kinderbox .board_list tr td a{display:block;color:#666;}
.kinderbox .board_list tr td a:hover{color:#000;}
.kinderbox .board_list tr:hover td a{color:#000;}
.kinderbox .board_list tr:hover .btn-type1{color:#1f63c9;}
.kinderbox .board_list .btn-type1{color:#1f63c9;}
.kinderbox .board_list .btn-type1:hover{color:#1f63c9;}
.kinderbox .pagination{font-size:0;margin-top:40px;text-align:center;}
.kinderbox .pagination a{font-size:16px;color:#666;margin:0;line-height:36px;}
.kinderbox .pagination a + a{margin-left:20px;}
.kinderbox .pagination a.on{color:#1f63c9;}
.kinderbox .pagination .first,.kinderbox .pagination .last,
.kinderbox .pagination .prev,.kinderbox .pagination .next{display:inline-block;font-size:0;width:36px;height:36px;border-radius:50%;border:1px solid #ccc;line-height:0;margin:0;vertical-align:top;}
.kinderbox .pagination .first,.kinderbox .pagination .last{background:url("../img/common/icon_paging_prev_end.png") 50% 50% / 18px 15.4px no-repeat;}
.kinderbox .pagination .prev,.kinderbox .pagination .next{background:url("../img/common/icon_paging_prev.png") 50% 50% / 8.5px 15.4px no-repeat;}
.kinderbox .pagination .next, .kinderbox .pagination .last{transform:rotate(180deg);}
.kinderbox .pagination .prev{margin-left:10px;}
.kinderbox .pagination .next,.kinderbox .pagination .last{margin-right:10px;}
.kinderbox .pagination .next{margin-left:18px;}
.kinderbox .pagination .active{color:#1f63c9;}
#modalReport2 .contents{width:960px;}
#modalReport2 .modal-title{height:auto;line-height:1;border:0;font-size:24px;color:#1f63c9;}
#modalReport2 .modal-body{max-height:535px;overflow:auto;margin-top:30px;padding:0 50px 50px;}
#modalReport2 p{padding:18px 10px;text-align:center;line-height:1.4;font-size:20px;border:4px solid #EBEBEB;}
#modalReport2 .board_list tr td{padding:0 20px!important;}
#modalReport2 .board_list tr td:nth-child(2){text-align:left;}
@media screen and (max-width: 1200px){
.kinderbox .search_box{padding:22px 30px;}
.kinderbox .search_box input{font-size:14px;}
.kinderbox .search_box .item .tit{min-width:40px;font-size:14px;}
}
@media screen and (max-width: 768px){
.kinderbox .online.subContents.board{margin:20px 6px!important;}
.kinderbox .search_box{display:block;border-width:2px;padding:20px 16px;}
.kinderbox .search_box .item{width:100%;display:block;}
.kinderbox .search_box .item + .item{margin-left:0;margin-top:25px;}
.kinderbox .search_box .item .tit{font-size:16px;}
.kinderbox .search_box .item .con{margin-top:6px;}
.kinderbox .search_box .item input{margin:0;}
.kinderbox .search_box .btn-search{width:90px;margin:0;}
.kinderbox .search_box ~ .board_list{margin-top:40px;}
.kinderbox .table2 table thead th:nth-child(1){min-width:35px;}
.kinderbox .table2 table tr td:nth-child(1){padding:10px 5px!important;}
.kinderbox .board_list tr th{font-size:12px!important;}
.kinderbox .board_list tr td{font-size:12px!important;}
.kinderbox .board_list tr td:nth-child(3){min-width:110px;}
.kinderbox .board_list .btn-type1{font-size:12px!important;}
#modalReport2 .contents{width:100%;}
#modalReport2 .modal-title{font-size:18px;}
#modalReport2 .modal-body{max-height:calc(100vh - 100px);padding:0 16px 100px;}
#modalReport2 p{font-size:16px;border-width:2px;padding:12px 10px;}
#modalReport2 .table2{overflow-x:auto;white-space:nowrap;}
}

.kinderbox .myLeftGap{font-family:Pretendard;}
.kinderbox .myLeftGap .contents_wrap{max-width:1200px;width:100%;}
.kinderbox .k_main [class^='section']{text-align:center;padding:80px 0 100px;}
.kinderbox .k_main [class^='section'] .title{font-family:'GmarketSans';font-size:40px;font-weight:800;color:#191919;line-height:1.2;letter-spacing:-.15px;}
.kinderbox .k_main [class^='section'] .title + .sub_title{margin-top:16px;}
.kinderbox .k_main [class^='section'] .sub_title + .title{margin-top:16px;}
.kinderbox .k_main [class^='section'] .sub_title{font-size:24px;color:#333;line-height:1.4;}
.kinderbox .k_main [class^='section'] .sub_title strong{color:#E4253E; }
.kinderbox .k_main [class^='section'] .ta,
.kinderbox .k_main [class^='section'] .mo{display:none;}
.kinderbox .k_main [class^='section'] .pc{display:block;}
.kinderbox .k_main .list{display:flex;margin-top:30px;}
.kinderbox .k_main .list li{width:calc(33.333% - 20px);border-radius:42px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.16);}
.kinderbox .k_main .list li + li{margin-left:30px;}
.kinderbox .k_main .list li .thumb{position:relative;height:auto;padding-top:70%;}
.kinderbox .k_main .list li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;}
.kinderbox .k_main .list li .txt{font-family:Pretendard;font-size:22px;line-height:1.4;color:#191919;text-align:center;padding:20px 0 36px;}
.kinderbox .k_main .list li .txt strong{font-weight:400;color:#E4253E;}
.kinderbox .k_main .intro{position:relative;padding-top:82px;}
.kinderbox .k_main .intro img{width:100%;}
.kinderbox .k_main .intro .btn_box{position:absolute;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;background:#f2efe8;padding:0 40px;}
.kinderbox .k_main .intro .btn_box h1{font-family:'GmarketSans';font-size:28px;font-weight:600;}
.kinderbox .k_main .intro .btn_box h1:before{content:"";display:inline-block;width:13px;height:15px;background:url("/img/kinderbox/icon_heart.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:6px 5px 0 0;}
.kinderbox .k_main .intro .btn_box .btn{display:block;width:278px;height:52px;line-height:54px;font-family:'GmarketSans';font-size:20px;font-weight:500;color:var(--white);text-align:center;background:url("/img/kinderbox/bg_btn_intro.png") 0 0 / 100% 100% no-repeat;}
.kinderbox .k_main .intro .ta,
.kinderbox .k_main .intro .mo{display:none;}
.kinderbox .k_main .section2{background:#FFC331;}
.kinderbox .k_main .section2 .title img{margin:0 auto;}
.kinderbox .k_main .section2 .list{margin-top:40px;}
.kinderbox .k_main .section2 .list img{width:100%;}
.kinderbox .k_main .section3{padding:80px 0 100px;}
.kinderbox .k_main .section4{background:var(--white)9EA;}
.kinderbox .k_main .bigbox_list{display:flex;margin-top:30px;}
.kinderbox .k_main .bigbox_list li{width:calc(33.333% - 20px);overflow:hidden;}
.kinderbox .k_main .bigbox_list li + li{margin-left:30px;}
.kinderbox .k_main .bigbox_list li strong{font-weight:400;color:#E4253E;}
.kinderbox .k_main .bigbox_list li .thumb{padding:16px;border:1px solid #ddd;background:var(--white);box-shadow:0 -4px 8px rgba(48,53,55,.2) inset,0 6px 8px rgba(0,0,0,.06);border-radius:16px;}
.kinderbox .k_main .bigbox_list li .thumb img{width:100%;border-radius:4px;border:1px solid #DDD;}
.kinderbox .k_main .bigbox_list li .txt{font-size:22px;margin-top:20px;}

@media screen and (max-width: 1400px){
.kinderbox .myLeftGap .contents_wrap{padding:0 37px;}
}
@media screen and (max-width: 1024px){
.kinderbox .k_main [class^='section']{padding:60px 0;}
.kinderbox .k_main [class^='section'] .title{font-size:32px;}
.kinderbox .k_main [class^='section'] .title + .sub_title{margin-top:10px;}
.kinderbox .k_main [class^='section'] .sub_title{font-size:18px;}
.kinderbox .k_main [class^='section'] .pc{display:none;}
.kinderbox .k_main [class^='section'] .ta{display:block;}
.kinderbox .k_main .list{margin-top:38px;}
.kinderbox .k_main .list li{width:calc(100% - 10px);border-radius:26px;}
.kinderbox .k_main .list li + li{margin-left:15px;}
.kinderbox .k_main .list li .txt{font-size:16px;padding:10px 0 23px;}
.kinderbox .k_main .intro{background-size:100% 97.5%;padding-top:83px;}
.kinderbox .k_main .intro .contents_wrap{padding:0;}
.kinderbox .k_main .intro .pc{display:none;}
.kinderbox .k_main .intro .ta{display:block;}
.kinderbox .k_main .intro .btn_box{height:63px;}
.kinderbox .k_main .intro .btn_box .btn{width:258px;height:42px;line-height:44px;font-size:18px;}
.kinderbox .k_main .section2 .title{width:280px;margin:0 auto;}
.kinderbox .k_main .section2 .title img{width:100%;}
.kinderbox .k_main .section2 .list{margin-top:30px;}
.kinderbox .k_main .bigbox_list li{width:calc(33.333% - 10px);}
.kinderbox .k_main .bigbox_list li + li{margin-left:15px;}
.kinderbox .k_main .bigbox_list li .thumb{border-radius:8px;padding:10px 9px 9px;}
.kinderbox .k_main .bigbox_list li .txt{font-size:16px;margin-top:8px;}
.kinderbox .k_main .section5{padding:60px 0 100px;}
}
@media screen and (max-width: 767px){
.kinderbox .myLeftGap .contents_wrap{padding:0 16px;}
.kinderbox .k_main [class^='section'] .title{font-size:24px;}
.kinderbox .k_main [class^='section'] .title + .sub_title{margin-top:8px;}
.kinderbox .k_main [class^='section'] .sub_title{font-size:16px;}
.kinderbox .k_main [class^='section'] .ta{display:none;}
.kinderbox .k_main [class^='section'] .mo{display:block;}
.kinderbox .k_main .list{flex-direction:column;margin-top:30px;}
.kinderbox .k_main .list li{width:100%;border-radius:40px;}
.kinderbox .k_main .list li + li{margin:20px 0 0;}
.kinderbox .k_main .list li .txt{font-size:18px;padding:16px 0 32px;}
.kinderbox .k_main .intro{padding:0;background:transparent;}
.kinderbox .k_main .intro .ta{display:none;}
.kinderbox .k_main .intro .mo{display:block;width:100%;}
.kinderbox .k_main .intro .btn_box{display:none;}
.kinderbox .k_main .section2 .title{width:207px;}
.kinderbox .k_main .section2 .list{margin-top:20px;}
.kinderbox .k_main .section3 .title + .sub_title{margin-top:4px;}
.kinderbox .k_main .bigbox_list{flex-direction:column;}
.kinderbox .k_main .bigbox_list li{width:100%;}
.kinderbox .k_main .bigbox_list li + li{margin:30px 0 0;}
.kinderbox .k_main .bigbox_list li .thumb{border-radius:14px;padding:13px;}
.kinderbox .k_main .bigbox_list li .txt{font-size:18px;margin-top:10px;}
.kinderbox .k_main .section5 .list li .txt{padding:17px 0 28px;}
}
.kinderbox .tit_info .title{text-align:center;}
.kinderbox .tit_info .title span{display:inline-block;font-size:32px;font-weight:600;border-bottom:4px solid var(--main-color);padding:0 16px 8px;}
.kinderbox .tit_info .txt{font-size:24px;text-align:center;line-height:1.5;word-break:keep-all;padding:0 60px;margin-top:40px;}
.kinderbox .tit_info .txt strong{color:#E4253E;}
@media screen and (max-width: 1024px) {
.kinderbox .tit_info .title span{font-size:28px;}
.kinderbox .tit_info .txt{font-size:22px;padding:0 50px;margin-top:30px;}
}
@media screen and (max-width: 767px) {
.kinderbox .tit_info .title span{font-size:24px;padding:0 10px 8px;}
.kinderbox .tit_info .txt{font-size:16px;padding:0;margin-top:40px;}
}
/*=============================
	학습 과정 구성
===============================*/
.kinderbox .learning_course{font-family:'Roboto',Pretendard;padding:60px 0 100px;}
.kinderbox .learning_course .mo{display:none;}
.kinderbox .learning_course .course{overflow-x:auto;margin-top:45px;padding-top:15px;}
.kinderbox .learning_course .course table{width:100%;border-spacing:0;border-collapse:collapse;}
.kinderbox .learning_course .course table th,
.kinderbox .learning_course .course table td{text-align:center;letter-spacing:-.5px;border:1px solid #ccc;background:var(--white);padding:15px 0;}
.kinderbox .learning_course .course table td{font-size:14px;color:#191919;line-height:1.5;}
.kinderbox .learning_course .course table .type{display:inline-block;width:auto;height:24px;line-height:26px;font-size:14px;font-weight:600;color:var(--white);border-radius:12px;padding:0 16px;margin-bottom:6px;}
.kinderbox .learning_course .course table .starter .type{background:#0A87C9;}
.kinderbox .learning_course .course table .level1 .type{background:#FEB51E;}
.kinderbox .learning_course .course table .level2 .type{background:#19AD8D;}
.kinderbox .learning_course .course table .level3 .type{background:#DC4734;}
.kinderbox .learning_course .course table .level4 .type{background:#5C449D;}
.kinderbox .learning_course .course table strong{display:block;font-weight:400;}
.kinderbox .learning_course .course table .starter strong{color:#0A87C9;}
.kinderbox .learning_course .course table .level1 strong{color:#FEB51E;}
.kinderbox .learning_course .course table .level2 strong{color:#19AD8D;}
.kinderbox .learning_course .course table .level3 strong{color:#DC4734;}
.kinderbox .learning_course .course table .level4 strong{color:#5C449D;}
.kinderbox .learning_course .course table span{display:block;}
/*
.kinderbox .learning_course .course table .tooltip{position:absolute;top:-15px;left:45px;display:inline-block;width:auto;min-width:100px;height:24px;line-height:24px;font-size:14px;text-align:center;background:#0A87C9;border-radius:12px;padding:0 15px;}
.kinderbox .learning_course .course table .tooltip:after{content:"";position:absolute;border-style:solid;border-width:0 7px 7px 8px;border-color:#0A87C9 transparent;display:block;width:0;z-index:0;bottom:-2px;left:18px;transform:rotate(45deg);}
*/
.kinderbox .learning_course .course table thead th{height:96px;font-size:16px;color:var(--white);background:#333;}
.kinderbox .learning_course .course table thead th:nth-child(1){min-width:111px;}
.kinderbox .learning_course .course table thead th:nth-child(2){min-width:113px;}
.kinderbox .learning_course .course table thead th:nth-child(3){min-width:192px;}
.kinderbox .learning_course .course table thead th:nth-child(4){min-width:192px;}
.kinderbox .learning_course .course table thead th:nth-child(5){min-width:192px;}
.kinderbox .learning_course .course table thead th:nth-child(6){min-width:192px;}
.kinderbox .learning_course .course table thead th:nth-child(7){min-width:192px;}
.kinderbox .learning_course .course table thead th strong{font-size:20px;}
.kinderbox .learning_course .course table thead th span{display:block;font-size:14px;line-height:1.4;color:#191919;font-weight:500;margin-top:6px;}
.kinderbox .learning_course .course table thead .starter{position:relative;background:#ACD7F1;}
.kinderbox .learning_course .course table thead .starter strong{color:#0A87C9;}
.kinderbox .learning_course .course table thead .level1{background:#FFDF61;}
.kinderbox .learning_course .course table thead .level1 strong{color:#C88700;}
.kinderbox .learning_course .course table thead .level2{background:#6ECFC0;}
.kinderbox .learning_course .course table thead .level2 strong{color:#007261;}
.kinderbox .learning_course .course table thead .level3{background:#F68756;}
.kinderbox .learning_course .course table thead .level3 strong{color:#982E00;}
.kinderbox .learning_course .course table thead .level4{background:#A076BE;}
.kinderbox .learning_course .course table thead .level4 strong{color:#420071;}
.kinderbox .learning_course .course table tbody tr:nth-child(3){border-bottom:4px solid #81E1F5;}
.kinderbox .learning_course .course table tbody tr:nth-child(6){border-bottom:4px solid #0A87C9;}
.kinderbox .learning_course .course table tbody tr:nth-child(9){border-bottom:4px solid #FFDF61;}
.kinderbox .learning_course .course table tbody tr:nth-child(12){border-bottom:4px solid #FEB51E;}
.kinderbox .learning_course .course table tbody tr:nth-child(15){border-bottom:4px solid #6ECFC0;}
.kinderbox .learning_course .course table tbody tr:nth-child(18){border-bottom:4px solid #19AD8D;}
.kinderbox .learning_course .course table tbody tr:nth-child(21){border-bottom:4px solid #F68756;}
.kinderbox .learning_course .course table tbody tr:nth-child(24){border-bottom:4px solid #DC4734;}
.kinderbox .learning_course .course table tbody tr:nth-child(27){border-bottom:4px solid #A076BE;}
.kinderbox .learning_course .course table tbody tr:nth-child(30){border-bottom:4px solid #5C449D;}
.kinderbox .learning_course .course table tbody tr:nth-child(33){border-bottom:4px solid #666666;}
.kinderbox .learning_course .course table tbody tr:nth-child(36){border-bottom:4px solid #333333;}
.kinderbox .learning_course .course table tbody .item th:first-child{font-family:Pretendard;font-size:20px;line-height:1.4;}
.kinderbox .learning_course .course table tbody th{font-size:14px;background:#DDD;}
.kinderbox .learning_course .course table tbody .week{font-family:Pretendard;background:#F5F5F5;}
.kinderbox .learning_course .course table tbody tr:nth-child(3n) td,
.kinderbox .learning_course .course table tbody tr:nth-child(3n-1) td{background:#F5F5F5;}
.kinderbox .learning_course .desc{font-size:16px;color:#E4253E;text-align:center;margin-top:24px;}
@media screen and (max-width: 1024px) {
.kinderbox .learning_course{padding:41px 0 100px;}
.kinderbox .learning_course .contents_wrap{padding:0 31px;}
.kinderbox .learning_course .desc{text-align:right;margin-top:20px;}
.kinderbox .learning_course .course{margin-top:65px;}
}
@media screen and (max-width: 767px) {
.kinderbox .learning_course{padding-bottom:80px;}
.kinderbox .learning_course .pc{display:none;}
.kinderbox .learning_course .mo{display:block;}
.kinderbox .learning_course .course{margin-top:40px;}
.kinderbox .learning_course .desc{font-size:12px;line-height:1.5;text-align:center;margin-top:12px;}
}


/*=============================
	교재 및 학습 구성
===============================*/
.kinderbox .book_learning{padding-top:60px;}
.kinderbox .book_learning article{text-align:center;padding:60px 0 100px;}
.kinderbox .book_learning article:nth-child(even){background:#F5F5F5;}
.kinderbox .book_learning article img{width:100%;}
.kinderbox .book_learning .sub_tit{font-family:Pretendard;font-size:24px;color:#666;}
.kinderbox .book_learning .tit{position:relative;display:inline-block;font-size:40px;font-weight:800;margin-top:20px;z-index:1;padding:0 8px;}
.kinderbox .book_learning .tit:after{position:absolute;bottom:8px;left:0;content:"";display:block;width:100%;height:8px;background:#0EA2C7;z-index:-1;}
.kinderbox .book_learning .section1{margin-top:40px;}
.kinderbox .book_learning .section2 .tit:after{background:#FEB51E;}
.kinderbox .book_learning .section3 .tit:after{background:#19AD8D;}
.kinderbox .book_learning .section4 .tit:after{background:#DC4734;}
.kinderbox .book_learning .section5 .tit:after{background:#5C449D;}
.kinderbox .book_learning .detail{margin-top:40px;}
.kinderbox .book_learning .ta, .book_learning .mo{display:none;}
@media screen and (max-width: 1024px) {
.kinderbox .book_learning{padding-top:40px;}
.kinderbox .book_learning article{padding:30px 0 60px;}
.kinderbox .book_learning .sub_tit{font-size:14px;}
.kinderbox .book_learning .tit{font-size:28px;margin-top:12px;}
.kinderbox .book_learning .tit:after{bottom:4px;height:6px;}
.kinderbox .book_learning .section1{margin-top:30px;}
.kinderbox .book_learning .pc{display:none;}
.kinderbox .book_learning .ta{display:block;}
.kinderbox .book_learning .detail{margin-top:30px;}
}
@media screen and (max-width: 767px) {
.kinderbox .book_learning .sub_tit{font-size:12px;}
.kinderbox .book_learning .tit{font-size:18px;margin-top:3px;padding:0 3px;}
.kinderbox .book_learning .tit:after{bottom:4px;height:4px;}
.kinderbox .book_learning .detail{margin-top:10px;}
.kinderbox .book_learning .section1{margin-top:40px;}
.kinderbox .book_learning .ta{display:none;}
.kinderbox .book_learning .mo{display:block;}
}

.kinderbox .btn_class{position:absolute;top:-8px;right:0;display:block;height:42px;line-height:42px;font-size:16px;font-weight:600;color:var(--white);background:#1f63c9;border-radius:6px;padding:0 20px;}
.kinderbox .btn_class .txt{vertical-align:top;line-height:1;padding:0;}
.kinderbox .btn_class .txt:before{content:"";display:inline-block;width:106px;height:24px;background:url("/img/kinderbox/logo_w.png") 0 0 / 100% 100% no-repeat;vertical-align:bottom;margin:7px 7px 0 0;}
.kinderbox .btn_class:hover{color:var(--white);}
.kinderbox .contact_wrap{min-height:auto;}
.kinderbox .contact{padding:90px 0;}
.kinderbox .contact .info{position:relative;width:680px;min-height:430px;text-align:center;border:3px solid #eee;background:var(--white);box-sizing:border-box;padding:90px 0 70px;margin:0 auto;}
.kinderbox .contact .info:after{position:absolute;top:-53px;left:calc(50% - 59px);content:"";display:block;width:118px;height:118px;}
.kinderbox .contact .info.info:after{background:url("/img/kinderbox/icon_contact_info.png") 0 0 / 100% 100% no-repeat;}
.kinderbox .contact .info .tit{font-size:36px;font-weight:600;margin-bottom:50px;}
.kinderbox .contact .info dt{font-size:28px;font-weight:600;color:#777;}
.kinderbox .contact .info dt:nth-of-type(2){margin-top:50px;}
.kinderbox .contact .info dd a{font-size:32px;font-weight:600;color:#e4253e;}
@media screen and (max-width: 1000px){
.kinderbox .contact{padding:120px 0 ;}
.kinderbox .contact .info{min-height:370px;}
.kinderbox .contact .info:after{width:98px;height:98px;top:-49px;left:calc(50% - 49px);}
.kinderbox .contact .info .tit{font-size:28px;margin-bottom:40px;}
.kinderbox .contact .info dt{font-size:20px;}
.kinderbox .contact .info dd a{font-size:22px;}
}
@media screen and (max-width: 767px){
.kinderbox .h3.mobile-fixed{padding-top:30px;}
.kinderbox .btn_class{top:-18px;height:50px;text-align:center;font-size:14px;padding:5px 15px;box-sizing:border-box;}
.kinderbox .btn_class .txt:before{display:block;width:88px;height:20px;background-image:url("/img/kinderbox/logo_w_m.png");margin:0 0 5px 0;}
.kinderbox .contact .info{width:100%;height:auto;min-height:auto;padding:45px 0 35px;}
.kinderbox .contact .info:after{top:-26px;left:calc(50% - 29.5px);width:59px;height:59px;}
.kinderbox .contact .info .tit{font-size:18px;margin-bottom:26px;}
.kinderbox .contact .info dt{font-size:14px;}
.kinderbox .contact .info dt:nth-of-type(2){margin-top:24px;}
.kinderbox .contact .info dd{margin-top:5px;}
.kinderbox .contact .info dd a{font-size:16px;}
}



/*교사용 수업화면*/
.kb_teacher{position:relative;width:100%;height:100vh;font-family:'yg-jalnan';background:url("/img/kinderbox/bg_teacher_class.jpg") 50% 0 / cover no-repeat;overflow-x:auto;}
.kb_teacher.mo{display:block;}
.kb_teacher .level_top{min-width:1920px;position:relative;}
.kb_teacher .level_top:after{content:"";display:block;clear:both;}
.kb_teacher .info{position:absolute;top:40px;left:0;}
.kb_teacher .info .logo{padding-left:40px;}
.kb_teacher .info .logo img{width:251px;text-align:center;}
.kb_teacher .info .tit{width:340px;height:72px;line-height:72px;font-size:32px;text-align:center;color:var(--white);background:#e4253e;border-top-right-radius:36px;border-bottom-right-radius:36px;margin-top:12px;}
.kb_teacher .menu{display:flex;justify-content:center;align-items:center;padding-top:70px;}
.kb_teacher .menu:after{content:"";display:block;clear:both;}
.kb_teacher .menu li{position:relative;width:140px;height:120px;text-align:center;background:url("/img/kinderbox/bg_menu.png") 0 0 / 100% 100% no-repeat;margin-right:30px;}
.kb_teacher .menu li:after{position:absolute;bottom:0;right:0;content:"";display:block;width:40px;height:40px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;}
.kb_teacher .menu li a{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--white);}
.kb_teacher .menu li span{display:block;font-size:20px;line-height:1;}
.kb_teacher .menu li strong{font-size:45px;line-height:1;margin-top:10px;}
.kb_teacher .menu li .starter{width:48px;height:45px;background:url("/img/kinderbox/icon_starter.png") 0 0 / 100% 100% no-repeat;}
.kb_teacher .menu li.complete{background-image:url("/img/kinderbox/bg_menu_complete.png");}
.kb_teacher .menu li.complete a{color:#524a49;}
.kb_teacher .menu li.complete:after{background-image:url("/img/kinderbox/icon_menu_complete.png");}
.kb_teacher .menu li.inprogress{background-image:url("/img/kinderbox/bg_menu_inprogress.png?v2");}
.kb_teacher .menu li.inprogress:after{background-image:url("/img/kinderbox/icon_menu_inprogress.png");}
.kb_teacher .menu li.disabled{background-image:url("/img/kinderbox/bg_menu_disabled.png?v2");}
.kb_teacher .menu li.disabled:after{background-image:url("/img/kinderbox/icon_menu_disabled.png");}
.kb_teacher .menu li.disabled .starter{background-image:url("/img/kinderbox/icon_starter_disabeld.png");}

.kb_teacher .monthly_book{width:1920px;height:801px;background:url("/img/kinderbox/bg_monthly.png?v2") 50% 50% / 100% 100% no-repeat;margin:15px auto 0;}
.kb_teacher .monthly_book .tit{height:130px;font-family:'yg-jalnan';text-align:center;font-size:40px;color:var(--white);line-height:1;padding-top:74px;box-sizing:border-box;}
.kb_teacher .monthly{padding:60px 308px 155px;}
.kb_teacher .monthly .book_list:after{content:"";display:block;clear:both;}
.kb_teacher .monthly .book_list .item{position:relative;float:left;display:block;width:calc(25% - 15px);height:140px;border:2px solid #ddd;border-radius:16px;background:var(--white);margin-right:20px;box-sizing:border-box;padding:25px 40px;}
/*최근수업 튤팁*/
.kb_teacher .monthly .book_list .item.inprogress .tooltip-new{position:absolute;top:-40px;right:0;width:160px;height:68px;background: url("/img/kinderbox/icon_lately.png") 0 0 / 100% 100% no-repeat;z-index: 1;}
.kb_teacher .class_popup .list .item li .tooltip-new2{position:absolute;top:-35px;right:-35px;width:110px;height:47px;background: url("/img/kinderbox/icon_lately.png") 0 0 / 100% 100% no-repeat;z-index: 1;}
.kb_teacher .class_popup .list .item li.lock:after{content:"";display:block;position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;background:url("/img/kinderbox/icon_lock.png") 0 0 / 100% 100% no-repeat;}
@media screen and (max-width:1399px){
.kb_teacher .monthly .book_list .item.inprogress .tooltip-new{width:120px;height:51px;top:-30px;}
.kb_teacher .class_popup .list .item li .tooltip-new2 {width:100px;height:42px;}
.kb_teacher .class_popup .list .item li.lock:after{width:30px;height:30px;}
}
@media screen and (max-width:1024px){
.kb_teacher .monthly .book_list .item.inprogress .tooltip-new{top:-25px;width:100px;height:42px;}
}
@media screen and (max-width:899px){
.kb_teacher .monthly .book_list .item.inprogress .tooltip-new{top:-15px;width:60px;height:25px;}
.kb_teacher .class_popup .list .item li .tooltip-new2{top:-20px;right:-20px;width:60px;height:25px;}
}
.kb_teacher .monthly .book_list .item:nth-child(4n){margin-right:0;}
.kb_teacher .monthly .book_list .item:nth-child(n+5){margin-top:20px;}
.kb_teacher .monthly .book_list .item.disabled{background:#ddd;}
.kb_teacher .monthly .book_list .item .icon{float:left;display:block;width:88px;height:88px;border-radius:50%;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;}
.kb_teacher .monthly .book_list .item.disabled .icon{background-image:url("/img/kinderbox/icon_month_disabled.png");}
.kb_teacher .monthly .book_list .item.inprogress .icon{background-image:url("/img/kinderbox/icon_month_inprogress.png");}
.kb_teacher .monthly .book_list .item.inprogress .txt{color:#e4253e;}
.kb_teacher .monthly .book_list .item.incomplete .icon{background-image:url("/img/kinderbox/icon_month_incomplete.png");}
.kb_teacher .monthly .book_list .item.complete:nth-child(1) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(4) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(7) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(10) .icon{background-image:url("/img/kinderbox/icon_month_complete_1.png");}
.kb_teacher .monthly .book_list .item.complete:nth-child(2) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(5) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(8) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(11) .icon{background-image:url("/img/kinderbox/icon_month_complete_2.png");}
.kb_teacher .monthly .book_list .item.complete:nth-child(3) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(6) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(9) .icon,
.kb_teacher .monthly .book_list .item.complete:nth-child(12) .icon{background-image:url("/img/kinderbox/icon_month_complete_3.png");}
.kb_teacher .monthly .book_list .item .txt{float:right;color:#524a49;line-height:1;font-size:0;margin-top:12px;}
.kb_teacher .monthly .book_list .item .txt .num{display:inline-block;font-family:'yg-jalnan';font-size:64px}
.kb_teacher .monthly .book_list .item .txt span{display:inline-block;font-size:40px;vertical-align:super;}
.kb_teacher .monthly .book_list .item .txt.special{text-align:center;margin:0 !important;}
.kb_teacher .monthly .book_list .item .txt.special span{font-size:28px;display:block;text-align:right;margin-bottom:5px;}
.kb_teacher .monthly .book_list .item .txt.special .num{text-align:center;}
.kb_teacher .btn_close{position:absolute;top:40px;right:30px;display:block;width:64px;height:64px;border-radius:50%;background:#524a49 url("/img/kinderbox/icon_close.png") 50% 50% / 32px 32px no-repeat;}

/*팝업*/
.kb_teacher .class_popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:90;overflow:auto;}
.kb_teacher .class_popup.on{display:block;}
.kb_teacher .class_popup .contents{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1760px;height:860px;font-family:'NanumGothic';color:var(--white);background:#121212;padding:20px;z-index:100;box-sizing:border-box;}
.kb_teacher .class_popup .contents.on{display:block;}
.kb_teacher .class_popup .top_box{/*padding:0 35px 0 40px;*/padding:0 10px;}
.kb_teacher .class_popup .top_box:after{content:"";display:block;clear:both;}
.kb_teacher .class_popup .left{float:left;margin-top:7px;}
.kb_teacher .class_popup .right{float:right;font-size:0;}
.kb_teacher .class_popup .right .btn_close_popup{display:inline-block;width:42px;height:42px;background:url("/img/kinderbox/icon_close_popup.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:6px;margin-left:30px;}
.kb_teacher .class_popup .list_class .right .btn_error{display:inline-block;vertical-align:top;}
.kb_teacher .class_popup .navi_btn{display:inline-block;}
.kb_teacher .class_popup .con_box{background:var(--white);border-radius:24px;margin-top:15px;overflow:hidden;}
.kb_teacher .class_popup .list_item_box{padding:30px 90px 45px;}
.kb_teacher .class_popup .list{border-radius:32px;/*overflow:hidden;*/}
.kb_teacher .class_popup .list.week1{background:#feedc5;}
.kb_teacher .class_popup .list.week1 .tit{color:#9a7928;background:#fddc8c;}
.kb_teacher .class_popup .list.week1 .item li{background:#c5ab6b;}
.kb_teacher .class_popup .list.week1 .item li.on{border-color:#c5ab6b;}
.kb_teacher .class_popup .list.week1 .item li.on a{color:#9a7928;}
.kb_teacher .class_popup .list.week2{background:#fbdce0;}
.kb_teacher .class_popup .list.week2 .tit{color:#ae5762;background:#f9cbd1;}
.kb_teacher .class_popup .list.week2 .item li{background:#cd8c94;}
.kb_teacher .class_popup .list.week2 .item li.on{border-color:#cd8c94;}
.kb_teacher .class_popup .list.week2 .item li.on a{color:#ae5762;}
.kb_teacher .class_popup .list.week3{background:#e9d8f1;}
.kb_teacher .class_popup .list.week3 .tit{color:#9170a1;background:#d6c2e0;}
.kb_teacher .class_popup .list.week3 .item li{background:#ae8cbf;}
.kb_teacher .class_popup .list.week3 .item li.on{border-color:#ae8cbf;}
.kb_teacher .class_popup .list.week3 .item li.on a{color:#9170a1;}
.kb_teacher .class_popup .list.week4{background:#cfebed;}
.kb_teacher .class_popup .list.week4 .tit{color:#3a9c93;background:#81d7cf;}
.kb_teacher .class_popup .list.week4 .item li{background:#84c3c0;}
.kb_teacher .class_popup .list.week4 .item li.on{border-color:#84c3c0;}
.kb_teacher .class_popup .list.week4 .item li.on a{color:#3a9c93;}
.kb_teacher .class_popup .list.all{background:#eee;}
.kb_teacher .class_popup .list.all .tit{font-size:36px;color:#121212;}
.kb_teacher .class_popup .list.all .tit span:after{content:"";display:inline-block;width:19px;height:25px;background:url("/img/kinderbox/icon_arrow_all.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:8px;margin-left:20px;}
.kb_teacher .class_popup .list.all .item li{background:var(--white);}
.kb_teacher .class_popup .list.all .item li.on{border-color:#333;}
.kb_teacher .class_popup .list.all .item li.on a{color:#333;}
.kb_teacher .class_popup .list.all .item li a{color:#999;}
.kb_teacher .class_popup .list{display:table;width:100%;}
.kb_teacher .class_popup .list .tit{display:table-cell;width:230px;font-size:32px;font-weight:600;text-align:center;vertical-align:middle;border-radius:32px 0 0 32px;}
.kb_teacher .class_popup .list .item{display:table-cell;width:calc(100% - 230px);padding:20px 40px;box-sizing:border-box;font-size:0;}
.kb_teacher .class_popup .list .item li{position:relative;display:inline-block;min-width:200px;height:64px;line-height:54px;border-radius:32px;text-align:center;margin-right:27px;border:4px solid transparent;box-sizing:border-box;}
.kb_teacher .class_popup .list .item li a{display:block;width:100%;height:100%;font-size:32px;font-weight:600;color:var(--white);padding:0 30px;box-sizing:border-box;}
.kb_teacher .class_popup .list .item li.on{background:var(--white);}
.kb_teacher .class_popup .list .item li.select{background:#000 url("/img/kinderbox/icon_complete.png") 30px 50% / 33px 27px no-repeat;}
.kb_teacher .class_popup .list .item li.select a{padding-left:70px;}
.kb_teacher .class_popup .list_item_box .list + .list{margin-top:20px;}
.kb_teacher .class_popup .all_box{background:#eee;padding:20px 90px;}
.kb_teacher .class_popup .all_box .list .tit{border-radius:32px;}
.kb_teacher .class_popup .all_box .tit{border-radius:32px;background:url("/img/kinderbox/bg_all_btn.png") 0 0 / 100% 100% no-repeat;}
.kb_teacher .class_popup .all_box .item{padding:0 0 0 40px;}
.kb_teacher .class_popup .all_box .item li{margin:10px 27px 10px 0;}
.kb_teacher .class_popup .list_class .navi .tit{display:inline-block;font-size:40px;line-height:1;width:auto;vertical-align:top;/*margin:0 45px;*/}
.kb_teacher .class_popup .list_class .navi .btn{display:inline-block;width:40px;height:40px;background-position:50% 50%;background-size:38px 22px;background-repeat:no-repeat;}
.kb_teacher .class_popup .list_class .navi .btn.prev{background-image:url("/img/kinderbox/icon_arrow_left.png");}
.kb_teacher .class_popup .list_class .navi .btn.next{background-image:url("/img/kinderbox/icon_arrow_right.png");}
.kb_teacher .class_popup .list_class .navi_btn .btn{display:inline-block;min-width:268px;height:50px;line-height:1;font-family:'yg-jalnan';font-size:24px;text-align:center;color:var(--white);background:url("/img/kinderbox/bg_navi_btn.png") 0 0 / 100% 100% no-repeat;padding:13px 15px 0;box-sizing: border-box;}
.kb_teacher .class_popup .list_class .navi_btn .btn i{color:#fdcb5b;}
.kb_teacher .class_popup .list_class .navi_btn .btn + .btn{margin-left:10px;}
.kb_teacher .class_popup .video_class{height:auto;}
.kb_teacher .class_popup .video_class .left{margin-top:7px;}
.kb_teacher .class_popup .video_class span{display:inline-block;font-size:32px;line-height:1;font-weight:600;}
.kb_teacher .class_popup .video_class span:nth-child(n+2):before{content:"";display:inline-block;width:12px;height:16px;background:url("/img/kinderbox/icon_location.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 15px 0;}
.kb_teacher .class_popup .video_class .time{display:inline-block;width:178px;height:50px;text-align:center;background:#999;border-radius:25px;}
.kb_teacher .class_popup .video_class .time span{display:inline-block;font-size:24px;line-height:50px;}
.kb_teacher .class_popup .video_class .time span:before{content:"";display:inline-block;width:38px;height:38px;background:url("/img/kinderbox/icon_time.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:5px 20px 0 0;}
.kb_teacher .class_popup .video_class .con_box{padding:30px 90px;}
.kb_teacher .class_popup .video_class .list{table-layout:fixed;}
.kb_teacher .class_popup .video_class .list .tit{box-sizing:border-box;padding-left:20px;}
.kb_teacher .class_popup .video_class .list .tit a{display:inline-block;width:192px;height:64px;background:url("/img/kinderbox/bg_video_all_btn.png") 0 0 / 100% 100% no-repeat;}
.kb_teacher .class_popup .video_class .list .tit span{display:inline-block;font-size:32px;line-height:60px;font-weight:600;color:#121212;}
.kb_teacher .class_popup .video_class .list .tit span:after{margin-top:18px;margin-left:20px;}
.kb_teacher .class_popup .video_class .list .item{position: relative;overflow: hidden;padding:20px 65px;}
.kb_teacher .class_popup .video_class .mySwiper{overflow:hidden;}
.kb_teacher .class_popup .video_class .video_thumb{width:100%;}
.kb_teacher .class_popup .video_class .video_thumb .swiper-slide{min-width:200px;width:auto;height:64px;line-height:54px;font-size:32px;font-weight:600;color:#999;background:var(--white);border:4px solid transparent;border-radius:32px;text-align:center;box-sizing:border-box;padding:0 30px;cursor:pointer;}
.kb_teacher .class_popup .video_class .video_thumb .swiper-slide-thumb-active{color:#333;border-color:#333;}
.kb_teacher .class_popup .video_class .video_thumb.hidden .swiper-slide-thumb-active{color:#999;border-color:transparent;}
.kb_teacher .class_popup .video_class .video_con_box{position:relative;}
.kb_teacher .class_popup .video_class .video_con{display:none;text-align:center;margin-top:30px;}
.kb_teacher .class_popup .video_class .video_con.on{display:block;}
.kb_teacher .class_popup .video_class .video_con .swiper-slide{font-size:32px;color:#000;}
.kb_teacher .class_popup .video_class .video_con .swiper-slide.swiper-slide-active{font-size:32px;color:red;}
.kb_teacher .class_popup .video_class .video_con .swiper-slide.swiper-slide-thumb-active{font-size:32px;color:red;}
.kb_teacher .class_popup .video_class .video_box{width: 100%;margin: 0 auto;}
.kb_teacher .class_popup .video_class .video{position: relative;width: 100%;height: auto;padding-top: 56.25%;}
.kb_teacher .class_popup .video_class .video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.kb_teacher .class_popup .swiper-button-next.swiper-button-disabled, .kb_teacher .class_popup .swiper-button-prev.swiper-button-disabled{opacity:1!important;}
.kb_teacher .class_popup .swiper-button-prev,
.kb_teacher .class_popup .swiper-button-next{top:calc(50% - 17.5px)!important;width:22px!important;height:35px!important;margin:0 !important;color:transparent!important;background:url("/img/kinderbox/icon_arrow_slide.png") 50% 50% / 100% 100% no-repeat !important;}
.kb_teacher .class_popup .swiper-button-prev{left:20px!important;}
.kb_teacher .class_popup .swiper-button-next{right:20px!important;transform:rotate(180deg);}
.kb_teacher .class_popup .swiper-notification{display:none!important;}
/* 230303 반복재생 추가 */
.kb_teacher .class_popup #loopArea{position:absolute;top:0;left:80%;z-index:10;}
.kb_teacher .class_popup #loopArea .btnLoop{width:80px;height:70px;border:0;font-size:0;border-radius:14px;overflow:hidden;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;margin-bottom:10px;}
.kb_teacher .class_popup #loopArea .btnLoop[value="2"]{background-image:url("/img/kinderbox/loop_2.png?v2");}
.kb_teacher .class_popup #loopArea .btnLoop[value="3"]{background-image:url("/img/kinderbox/loop_3.png?v2");}
.kb_teacher .class_popup #loopArea .btnLoop[value="4"]{background-image:url("/img/kinderbox/loop_4.png?v2");}
.kb_teacher .class_popup #loopArea .btnLoop[value="5"]{background-image:url("/img/kinderbox/loop_5.png?v2");}
.kb_teacher .class_popup #loopArea .btnLoop[value="2"].on{background-image:url("/img/kinderbox/loop_2_on.png");}
.kb_teacher .class_popup #loopArea .btnLoop[value="3"].on{background-image:url("/img/kinderbox/loop_3_on.png");}
.kb_teacher .class_popup #loopArea .btnLoop[value="4"].on{background-image:url("/img/kinderbox/loop_4_on.png");}
.kb_teacher .class_popup #loopArea .btnLoop[value="5"].on{background-image:url("/img/kinderbox/loop_5_on.png");}

.kb_teacher .guide{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background:#DDC1AC;z-index:1;}
.kb_teacher .guide.on{display:block;}
.kb_teacher .guide img{max-width:100%;width:auto;height:100%;}
.kb_teacher .guide .mo{display:none;}
.kb_teacher .guide .check{position:absolute;top:30px;left:45px;}
.kb_teacher .guide .check label{display:inline-block;line-height:60px;font-size:40px;color:#000;font-weight:300;cursor:pointer;}
.kb_teacher .guide .check input[type='checkbox']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.kb_teacher .guide .check input[type='checkbox'] + label:before{content:"";display:inline-block;width:60px;height:60px;background:var(--white);box-sizing:border-box;vertical-align:middle;margin-right:15px;}
.kb_teacher .guide .check input[type='checkbox']:checked + label:before{background:var(--white) url("/img/kinderbox/icon_check.png") 50% 50% / 46px 38px no-repeat;}
.kb_teacher .guide .btn_guide_close{position:absolute;top:40px;right:40px;}
.kb_teacher .guide .btn_guide_close:hover{color:#000;}
.kb_teacher .guide .btn_guide_close span{font-size:40px;}
.kb_teacher .guide .btn_guide_close span:before{content:"";display:inline-block;width:64px;height:64px;border-radius:50%;background:#e4253e url("/img/kinderbox/icon_close.png") 50% 50% / 32px 32px no-repeat;vertical-align:top;margin-right:15px;}
.kb_teacher .class_popup .right .btn_error{margin-right:10px;}
.kb_teacher .class_popup .right .btn_error img{vertical-align:top;}
.kb_teacher .error_popup{display:none;position:fixed;top:50%;left:50%;width:737px;height:80%;z-index:1000;overflow-y:auto;transform:translate(-50%,-50%);}
.kb_teacher .error_popup img{width:100%;}
.kb_teacher .error_popup.on{display:block;}
@media screen and (min-width:320px) and (max-width:1399px) and (orientation:portrait) {
.kb_teacher.mo:after{position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url("/img/kinderbox/mobile_portrait.jpg") 0 0 / 100% 100% no-repeat;z-index:10}
}
@media screen and (min-width: 1024px) and (orientation: portrait){
.kb_teacher:after{position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url("/img/kinderbox/mobile_portrait.jpg") 0 0 / 100% 100% no-repeat;}
}
@media screen and (max-height: 860px){
.kb_teacher:not(.mo) .class_popup .contents{top:0;transform:translate(-50%, 0);}
}
@media screen and (max-width: 1760px){
.kb_teacher:not(.mo) .class_popup .contents:not(.video_class){top:0;left:0;width:100%;height:auto;transform:translate(0,0);}
.kb_teacher:not(.mo) .class_popup .list .item li{margin:5px 20px 5px 0;}
}
@media screen and (max-width:1399px){
.kb_teacher .level_top{width:100%;min-width:1440px;}
.kb_teacher .info .logo{padding-left:26px;}
.kb_teacher .info .logo img{width:167px;}
.kb_teacher .info .tit{width:220px;height:48px;line-height:48px;font-size:22px;margin-top:8px;}
.kb_teacher .menu{padding-top:55px;}
.kb_teacher .menu li{width:120px;height:102px;margin-right:20px;}
.kb_teacher .menu li span{font-size:18px;}
.kb_teacher .menu li strong{font-size:40px;margin-top:8px;}
.kb_teacher .monthly_book{width:1440px;max-width:1440px;height:540px;margin:12px auto 0;}
.kb_teacher .monthly_book .tit{height:90px;font-size:26px;padding-top:50px;}
.kb_teacher .monthly{padding:40px 204px 102px;}
.kb_teacher .monthly .book_list .item{width:calc(25% - 9.75px);height:94px;border-width:1px;border-radius:10px;margin-right:13px;padding:16px 24px;}
.kb_teacher .monthly .book_list .item:nth-child(n+5){margin-top:13px;}
.kb_teacher .monthly .book_list .item:nth-child(4n){margin-right:0;}
.kb_teacher .monthly .book_list .item .icon{width:58px;height:58px;}
.kb_teacher .monthly .book_list .item .txt{margin-top:10px;}
.kb_teacher .monthly .book_list .item .txt .num{font-size:42px;}
.kb_teacher .monthly .book_list .item .txt span{font-size:26px;}
.kb_teacher .monthly .book_list .item .txt.special{margin:0;}
.kb_teacher .monthly .book_list .item .txt.special span{font-size:18px;margin-bottom:6px;}
.kb_teacher .btn_close{top:10px;right:10px;width:34px;height:34px;background-size:17px 17px;}
/*팝업*/
.kb_teacher .class_popup{min-width:100%;}
.kb_teacher .class_popup .contents{width:100%;height:auto;padding:15px;overflow-y:auto;}
.kb_teacher .class_popup .top_box{/*padding:0 20px 0 30px;*/padding:0 10px;}
.kb_teacher .class_popup .right .btn_close_popup{width:35px;height:35px;margin-left:20px;}
.kb_teacher .class_popup .list_class .right .btn_error img{height:50px;}
.kb_teacher .class_popup .navi .btn{width:38px;height:38px;background-size:38px 22px;}
.kb_teacher .class_popup .navi .tit{font-size:28px;vertical-align:middle;/*margin:0 30px;*/}
.kb_teacher .class_popup .list_class .navi_btn .btn{min-width:268px;height:50px;font-size:24px;padding-top:12px;}
.kb_teacher .class_popup .list_class .navi_btn .btn + .btn{margin-left:10px;}
.kb_teacher .class_popup .con_box{border-radius:16px;margin-top:20px;}
.kb_teacher .class_popup .list{border-radius:24px;}
.kb_teacher .class_popup .list_item_box{padding:20px 24px 40px;}
.kb_teacher .class_popup .list_item_box .list + .list{margin-top:20px;}
.kb_teacher .class_popup .list .tit{width:180px;font-size:28px;}
.kb_teacher .class_popup .list .item{width:calc(100% - 180px);padding:16px 30px;}
.kb_teacher .class_popup .list .item li{min-width:160px;height:54px;line-height:44px;margin:5px 20px 5px 0;}
.kb_teacher .class_popup .list .item li a{font-size:28px;padding:0 30px;}
.kb_teacher .class_popup .list .item li.select{background-size:24px 20px;background-position:17px 50%;}
.kb_teacher .class_popup .list .item li.select a{padding-left:50px;}
.kb_teacher .class_popup .list.all .tit{font-size:36px;}
.kb_teacher .class_popup .all_box{padding:20px 24px;}
.kb_teacher .class_popup .all_box .list .tit{border-radius:24px;}
.kb_teacher .class_popup .video_class span{font-size:28px;}
.kb_teacher .class_popup .video_class span:nth-child(n+2):before{width:10px;height:13px;margin:8px 14px 0;}
.kb_teacher .class_popup .video_class .time{width:151px;height:43px;}
.kb_teacher .class_popup .video_class .time span{font-size:24px;line-height:43px;}
.kb_teacher .class_popup .video_class .time span:before{width:31px;height:31px;margin:6px 10px 0 0;}
.kb_teacher .class_popup .video_class .con_box{padding:20px 22px;}
.kb_teacher .class_popup .video_class .list .tit{width:210px;}
.kb_teacher .class_popup .video_class .list .tit span{font-size:36px;}
.kb_teacher .class_popup .video_class .list .item{width:calc(100% - 210px);padding:16px 85px;}
.kb_teacher .class_popup .video_class .video_thumb .swiper-slide{min-width:184px;height:55px;line-height:44px;font-size:28px;padding:0 20px;}
.kb_teacher .class_popup .swiper-button-prev, .kb_teacher .class_popup .swiper-button-next{top:calc(50% - 14.5px)!important;width:19px!important;height:29px!important;}
.kb_teacher .class_popup .swiper-button-prev{left:30px !important;}
.kb_teacher .class_popup .swiper-button-next{right:30px !important;}
.kb_teacher .class_popup .video_class .video_con{margin-top:28px;}
.kb_teacher .class_popup .video_class .video_box{width:75%;}

.kb_teacher .class_popup #loopArea{left:88%;}

.kb_teacher .guide .pc{display:none;}
.kb_teacher .guide .mo{display:inline-block;width:100%;height:auto;margin-top:15px;}
.kb_teacher .guide .check{top:35px;left:40px;}
.kb_teacher .guide .check label{line-height:48px;font-size:32px;}
.kb_teacher .guide .check input[type='checkbox'] + label:before{width:48px;height:48px;margin-right:14px;}
.kb_teacher .guide .check input[type='checkbox']:checked + label:before{background-size:37px 30px;}
.kb_teacher .guide .btn_guide_close{top:35px;right:40px;}
.kb_teacher .guide .btn_guide_close span{font-size:32px;}
.kb_teacher .guide .btn_guide_close span:before{width:50px;height:50px;background-size:25px 26px;margin-right:12px;}
.kb_teacher .class_popup .right .btn_error img{height:43px;}
.kb_teacher .error_popup{width:100%;height:100%;}
}
@media screen and (max-width:1200px){
.kb_teacher.mo .class_popup .contents{height:100%;}
}
@media screen and (max-width:1024px) and (orientation:landscape) {
.kb_teacher.mo .menu li{width:100px;height:85px;}
.kb_teacher.mo .menu{justify-content:flex-start;margin-left:40px;}
.kb_teacher.mo .menu li:after{width:30px;height:30px;}
.kb_teacher.mo .menu li span{font-size:14px;}
.kb_teacher.mo .menu li strong{font-size:34px;margin-top:4px;}
.kb_teacher.mo .menu li .starter{width:36px;height:34px;}
.kb_teacher.mo .level_top{min-width:1024px;padding-left:220px;}
.kb_teacher.mo .monthly_book{width:1024px;}
.kb_teacher.mo .monthly{padding:40px 160px 102px;}
.kb_teacher.mo .monthly .book_list .item{padding:16px 12px;}
.kb_teacher.mo .monthly .book_list .item .txt .num{font-size:36px;}
.kb_teacher.mo .monthly .book_list .item .txt span{font-size:20px;}
.kb_teacher.mo .class_popup .contents:not(.video_class){top:0;left:0;width:100%;height:100%;padding:10px;overflow-y:auto;transform:translate(0);}
.kb_teacher.mo .guide .check{top:20px;left:40px;}
.kb_teacher.mo .guide .btn_guide_close{top:20px;right:40px;}

.kb_teacher .class_popup .list_class .navi .tit{margin:0;}
.kb_teacher .class_popup .list_class .right .btn_error img{height:40px;}
.kb_teacher .class_popup .list_class .navi_btn .btn{min-width:220px;font-size:18px;height:40px;}
.kb_teacher .class_popup #loopArea{left:88.5%;}
.kb_teacher .class_popup #loopArea .btnLoop{width:70px;height:60px;}
}
@media screen and (max-width:899px) and (orientation:landscape) {
.kb_teacher.mo .level_top{width:100%;min-width:auto;padding:0;}
.kb_teacher.mo .info{top:26px;}
.kb_teacher.mo .info .logo{padding-left:13px;}
.kb_teacher.mo .info .logo img{width:83.5px;}
.kb_teacher.mo .info .tit{width:110px;height:24px;line-height:24px;font-size:11px;margin-top:4px;}
.kb_teacher.mo .menu{justify-content:center;padding-top:30px;margin:0;}
.kb_teacher.mo .menu li{width:59px;height:50px;margin-right:15px;}
.kb_teacher.mo .menu li span{font-size:9px;}
.kb_teacher.mo .menu li strong{font-size:22px;}
.kb_teacher.mo .menu li:after{width:18px;height:18px;}
.kb_teacher.mo .menu li .starter{width:24px;height:22px;}
.kb_teacher.mo .monthly_book{width:100%;max-width:640px;height:270px;margin:6px auto 0;}
.kb_teacher.mo .monthly_book .tit{height:45px;font-size:13px;padding-top:25px;}
.kb_teacher.mo .monthly{padding:20px 102px 52px;}
.kb_teacher.mo .monthly .book_list .item{width:calc(25% - 4.875px);height:47px;border-width:1px;border-radius:5px;margin-right:6.5px;padding:8px 12px;}
.kb_teacher.mo .monthly .book_list .item:nth-child(4n){margin-right:0;}
.kb_teacher.mo .monthly .book_list .item:nth-child(n+5){margin-top:6.5px;}
.kb_teacher.mo .monthly .book_list .item .icon{width:29px;height:29px;}
.kb_teacher.mo .monthly .book_list .item .txt{margin-top:5px;}
.kb_teacher.mo .monthly .book_list .item .txt .num{font-size:21px;}
.kb_teacher.mo .monthly .book_list .item .txt span{font-size:13px;}
.kb_teacher.mo .monthly .book_list .item .txt.special span{font-size:9px;margin-bottom:3px;}
.kb_teacher.mo .btn_close{top:10px;right:10px;width:34px;height:34px;background-size:17px 17px;}
/*팝업*/
.kb_teacher.mo .class_popup .contents{width:100%;height:100%;padding:10px;overflow-y:auto;}
.kb_teacher.mo .class_popup .top_box{/*padding:0 10px 0 15px;*/padding:0 10px;}
.kb_teacher.mo .class_popup .left{margin:0;}
.kb_teacher.mo .class_popup .right .btn_close_popup{width:17.5px;height:17.5px;margin-top:2px;margin-left:6px;}
.kb_teacher .class_popup .list_class .right .btn_error img{height:25px;}
.kb_teacher.mo .class_popup .con_box{border-radius:8px;margin-top:5px;}
.kb_teacher.mo .class_popup .list_item_box{padding:10px 12px 20px;}
.kb_teacher.mo .class_popup .list_item_box .list + .list{margin-top:10px;}
.kb_teacher.mo .class_popup .list{border-radius:12px;}
.kb_teacher.mo .class_popup .list .tit{width:90px;font-size:14px;}
.kb_teacher.mo .class_popup .list .item{width:calc(100% - 90px);padding:8px 15px;}
.kb_teacher.mo .class_popup .list .item li{min-width:80px;height:27px;line-height:22px;border-width:2px;margin:2.5px 10px 2.5px 0;}
.kb_teacher.mo .class_popup .list .item li a{font-size:14px;padding:0 15px;}
.kb_teacher.mo .class_popup .list .item li.select{background-size:13px 11px;background-position:10px 50%;}
.kb_teacher.mo .class_popup .list .item li.select a{padding-left:30px;}
.kb_teacher .class_popup .list .item li.lock:after{bottom:-2px;right:-2px;width:15px;height:15px;}
.kb_teacher.mo .class_popup .list.all .tit{font-size:18px;}
.kb_teacher.mo .class_popup .list.all .tit span:after{width:9.5px;height:12.5px;margin-top:4px;margin-left:10px;}
.kb_teacher.mo .class_popup .all_box{padding:10px 12px;}
.kb_teacher.mo .class_popup .all_box .list .tit{border-radius:12px;}
.kb_teacher.mo .class_popup .video_class .left{margin-top:3px;}
.kb_teacher.mo .class_popup .list_class .navi .btn{width:19px;height:19px;background-size:19px 11px;}
.kb_teacher.mo .class_popup .list_class .navi .tit{font-size:14px;vertical-align:middle;/*margin:0 15px;*/}
.kb_teacher.mo .class_popup .list_class .navi_btn .btn{min-width:134px;height:25px;font-size:12px;padding:6px 10px 0;}
.kb_teacher.mo .class_popup .list_class .navi_btn .btn + .btn{margin-left:9px;}
.kb_teacher.mo .class_popup .video_class span{font-size:14px;vertical-align:top;}
.kb_teacher.mo .class_popup .video_class span:nth-child(n+2):before{width:5px;height:6.5px;margin:4px 7px 0;}
.kb_teacher.mo .class_popup .video_class .time{width:75.5px;height:21.5px;}
.kb_teacher.mo .class_popup .video_class .time span{font-size:12px;line-height:21.5px;}
.kb_teacher.mo .class_popup .video_class .time span:before{width:15.5px;height:15.5px;margin:3px 5px 0 0;}
.kb_teacher.mo .class_popup .video_class .con_box{padding:10px 11px;}
.kb_teacher.mo .class_popup .video_class .list .tit{width:100px;padding-left:10px;box-sizing:border-box;}
.kb_teacher.mo .class_popup .video_class .list .tit a{width:96px;height:32px;}
.kb_teacher.mo .class_popup .video_class .list .tit span{font-size:18px;line-height:32px;}
.kb_teacher.mo .class_popup .video_class .list .tit span:after{margin-top:9px;}
.kb_teacher.mo .class_popup .video_class .list .item{width:calc(100% - 100px);padding:8px 42.5px;}
.kb_teacher.mo .class_popup .video_class .video_thumb .swiper-slide{min-width:92px;height:27.5px;line-height:23px;font-size:14px;border-width:2px;padding:0 10px;}
.kb_teacher.mo .class_popup .swiper-button-prev, .kb_teacher .class_popup .swiper-button-next{top:calc(50% - 7.25px)!important;width:9.5px!important;height:14.5px!important;background-image:url("/img/kinderbox/m_icon_arrow_slide.png");}
.kb_teacher.mo .class_popup .swiper-button-prev{left:20px!important;}
.kb_teacher.mo .class_popup .swiper-button-next{right:20px!important;}
.kb_teacher.mo .class_popup .video_class .video_con{margin-top:14px;}
.kb_teacher.mo .class_popup .video_class .video_box{width:75%;}
.kb_teacher.mo .guide .check{top:10px;left:20px;}
.kb_teacher.mo .guide .check label{line-height:24px;font-size:16px;}
.kb_teacher.mo .guide .check input[type='checkbox'] + label:before{width:24px;height:24px;margin-right:7px;}
.kb_teacher.mo .guide .check input[type='checkbox']:checked + label:before{background-size:18.5px 15px;}
.kb_teacher.mo .guide .btn_guide_close{top:10px;right:20px;}
.kb_teacher.mo .guide .btn_guide_close span{font-size:16px;}
.kb_teacher.mo .guide .btn_guide_close span:before{width:25px;height:25px;background-size:12.5px 13px;margin-right:6px;}
.kb_teacher.mo .guide .mo{width:auto;height:100%;margin:0;}
.kb_teacher .class_popup .right .btn_error{margin-right:5px;}
.kb_teacher .class_popup .right .btn_error img{height:21.5px;}
.kb_teacher .class_popup #loopArea{left:88.5%;}
.kb_teacher .class_popup #loopArea .btnLoop{width:65px;height:55px;}
}
@media screen and (max-width:570px) and (orientation:landscape) {
.kb_teacher.mo .monthly .book_list .item{padding:8px 4px;}
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:"";}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:"";}

/*======================================
	COMMON - BOARD
======================================*/
.board{font-family:Pretendard;}
.board .tit_box{text-align:center;padding:60px 0;}
.board .tit_box .tit{display:inline-block;font-size:32px;color:#000;font-family:Pretendard;font-weight:600;border-bottom:4px solid var(--main-color);}
.board .btn_box{text-align:center;font-size:0;}
.board .btn_box a{display:inline-block;width:200px;height:60px;line-height:56px;font-size:22px;font-weight:600;text-align:center;border-radius:8px;box-sizing:border-box;}
.board .btn_box a + a{margin-left:20px;}
.board .btn_box .btn_b{background:#000;color:var(--white)f;}
.board .btn_box .btn_w{background:var(--white);color:#000;border:1px solid #ddd;}

.board article{padding:0 0 99px;}
.board .board_view{border-top:2px solid #000;border-bottom:2px solid #000;margin-bottom:60px;}
.board .board_view .tit{font-size:24px;background:#F8F8F8;padding:18px 20px 20px;box-sizing:border-box;}
.board .board_view .info{border-bottom:1px solid #ccc;padding:10px 20px;box-sizing:border-box;}
.board .board_view .info:after{content:"";display:block;clear:both;}
.board .board_view .info .txt{font-size:0;}
.board .board_view .info .txt > div{display:inline-block;font-size:14px;color:#999;}
.board .board_view .info .txt > div + div{margin-left:40px;}
.board .board_view .contents{position:relative;padding:37px 20px 30px;}
.board .board_view .contents img{max-width:100%;width:auto;}
.board .board_view .contents .file_list{font-size:0;margin-top:60px;}
.board .board_view .contents .file_list .file{display:inline-block;height:40px;line-height:36px;font-size:16px;border:1px solid #ccc;border-radius:24px;background:#F8F8F8;text-align:center;box-sizing:border-box;padding:0 32px;margin-right:12px;margin-bottom:10px;}
.board .board_view .contents .file_list .file:hover{color:#000;}
.board .board_view .contents .file_list .file span:before{content:"";display:inline-block;width:16px;height:18px;background:url("/img/myclass/icon_file.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 5px 0 0;}

.board_list table{border-top:2px solid var(--main-color);}
.board_list tr th, .board_list tr td{border:1px solid #ccc;}
.board_list tr th{height:40px!important;font-size:14px!important;font-weight:bold;color:#222!important;background:#F5F5F5!important;text-align:center!important;padding:0!important;}
.board_list tr td{height:48px!important;font-size:14px!important;padding:12px 30px!important;}
.board_list tr td strong{color:#222;}
.board_list tr td:hover strong{color:#000;}
.board_list .btn-type1{height:auto;font-size:14px;font-weight:bold;line-height:1.5;border-radius:8px;background:#F5F5F5;padding:8px 22px;}

@media screen and (max-width:1450px){
.board article{padding:0 30px 99px;}
.board article .contents_wrap{width:100%;}
}
@media screen and (max-width:1024px){
.board_list tr td{padding:12px 15px!important;}
}
@media screen and (max-width:768px){
.board article{padding:0 0 60px;}
.board .tit_box{padding:30px 0 42px;}
.board .tit_box .tit{font-size:28px;}
.board .board_view{margin-bottom:40px;}
.board .board_view .tit{font-size:18px;padding:10px;}
.board .board_view .info{padding:10px 10px;}
.board .board_view .contents{padding:20px 0 30px;}
.board .board_view .contents .file_list{margin-top:40px;}
.board .board_view .contents .file_list .file{display:block;width:100%;font-size:14px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;margin-right:0;padding:0 20px;}
.board .board_view .contents .youtube{position:relative;width:100%;height:auto;padding-top:56.25%;margin-bottom:10px;}
.board .board_view .contents .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.board .btn_box .btn_b.w_1{width:100%;margin-bottom:16px;}
.board .btn_box a.w_1 + a{margin-left:0;}
.board .btn_box .btn_w{width:calc(50% - 8px);}
.board .btn_box a{width:calc(50% - 8px);height:48px;line-height:46px;}
.board .btn_box a + a{margin-left:16px;}

.board_list tr td{padding:10px!important;word-break:break-word;}
.board_list tr td strong{display:block;}
.board_list .btn-type1{padding:4px 10px;margin:0;}
}
/*======================================
	나만의 클래스
======================================*/
.myclass .myProfile{font-family:Pretendard;}
.myclass .myProfile > *{box-sizing:border-box;}
.myclass article{padding:60px 0;}
.myclass .myProfile .contents_wrap{width:1200px;margin:0 auto;box-sizing:border-box;}
.myclass .bg_g{background:#F8F8F8;}

.myclass .tit_box{text-align:center;padding:60px 0;}
.myclass .tit_box .tit{display:inline-block;font-size:32px;color:#000;font-family:Pretendard;font-weight:600;border-bottom:4px solid var(--main-color);}
.myclass .i_tit{font-size:24px;font-weight:600;line-height:1;font-family:Pretendard;color:#000;margin-bottom:16px;}
.myclass .i_tit:before{content:"";display:inline-block;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin-right:8px;margin-top:1px;}
.myclass .i_tit.seminar:before{width:32px;height:24px;background-image:url("/img/myclass/icon_seminar.png");}
.myclass .i_tit.video:before{width:25px;height:24px;background-image:url("/img/myclass/icon_video.png");}
.myclass .i_tit.class_data:before{width:28px;height:24px;background-image:url("/img/myclass/icon_class_data.png");}

.myclass .option{margin-bottom:12px;}
.myclass .option:after{content:"";display:block;clear:both;}
.myclass .option .left{float:left;}
.myclass .option .right{float:right;}
.myclass .option .count{font-size:16px;color:#666;line-height:24px;}
.myclass .option .count .num{color:#1f63c9;}
.myclass .option .filter select{font-size:16px;color:#666;border:0;-webkit-appearance:none;background:transparent url("/img/myclass/icon_select.png") 100% 50% / 8px 6px no-repeat;outline:none;padding-right:20px;}

.myclass .list_box{font-size:0;}
.myclass .list:after{content:"";display:block;clear:both;}
.myclass .list .item{position:relative;float:left;display:block;width:calc(25% - 12px);border:1px solid #ddd;box-sizing:border-box;background:var(--white);margin-right:16px;}
.myclass .list .item:hover{color:#000;}
.myclass .list .item:nth-child(4n){margin-right:0;}
.myclass .list .item:nth-child(n+5){margin-top:24px;}
.myclass .list .item .type{position:absolute;top:-1px;left:-1px;height:24px;line-height:24px;font-size:15px;font-weight:600;color:var(--white);background:#E9470D;padding:0 11px;z-index:10;}
.myclass .list .item .thumb{position:relative;display:block;padding-top:56.25%;overflow:hidden;background:url("/img/myclass/thumb.jpg") 0 0 / cover no-repeat;}
.myclass .list .item .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;/*max-width:100%;height:auto;*/}
.myclass .list .item .txt_box{position:relative;height:203px;padding:20px 24px 75px;box-sizing:border-box;border-top:1px solid #ddd;}
.myclass .list .item .state{position:absolute;top:0;left:10px;width:44px;height:44px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;z-index:1;}
.myclass .list .item .state.new{background-image:url("/img/myclass/icon_new.png");}
.myclass .list .item .state.hot{background-image:url("/img/myclass/icon_hot.png");}

/*
.myclass .list.seminar .txt_box{height:162px;padding-bottom:0;}
.myclass .list .item .tit{font-size:18px;font-weight:600;color:#000;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.myclass .list .item .date{position:absolute;bottom:24px;right:20px;font-size:14px;color:#999;line-height:1;}
*/
.myclass .list .item .tit{font-size:18px;font-weight:600;color:#000;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.myclass .list .item .date{font-size:14px;color:#999;line-height:1;margin-top:8px;}
.myclass .list .writer{display:flex;flex-direction:row;margin-bottom:8px;}
.myclass .list .writer .icon{min-width:24px;width:24px;height:24px;}
.myclass .list .writer .icon img{width:100%;height:100%;}
.myclass .list .writer .name{font-size:14px;line-height:24px;color:#999;vertical-align:middle;margin-left:2px;overflow:hidden;text-overflow:ellipsis;}
.myclass .list .bookmark{position:absolute;bottom:20px;left:calc(50% - 60px);width:120px;height:36px;line-height:36px;font-size:14px;color:#A7A7A7;font-weight:600;text-align:center;background:#F8F8F8;border-radius:18px;cursor:pointer}
.myclass .list .bookmark span:before{content:"";display:inline-block;width:18px;height:22px;background:url("/img/myclass/icon_bookmark_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:7px 8px 0 0;}
.myclass .list .bookmark.on{color:#333;}
.myclass .list .bookmark.on span:before{background-image:url("/img/myclass/icon_bookmark_on.png");}
.myclass .list .book-icons{position:absolute;top:9px;right:9px;padding:0;}
.myclass .list .book-icons .bico{background-color:var(--white);margin:0;}
.myclass .list .book-icons .bico + .bico{margin-left:3px;}
.myclass .list .book-icons .bico:hover{background-color:#558ed5;border-color:#558ed5;}
.myclass .list_none{text-align:center;padding-bottom:8px;}
.myclass .list_none .txt{display:block;font-size:14px;color:#666;}
.myclass .list_none .txt:before{content:"";display:block;width:184px;height:160px;background:url("/img/myclass/icon_list_none.png") 0 0 / 100% 100% no-repeat;margin:0 auto 8px;}
.myclass .list_none .txt strong{font-size:16px;color:#000;margin-top:4px;}
.myclass .list_none .btn_view{display:inline-block;height:40px;line-height:38px;font-size:18px;font-weight:600;color:var(--white);background:#000;border-radius:8px;padding:0 33px;margin-top:24px;}
.myclass .btn_more{display:block;width:100%;height:48px;line-height:48px;font-size:14px;font-weight:600;color:#000;text-align:center;border:1px solid #ddd;background:var(--white);margin-top:40px;}
.myclass .btn_more.hidden{display:none;}
.myclass .btn_more span:after{content:"";display:inline-block;width:11px;height:6px;background:url("/img/myclass/icon_arrow_down.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:22px 0 0 10px;}

.myclass .tab_box .tab_menu_box:after{content:"";display:block;clear:both;}
.myclass .tab_box .tab_menu_box .tab_menu{float:left;display:block;}
.myclass .tab_box .tab_con_box .tab_con{display:none;}
.myclass .tab_box .tab_con_box .tab_con.on{display:block;}
.myclass .tab_menu_box{position:relative;height:64px;border:1px solid #ddd;background:var(--white);}
.myclass .tab_menu_box .tab_menu{position:relative;height:100%;line-height:64px;font-size:18px;color:#666;text-align:center;padding:0 30px;transition:.3s all;box-sizing:border-box;}
.myclass .tab_menu_box .tab_menu:after{transition:.3s all;}
.myclass .tab_menu_box .tab_menu.on{font-weight:600;color:#1f63c9;}
.myclass .tab_menu_box .tab_menu.on:after{position:absolute;bottom:-1px;left:0;content:"";display:block;width:100%;height:2px;background:#1f63c9;}
.myclass .tab_menu_box .btn_share{position:absolute;bottom:12px;right:20px;display:block;height:40px;line-height:38px;font-size:18px;font-weight:600;color:var(--white);text-align:center;border-radius:8px;background:#1f63c9;padding:0 37px;}
.myclass .tab_con_box{margin-top:40px;}

.myclass .pagination{display:none;text-align:center;font-size:0;margin-top:40px;}
.myclass .pagination.on{display:block;}
.myclass .pagination:after{content:"";display:inline-block;clear:both;}
.myclass .pagination .number{display:inline-block;margin:0 8px;}
.myclass .pagination .number a{display:inline-block;font-size:16px;color:#666;vertical-align:middle;padding:0 10px;box-sizing:border-box;}
.myclass .pagination .number a.on{color:#1f63c9;}
.myclass .pagination .btn{min-width:36px;height:36px;border:1px solid #ddd;border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;box-sizing:border-box;}
.myclass .pagination .btn.prev{margin-left:10px;}
.myclass .pagination .btn.end_next{margin-left:10px;}
.myclass .pagination .btn.prev, .pagination .btn.next{background-image:url("/img/myclass/icon_paging_arrow.png");background-size:9px 16px;}
.myclass .pagination .btn.end_prev, .pagination .btn.end_next{background-image:url("/img/myclass/icon_paging_end_arrow.png");background-size:18px 16px;}
.myclass .pagination .btn.next, .pagination .btn.end_next{transform:rotate(180deg);}

.myclass .board article{padding:0 0 200px;}
.myclass .board .i_tit{margin-bottom:20px;}

/*board_write*/
.myclass .board_write .item input[type='text']{width:100%;height:48px;font-family:Pretendard;font-size:18px;border:1px solid #ccc;padding:0 20px;outline:none;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0;}
.myclass .board_write .item input::placeholder{color:#999;}
.myclass .board_write .item + .item{margin-top:20px;}
.myclass .board_write .editor + .item{margin-top:40px;}
.myclass .board_write .title input[type='text']{padding:0 30px;}
.myclass .board_write #editor{width:100%;}
.myclass .board_write #editor .toastui-editor-defaultUI{border-radius:0;border-color:#ccc;}
.myclass .board_write .item:after{content:"";display:block;clear:both;}
.myclass .board_write .item .tit{float:left;width:170px;font-size:18px;line-height:48px;}
.myclass .board_write .item .input{float:left;position:relative;width:calc(100% - 170px);box-sizing:border-box;}
.myclass .board_write .item .input:after{content:"";display:block;clear:both;}
.myclass .board_write .item .input .btn{float:left;display:block;width:140px;height:48px;line-height:44px;font-size:18px;font-weight:600;text-align:center;background:#444;color:var(--white);}
.myclass .board_write .item .input .txt{float:left;width:calc(100% - 140px);height:48px;line-height:46px;font-size:18px;color:#999;border:1px solid #ccc;background:#f5f5f5;box-sizing:border-box;padding:0 20px;}
.myclass .board_write .item .input .txt .mo{display:none;}
.myclass .board_write .disclosure .toggle{position:relative;display:inline-block;width:280px;height:48px;font-size:0;line-height:46px;border-radius:24px;background:#F5F5F5;border:1px solid #ccc;}
.myclass .board_write .disclosure input[type='radio']{display:none;width:0;height:0;}
.myclass .board_write .disclosure input[type='radio']:checked + label{color:var(--white);}
.myclass .board_write .disclosure label{position:relative;display:inline-block;width:50%;font-size:18px;font-weight:600;color:#999;text-align:center;cursor:pointer;z-index:1;transition:.5s all;}
.myclass .board_write .disclosure .indicator{position:absolute;top:-1px;left:-1px;width:50%;height:48px;border-radius:24px;background:#444;transition:.5s all;}
.myclass .board_write .disclosure input[type='radio']:nth-of-type(2):checked ~ .indicator{left:50%;}
.myclass .board_write .disclosure span{display:inline-block;line-height:48px;font-size:14px;color:#999;margin-left:20px;vertical-align:top;}
.myclass .board_write .youtube .link_box{position:relative;}
.myclass .board_write .youtube .link_box .link1{position:absolute;top:12px;left:20px;font-size:18px;}
.myclass .board_write .youtube .link_box input[type='text']{padding-left:266px;}
.myclass .board_write .youtube .guide{font-size:15px;color:#333;margin-top:5px;}
.myclass .board_write .youtube .guide span{display:block;color:#777;}
.myclass .board_write .youtube .guide em{color:#ff454a;}
.myclass .board_write .cate .txt{white-space:nowrap;overflow-y:hidden;overflow-x:auto;}
.myclass .board_write .file label{cursor:pointer;}
.myclass .board_write .file input[type='file']{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.myclass .board_write .file .txt{padding-right:60px!important;overflow:hidden;text-overflow:ellipsis;}
.myclass .board_write .file > .btn_delete{display:none;position:absolute;top:10px;right:20px;width:28px;height:28px;background:var(--white) url("/img/myclass/icon_delete_1.png") 50% 50% / 16px 16px no-repeat;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;}
.myclass .board_write .file > .btn_delete.on{display:block;}
.myclass .board_write .file .file_list_box{display:none;margin-top:10px;}
.myclass .board_write .file .file_list_box.on{display:block;}
.myclass .board_write input[type='checkbox']{display:none;}
.myclass .board_write input[type='checkbox'] + label{font-size:16px;color:#999;cursor:pointer;}
.myclass .board_write input[type='checkbox'] + label:before{content:"";display:inline-block;background:var(--white);border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin-right:8px;}
.myclass .board_write .att_file .input .btn,
.myclass .board_write .audio_file .input .btn{float:none;}
.myclass .board_write .att_file .input .txt{width:100%;margin-top:10px;}
.myclass .board_write .att_file .input .txt.hidden{display:none;}
.myclass .board_write .att_file .list{background:#f5f5f5;border:1px solid #ccc;padding:20px;}
.myclass .board_write .att_file .list li{font-size:0;}
.myclass .board_write .att_file .list li + li{margin-top:12px;}
.myclass .board_write .att_file input[type='checkbox'] + label{line-height:20px;}
.myclass .board_write .att_file input[type='checkbox'] + label:before{width:20px;height:20px;border-radius:2px;margin-top:1px;}
.myclass .board_write .att_file input[type='checkbox']:checked + label:before{background:#1f63c9 url("/img/myclass/icon_check.png") 50% 50% / 15px 12px no-repeat;border-color:transparent;}
.myclass .board_write .att_file .btn_delete{display:block;font-size:16px;color:#000;margin-top:11px;}
.myclass .board_write .att_file .btn_delete:hover{color:#000;}
.myclass .board_write .att_file .btn_delete:before{content:"";display:inline-block;width:30px;height:28px;background:url("/img/myclass/icon_delete_2.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:-2px 4px 0 0;}
.myclass .board_write .book{border-top:2px solid #000;border-bottom:2px solid #000;margin:60px 0;padding:30px 0;}
.myclass .board_write .audio_file .file_list_box{max-height:308px;overflow-y:auto;border:1px solid #ccc;}
.myclass .board_write .audio_file .list{width:100%;text-align:center;border-collapse:separate;border-spacing:0;}
.myclass .board_write .audio_file .list thead{position:sticky;top:0;}
.myclass .board_write .audio_file .list thead tr{height:48px;background:#F5F5F5;}
.myclass .board_write .audio_file .list thead tr th{font-size:16px;font-weight:500;border-bottom:1px solid #ccc;}
.myclass .board_write .audio_file .list tbody tr{height:60px;}
.myclass .board_write .audio_file .list tbody tr + tr td{border-top:1px dashed #ccc;}
.myclass .board_write .audio_file .list tbody tr td{font-size:16px;}
.myclass .board_write .audio_file .list tbody .idx{color:#999;}
.myclass .board_write .audio_file .list tbody .name{text-align:left;}
.myclass .board_write .audio_file .list tbody .btns{font-size:0;}
.myclass .board_write .audio_file .list tbody .btns a{display:inline-block;width:28px;height:28px;background-color:var(--white);background-position:50% 50%;background-size:16px 16px;background-repeat:no-repeat;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;}
.myclass .board_write .audio_file .list tbody .btns a + a{margin-left:10px;}
.myclass .board_write .audio_file .list tbody .btns .btn_up{background-image:url("/img/myclass/icon_list_up.png");}
.myclass .board_write .audio_file .list tbody .btns .btn_down{background-image:url("/img/myclass/icon_list_down.png");}
.myclass .board_write .audio_file .list tbody .btns .btn_delete{background-image:url("/img/myclass/icon_delete_1.png");}
.myclass .board_write .audio_file .list .idx{width:160px;}
.myclass .board_write .audio_file .list .btns{width:192px;}
.myclass .board_write .bottom{text-align:center;margin-top:60px;}
.myclass .board_write .agree{margin-bottom:20px;}
.myclass .board_write .agree input[type='checkbox'] + label{line-height:32px;}
.myclass .board_write .agree input[type='checkbox'] + label:before{width:32px;height:32px;border-radius:50%;margin-top:1px;}
.myclass .board_write .agree input[type='checkbox'] + label a{color:#f28421;}
.myclass .board_write .agree input[type='checkbox']:checked + label:before{background:#F28421 url("/img/myclass/icon_agree_check.png") 50% 50% / 20px 16px no-repeat;border-color:#E97F20;}
.myclass .board_write .dropzone{background:#F5F5F5;}

/*board_view*/
.myclass .board_view .contents .youtube{margin-bottom:30px;}
.myclass .board_view.detail .info{padding:20px;}
.myclass .board_view.detail .info .icon_writer{float:left;width:64px;height:64px;margin-right:20px;}
.myclass .board_view.detail .info .icon_writer img{width:100%;height:100%;}
.myclass .board_view.detail .info .txt_box{float:left;}
.myclass .board_view.detail .info .writer{font-size:16px;margin:8px 0 7px;}
.myclass .board_view.detail .info .info_btn{float:right;font-size:0;margin-top:12px;}
.myclass .board_view.detail .info .info_btn > a{display:inline-block;width:140px;height:40px;line-height:36px;font-size:16px;text-align:center;border:1px solid #ccc;border-radius:24px;background:var(--white);box-sizing:border-box;}
.myclass .board_view.detail .info .info_btn > a:hover{color:#000;}
.myclass .board_view.detail .info .info_btn > a + a{margin-left:10px;}
.myclass .board_view.detail .info .info_btn > a span:before{content:"";display:inline-block;width:18px;height:22px;background-size:18px 22px;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin:8px 8px 0 0;}
.myclass .board_view.detail .info .info_btn .btn_view_book span:before{background-image:url("/img/myclass/icon_book.png");}
.myclass .board_view.detail .info .info_btn .btn_bookmark span:before{background-image:url("/img/myclass/icon_bookmark_off.png");}
.myclass .board_view.detail .info .info_btn .btn_bookmark.on span:before{background-image:url("/img/myclass/icon_bookmark_on.png");}

/*팝업*/
.myclass .modal{display:none;width:auto;max-width:100%;font-family:Pretendard;box-shadow:unset;border-radius:0;padding:0;}
.myclass .modal a.close-modal{top:16px;right:14px;width:28px;height:28px;background:url("/img/myclass/icon_modal_close.png") 50% 50% / 28px 28px no-repeat}
.myclass .blocker{z-index:1000;padding:0 20px;}
.myclass .modal .contents{text-align:center;padding:40px 30px;}
.myclass .modal .contents .tit{font-family:Pretendard;font-size:24px;font-weight:600;}
.myclass .modal .contents .tit + .txt{font-size:16px;color:#666;margin-top:4px;}
.myclass .alert{width:480px;}
.myclass .alert .contents{padding:72px 0;}
.myclass .alert .contents .txt{font-size:20px;color:#000;line-height:1.35;}
.myclass .alert .btn_box{margin:0;}
.myclass .modal .btn_box{text-align:center;font-size:0;background:#1f63c9;padding:19px 0;}
.myclass .modal .btn_box a{display:inline-block;width:160px;height:42px;line-height:38px;font-size:18px;font-weight:600;text-align:center;border-radius:6px;box-sizing:border-box;}
.myclass .modal .btn_box a + a{margin-left:16px;}
.myclass .modal .btn_box .btn_b{background:#000;color:var(--white)f;}
.myclass .modal .btn_box .btn_w{background:var(--white);color:#000;}

.modal.category_popup{width:480px;}
.category_popup .list_box{margin-top:25px;}
.category_popup .list_box:after{content:"";display:block;clear:both;}
.category_popup .list_box ul{float:left;width:calc(50% + .5px);border-top:2px solid var(--main-color);}
.category_popup .list_box ul + ul{margin-left:-1px;}
.category_popup .list_box ul + ul .item{border-left:1px solid #ccc;}
.category_popup .list_box .type{height:40px;line-height:40px;font-size:14px;font-weight:600;color:#1f63c9;background:#F1F2F6;border:1px solid #9CCCFF;}
.category_popup .list_box .item{height:40px;line-height:40px;text-align:left;border-bottom:1px solid #ccc;padding:0 20px;}
.category_popup .list_box .item input[type='checkbox']{display:none;}
.category_popup .list_box .item input[type='checkbox'] + label{font-size:16px;color:#666;cursor:pointer;}
.category_popup .list_box .item input[type='checkbox'] + label:before{content:"";display:inline-block;width:20px;height:20px;border-radius:2px;margin-top:11px;background:var(--white);border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin-right:8px;}
.category_popup .list_box .item input[type='checkbox']:checked + label:before{background:#1f63c9 url("/img/myclass/icon_check.png") 50% 50% / 15px 12px no-repeat;border-color:transparent;}

.modal.copyright_popup{width:720px;}
.copyright_popup .policy{height:500px;text-align:left;font-size:16px;line-height:1.5;color:#777;overflow-y:auto;background:#F1F2F6;border:1px solid #9CCCFF;margin-top:25px;padding:25px 30px;}
.copyright_popup .policy h3{font-family:Pretendard;font-weight:600;color:#000;}

/*클래스 콘텐츠*/
.class_content .banner{width:1690px;margin:0 auto;}
.class_content .banner .swiper-slide{display:block;height:360px;}
.class_content .banner .swiper-slide .img{position:relative;width:100%;height:100%;background-size:cover;background-position:50% 50%; }
.class_content .banner .swiper-slide .mo{display:none;}
.class_content .banner .btns{position:absolute;top:0;left:0;width:100%;height:100%;}
.class_content .banner .btns .contents_wrap{position:relative;height:100%;}
.class_content .swiper-button-prev, .class_content .swiper-container-rtl .swiper-button-next,
.class_content .swiper-button-next, .class_content .swiper-container-rtl .swiper-button-prev{background:none;}
.class_content .swiper-button-next:after, .class_content .swiper-button-prev:after{color:#19546E;font-weight:600;font-size:36px;}
.class_content .swiper-pagination{left:auto;bottom:20px;right:30px;width:64px;height:30px;line-height:30px;font-size:14px;color:var(--white);background:rgba(0,0,0,.5);border-radius:15px;}
.class_content .swiper-pagination-current{font-weight:600;}

/*======================================
	나만의 클래스 - 소개
======================================*/
.myclass .introduce .contents_wrap{width:1000px;padding:0;}
.myclass .introduce article{text-align:center;padding:120px 0;}
.myclass .introduce .mo{display:none;}
.myclass .introduce .intro{text-align:center;background:var(--white) url("/img/myclass/introduce/bg_intro.png?v2") 50% 50% / cover no-repeat;padding:60px 0 24px;}
.myclass .introduce .intro img{width:100%;}
.myclass .introduce .classbox{width:218px;height:42px;margin:0 auto;}
.myclass .introduce .classbox img{width:100%;height:100%;vertical-align:top;}
.myclass .introduce .tit{font-family:Pretendard;font-size:60px;font-weight:600;line-height:1;margin-top:30px;}
.myclass .introduce .tit strong{color:#1f63c9;}
.myclass .introduce .txt{font-size:26px;color:#2d2d2d;line-height:1.7;margin-top:75px;}
.myclass .introduce .thumb{margin:0 auto;}
.myclass .introduce .thumb img{width:100%;}
.myclass .introduce .section1 .thumb{width:546px;margin-top:100px;}
.myclass .introduce .section2{background:#ecf5fe;}
.myclass .introduce .section2 .list{text-align:center;font-size:0;margin-top:80px;}
.myclass .introduce .section2 .list li{display:inline-block;width:calc(20% - 25.6px);margin-right:32px;}
.myclass .introduce .section2 .list li:last-child{margin-right:0;}
.myclass .introduce .section2 .list li .icon{display:block;width:100%;margin-bottom:30px;}
.myclass .introduce .section2 .list li span{display:block;font-size:24px;font-weight:600;line-height:1;color:#2d2d2d;}
.myclass .introduce .section3 .contents_wrap{width:100%;}
.myclass .introduce .section3 .thumb{width:1203px;margin-top:50px;/*margin-left:155px;*/padding-right:150px;box-sizing:border-box;}
@media screen and (max-width:1920px){
.class_content .banner{width:100%;margin:0 auto;}
}
@media screen and (max-width:1450px){
.myclass .myProfile .contents_wrap{width:100%;padding:0 30px;}
.myclass .introduce .contents_wrap{padding:0;}
}
@media screen and (max-width:1300px){
.myclass .list .book-icons .bico{width:40px;height:40px;background-size:26px auto;}
.class_content .banner .swiper-slide{height:250px;}
.myclass .board_write .item .input .txt .pc{display:none;}
.myclass .board_write .item .input .txt .mo{display:block;}
.myclass .board_write .audio_file .list .idx{width:110px;}
.myclass .board_write .audio_file .list .btns{width:130px;}

.myclass .introduce .contents_wrap{width:100%;padding:0 24px;}
.myclass .introduce article{padding:100px 0;}
.myclass .introduce .tit{font-size:50px;margin-top:20px;}
.myclass .introduce .txt{font-size:24px;margin-top:55px;}
.myclass .introduce .section1 .thumb{margin-top:80px;}
.myclass .introduce .section2 .list{margin-top:60px;}
.myclass .introduce .section2 .list li .icon{margin-bottom:20px;}
.myclass .introduce .section2 .list li span{font-size:18px;}
.myclass .introduce .section3 .thumb{width:100%;padding-right:20px;}
}
@media screen and (max-width:1000px){
.myclass article{padding:40px 0;}
.myclass .list .item .txt_box{height:185px;padding:16px 20px;}
.myclass .list .item .tit{font-size:16px;}
.myclass .list.seminar .txt_box{height:175px;}
.myclass .btn_more{margin-top:30px;}
.myclass .tab_con_box{margin-top:30px;}
.myclass .board_write .audio_file .list .idx{width:90px;}
.myclass .board_write .audio_file .list .btns{width:120px;}
.class_content .banner .swiper-slide{height:220px;}

.myclass .introduce .classbox{width:170px;height:auto;}
.myclass .introduce .section3 .thumb{padding-right:30px;}
}
@media screen and (max-width:768px){
.myclass article{padding:40px 0 60px;}
.myclass .myProfile .contents_wrap{padding:0 12px;}
.myclass .tit_box{padding:30px 0;}
.myclass .tit_box .tit{font-size:28px;}
.myclass .tab_menu_box .btn_share{right:0;bottom:61px;width:32px;height:32px;line-height:32px;font-size:0;padding:0;border-radius:4px;background:#F28421 url("/img/myclass/icon_write.png") 50% 50% / 16px 16px no-repeat;}
.myclass .tab_menu_box{height:48px;}
.myclass .tab_menu_box .tab_menu{width:50%;line-height:48px;font-size:14px;padding:0;}
.myclass .tab_con_box{margin-top:24px;}
.myclass .option .count{font-size:14px;}
.myclass .option .filter select{font-size:14px;}
.myclass .list .item{width:calc(50% - 4px);margin-right:8px;}
.myclass .list .item:nth-child(2n){margin-right:0;}
.myclass .list .item:nth-child(n+3){margin-top:8px;}
.myclass .list .item .txt_box{min-height:188px;height:auto;padding:16px 12px 18px;}
.myclass .list .item .tit{font-size:14px;}
.myclass .list .item .date{bottom:12px;right:12px;font-size:13px;}
.myclass .list .item .state{width:40px;height:40px;}
.myclass .list .item .state.new{background-image:url("/img/myclass/m_icon_new.png");}
.myclass .list .item .state.hot{background-image:url("/img/myclass/m_icon_hot.png");}
.myclass .list .writer{margin-bottom:4px;}
.myclass .list .bookmark{bottom:18px;}
.myclass .list.seminar .item .txt_box{min-height:168px;padding:14px 12px;}
.myclass .list .book-icons{top:4px;right:4px;}
.myclass .list .book-icons .bico{width:32px;height:32px;background-size:18px auto;}
.myclass .list_none{padding:6px 0 3px;}
.myclass .list_none .txt:before{width:115px;height:100px;}
.myclass .btn_more{height:40px;line-height:40px;margin-top:20px;}
.myclass .btn_more span:after{margin-top:17px;}
.myclass .pagination{margin-top:24px;}
.myclass .pagination .number a{font-size:15px;padding:0 4px;}

/*board*/
.myclass .board article{padding-bottom:120px;}
.myclass .board_write .item + .item{margin-top:30px;}
.myclass .board_write .item input[type='text']{font-size:16px;padding:0 10px;}
.myclass .board_write .item .tit{float:none;width:100%;font-size:16px;line-height:40px;margin-bottom:8px;}
.myclass .board_write .item .input{float:none;width:100%;}
.myclass .board_write .item .input .btn{float:none;position:absolute;top:-48px;right:0;height:40px;line-height:38px;}
.myclass .board_write .item .input .txt{float:none;width:100%;height:auto;min-height:48px;font-size:16px;line-height:1.6;padding:10px;}
.myclass .board_write .text .tit{line-height:1;}
.myclass .board_write .disclosure .tit{float:left;width:135px;margin:0;}
.myclass .board_write .disclosure .input{float:left;width:calc(100% - 135px);}
.myclass .board_write .disclosure .toggle{width:100%;height:40px;line-height:38px;}
.myclass .board_write .disclosure label{font-size:14px;}
.myclass .board_write .disclosure span{display:none;}
.myclass .board_write .disclosure .indicator{ height:40px;}
.myclass .board_write .youtube .link_box .link1{top:14px;left:10px;font-size:15px;}
.myclass .board_write .youtube .link_box input[type='text']{font-size:15px;padding-left:215px;}
.myclass .board_write .youtube .guide{font-size:14px;}
.myclass .board_write .file > .btn_delete{right:10px;}
.myclass .board_write .file .txt{padding-right:50px!important;}
.myclass .board_write .cate .txt{white-space:normal;}
.myclass .board_write .editor{margin-top:20px!important;}
.myclass .board_write input[type='checkbox'] + label{font-size:14px;}
.myclass .board_write .att_file .list{padding:16px 10px;}
.myclass .board_write .att_file .list li + li{margin-top:8px;}
.myclass .board_write .att_file input[type='checkbox'] + label:before{margin-top:0;}
.myclass .board_write .att_file .btn_delete{font-size:14px;margin-top:13px;}
.myclass .board_write .att_file .btn_delete:before{width:24px;height:22px;margin-top:-2px;}
.myclass .board_write .book{margin:41px 0 60px;}
.myclass .board_write .audio_file .file_list_box{max-height:226px;}
.myclass .board_write .audio_file .list thead tr{height:40px;}
.myclass .board_write .audio_file .list thead tr th{font-size:14px;}
.myclass .board_write .audio_file .list tbody tr td{font-size:14px;}
.myclass .board_write .audio_file .list .idx{width:47px;}
.myclass .board_write .audio_file .list .btns{width:106px;}
.myclass .board_write .audio_file .list tbody .btns a + a{margin-left:4px;}
.myclass .board_write .audio_file .list tbody .name{padding:5px 0;}
.myclass .board_write .agree{text-align:left;padding-left:40px;}
.myclass .board_write .agree input[type='checkbox'] + label{position:relative;line-height:1.5;}
.myclass .board_write .agree input[type='checkbox'] + label:before{position:absolute;top:0;left:-40px;}
.myclass .board_write .agree input[type='checkbox'] + label a{display:block;}
.myclass .board .btn_box a{width:calc(50% - 8px);height:48px;line-height:46px;}
.myclass .board .btn_box a + a{margin-left:16px;}

/*board_view*/
.myclass .board_view.detail .contents{padding-top:96px;}
.myclass .board_view.detail .info{position:relative;padding:12px 10px;}
.myclass .board_view.detail .info .icon_writer{width:48px;height:48px;margin-right:12px;}
.myclass .board_view.detail .info .writer{font-size:14px;margin:2px 0 4px 0;}
.myclass .board_view.detail .info .info_btn{position:absolute;bottom:-56px;right:0;margin:0;z-index:1;}
.myclass .board_view.detail .info .info_btn > a{line-height:40px;}

/*팝업*/
.myclass .blocker{padding:0 12px;}
.myclass .modal .contents{padding:42px 18px;}
.myclass .modal .contents .tit{font-size:22px;}
.myclass .modal .contents .tit + .txt{font-size:14px;color:#666;}
.myclass .alert .contents{max-width:100%;top:auto;left:auto;transform:none;padding:68px 0 66px;}
.myclass .alert .contents .txt{font-size:18px;margin:0;}
.myclass .modal .btn_box a{width:132px;height:40px;line-height:40px;font-size:16px;}
.myclass .modal .btn_box a + a{margin-left:10px;}
.category_popup .list_box{margin-top:21px;}
.category_popup .list_box .item{padding:0 0 0 6px;}
.category_popup .list_box .item input[type='checkbox'] + label{font-size:14px;}
.category_popup .list_box .item input[type='checkbox'] + label:before{margin-right:5px;margin-top:10px;}
.copyright_popup .policy{height:360px;font-size:15px;margin-top:16px;padding:20px;}

.class_content .banner .swiper-slide {height:64vw;}
.class_content .banner .swiper-slide .pc{display:none;}
.class_content .banner .swiper-slide .mo{display:block;}
.class_content .swiper-button-prev, .class_content .swiper-button-next{display:none;}
.class_content .swiper-pagination{bottom:10px;right:12px;width:56px;height:26px;line-height:26px;font-size:13px;}

/*======================================
	나만의 클래스 - 소개
======================================*/
.myclass .introduce .contents_wrap{padding:0 12px;}
.myclass .introduce article{padding:60px 0;}
.myclass .introduce .pc{display:none;}
.myclass .introduce .mo{display:block;}
.myclass .introduce .classbox{width:90.5px;height:17.5px;}
.myclass .introduce .tit{font-size:22px;line-height:1.2;margin-top:10px;}
.myclass .introduce .tit strong{display:block;}
.myclass .introduce .txt{font-size:12px;margin-top:40px;}
.myclass .introduce .thumb{width:100%;}
.myclass .introduce .intro{padding:0;}
.myclass .introduce .intro .contents_wrap{padding:0;}
.myclass .introduce .intro img{width:100%;}
.myclass .introduce .section1 .thumb{width:273px;margin:60px auto 0;}
.myclass .introduce .section2 .list{text-align:center;padding:0 18px;margin-top:50px;}
.myclass .introduce .section2 .list li{width:calc(33.333% - 14px);margin-right:21px;}
.myclass .introduce .section2 .list li:nth-child(3){margin-right:0;}
.myclass .introduce .section2 .list li:nth-child(n+4){margin-top:28px;}
.myclass .introduce .section2 .list li .icon{width:100%;margin-bottom:15px;}
.myclass .introduce .section2 .list li span{font-size:12px;}
.myclass .introduce .section3 .thumb{margin-top:40px;padding-right:0;}
}

/*==========================================================
	로그인 및 가입하기 팝업 -> 일단 덮어쓰는 형태밖에 답이 없음
==========================================================*/
.popup{position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%!important;background:rgba(0,0,0,.7);border-radius:0;transform:none;margin:0!important;}
.popup .contents{max-height:760px;position:absolute;top:50%;left:50%;font-family:Pretendard!important;transform:translate(-50%,-50%);min-width:600px;background:var(--white);}
.popup .contents .logo{width:220px;margin:0 auto;}
.popup .contents .logo img{width:100%;}
.popup .popTitle{height:auto;line-height:1;font-size:24px;font-weight:600;color:#1f63c9;border:0;}
.popup .popTxt{font-size:16px;color:#666;text-align:center;margin-top:4px;}
.popup .layout{padding:0!important;}
.popup.type1 .contents{border-radius:10px;padding:40px 60px 36px;}
.popup.type2 .contents{border-radius:0;padding:40px 0 0;}
.popup.type3 .contents{min-width:640px;border-radius:0;padding:40px 0 0;}
.popup.type3 .form_box .con_box{position:relative;min-height:290px;padding:0 80px 40px;}
.popup .btn_close{display:block;position:absolute;top:14px;right:14px;width:28px;height:28px;}
.popup .btn_close.type2{top:12px;right:12px;}
.popup .btn_close img{vertical-align:top;width:100%;}
.popup .form_box{margin-top:20px;}
.popup .form_box .item + .item{margin-top:10px;}
.popup .form_box .item.txt + .item{margin-top:20px;}
.popup .form_box .item .tit{font-size:18px;font-weight:600;}
.popup .form_box .item .tit + input{margin-top:8px;}
.popup .form_box .item input{width:100%;height:48px;font-family:Pretendard;font-size:18px;font-weight:500;border-radius:0;border:1px solid #ddd;padding:0 15px;box-sizing:border-box;}
.popup .form_box .item input:focus{background:#E8F2F6;outline:none;}
.popup .form_box .item input.on{background:#E8F2F6;outline:none;}
.popup .form_box .item .link{color:#1f63c9;text-decoration:underline;}
.popup .form_box .autoLogin{margin-top:16px;}
.popup .form_box .autoLogin:after{content:"";display:block;clear:both;}
.popup .form_box .autoLogin .auto{width:auto;height:auto;background:transparent;font-size:16px;color:#999;line-height:20px;vertical-align:top;}
.popup .form_box .autoLogin .auto:before{content:"";display:inline-block;width:20px;height:20px;background:url("../img/common/icon_checkbox_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:1px;margin-right:8px;}
.popup .form_box .autoLogin .auto.checkImg_on:before{background-image:url("../img/common/icon_checkbox_on.png");}
.popup .form_box .autoLogin .find{font-size:16px;color:#999;}
.popup .form_box .autoLogin .find a{vertical-align:top;border:0;}
.popup .form_box .autoLogin .find a+a{margin-left:40px;}
.popup .form_box .submitArea{margin-top:40px;}
.popup .form_box .submit,
.popup .form_box input[type='button'],
.popup .form_box label[type='button']{height:48px;line-height:48px;font-size:18px;border-radius:0;padding:0;}
.popup .form_box .memjoin{height:48px;line-height:48px;font-size:18px;border-radius:0;border-color:#ddd;}
.popup .form_box .memjoin:hover{color:#000;}
.popup .form_box .sns{text-align:center;font-size:0;margin-top:20px;}
.popup .form_box .sns a{display:inline-block;}
.popup .form_box .sns a + a{margin-left:36px;}
.popup .form_box .sns a span{display:block;font-size:14px;color:#999;}
.popup .form_box .sns a span:before{content:"";display:block;width:60px;height:60px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;margin:0 auto 4px;}
.popup .form_box .sns .kakao span:before{background-image:url("../img/common/sns_kakao.png");}
.popup .form_box .sns .naver span:before{background-image:url("../img/common/sns_naver.png");}
.popup .form_box .sns .google span:before{background-image:url("../img/common/sns_google.png");}
.popup .form_box #f_tel{width:calc(100% - 120px)!important;}
.popup .form_box .input_btn{display:flex;}
.popup .form_box .input_btn input{width:100%;}
.popup .form_box .input_btn .btn{display:block;width:auto!important;font-size:16px;border-left:0;background:#F5F5F5;color:#000!important;padding:0!important;padding:0 20px!important;}
.popup .form_box .input_btn .btn:focus{background:#F5F5F5;}
.popup .form_box .time{font-size:14px;color:#999;margin-top:10px;}
.popup .form_box .noti_box{padding:0 40px;}
.popup .form_box .noti{position:absolute;left:80px;bottom:40px;height:40px;line-height:40px;text-align:left;font-size:14px;color:#5C5C5C;background:#FEF7F3;border-radius:8px;padding:0 16px;word-break:keep-all;}
.popup .form_box .noti.basic{position:static;}
.popup .form_box .noti span:before{content:"";display:inline-block;width:18px;height:18px;background:url("../img/common/icon_noti.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:1px 6px 0 0;}
.popup .form_box .noti.type2{position:relative;left:auto;bottom:auto;height:auto;line-height:1.4;color:#666;padding:10px 15px;margin-top:18px;}
.popup .form_box .noti.type2:before{position:absolute;top:-15px;left:10px;content:"";display:block;width:23px;height:20px;background:url("../img/common/icon_noti_before.png") 0 0 / 100% 100% no-repeat;}
.popup .form_box .noti.type2 span{position:relative;padding-left:24px;}
.popup .form_box .noti.type2 span:before{position:absolute;top:0;left:0;}
.popup .btn_box.row{height:80px;text-align:center;font-size:0;background:#1f63c9;padding:19px 0;}
.popup .btn_box.row .btn{display:inline-block;width:208px;height:42px;line-height:40px;font-size:18px;font-weight:600;color:#000;text-align:center;border-radius:6px;}
.popup .btn_box.row .btn + .btn{margin-left:16px;}
.popup .btn_box.col .btn{display:block;width:100%;height:48px;line-height:48px;font-size:18px;font-weight:600;border-radius:0;text-align:center;}
.popup .btn_box.col .btn + .btn{margin-top:10px;}
.popup .btn_box input[type='submit']{font-family:Pretendard;}
.popup .btn_box .btn:hover{color:#000;}
.popup .btn_box .btn.disabled{opacity:.5;touch-action:none;cursor:default;}
.popup .btn_box .white{background:var(--white);border:1px solid #ddd;}
.popup .btn_box .blue{background:#1f63c9!important;color:var(--white)!important;}
.popup .btn_box .black{background:#000;color:var(--white)!important;}
.popup .btn_box .black:disabled{background:#E2E2E2;color:#ABABAB!important;}
.popup .btn_box .bo0{border:0;}

.alert .contents{min-width:315px;border-radius:6px;padding:26px 18px 18px 30px;}
.alert .tit{font-size:18px;font-weight:500;color:#222; line-height:1.4;word-break:keep-all;}
.alert .txt{font-size:14px;color:#666;margin-top:10px;}
.alert .btn_box{text-align:right;font-size:0;margin-top:45px;}
.alert .btn_box a{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#4c4c4c;text-align:center;border-radius:4px;background:#F6F8F9;padding:0 20px;}
.alert .btn_box a + a{margin-left:8px;}
.alert .btn_box a:nth-child(2){color:var(--white);background:#1f63c9;}
.alert .btn_box .btn{color:var(--white);background:#1f63c9;padding:0 50px;}
.alert .btn_box .btn:hover{color:var(--white);}
.alert .btn_box a.grey{color:#4c4c4c;background:#F6F8F9;}
.alert .btn_box a.blue{color:var(--white);background:#1f63c9;}
.popup.join .form_box{margin-top:30px;}
.popup.join .form_box .con_box{max-height:590px;overflow-y:auto;padding:0 60px 30px;}
.popup.join .form_box .item input{font-size:16px;color:#999;padding:0 18px;margin:0;}
.popup.join .form_box .item + .item{margin-top:10px;}
.popup.join .form_box .item:after{content:"";display:block;clear:both;}
.popup.join .form_box .txt{font-size:14px;color:#999;line-height:1.4;margin-top:8px!important;}
.popup.join .form_box .txt + .item{margin-top:20px;}
.popup.join .form_box .txt strong{color:#000;font-weight:600;}
.popup.join .form_box h3{font-family:Pretendard;font-size:18px;font-weight:700;margin-top:40px;}
.popup.join .form_box h3 + .item{margin-top:8px;}
.popup.join .form_box select{font-family:Pretendard;font-size:16px;font-weight:600;color:#000;height:48px;appearance:none;-webkit-appearance:none;border-radius:0;border:1px solid #ddd;background:var(--white) url("../img/common/icon_down_3.png") 97% 50% / 16px 12px no-repeat;padding:0 18px;}
.popup.join .form_box select::-ms-expand{display:none;}
.popup.join .agree_box{border:1px solid #ddd;margin-top:40px;padding:0;}
.popup.join .agree_box a{display:block;width:100%;}
.popup.join .agree_box a:hover{color:#000;}
.popup.join .agree_box .checkImg{width:100%;height:auto;background:transparent;}
.popup.join .agree_all{height:40px;line-height:40px;border-bottom:1px solid #ddd;padding:0 20px;}
.popup.join .agree_all a span{display:block;line-height:40px;font-size:16px;color:#999;font-weight:500;}
.popup.join .agree_all a span:before{content:"";display:inline-block;width:24px;height:24px;background:url("../img/common/icon_radio_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:8px;margin-right:8px;}
.popup.join .agree_all a.checkImg_on{height:auto;background:transparent;}
.popup.join .agree_all a.checkImg_on span:before{background-image:url("../img/common/icon_radio_on.png");}
.popup.join .agree:after{content:"";display:block;clear:both;}
.popup.join .agree_list{padding:6px 20px;}
.popup.join .agree_list .agree{height:40px;}
.popup.join .agree_list .agree + .agree{border-top:1px dashed #ddd;}
.popup.join .agree_list .agree a span{display:block;line-height:40px;font-size:14px;color:#999;font-weight:500;}
.popup.join .agree_list .agree a span:before{content:"";display:inline-block;width:20px;height:20px;background:url("../img/common/icon_checkbox_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:10px;margin-right:8px;}
.popup.join .agree_list .agree a.checkImg_on{height:auto;background:transparent;}
.popup.join .agree_list .agree a.checkImg_on span:before{background-image:url("../img/common/icon_checkbox_on.png");}
.popup.join .agree_list .agree .fr{padding:0;}
.popup.join .agree_list .agree .fr a{display:block;line-height:40px;font-size:14px;color:#006CB8;font-weight:500;}
.popup.join .agree_list .agree .fr a:after{content:"";display:inline-block;width:6px;height:11px;background:url("../img/common/icon_right_4.png") 0 0 / 100% 100% no-repeat;margin-left:4px;}
#pop_login .form_box .item + .item{margin-top:20px;}
#pop_login_sns .contents{padding:40px 60px 124px;}
#pop_login_sns .con_box{text-align:center;margin-top:60px;}
#pop_login_sns .txt{font-size:28px;color:#1f63c9;font-weight:500;}
#pop_login_sns .btn_box{margin-top:20px;}
#pop_login_sns_1 .contents{padding:40px 60px 198px;}
#pop_register_teacher .readingoceans{max-width:524px;width:100%;margin:20px auto;}
#pop_register_teacher .readingoceans img{width:100%;}
#pop_register_teacher .submitArea{text-align:center;font-size:0;}
#pop_register_teacher .new{display:inline-block;width:220px;height:80px;line-height:1.3;font-size:20px;border-radius:6px;white-space:initial;word-break:keep-all;background:#006CB8;}
#pop_register_teacher .new + .new{margin-left:20px;background:#F28421;}

.popup.bizinfo .contents{width:640px;}
.popup.bizinfo .con{width:100%;height:auto;line-height:1;border:0;font-weight:400;}
.popup.bizinfo .con:nth-child(n+2){margin-top:60px;}
.popup.bizinfo .form_box{margin-top:30px;}
.popup.bizinfo .form_box .con_box{height:600px;overflow-y:auto;padding:0 40px 30px;}
.popup.bizinfo .form_box .item input{font-size:16px;color:#999;padding:0 18px;margin:0;}
.popup.bizinfo .imp{font-size:12px;color:#f28421;}
.popup.bizinfo .con_tit{font-family:Pretendard;height:48px;font-size:18px;line-height:48px;text-align:left;font-weight:bold;color:#000;background:#F5F5F5;border-radius:8px;padding:0 16px;}
.popup.bizinfo .con_tit span:before{content:"";display:inline-block;width:16px;height:16px;border:5px solid #006cb8;border-radius:50%;box-sizing:border-box;margin-right:4px;vertical-align:-1px;}
.popup.bizinfo .item_box{padding:0 40px;}
.popup.bizinfo .item{margin-top:20px!important;}
.popup.bizinfo .item .tit{font-size:16px;color:#444;display:block;text-align:left!important;}
.popup.bizinfo .item input,.popup.bizinfo .item .input_btn{margin-top:8px!important;}
.popup.bizinfo .item input:disabled{background:#f5f5f5;}
.popup.bizinfo .item .input_btn input{margin-top:0!important;}
.popup.bizinfo .item .input_btn label[type='button']{min-width:100px;border:1px solid #ddd;border-left:0;font-weight:500;}
.popup.bizinfo .start_box .box{border:1px solid #ccc;border-top:2px solid var(--main-color);}
.popup.bizinfo .start_box .tit{font-size:18px;font-weight:normal;background:#F5F5F5;padding:11px;letter-spacing:-0.09px;}
.popup.bizinfo .start_box .tit strong{color:#1f63c9;}
.popup.bizinfo .start_box .txt_box{padding:30px;}
.popup.bizinfo .start_box .txt{display:block;font-size:22px;font-weight:500;}
.popup.bizinfo .start_box .txt strong{color:#F28421;}
.popup.bizinfo .start_box .date_box{border:0;padding:0;margin-top:15px;}
.popup.bizinfo .start_box .date_box label{display:inline-block;width:220px;height:48px;line-height:48px;font-weight:normal;font-size:16px;color:var(--white);border-radius:24px;background:#000;}
.popup.bizinfo .start_box .date_box label:after{width:0;height:0;border:0;margin:0;}
.popup.bizinfo .start_box .date_box label span:before{content:"";display:inline-block;width:22px;height:22px;background:url("../img/common/icon_date.png") 0 0 / 100% 100% no-repeat;margin-right:4px;vertical-align:-3px;}
.popup.bizinfo .kakao .txt{font-size:18px;color:#000;}
.popup.bizinfo .kakao .step{margin-top:15px;font-size:0;}
.popup.bizinfo .kakao .step li{position:relative;display:inline-block;width:calc(33.333% - 6.666px);height:140px;vertical-align:top;border:1px solid #ccc;border-radius:8px;padding:20px 10px;}
.popup.bizinfo .kakao .step li + li{margin-left:10px;}
.popup.bizinfo .kakao .step li + li:before{position:absolute;top:calc(50% - 9px);left:-28px;content:"";display:block;width:32px;height:18px;background:url("../img/common/icon_right_5.png") 0 0 / 100% 100% no-repeat;}
.popup.bizinfo .kakao .step h4{font-family:Pretendard;font-size:14px;color:#1f63c9;font-weight:bold;}
.popup.bizinfo .kakao .step span{font-size:14px;color:#666;line-height:1.4;margin-top:10px;}

#pop_register_type .contents{min-width:640px;padding:40px 30px 80px;}
#pop_register_type .type{margin-top:37px;font-size:0;}
#pop_register_type .type .item{display:inline-block;width:calc(50% - 10px);height:180px;text-align:center;background:#F5F5F5;vertical-align:top;padding:20px 10px;}
#pop_register_type .type .item + .item{margin-left:20px;}
#pop_register_type .type .item h3{font-family:Pretendard;font-size:18px;color:#666;font-weight:400;margin-bottom:25px;}
#pop_register_type .type .item:nth-child(2) h3{margin-bottom:30px;}
#pop_register_type .type .item .logo{width:162px;}
#pop_register_type .type .item .logo img{width:100%;}
#pop_register_type .type .btn_register{display:block;width:180px;height:36px;line-height:32px;font-size:16px;color:var(--white);font-weight:500;background:#1f63c9;margin:14px auto 0;}
#pop_register_type .sns{text-align:center;font-size:0;}
#pop_register_type .sns a{display:inline-block;width:60px;height:60px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;}
#pop_register_type .sns a + a{margin-left:20px;}
#pop_register_type .sns .kakao{background-image:url("../img/common/sns_kakao.png");}
#pop_register_type .sns .naver{background-image:url("../img/common/sns_naver.png");}
#pop_register_type .sns .google{background-image:url("../img/common/sns_google.png");}

/*환불 정책*/
.refund_policy .contents{width:640px;}
.refund_policy .con_box{height:570px;font-size:14px;line-height:1.4;color:#666;overflow-y:auto;margin-top:32px;padding:0 50px 62px;}
.refund_policy span{display:block;}
.refund_policy h3{font-family:Pretendard;font-weight:600;color:#333;margin-top:30px;}
.refund_policy table{width:100%;border-spacing:0;border-collapse:collapse;margin-top:10px;}
.refund_policy table thead th{background:#f5f5f5;border-top:2px solid #000;}
.refund_policy table th, .refund_policy table td{height:41px;border:1px solid #ccc;text-align:center;padding:0 10px;}
.refund_policy table tr td:first-child{text-align:left;}
.refund_policy table + ul{margin-top:10px;}
.refund_policy ul{margin-top:6px;}
.refund_policy ul li{position:relative;padding-left:12px;}
.refund_policy ul li:before{position:absolute;top:7px;left:0;content:"";display:block;width:6px;height:6px;border-radius:50%;background:#1f63c9;}
.refund_policy .imp{font-size:12px;color:#e9470d;margin-top:10px;}

@media screen and (max-width:767px){
.popup{background:var(--white);}
.popup .contents{min-width:100%;height:100%;max-height:100%;width:100%;top:0;left:0;transform:none;}
.popup.type1 .contents{border-radius:0;padding:60px 40px;}
.popup.type3 .contents{min-width:100%;}
.popup.type3 .form_box .con_box{min-height:260px;padding:0 40px 40px;}
.popup.type3 .form_box .input_btn .btn{width:100px;}
.popup.type3 .form_box .input_btn input{width:calc(100% - 100px);}
.popup .contents .logo{width:176px;}
.popup .popTitle{font-size:18px;line-height:1.4;}
.popup .popTxt{margin-top:5px;font-size:14px;}
.popup .btn_close.type2{top:6px;right:6px;width:23px;height:23px;}
.popup .form_box{position:relative;margin-top:28px;}
.popup .form_box .item .tit{font-size:16px;}
.popup .form_box .item input,.popup .form_box .item label[type='button']{height:40px;line-height:40px;font-size:14px;}
.popup .form_box .input_btn .btn,.popup .form_box .item label[type='button']{font-size:14px;padding:0 13px!important;}
.popup .form_box .autoLogin{margin-top:10px!important;}
.popup .form_box .autoLogin .fl{float:none;}
.popup .form_box .autoLogin .fr{float:none;}
.popup .form_box .autoLogin .find{text-align:center;margin-top:30px;}
.popup .form_box .submitArea{margin-top:10px;}
.popup .form_box .submit{height:40px;line-height:40px;}
.popup .form_box .memjoin{height:40px;line-height:40px;}
.popup .form_box .sns a{max-width:52px;text-align:center;}
.popup .form_box .sns a + a{margin-left:40px;}
.popup .form_box .sns a span{line-height:1.4;}
.popup .form_box .sns a span:before{width:52px;height:52px;}
.popup .form_box #f_tel{width:calc(100% - 100px)!important;}
.popup .form_box .time{font-size:12px;}
.popup .form_box .noti_box{padding:0 24px;}
.popup .form_box .noti{left:40px;width:calc(100% - 80px);height:auto;line-height:1.3;padding:13px;}
.popup .form_box .noti span{position:relative;padding-left:24px;}
.popup .form_box .noti span:before{position:absolute;top:1px;left:0;margin:0;}
.popup .form_box .noti.type2{width:100%;padding:12px 13px;}
.popup .btn_box.col .btn{height:40px;line-height:40px;}
.popup .btn_box.row{position:fixed;bottom:0;left:0;width:100%;padding:19px 12px;}
.popup .btn_box.row .btn{width:calc(50% - 8px);}

.alert{background:rgba(0,0,0,.7);}
.alert .contents{min-width:245px;width:auto;max-width:90%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 10px 10px 20px;word-break:keep-all;}
.alert .tit{font-size:15px;}
.alert .txt{font-size:12px;margin-top:8px;}
.alert .btn_box{margin-top:23px;}
.alert .btn_box a{height:36px;line-height:36px;font-size:12px;border-radius:2px;padding:0 10px;}
.alert .btn_box a + a{margin-left:6px;}
.alert .btn_box .btn{padding:0 23px;}

.popup.join .form_box{margin-top:20px;padding-bottom:80px;}
.popup.join .form_box .con_box{max-height:100%;height:auto;padding:0 38px 30px;}
.popup.join .form_box .item input{font-size:14px;padding:0 10px;}
.popup.join .form_box .txt{font-size:12px;margin-top:10px!important;}
.popup.join .form_box h3{margin-top:34px;}
.popup.join .form_box select{height:40px;font-size:14px;padding:0 8px;}
.popup.join .agree_list .agree{height:auto;padding:10px 0 10px 28px;}
.popup.join .agree_list .agree a span{position:relative;line-height:1.7;word-break:keep-all;}
.popup.join .agree_list .agree a span:before{position:absolute;top:2px;left:-28px;margin:0;}
.popup.join .agree_list .agree .fl{float:none;}
.popup.join .agree_list .agree .fr{float:none;display:block;}
.popup.join .agree_list .agree .fr a{line-height:1.7;}
#pop_login_sns .contents{padding:60px 40px;}
#pop_login_sns .con_box{margin-top:47px;}
#pop_login_sns .txt{font-size:18px;}
#pop_login_sns_1 .contents{padding:60px 40px;}
#pop_register_teacher .contents{padding:40px 16px;}
#pop_register_teacher .new{width:calc(50% - 6px);height:100px;padding:0 10px;letter-spacing:-1px;}
#pop_register_teacher .new + .new{margin-left:12px;}
#pop_register_type .contents{min-width:100%;}
#pop_register_type .type{margin-top:20px;}
#pop_register_type .type .item{display:block;width:100%;}
#pop_register_type .type .item + .item{margin-left:0;margin-top:20px;}

.popup.bizinfo .contents{width:100%;}
.popup.bizinfo .con:nth-child(n+2){margin-top:40px;}
.popup.bizinfo .form_box{margin-top:19px;}
.popup.bizinfo .form_box .con_box{height:auto;padding:0 16px 100px;}
.popup.bizinfo .item_box{padding:0 24px;}
.popup.bizinfo .item .tit{font-size:15px;}
.popup.bizinfo .form_box .item input{font-size:14px;}
.popup.bizinfo .item .input_btn label[type='button']{min-width:80px;}
.popup.bizinfo .start_box .tit{font-size:14px;line-height:1.4;padding:8px;}
.popup.bizinfo .start_box .txt_box{padding:17px 0 23px;}
.popup.bizinfo .start_box .txt{font-size:14px;line-height:1.4;}
.popup.bizinfo .start_box .date_box{margin-top:10px;}
.popup.bizinfo .start_box .date_box label{width:200px;height:40px;line-height:38px;}
.popup.bizinfo .start_box .date_box label span:before{vertical-align:-4px;}
.popup.bizinfo .kakao .txt{font-size:16px;}
.popup.bizinfo .kakao .step{margin-top:20px;}
.popup.bizinfo .kakao .step li{width:calc(33.333% - 5.333px);padding:12px 7px;word-break:keep-all;}
.popup.bizinfo .kakao .step li + li{margin-left:8px;}
.popup.bizinfo .kakao .step li + li:before{top:10px;left:-25px;}
.popup.bizinfo .kakao .step li span br{display:none;}
.popup.bizinfo .kakao .step li:nth-child(2){padding:12px;}

.refund_policy .contents{overflow-y:auto;}
.refund_policy .con_box{height:auto;margin-top:27px;padding:0 16px 140px;}
.refund_policy table th, .refund_policy table td{padding:10px;}
}

/*======================================
	마이페이지 결제내역 덮어쓰기
======================================*/
.inp_payment .inp-box{margin:20px 0 30px;font-family: Pretendard;}
.inp_payment .inp-box input[type="text"]{width:130px;font-family: Pretendard;}
.inp_payment .inp-box .btn-type1{margin-left:8px;font-family: Pretendard;}
.online.subContents.list_new{max-width:none;width:100%;background:#F6F8F9;padding:30px 0 70px;font-family: Pretendard;}
.online.subContents.list_new .list>li:not(:last-child){margin-bottom:30px}
.online.subContents.list_new .list .detail{margin-top:10px;}
.online.subContents.list_new .list .info{display:flex;justify-content:space-between;align-items:center;}
.online.subContents.list_new .list .order_num{font-size:16px;font-weight:500;color:#222;}
.online.subContents.list_new .list .order_num span{color:#1f63c9;}
.online.subContents.list_new .list .state{font-size:14px;}
.online.subContents.list_new .list .state.complete{color:#1f63c9;}
.online.subContents.list_new .list .state.cancel{color:#FF3946;}
.online.subContents.list_new .list .cancel_date{color:#FF3946;}
.online.subContents.list_new .list .pc .detail{background:var(--white);border-radius:12px;padding:0 20px;}
.online.subContents.list_new .list .pc table{width:100%;text-align:center;border-spacing:0;border-collapse:collapse;}
.online.subContents.list_new .list .pc th{font-size:16px;color:#5c5c5c;font-weight:400;padding:10px;background:none;line-height: 1.2;}
.online.subContents.list_new .list .pc th.t_l{text-align:left}
.online.subContents.list_new .list .pc td{height:auto;font-size:16px;color:#222;font-weight:400;line-height:1.4;border:none;border-top:1px solid #DEE1E3;padding:20px 10px;word-break:keep-all}
.online.subContents.list_new .list .pc td.t_l{text-align:left}
.online.subContents.list_new .list .pc td .cancel_date{display:block;}
.online.subContents.list_new .list .pc td .btn{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;color:var(--white);border-radius:4px;background:#3E3F40;}
.online.subContents.list_new .list .btn_select{display:flex;justify-content:center;width:100%;min-width:90px;min-height:40px;font-size:16px;color:#1f63c9;text-align:left;border-radius:4px;border:1px solid var(--main-color);padding:0 18px;}
.online.subContents.list_new .list .btn_select span{display:flex;align-items:center;text-align: center;word-break: keep-all;}
.online.subContents.list_new .list .mo .box{background:var(--white);border-radius:10px;}
.online.subContents.list_new .list .mo .info{border-bottom:1px solid #DEE1E3;}
.online.subContents.list_new .list .mo .detail .item{display:flex;justify-content:space-between;flex: 1 auto;}
.online.subContents.list_new .list .mo .detail .item + .item{margin-top:12px;}
.online.subContents.list_new .list .mo .detail .tit{width:40%;color:#5c5c5c;font-size:16px}
.online.subContents.list_new .list .mo .detail .txt{color:#222;text-align:right;font-size:16px}
.online.subContents.list_new .list .mo .btn{display:block;text-align:center;color:var(--white);background:#3e3f40;}
.online.subContents.list_new .list .list_none{text-align:center;font-size:22px;text-align:center;padding:100px 0;}

@media screen and (max-width:1530px){
	.s_contents_wrap.inp_payment{width:90%}
	.online.subContents.list_new .s_contents_wrap{width:90%}
	.online.subContents.list_new .list .btn_select{min-width:0;padding:4px}
}

@media screen and (max-width:1100px) {
	.online.subContents.list_new .list .pc th{font-size:14px}
	.online.subContents.list_new .list .pc td{font-size:14px}
	.online.subContents.list_new .list .btn_select>span{font-size:14px}
}

@media screen and (max-width:1000px) {
	.online.subContents.list_new .list .pc{display:none}
	.online.subContents.list_new .list .mo{display:block}
	.s_contents_wrap.inp_payment{width:100%;padding:0 15px}
	.online.subContents.list_new .s_contents_wrap{width:100%;padding:0 15px}
	.online.subContents.list_new .list .mo .box{padding:20px}
	.online.subContents.list_new .list .mo .info{padding-bottom:18px}
}

@media (min-width:850px) and (max-width:1000px) {
	.online.subContents.list_new{margin:0}
}
@media (min-width:460px) and (max-width:850px) {
	.online.subContents.list_new{margin:0}
}
@media screen and (max-width:767px) {
	.inp_payment .inp-box{margin:15px 0}
	.inp_payment .inp-box input[type="text"]{width:103px;height:36px;font-size:13px;padding:0 12px;}
	.inp_payment .inp-box .btn-type1{height:36px;line-height:34px;font-size:12px;border-radius:3px;padding:0 12px;margin-left:5px}
}
@media (max-width:460px) {
	.online.subContents.list_new{margin:0}
}


/* 회원가입 리뉴얼 */
/* 공통목록 */
.new_common .btn1{display:flex;align-items: center;justify-content: center;width:100%;height:60px;padding:0 20px;background:#1f63c9;border:none;border-radius: 4px;color:var(--white);font-size:18px;font-weight: 700;font-family: Pretendard;text-align: center;cursor:pointer;}
.new_common .btn1:hover{background:#004aba;}
.new_common .btn1.disabled{background:#ccc;color:var(--white)}
.new_common .btn1:disabled{background:#ccc}
.new_common .btn2{display:flex;align-items: center;justify-content: center;width:100%;height:60px;padding:0 20px;border: 1px solid var(--main-color);border-radius: 4px;color: var(--main-color);font-size:18px;font-weight: 700;font-family: Pretendard;text-align: center;background:var(--white);overflow: hidden;cursor:pointer;}
.new_common .btn2:hover{border:1px solid #004aba;color:#004aba}
.new_common .point1{color:#1f63c9 !important;}
.new_common .point2{color:#616161 !important;}
.new_common .fw600{font-weight: 600 !important;}
.new_common .input1{width:100%;height:60px;padding:0 20px;background:#f4f5f7;color:#1B1B1B;border:1px solid #f4f5f7;border-radius: 4px;font-family: Pretendard;font-size:16px;box-sizing: border-box;}
.new_common .input1::placeholder{color:#919191;font-size:16px;font-weight: 500;font-family: Pretendard;}
.new_common .input1[type="text"]:focus, .new_common .input1[type="password"]:focus{background:var(--white);border:1px solid #1B1B1B}
.new_common .input1[type="text"]:read-only, .new_common .input1[type="password"]:read-only,.new_common .input1[type="text"]:disabled .new_common .input1[type="password"]:disabled{background:#ccc !important;border:1px solid #ccc !important}
.new_common .flex_btns{display:flex;gap:0 10px;}
.new_common .select1{width:200px;height:60px;padding:0 32px 0 20px;border:1px solid #ccc;border-radius: 4px;background:url('/img/common/icon_arrow2.png') no-repeat right 20px center;font-size:16px;font-family: Pretendard;-webkit-appearance:none;-moz-appearance:none; -o-appearance:none; appearance:none;color:#1b1b1b}
.new_common .select2{height:40px;padding:0 40px 0 16px;border:1px solid #1b1b1b;border-radius: 4px;background:url('/img/common/icon_arrow4.png') no-repeat right 14px center;font-size:14px;font-weight: 500;font-family: Pretendard;-webkit-appearance:none;-moz-appearance:none; -o-appearance:none; appearance:none;color:#1b1b1b}
.checkbox-wrap{display:flex;flex-wrap: wrap;gap:8px 10px;align-items: center;}
.checkbox-wrap.center{justify-content: center;}
.checkbox-wrap input[type="checkbox"]{display:none;width:0;height:0;overflow: hidden;visibility: hidden;}
.checkbox-wrap input[type="checkbox"] + label{position:relative;display:block;width:20px;height:20px;border:1px solid #919191;border-radius:4px;background-color:var(--white)}
.checkbox-wrap input[type="checkbox"] + label::after{content:"";display:none;position:absolute;top:0;left:0;width:20px;height:20px;background-image: url(/img/common/icon_chk_on.png);}
.checkbox-wrap input[type="checkbox"]:checked  + label{border:none}
.checkbox-wrap input[type="checkbox"]:checked + label::after{display:block}
.radio-wrap {display:flex;align-items:center;gap: 0 30px;width: 100%;}
.radio-area{display:flex;align-items:center;flex-grow: 0;flex-shrink: 1;}
.radio-area input[type="radio"]{display:none;width:0;height:0;overflow: hidden;visibility: hidden;}
.radio-area .radio-box {display: block; width: 20px; height: 20px; border: 2px solid var(--gray); border-radius: 50%; background: var(--white);flex-shrink: 0;}
.radio-area .radio-box + span:not(:empty) {padding-left: 5px; color: var(--gray); font-size: var(--sub-text); line-height: 150%;}
.radio-area.checked input[type="radio"] + .radio-box, .radio-area input[type="radio"]:checked + .radio-box {position: relative; border: 2px solid var(--main-color);}
.radio-area.checked input[type="radio"] + .radio-box + span, .radio-area input[type="radio"]:checked + .radio-box + span {color: var(--black);}
.radio-area.checked input[type="radio"] + .radio-box::after, .radio-area input[type="radio"]:checked + .radio-box::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: var(--main-color); border-radius: 50%; transform: translate(-50%, -50%);}


.form_member{padding:80px 20px;text-align: center;font-family: Pretendard;}
.form_member.join_step1 .tit_area{margin-bottom:44px}
.form_member .tit{color: #1B1B1B;font-size: 32px;font-weight: 700;line-height: 150%;word-break: keep-all;}
.form_member .tit_sub{margin-top:13px;color: #919191;font-size: 18px;font-weight: 500;line-height: 150%;word-break: keep-all;}
.form_member.join_step1 .contents{width:360px;margin:44px auto 0 auto}
.form_member .contents .btn_register{display:flex;align-items:center;justify-content:center;width:100%;height:60px;padding:0 30px;background:#ccc;border-radius: 4px;color:var(--white);font-size:18px;font-weight: 700;}
.form_member .contents .or{position:relative;margin:35px 0;color:#919191;font-size:14px;}
.form_member .contents .or::before{content:"";display:block;position:absolute;top:50%;left:0;width:calc(50% - 20px);height:2px;background:#e5e5e5}
.form_member .contents .or::after{content:"";display:block;position:absolute;top:50%;right:0;width:calc(50% - 20px);height:2px;background:#e5e5e5}
.form_member .sns ._aplitude_clicked_{display:flex;align-items: center;justify-content: center;width:100%;height:60px;padding:0 20px;border-radius: 4px;text-align: center;}
.form_member .sns ._aplitude_clicked_:not(:last-of-type){margin-bottom:10px}
.form_member .sns ._aplitude_clicked_ .txt{display:flex;align-items: center;justify-content: center;font-size:18px;font-weight: 700;}
.form_member .sns ._aplitude_clicked_ .txt::before{content:"";display:inline-block;margin-right:8px}
.form_member .sns .kakao{background:#F7E600;color:#391B1B;}
.form_member .sns .kakao .txt{color:#391b1b}
.form_member .sns .kakao .txt::before{width:22px;height:22px;background:url(/img/common/sns_kakao.png) center / 22px auto no-repeat}
.form_member .sns .naver{background:#43C63A;}
.form_member .sns .naver .txt{color:var(--white);}
.form_member .sns .naver .txt::before{width:20px;height:22px;background:url(/img/common/sns_naver.png) center / 20px auto no-repeat}
.form_member .sns .google{background:var(--white);border:1px solid #CCC;}
.form_member .sns .google .txt{color:#919191;}
.form_member .sns .google .txt::before{width:19px;height:22px;background:url(/img/common/sns_google.png) center / 19px auto no-repeat}
.form_member .already{margin-top:18px}
.form_member .already .txt{color:#919191;font-size:18px;font-weight: 600;}
.form_member .already .txt .login{margin-left:5px;color:#616161;font-size:18px;font-weight: 600;}

.form_member.join_step2 .tit_area{margin-bottom:44px}
.form_member #member_div{width:480px;margin:0 auto}
.form_member #member_div .item:not(:last-child){margin-bottom:25px}
.form_member #member_div .item_tit_area{margin-bottom:16px;text-align: left;}
.form_member #member_div .item_tit_area .item_tit{position:relative;display:inline-block;color:#1b1b1b;font-size:16px;font-weight: 700;}
.form_member #member_div .item_tit_area .item_tit.essential::after{content:"";display:block;position:absolute;top:-8px;right:-8px;width:8px;height:8px;background:url(/img/common/icon_essential.png) center / 8px auto no-repeat}

.form_member .input_btn{display:flex;gap:0 6px}
.form_member .input_btn .fr{width:158px;flex-shrink: 0;}
.form_member .input_btn .fr:disabled{background:#ccc}
.form_member #member_div .password_confirm{margin-top:14px}
.form_member #member_div .docu.txt{margin-top:8px;text-align: left;}
.form_member #member_div #global_country_error{text-align: left;padding:0;margin-top:4px;}
.form_member #member_div .global_tel{margin-top:14px}

.form_member #member_div .radio-wrap{display:flex;flex-wrap: wrap;}
.form_member #member_div .radio-area{display:flex;align-items: center;margin-bottom:5px}
.form_member #member_div .radio-wrap.global_job .radio-area{width:auto}
.form_member #member_div .radio-wrap.global_job .radio-area:not(:last-child){margin-right:16px}
.form_member #member_div .radio-area input[type="radio"]{display:none;width:0;height:0;overflow: hidden;visibility: hidden;}
.form_member #member_div .radio-area .radio-box{display: block;width: 20px;height: 20px;border: 2px solid #919191;border-radius: 50%;background: var(--white);flex-shrink: 0;}
.form_member #member_div .radio-area .radio-box + span:not(:empty){padding-left: 8px;color: #919191;font-size: 16px;line-height: 150%;}
.form_member #member_div .radio-area.checked input[type="radio"] + .radio-box,
.form_member #member_div .radio-area input[type="radio"]:checked + .radio-box{position: relative;border: 2px solid var(--main-color);}
.form_member #member_div .radio-area.checked input[type="radio"] + .radio-box + span,
.form_member #member_div .radio-area input[type="radio"]:checked + .radio-box + span {color: #000;}
.form_member #member_div .radio-area.checked input[type="radio"] + .radio-box::after,
.form_member #member_div .radio-area input[type="radio"]:checked + .radio-box::after{content: '';display: block;position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background-color: var(--main-color);border-radius: 50%;transform: translate(-50%, -50%);}

.form_member #member_div .agree_box{border:1px solid #CCC;border-radius: 4px;padding:0;text-align: left;}
.form_member #member_div .agree_box a{display:block;width:100%;}
.form_member #member_div .agree_box a:hover{color:#000;}
.form_member #member_div .agree_box .checkImg{width:100%;height:auto;background:transparent;}
.form_member #member_div .agree_all{position:relative;padding:20px 40px 20px 20px;}
.form_member #member_div .agree_all a span{display:block;font-size:16px;color:#919191;font-weight:500;}
.form_member #member_div .agree_all a span:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_chk_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:12px;}
.form_member #member_div .agree_all a.checkImg_on{height:auto;background:transparent;}
.form_member #member_div .agree_all a.checkImg_on span:before{background-image:url("/img/common/icon_chk_on.png");}
.form_member #member_div .agree_all .btn_toggle{position:absolute;top:50%;right:22px;transform: translateY(-50%);width:16px;height:12px;background:url("/img/common/icon_arrow1.png") no-repeat;transition:.3s}
.form_member #member_div .agree_all .btn_toggle.on{transform: translateY(-50%) rotate(180deg);}
.form_member #member_div .agree:after{content:"";display:block;clear:both;}
.form_member #member_div .agree_list .agree{padding:20px 17px 20px 20px;border-top:1px solid #eee;}
.form_member #member_div .agree_list .agree label>span{display: contents;font-size:16px;color:#919191;font-weight:500;word-break: keep-all;/* width: 100%; */}
.form_member #member_div .agree_list .agree label>input:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_chk_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:0;margin-right:8px;}
.form_member #member_div .agree_list .agree label span.essential{position:relative;}
.form_member #member_div .agree_list .agree label span.essential::after{content:"";display:block;position:absolute;top:-8px;right:-7px;width:8px;height:8px;background:url(/img/common/icon_essential.png) center / 8px auto no-repeat}
.form_member #member_div .agree_list .agree label.checkImg_on{height:auto;background:transparent;}
.form_member #member_div .agree_list .agree label.checkImg_on>input:before{background-image:url("/img/common/icon_chk_on.png");}
.form_member #member_div .agree_list .agree .fr{padding:0;}
.form_member #member_div .agree_list .agree .fr a{display:block;font-size:14px;color:#616161;font-weight:500;text-decoration: underline;text-underline-offset: 2px;}
.form_member #member_div .global_agree{margin-top:10px}
.form_member #member_div .global_agree .link{color:#1f63c9}
.form_member .btn_box.row{margin-top:49px}


.form_member #member_div .checkbox-wrap{display:flex;flex-wrap: wrap;}
.form_member #member_div .checkbox-area{display:flex;align-items: center;margin-bottom:5px;}
.form_member #member_div .checkbox-area input[type="checkbox"]{visibility: inherit;display: inline;min-width: 20px;width: 20px;height: 20px;background: url(/img/common/icon_chk_off.png) 0 0 / 100% 100% no-repeat;margin-right: 10px;}
.form_member #member_div .checkbox-area .checkbox-box{/* display: block; *//* width: 20px; *//* height: 20px; *//* background: url(/img/common/icon_chk_off.png) 0 0 / 100% 100% no-repeat; *//* flex-shrink: 0; */}
.form_member #member_div .checkbox-area .checkbox-box{color: #919191;font-size: 16px;line-height: 150%;}
.form_member #member_div .checkbox-area.checked input[type="checkbox"],
.form_member #member_div .checkbox-area input[type="checkbox"]:checked{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/common/icon_chk_on.png) no-repeat;
    vertical-align: top;
    }
	
.form_member.join_step3 .tit_area{margin-bottom:44px}
.form_member.join_step3 .contents{width:360px;margin:0 auto}
.form_member.join_step3 .contents .layout>li:not(:last-child){margin-bottom:14px}
.form_member.join_step3 .bot_login{margin-top:51px;padding-top:48px;border-top:2px solid #E5E5E5;}

.form_member.find_id .tit_sub br{display:none}
.form_member.find_id .tit_area{margin-bottom:66px}
.form_member.find_id .contents{width:506px;margin:0 auto;}
.form_member .regNumb{position:relative;margin-top:13px;}
.form_member .regNumb .input1{padding-right:140px}
.form_member .regNumb .time{position:absolute;top:50%;right:30px;transform: translateY(-50%);font-size:16px;color:#1b1b1b;font-weight: 500;}
.form_member .find_id_error_txt{margin-top:15px;}
.form_member .find_id_error_txt>span{padding-left:17px;background:url(/img/common/icon_chk2.png) no-repeat left top 5px;color:#616161;font-size:16px;word-break: keep-all;}
.form_member.find_id .btn_box.row{margin-top:35px}

.form_member.find_id-fin .tit_area{margin-bottom:46px}
.form_member.find_id-fin .contents{width:506px;margin:0 auto;}
.form_member .copyMail{padding:0 0 20px 0}
.form_member.find_id-fin .submitArea{margin-top:72px}
.form_member .tosting_area{display:none;height:0;text-align: center;}
.form_member .tosting_area .txt{display:inline-block;padding-left:17px;background:url(/img/common/icon_chk2.png) no-repeat left top 5px;color:#616161;font-size:16px;}

.form_member.find_password .tit_area{margin-bottom:44px}
.form_member.find_password .contents{width:506px;margin: 0 auto;}
.form_member.find_password .item:not(:nth-last-of-type(1)){margin-bottom:12px}

.form_member.find_password-fin .tit_area{margin-bottom:44px}
.form_member.find_password-fin .contents{width:506px;margin:0 auto;}
.form_member.find_password-fin .submitArea{margin-top:72px}

/* 로그인 폼 추가 */
.new_login{max-width:400px;margin:0 auto;min-height:100vh}
.new_login .tit_area{margin-bottom:40px}
.new_login .userID, .new_login .userPASS{margin-bottom:12px}
.new_login .checkImg{width:auto;height:auto;}
.new_login .submitArea{margin-top:40px}
.new_login .autoLogin{margin-top:20px}
.new_login .check_wrap{text-align: left;}
.new_login .check_wrap .checkImg{padding-left:30px;font-size:14px;background:url(/img/common/icon_chk_off.png) no-repeat left center;color:#919191;line-height: 150%;}
.new_login .check_wrap .checkImg_on{padding-left:30px;font-size:14px;width:auto;height:auto;background:url(/img/common/icon_chk_on.png) no-repeat left center;;color:#919191;line-height: 150%;}
.new_login .find_wrap{margin-top:20px}
.new_login .find_wrap .find{display:flex;align-items: center;justify-content: center;}
.new_login .find_wrap .find>a{position:relative;display:flex;justify-content: center;width:50%;font-size:16px;color:#919191;line-height: 150%;}
.new_login .find_wrap .find>a:hover{color:#1b1b1b}
.new_login .find_wrap .find>a:not(:last-child):after{content: '';display: block;position: absolute;top: 50%;right: 0;width: 1px;height: 14px;background-color: var(--gray);transform: translateY(-50%);}
.new_login .social-login-text{position:relative;padding:40px 0}
.new_login .social-login-text::before {content: ''; display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: var(--lightgray);transform: translateY(-50%);z-index:-1;}
.new_login .social-login-text::after {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 49px;height: 21px;background-color: var(--white);transform: translate(-50%, -50%);z-index:-1;}
.new_login .social-login-text .text {position: relative;text-align: center;font-size: 14px;color: #919191;}
.new_login .sns{display:flex;justify-content: center;gap:0 60px;}
.new_login .sns>a{background:none !important;border:none !important;}
.new_login .sns .ico{display:block;width:60px;height:60px;}
.new_login .sns .naver .ico{background:url(/img/common/login-naver.png) center / 60px auto no-repeat}
.new_login .sns .kakao .ico{background:url(/img/common/login-kakao.png) center / 60px auto no-repeat}
.new_login .sns .google .ico{background:url(/img/common/login-google.png) center / 60px auto no-repeat}
.new_login .sns .txt{display:block;margin-top:12px;color:#919191 !important;font-size:12px;line-height: 150%;font-weight: 500;text-align: center;}
@media screen and (max-width:767px) {
	.form_member{padding:60px 14px}
	.new_common .input1, .new_common .btn1, .new_common .btn2, .new_common .select1{height:54px;font-size:14px}
	.new_common .input1::placeholder{font-size:14px}
	.new_common .tit{font-size:24px}
	.new_common .tit_sub{margin-top:21px;font-size:14px}
	.new_common .input_btn{gap:0 5px}
	.new_common .input_btn .fr{width:120px}
	.new_common .input_btn .fr#h_email_rechk{width:76px}

	.form_member.join_step1 .contents{width:100%;}
	.form_member .contents .btn_register{height:54px;font-size:14px}
	.form_member .sns ._aplitude_clicked_{height:54px}
	.form_member .sns .kakao .txt::before{width:16px;background-size:16px auto}
	.form_member .sns .naver .txt::before{width:14px;background-size:14px auto}
	.form_member .sns .google .txt::before{width:15px;background-size:15px auto}
	.form_member .already .txt{font-size:16px}
	.form_member .already .txt .login{font-size:16px}
	.form_member .sns ._aplitude_clicked_ .txt{font-size:14px}

	.form_member #member_div{width:100%}
	.form_member #member_div .item_tit_area{margin-bottom:12px}
	.form_member #member_div .item_tit_area .item_tit{font-size:14px}
	.form_member #member_div .item_tit_area .item_tit.essential::after{width:6px;height:6px;background-size:6px auto;top:-3px;right:-6px}
	.form_member #member_div .radio-area{margin-bottom:2px;width:33.333%}
	.form_member #member_div #h_email_chk{width:76px}
	.form_member #member_div .password_confirm{margin-top:12px}
	.form_member #member_div .agree_list .agree a>span:before{margin-top:-1px}
	.form_member #member_div .agree_list .agree a span.essential::after{width:6px;height:6px;background-size:6px auto;top:-3px;right:-6px}
	.form_member #member_div .agree_list .agree a>span{font-size:14px}
	.form_member #member_div .agree_list .agree .fr a{font-size:12px}

	.form_member.join_step3 .tit_area{margin-bottom:32px;}
	.form_member.join_step3 .contents{width:100%;}
	.form_member.join_step3 .bot_login{margin-top:41px;padding-top:38px}

	.form_member.find_id .tit_area{margin-bottom:44px}
	.form_member.find_id .contents{width:100%}
	.form_member.find_id .tit_sub br{display:block}
	.form_member .find_id_error_txt>span{font-size: 14px;}
	.form_member .regNumb .time{right:15px;font-size:14px}
	.form_member .copyMail{padding-bottom:14px;font-size:16px}

	.form_member.find_id-fin .contents{width:100%}
	.form_member .tosting_area .txt{font-size:14px}
	.form_member .flex_btns{gap:14px 0;flex-direction: column;}


	.form_member.find_password .contents{width:100%;}

	.form_member.find_password-fin .contents{width:100%}
}

/* profile-wrap 덮어쓰기 */
.new_common .h3{padding:80px 0px 0px 0px}
.new_common .h3>div{display:flex;align-items: center;justify-content: space-between;border-bottom:none;max-width: 1280px;width: 100%;margin: 0 auto;}
.new_common .h3 div strong{padding-bottom:0;color:#1b1b1b;font-size:32px;font-weight: 700;font-family: Pretendard;}
.new_common .h3 div strong:before{display:none}
.new_common .btn1.btn_edit_mp, .new_common .btn1.btn_confirm{width:92px}
.new_common .subContents{width:100%;max-width:100%;padding:0 80px;margin:45px 0 0 0;}
.profile-wrap.new{width:100%;max-width:100%;text-align: left;border-radius: 0;}
.profile-wrap.new .head{height:auto;background:none}
.profile-wrap.new .head .con_tit{color:#1b1b1b;font-size:24px;font-family: Pretendard;font-weight: 700;}
.profile-wrap.new .profile_img_wrap{display:inline-flex;position:relative;margin-top:40px}
.profile-wrap.new .profile_img{position:relative;width:160px;height:160px;border-radius: 100%;overflow: hidden;}
.profile-wrap.new .profile_img #img_preview2{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
.profile-wrap.new .profile_img_wrap .file-area{position:relative;width:50px;height:50px;}
.profile-wrap.new .profile_img_wrap .file-area input[type="file"] {display: none;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.profile-wrap.new .profile_img_wrap .file-area .img-filebox{position: relative;display: block;width: 100%;height: 100%;border-radius: 100%;background: transparent;border: 1px solid #CCCCCC;cursor: pointer;}
.profile-wrap.new .profile_img_wrap .file-area .img-filebox::after {content:"";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;background: url('/img/common/icon_add_img.png') no-repeat;background-size:20px auto}
.profile-wrap.new .profile_img_wrap .file-area:hover .img-filebox::after{background: url('/img/common/icon_add_img_on.png') no-repeat;background-size:20px auto}
.profile_img_wrap .btn_add_img{position:absolute;bottom:0;right:0;width:50px;height:50px;border:1px solid #ccc;background:var(--white);border-radius: 100%;background: url('/img/common/icon_add_img.png') center / 20px auto no-repeat var(--white);}
.profile_img_wrap .btn_add_img:hover{background: url('/img/common/icon_add_img_on.png') center / 20px auto no-repeat var(--white);}

.profile-wrap.new .body{border:none;padding:0}
.cert_box .btn1{width:fit-content;margin-top:28px}
.profile-wrap.new .p-form{margin:40px 0 0 0;max-width:1024px}
.profile-wrap.new .p-form .tit{color:#1b1b1b;margin-bottom:18px;font-family: Pretendard;font-size:18px;font-weight: 700;}
.profile-wrap.new .p-form .item:not(:last-child){margin-bottom:45px}
.profile-wrap.new .p-form .item .input_area input:not(:last-child){margin-bottom:10px}
.profile-wrap.new .p-form .item .input_area .input_btn{display:flex;gap:0 5px}
.profile-wrap.new .p-form .item .input_area .input_btn .btn-addr{width:92px}
.profile-wrap.new .p-form .item .checkBox .ui-checkboxradio-label .ui-icon-background{box-shadow: none;background: url(/img/common/icon_chk_off.png) var(--white);width: 20px;height: 20px;margin-right:3px}
.profile-wrap.new .p-form .item .checkBox .ui-checkboxradio-label .ui-icon-background.ui-state-checked{background: url(/img/common/icon_chk_on.png)}
.profile-wrap.new .btn2.exit{max-width:1024px}
.profile-wrap.new .ui-state-disabled, .profile-wrap.new .ui-widget-content .profile-wrap.new .ui-state-disabled, .profile-wrap.new .ui-widget-header .ui-state-disabled{opacity:1;}
.profile-wrap.new  .checkBox label{font-size:16px;font-family: Pretendard;font-weight: 500;color:#1b1b1b !important;box-shadow: none !important;background:transparent !important}
.profile-wrap.new #profile_target, .profile-wrap.new .interest_wrap1, .profile-wrap.new .interest_wrap2{background:#f4f5f7;border-radius: 4px;padding:12px 20px}
.profile-wrap.new #profile_target label:not(:last-child){margin-right:8px}
.profile-wrap.new .interest_wrap1 label:not(:last-child){margin-right:8px}
.profile-wrap.new .interest_wrap2>div{display:inline-block}
.profile-wrap.new .interest_wrap2>div:not(:last-child){margin-right:8px}
.profile-wrap.new .password_wrap{display:flex;gap:0 16px}
.profile-wrap.new .password_wrap .password{width:100%}

/* 회원탈퇴 */
.profile-wrap.new .out_info{margin-top:40px;font-family: Pretendard;}
.profile-wrap.new .out_info .caution{font-size:18px;font-weight: 600;}
.profile-wrap.new .out_info .tit{margin-bottom:20px}
.profile-wrap.new .out_info .out_info_list>li:not(:last-child){margin-bottom:24px}
.profile-wrap.new .out_info .question{font-size:16px;font-weight: 600;color:#1B1B1B;}
.profile-wrap.new .out_info .top{margin-bottom:8px;}
.profile-wrap.new .out_info .answer{font-size:16px;color:#1B1B1B}
.profile-wrap.new .out_info .checkbox-wrap{margin-top:32px}

/* 비밀번호 리셋 */
.find_password-fin .popDocument{font-size:18px}

@media screen and (max-width: 1600px) {
	.new_common .h3{padding:80px 52px 0 52px}
	.new_common .subContents{padding:0 52px}
}

@media screen and (max-width: 1440px) {
	.new_common .h3{padding:40px 52px 0 52px}
	.new_common .subContents{padding:0 52px}
	.order_list .s_contents_wrap{padding:0 52px}
}

@media screen and (max-width: 1024px) {
	.new_common .h3{padding:40px 15px 0 15px}
	.new_common .subContents{padding:0 15px}
	.order_list .s_contents_wrap{padding:0 15px}
}

@media screen and (max-width:850px) {
	.new_common .h3 .col-right{float:none;margin:0}
}

@media screen and (max-width:767px) {
	.h3{margin-bottom:25px}
	.h3 div strong{font-size:24px}
	.new_common .subContents{margin-top:25px}
	.new_common .h3 div strong{font-size:24px}
	.profile-wrap.new .head .con_tit{font-size:16px}
	.profile-wrap.new .p-form .tit{margin-bottom:12px;font-size:14px;}
}

.pop_new_style{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 200;font-family: Pretendard;}
/* 리오 관련 신규 css 실섭 반영 x */
.sc_custom::-webkit-scrollbar {width: 5px;height: 5px;}
.sc_custom::-webkit-scrollbar-thumb {background-color: var(--lightgray);border-radius: 40px;border: 1px solid transparent;background-clip: content-box;}
.sc_custom::-webkit-scrollbar-track {border-radius: 40px;background-color: transparent;}
.sc_custom:start:decrement, .sc_custom:end:increment {display: none}
.sc_custom::-webkit-scrollbar-button:vertical:single-button:end{display: none}
.ro{font-family: Pretendard;}
.readingoceans.ro{font-family: Pretendard;}
.checkbox-wrap.click_label input[type="checkbox"] + label{width:100%;height:100%;border-radius: 0;padding-left:40px;border:none}
.checkbox-wrap.click_label input[type="checkbox"] + label::after{content:"";display:block;position:absolute;top:50%;left:0;transform: translateY(-50%);background:var(--white);border:1px solid #919191;border-radius: 4px;}
.checkbox-wrap input[type="checkbox"]:checked + label::after{display:block;background:url(/img/common/icon_chk_on.png);border:none}
.profilewrap.order{overflow: visible;}
.ro .subContents{max-width:1075px;margin:0 auto;padding:0;padding-bottom:150px;text-align:left;}

/* ro home */
.ro_top_banner_wrap{padding-top:80px}
.ro_top_banner_wrap.stu{margin-bottom:-30px}
.ro_top_banner{position:relative;}
.ro_top_banner .inner{overflow: hidden;}
.ro_top_banner img{max-width:100%}
.ro_top_banner .btn_slide{position:absolute;top:20px;right:20px;display:flex;align-items: center;gap:10px;padding:8px 12px;background: rgba(27, 27, 27, 0.20);border-radius: 50px;z-index:1;}
.ro_top_banner .rob-prev{width:10px;height:15px;background:url(/img/common/rob_prev.png) center / 10px auto no-repeat;flex-shrink: 0;}
.ro_top_banner .rob-next{width:10px;height:15px;background:url(/img/common/rob_next.png) center / 10px auto no-repeat;flex-shrink: 0;}
.ro_top_banner .rob-pagination{margin-top:-1px;color:var(--white);font-weight: 500;font-size:18px;}
.ro_top_banner .rob-pagination-bullet{display:none}
.ro_top_banner .rob-pagination-bullet .swiper-pagination-bullet{width:4px;height:4px;margin:0 2px;background:rgba(145, 145, 145, 0.5);border-radius: 0;opacity:1;transition: .3s;}
.ro_top_banner .rob-pagination-bullet .swiper-pagination-bullet-active{background:var(--white)}

.ro .ro_home .tit_box{margin-bottom:30px}
.ro_list_wrap .ro_tab{margin-bottom:30px;}
.ro_list_wrap .ro_tab .inner{position:relative;padding-left:18px;overflow: hidden;}
.ro_list_wrap .ro_tab .inner::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#ccc}
.ro_list_wrap .ro_tab .inner::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc}
.ro_list_wrap .ro_tab .swiper-slide{width:auto}
.ro_list_wrap .ro_tab .swiper-slide:not(:last-child){margin-right:40px}
.ro_list_wrap .ro_tab .swiper-slide a{color:#919191;font-size:18px;font-weight: 700;line-height: 57px;}
.ro_list_wrap .ro_tab .swiper-slide a.selected{color:#1f63c9}
.ro_list_wrap .ro_tab .swiper-slide a.selected::before{content:"";display:block;position:absolute;bottom:0px;left:0;width:100%;height:2px;background:#1f63c9}

.ro_list_wrap .ro_list>ul{display:flex;align-items: flex-start;flex-wrap: wrap;gap:30px 20px}
.ro_list_wrap .ro_list>ul .item{width:calc(25% - ((3 / 4) * 20px))}
.ro_list_wrap .ro_list>ul .item .img_area{display:block;position:relative;padding-bottom:115.865%;object-fit: cover;overflow: hidden;}
.ro_list_wrap .ro_list>ul .item .img_area img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;object-position: center top;transition: transform .3s;}
.ro_list_wrap .ro_list>ul .item .info_area{padding:12px 0 10px 0}
.ro_list_wrap .ro_list>ul .item .info_top{display:flex;align-items: flex-start;justify-content: space-between;}
.ro_list_wrap .ro_list>ul .item .info_top .tit{color:#1b1b1b;font-size:18px;font-weight: 700;line-height: 150%;}
.ro_list_wrap .ro_list>ul .item .info_top .favorite{display:block;flex-shrink: 0;width:24px;height:24px;background:url(/img/common/favor.png) center / 24px auto no-repeat;border:none;text-indent: -9999px;cursor:pointer;}
.ro_list_wrap .ro_list>ul .item .info_top .favorite.on{background-image:url(/img/common/favor_on.png)}
.ro_list_wrap .ro_list>ul .item .info_bottom{margin-top:10px}
.ro_list_wrap .ro_list>ul .item .info_bottom>ul{font-size:0}
.ro_list_wrap .ro_list>ul .item .info_bottom>ul>li{display:inline-block;padding:4px 7px 4px 7px;font-size:12px;font-weight: 700;}
.ro_list_wrap .ro_list>ul .item .info_bottom>ul>li:not(:last-child){margin-right:4px}
.ro_list_wrap .ro_list>ul .item .info_bottom>ul>li.require{background:#1f63c9;color:var(--white)}
.ro_list_wrap .ro_list>ul .item .info_bottom>ul>li.activity{background:rgba(58, 66, 255, 0.15);color:#1f63c9;}
.paging{margin:80px 0 0;text-align:center;font-family: Pretendard;}
.paging > .page{display:inline-block;margin:0 12px}
.paging > .page img{width:12px;vertical-align: -1px;}
.paging > .page.disabled img{opacity:0.15;}
.paging > span a{display: inline-block;color:#919191;font-size:14px;font-weight: 500;}
.paging > span a.selected{color:#1f63c9;font-weight: 700;}
.paging > span a.disabled {display: none !important;}
.paging > span *{margin: 0 10px}

/* 액티비티 팝업 */
.pop_new_style{display:none;position:fixed;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100);background:rgba(0,0,0,0.5);z-index: 200;}
.pop_new_style .pop_container{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:var(--white);width:720px}
.pop_new_style .pop_container .pop_header{position:absolute;top:0;left:0;display:flex;align-items: center;justify-content: space-between;width:100%;height:100px;padding:0 30px;background:var(--white)}
.pop_new_style .pop_container .pop_header .tit{color:#1b1b1b;font-size:24px;font-weight: 700;}
.pop_new_style .pop_container .pop_header .btn_pop_close{display:block;width:20px;height:20px;background:url(/img/common/icon_close1.png) center / 20px auto no-repeat;text-indent:-9999px}
.pop_new_style .pop_container .pop_body{margin-top:100px;max-height: calc((var(--vh, 1vh) * 100) - 180px);overflow-y: auto;}
@media screen and (max-width:767px) {
	.pop_new_style.pop_todays .pop_container{width:calc(100% - 40px)}
}

/* 팝업양식 */
.popup-container{display:none;position: fixed;top: 0;left: 0;z-index: 9999;width: 100vw;height: calc(var(--vh, 1vh) * 100);background-color: rgba(0,0,0,0.7);}
.popup-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;width: calc(100vw - 60px);max-width: 720px;height: auto;max-height: calc(100% - 70px);background-color: var(--white);}
.popup-wrap.small {max-width: 540px;}
.popup-wrap .popup-head {position: absolute;top: 0;left: 0;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 96px;padding: 0 30px 0;background-color: var(--white);border-bottom:1px solid #eee}
.popup-wrap .popup-head .title{color:#1b1b1b;font-size:24px;font-weight: 700;}
.popup-wrap .icon.close{position: absolute;top: 30px;right: 30px;border:none;background:transparent;cursor:pointer;}
.popup-wrap .icon.close img{width:20px}
.popup-wrap .popup-body {max-height: 510px;margin-top: 96px;padding: 0 30px;}
.popup-wrap.h-large .popup-body {max-height: calc(75vh - 96px);overflow-y: auto;}
.popup-wrap .popup-inner {margin-bottom: 40px;padding-top:26px}
.popup-wrap .popup-inner .tit_body{font-size:16px;line-height: 150%;font-weight: 500;}
.popup-wrap .popup-inner .card_info{margin-top:16px;padding:26px 35px 26px 35px;background:#F4F5F7}
.popup-wrap .popup-inner .card_info .item:not(:first-child){margin-top:14px}
.popup-wrap .popup-inner .card_info .item:not(:last-child){padding-bottom:14px;border-bottom:2px dashed rgba(0,0,0,0.2)}
.popup-wrap .popup-inner .card_info .item>dl{display:flex;align-items: center;}
.popup-wrap .popup-inner .card_info .item>dl dt{width:60px;margin-right:44px;color:#1B1B1B;font-size:16px;font-weight: 500;}
.popup-wrap .popup-inner .card_info .item>dl dd{color:#434343;font-size:16px}
@media screen and (max-width:767px) {
	.popup-wrap {width:calc(100vw - 30px)}
}
.pop_activity .pop_container .pop_body{max-height: calc((var(--vh, 1vh) * 100) - 232px) !important}
.pop_activity .book_info{padding:0 30px 34px 30px;border-bottom:1px solid #ddd}
.pop_activity .book_info::after{content:"";display:block;clear:both}
.pop_activity .book_info .img_area{float:left;width:142px}
.pop_activity .book_info .img_area img{width:100%}
.pop_activity .book_info .tag{margin:0 0 3px 0}
.pop_activity .book_info .tag, .pop_activity .book_info .info_tit, .pop_activity .book_info .info_txt, .pop_activity .book_info .info_list{width:auto;margin-left:162px}
.pop_activity .book_info .tag>li{display:inline-block;padding:4px 7px 4px 7px;font-size:12px;font-weight: 600;vertical-align: top;}
.pop_activity .book_info .tag>li:not(:last-child){margin-right:4px}
.pop_activity .book_info .tag>li.require{background:#1f63c9;color:var(--white)}
.pop_activity .book_info .info_tit{margin-bottom:6px;color:#1b1b1b;font-size:20px;font-weight: 700;}
.pop_activity .book_info .info_txt{color:#919191;font-size:14px;font-weight: 500;line-height: 150%;}
.pop_activity .book_info .info_list{margin-top:16px}
.pop_activity .book_info .info_list>li:not(:last-child){margin-bottom:4px}
.pop_activity .book_info .info_list .info_list_item{display:flex;align-items: baseline;}
.pop_activity .book_info .info_list .info_list_item .info_list_tit{position:relative;padding-left:6px;width:70px;margin-right:10px;color:#616161;font-size:12px;font-weight: 500;flex-shrink: 0;}
.pop_activity .book_info .info_list .info_list_item .info_list_tit::before{content:"";display:block;position:absolute;top:6px;left:0;width:2px;height:2px;background:#616161;border-radius: 100%;}
.pop_activity .book_info .info_list .info_list_item .info_list_txt{color:#919191;font-size:12px;line-height: 150%;}

.pop_activity .book_activity{padding:30px 0 40px 0;}
.pop_activity .book_activity .mo_tit{display:none;color:#1b1b1b;font-size:14px;font-weight: 700;}
.pop_activity .book_activity>div:not(:last-child){margin-bottom:30px}
.pop_activity .book_activity .tit{margin-bottom:14px;padding:0 30px;color:#1b1b1b;font-size:16px;font-weight: 700;}
.pop_activity .book_activity .reading_item_wrap{display:flex;gap:0 16px;margin:0 30px}
.pop_activity .book_activity .reading_item{display:flex;align-items: center;justify-content: space-between;width:100%;max-width:calc(50% - 8px);height:68px;padding:0 15px;border-radius: 4px;border: 1px solid rgba(58, 66, 255, 0.30);background: rgba(58, 66, 255, 0.05);}
.pop_activity .book_activity .reading_item .sbj{padding-left:38px;background:url(/img/common/icon_ebook.png) left center / 30px auto no-repeat;color:#1b1b1b;font-size:14px;font-weight: 600;line-height: 30px;}
.pop_activity .book_activity .reading_item.audio .sbj{background-image:url(/img/common/icon_audio.png)}
.pop_activity .book_activity .btn_activity{display:block;width:100%;max-width:106px;padding:9px 12px;background:#1f63c9;border-radius: 4px;color:var(--white);font-size:14px;font-weight: 700;text-align: center;}
.pop_activity .book_activity .btn_activity.comp{background:var(--white);color:#616161;}
.pop_activity .activity_slide{position:relative}
.pop_activity .activity_slide .inner{padding-left:30px;overflow: hidden;}
.pop_activity .activity_slide .swiper-slide{width:130px;padding:14px 0;border-radius: 4px;border: 1px solid rgba(58, 66, 255, 0.30);background: rgba(58, 66, 255, 0.05);}
.pop_activity .activity_slide .swiper-slide:not(:last-child){margin-right:16px}
.pop_activity .activity_slide .swiper-slide .sbj{padding-top:40px;margin-bottom:8px;background-repeat: no-repeat;background-position:center top;background-size:30px auto;color:#1b1b1b;font-size:14px;font-weight: 600;text-align: center;}
.pop_activity .activity_slide .swiper-slide.wu .sbj{background-image: url(/img/common/icon_wu.png);}
.pop_activity .activity_slide .swiper-slide.ch .sbj{background-image: url(/img/common/icon_ch.png);}
.pop_activity .activity_slide .swiper-slide.qs .sbj{background-image: url(/img/common/icon_qs.png);}
.pop_activity .activity_slide .swiper-slide.wf .sbj{background-image: url(/img/common/icon_wf.png);}
.pop_activity .activity_slide .swiper-slide.fb .sbj{background-image: url(/img/common/icon_fb.png);}
.pop_activity .activity_slide .btn_activity{margin:0 auto}
.pop_activity .activity_slide .ac_btns{position:absolute;top:-38px;right:37px;z-index:1;}
.pop_activity .activity_slide .ac_prev{display:inline-block;width:24px;height:24px;border-radius: 100%;background:url(/img/common/icon_ac_prev_on.png) left 7px top 6px / 8px auto no-repeat #919191;}
.pop_activity .activity_slide .ac_prev.swiper-button-disabled{background:url(/img/common/icon_ac_prev.png) left 7px top 6px / 8px auto no-repeat #f4f5f7;}
.pop_activity .activity_slide .ac_next{display:inline-block;width:24px;height:24px;border-radius: 100%;background:url(/img/common/icon_ac_next_on.png) right 7px top 6px / 8px auto no-repeat #919191;}
.pop_activity .activity_slide .ac_next.swiper-button-disabled{background:url(/img/common/icon_ac_next.png) right 7px top 6px / 8px auto no-repeat #f4f5f7;}
.pop_activity .book_favor{display:flex;align-items: center;justify-content: center;width:100%;height:58px;background:#F4F5F7;}
/* 액티비티 버튼, 컨텐츠 조건부 */
.pop_activity .activity_slide .swiper-slide.comp .btn_activity{background:var(--white);color:#616161}
.pop_activity .activity_slide .swiper-slide.disabled{opacity:0.4;}
.pop_activity .activity_slide .swiper-slide.disabled .btn_activity{background:var(--white);color:#616161}

.pop_activity .book_favor .txt{margin-right:10px;color:#1b1b1b;font-size:16px;font-weight: 500;;}
.pop_activity .book_favor .pop_favorite{padding:6px 34px 6px 14px;color:#919191;;background:url(/img/common/favor.png) right 14px center / 16px auto no-repeat;border:1px solid #919191;border-radius: 15px;font-size:14px;font-family: Pretendard;cursor:pointer;}
.pop_activity .book_favor .pop_favorite.on{border:1px solid var(--main-color);color:#1f63c9;background-image: url(/img/common/favor_on.png);}

/* ro 결제페이지 */
.ro .purchase_form{font-family: Pretendard;}
.ro .purchase_form .purchase_detail .select_list .item{padding:0;border:none}
.ro .purchase_form .checkbox-wrap.click_label input[type="checkbox"] + label{padding:30px 30px 30px 70px;border:1px solid #eee;}
.ro .purchase_form .checkbox-wrap.click_label input[type="checkbox"] + label::after{top:52%;left:30px}
.ro .purchase_form .item .checkbox-wrap input[type="checkbox"]:checked + label{border:1px solid var(--main-color);}
.ro .purchase_form .checkbox-wrap input[type="checkbox"]:checked + label .count{border:1px solid #1B1B1B;;}
.ro .purchase_form .checkbox-wrap input[type="checkbox"]:checked + label .count button{color:#1b1b1b}
.ro .purchase_form .checkbox-wrap input[type="checkbox"]:checked + label .count .inp_cnt{color:#1b1b1b}
.ro .purchase_form .purchase_detail .select_list .item .goods .main{margin-bottom:34px}
.ro .purchase_form .bot_area .price>.cost{margin-bottom:2px;color:#919191;font-size:14px;font-weight: 500;}
.ro .purchase_form .bot_area .price>.cost .sale{color:#1f63c9;font-size:14px;font-weight: 700;}
.ro .purchase_form .bot_area .price>.sale{color: #1B1B1B;font-size:24px;font-weight: 700;}
.ro .purchase_form .purchase_info_wrap .checkbox-wrap .btn_policy{position:static}
.ro .purchase_form .purchase_info_wrap .checkbox-wrap.policy{padding:0 0 16px 0;}
/* 학습시작일 박스 */
.ro .purchase_form .start_date{margin-top:20px;padding:30px;background: #F4F5F7;}
.ro .purchase_form .start_date .txt_box{display:flex;align-items: center;justify-content: space-between;}
.ro .purchase_form .start_date .txt_box .txt{color:#1b1b1b;font-size:16px;font-weight: 500;}
.ro .purchase_form .start_date .txt_box .txt strong{color:#1f63c9;}
.ro .purchase_form .start_date .txt_box .date_box .date{width:0;height:0;border:none;background:transparent}
.ro .purchase_form .start_date .txt_box .date_box label{display:block;padding:12px 30px;background:var(--white);border-radius: 4px;color:#1f63c9;font-size:16px;font-weight: 700;}
.ro .purchase_form .start_date .noti_box{margin-top:12px;line-height: 1.2;}
.ro .purchase_form .start_date .noti_box span{color:#919191;font-size:14px;font-weight: 500;}

/* 우측 요약 박스 */
.ro .purchase_form .purchase_area .purchase_info .pc_info .pc_tit{width:100px;margin-right:26px}
.ro .purchase_form .purchase_area .purchase_info .ref{margin-bottom:14px;color:#919191;font-size:14px;font-weight: 500;}
@media (hover: hover) and (pointer: fine) {
    @media screen and (min-width:1025px) {
        .ro_list_wrap .ro_list>ul .item .img_area:hover img{transform: scale(1.04);}
    }
}
@media screen and (max-width:1420px){
	.ro .subContents{max-width:100%;width:100%;padding:0 52px 150px 52px;}
}
@media screen and (max-width:1024px){
	.ro .subContents{padding:0 15px 150px 15px}
}
@media screen and (max-width:768px) {
	.ro_top_banner .pc{display:block}
	.ro_top_banner .mo{display:none}
}
@media screen and (max-width:767px) {
	/* 팝업 공통 부분 및 액티비티 */
	.pop_new_style .pop_container{width:calc(100% - 40px)}
	.pop_new_style .pop_container .pop_header{height:60px;padding:0 15px}
	.pop_new_style .pop_container .pop_header .tit{font-size:16px}
	.pop_new_style .pop_container .pop_header .btn_pop_close{background-size:16px auto;width:16px;height:16px}
	.pop_new_style .pop_container .pop_body{max-height:calc((var(--vh, 1vh) * 100) - 120px);margin-top:60px}

	.pop_activity .book_info{padding:0 15px 30px 15px}
	.pop_activity .book_info .img_area{width:100px}
	.pop_activity .book_info .tag, .pop_activity .book_info .info_tit, .pop_activity .book_info .info_txt{margin-left:110px}
	.pop_activity .book_info .info_tit{font-size:14px}
	.pop_activity .book_info .info_txt{font-size:14px;line-height: normal;}
	.pop_activity .book_info .info_list{display:inline-flex;flex-direction: column;width:100%;margin:12px 0 0 0}
	.pop_activity .book_activity{padding:30px 15px}
	.pop_activity .book_activity .mo_tit{display:block;margin-bottom:14px}
	.pop_activity .book_activity .tit{display:none}
	.pop_activity .book_activity>div:not(:last-child){margin-bottom:0}
	.pop_activity .book_activity .reading_item_wrap{display:block;margin:0}
	.pop_activity .book_activity .reading_item{max-width:100%;width:100%;height:60px;margin:0 0 10px 0}
	.pop_activity .book_activity .btn_activity{font-weight: 500;}
	.pop_activity .book_activity .activity_slide .swiper-wrapper{display:block}
	.pop_activity .activity_slide .inner{padding:0}
	.pop_activity .activity_slide .swiper-slide{display:flex;align-items: center;justify-content: space-between;width:100%;height:60px;padding:0 15px}
	.pop_activity .activity_slide .swiper-slide:not(:last-child){margin:0 0 10px 0}
	.pop_activity .activity_slide .swiper-slide .sbj{padding:0 0 0 38px;background-position:left center;line-height: 30px;}
	.pop_activity .activity_slide .btn_activity{margin:0}

	.pop_activity .activity_slide .ac_btns{display:none}


	.paging{margin-top:70px}
	.ro .subContents{padding-bottom:80px}
	.ro_top_banner_wrap{padding-top:40px}
	.ro_top_banner .pc{display:none}
	.ro_top_banner .mo{display:block}
	.ro_top_banner img{width:100%}
	.ro_top_banner .btn_slide{display:block;background:none;top:auto;right:auto;padding:0;border-radius: 0;bottom:3.041667vw;left:7.5625vw;}
	.ro_top_banner .rob-pagination{display:none}
	.ro_top_banner .rob-pagination-bullet{display:block}
	.ro_top_banner .rob-prev, .ro_top_banner .rob-next{display:none}

	.ro_list_wrap .ro_tab .inner{padding-left:22px}
	.ro_list_wrap .ro_tab .swiper-slide:not(:last-child){margin-right:30px}
	.ro_list_wrap .ro_tab .swiper-slide a{font-size:14px;line-height: 40px;}
	.ro_list_wrap .ro_list>ul{display:flex;align-items: flex-start;flex-wrap: wrap;gap:30px 14px}
	.ro_list_wrap .ro_list>ul .item{width:calc(50% - ((1 / 2) * 14px))}
	.ro_list_wrap .ro_list>ul .item .img_area{padding-bottom:115.19%}
	.ro_list_wrap .ro_list>ul .item .info_area{padding:10px 4px 8px 4px}
	.ro_list_wrap .ro_list>ul .item .info_top .tit{font-size:12px}
	.ro_list_wrap .ro_list>ul .item .info_top .favorite{width:18px;height:18px;background-size:18px auto}
	.ro_list_wrap .ro_list>ul .item .info_bottom{margin-top:6px}
	.ro_list_wrap .ro_list>ul .item .info_bottom>ul>li{font-size:10px}

	.ro .purchase_form .start_date{padding:16px 12px}
	.ro .purchase_form .start_date .txt_box{display:block}
	.ro .purchase_form .start_date .txt_box .txt{display:block;margin-bottom:8px;font-size:14px}
	.ro .purchase_form .start_date .txt_box .date_box label{padding:16px 30px;font-size: 14px;text-align: center;}
	.ro .purchase_form .start_date .noti_box{margin-top:8px;line-height: 11px}
	.ro .purchase_form .start_date .noti_box span{font-size:10px;}
}


/* 리오 학생용 */
.book_info .info_list>li.category{height:auto;padding:0}
.header.stu  .gnb .top-menu .header-inner{display:block}
.header.stu .gnb .logo-area{width:330px;height:65px}
.header.stu .gnb .nav{margin:0}
.header.stu  .gnb .nav .menu-list{display:block;margin-left:424px}
.header.stu  .gnb .nav .menu-list>li{width:220px}
.header.stu .gnb .nav .menu .depth1{width:220px}
.header.stu .gnb .auth-area .profile_stu{display:block;width:50px;height:50px;border-radius:50%;overflow:hidden;font-size:0;}
.header.stu .gnb .auth-area .profile_stu img{width:100%;height:100%;object-fit:cover;}
.header.stu  .gnb .bottom-menu .menu-list{margin-left:0}
.menuArea .bigbox{padding-left:30px;margin-top:20px}
.ro_home .small_tit{margin-bottom:30px;color:#1b1b1b;font-size:24px;font-weight: 700;line-height: 150%;}

/* 리오 학생 내정보*/
.rodata_wrap{margin:50px 0}
.rodata{display:flex;flex-wrap: wrap;gap: 15px 15px;}
.rodata>li{width:calc(50% - 8px);padding:40px;border:1px solid #ddd}
.rodata>li.practice{width:100%;display:flex;justify-content: space-between;align-items: flex-start;}
.rodata>li .data_tit{margin-bottom:20px;color:#1b1b1b;font-size:18px;font-weight: 700;}
.rodata>li .data_txt{color:#919191;font-size:18px;}
.rodata>li .data_txt.at_date{padding-left:28px;background:url(/img/common/icon_cal.png) left center / 24px auto no-repeat }
.rodata>li .data_txt.at_date .num{color:#1f63c9;font-weight: 500;}
.rodata>li .data_txt.use_date{padding-left:30px;background:url(/img/common/icon_ticket.png) left center / 24px auto no-repeat}
.rodata>li .data_txt.use_date .num{color:#1f63c9;font-weight: 500;}
.rodata>li.practice .info{display:flex;}
.rodata>li.practice .info>li.ebook{margin-right:30px}
.rodata>li.practice .info>li p{display:inline-block}
.rodata>li.practice .info>li .sbj{padding-left:28px;margin-right:20px;background-size:24px auto;background-repeat: no-repeat;background-position:left center;color:#919191;font-size:18px;font-weight: 500;}
.rodata>li.practice .info>li.ebook .sbj{background-image: url(/img/common/icon_cal.png);}
.rodata>li.practice .info>li.ebook .status{color:#919191;font-size:18px;font-weight: 500;}
.rodata>li.practice .info>li.ebook .status.comp{color:#1f63c9;padding-right:26px;background:url(/img/common/icon_chk_com.png) right center no-repeat}
.rodata>li.practice .info>li.activity .sbj{background-image: url(/img/common/icon_ticket.png);}
.rodata>li.practice .info>li.activity .status{font-size:18px;font-weight: 500;}
.rodata>li.practice .info>li.activity .status .num{color:#1f63c9;font-weight: 500;}
.rodata>li.practice .btn_today_pop{width:244px}

/* 리오 학생 구매페이지 */
.ro_stu_radio .radio-area{position:relative;justify-content: space-between;width:100%;padding:40px 30px 40px 70px;border:1px solid #eee}
.ro_stu_radio .radio-area.on{border:1px solid var(--main-color)}
.ro_stu_radio .radio-area .radio-box{position:absolute !important;top:50%;left:30px;transform: translateY(-50%);}
.radio-area .radio-box + span.ro_stu_item:not(:empty){padding-left:0;color:#1b1b1b;font-size:20px;font-weight: 700;}
.ro_stu_radio .radio-area .ro_stu_amount{color:#1f63c9;font-size:20px;font-weight: 700;}
.ro_stu_guide{margin-top:40px;padding:30px;background:#F4F5F7}
.ro_stu_guide .box:not(:last-child){margin-bottom:30px}
.ro_stu_guide .box .tit{margin-bottom:8px;color:#1b1b1b;font-size:14px;font-weight: 500;}
.ro_stu_guide .box>ul>li{position:relative;color:#919191;font-size:14px;font-weight: 500;line-height: 150%;}

/* 준비중 팝업 */
.pop_prepare.pop_new_style .pop_container{width:540px}
.pop_prepare.pop_new_style .pop_container .pop_body{margin-top:0;padding:80px 0;text-align: center;}
.pop_prepare.pop_new_style .pop_container .pop_body .txt{margin-bottom:40px;color:#1b1b1b;font-size:24px;font-weight: 700;line-height: 150%;}
.pop_prepare.pop_new_style .pop_container .pop_body .btn_prepare_close{width:80px;margin:0 auto}


/* 투데이스 팝업 */
.pop_new_style.pop_todays .pop_container{width:480px}
.pop_todays .book_info{margin:0 30px 30px 30px;padding:30px;background:#F4F5F7;}
.pop_todays .book_info::after{content:"";display:block;clear:both}
.pop_todays .book_info .img_area{float:left;width:134px}
.pop_todays .book_info .img_area img{width:100%}
.pop_todays .book_info .tag{margin:0 0 3px 0}
.pop_todays .book_info .tag, .pop_todays .book_info .info_tit, .pop_todays .book_info .info_txt, .pop_todays .book_info .info_list{width:auto;margin-left:152px}
.pop_todays .book_info .tag>li{display:inline-block;padding:4px 7px 4px 7px;font-size:12px;font-weight: 600;vertical-align: top;}
.pop_todays .book_info .tag>li:not(:last-child){margin-right:4px}
.pop_todays .book_info .tag>li.require{background:#1f63c9;color:var(--white)}
.pop_todays .book_info .info_tit{margin-bottom:6px;color:#1b1b1b;font-size:20px;font-weight: 700;}
.pop_todays .book_info .info_txt{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height:72px;color:#919191;font-size:16px;font-weight: 500;line-height: normal;overflow: hidden;}
.pop_todays .book_info .info_list{display:flex;flex-wrap: wrap;margin-top:22px}
.pop_todays .book_info .info_list>li.lexile{margin-right:20px}
.pop_todays .book_info .info_list>li.category{width:100%}
.pop_todays .book_info .info_list>li:not(:last-child){margin-bottom:8px}
.pop_todays .book_info .info_list .info_list_item{display:flex;align-items: baseline;}
.pop_todays .book_info .info_list>li.category .info_list_item{flex-direction: column;}
.pop_todays .book_info .info_list .info_list_item .info_list_tit{position:relative;padding-left:6px;margin-right:8px;color:#1b1b1b;font-size:12px;font-weight: 500;flex-shrink: 0;}
.pop_todays .book_info .info_list>li.category .info_list_tit{margin-bottom:3px}
.pop_todays .book_info .info_list .info_list_item .info_list_tit::before{content:"";display:block;position:absolute;top:6px;left:0;width:2px;height:2px;background:#1b1b1b;border-radius: 100%;}
.pop_todays .book_info .info_list .info_list_item .info_list_txt{color:#919191;font-size:12px;line-height: 150%;word-break: break-all;}
.pop_todays .bt-btn-wrap{display:flex;align-items: flex-start;gap:0 10px;margin:0 30px 30px 30px}
.pop_todays .todays_favor{width:62px;height:62px;border-radius: 4px;border:1px solid #919191;background:url(/img/common/favor.png) center / 30px auto no-repeat;flex-shrink: 0;text-indent: -9999px;cursor:pointer;}
.pop_todays .todays_favor.on{border:1px solid var(--main-color);background-image:url(/img/common/favor_on.png)}
.pop_todays .bt-btn-wrap .btn_type1{height:62px}

/* 학생 로그인 추가 */
.header.stu .my-dropdown-wrap{right:calc(-50% - 10px)}
.form_member.new_login.stu{padding:100px 20px 200px 20px}


@media screen and (max-width:1240px) {
	.rodata>li{padding:16px 20px}
	.rodata>li .data_tit{font-size:16px;margin-bottom:10px}
	.rodata>li .data_txt{font-size:16px}
	.rodata>li.practice .info>li .sbj{font-size:16px}
	.rodata>li.practice .info>li.ebook .status{font-size:16px}
	.rodata>li.practice .info>li.activity .status{font-size:16px}
}
@media screen and (min-width:1024px) and (max-width:1240px) {
	.rodata>li{width:100%}
	.rodata>li.practice .btn_today_pop{width:200px}
}
@media screen and (max-width:1024px) {
	.header.stu>.menu_wrap>.mo .logo-area{width:200px;height:40px}



}
@media screen and (max-width:767px) {
	.ro_top_banner_wrap.stu{margin-bottom:10px}
	.pop_new_style.pop_todays .pop_container{width:calc(100% - 40px)}
	.pop_todays .book_info{margin:0 15px 20px 15px;padding:20px 16px}
	.pop_todays .book_info .img_area{width:100px}
	.pop_todays .book_info .tag, .pop_todays .book_info .info_tit, .pop_todays .book_info .info_txt{margin-left:112px}
	.pop_todays .book_info .tag{margin-bottom:6px}
	.pop_todays .book_info .info_tit{margin-bottom:7px}
	.pop_todays .book_info .info_tit{font-size:16px}
	.pop_todays .book_info .info_txt{-webkit-line-clamp:5;max-height:80px;font-size:14px}
	.pop_todays .book_info .info_list{display:inline-flex;width:100%;margin:8px 0 0}
	.pop_todays .bt-btn-wrap{margin:0 15px 15px}
	.pop_todays .todays_favor{width:54px;height:54px}
	.pop_todays .bt-btn-wrap .btn_type1{height:54px}

	.ro_home .small_tit{font-size:18px;margin-bottom:20px}
	.rodata_wrap{margin:30px 0 50px 0}
	.rodata{gap:20px 0}
	.rodata>li{width:100%}
	.rodata>li.practice{display:block}
	.rodata>li.practice .info{display:block}
	.rodata>li.practice .info>li.ebook{margin:0 0 10px 0}
	.rodata>li.practice .btn_today_pop{width:100%;margin-top:20px}

	.ro_stu_radio .radio-area{padding:30px 16px 30px 46px}
	.ro_stu_radio .radio-area .radio-box{left:16px}
	.radio-area .radio-box + span.ro_stu_item:not(:empty){font-size:16px}
	.ro_stu_radio .radio-area .ro_stu_amount{font-size:16px}
	.ro_stu_guide{padding:16px 12px}

	.pop_prepare.pop_new_style .pop_container{width:calc(100% - 40px)}
	.pop_prepare.pop_new_style .pop_container .pop_body{margin-top:0;padding:50px 0 40px 0;text-align: center;}
	.pop_prepare.pop_new_style .pop_container .pop_body .txt{margin-bottom:30px;font-size:20px}
	.form_member.new_login.stu{padding:60px 14px 130px 14px}
}

/* 학생 리오 푸터 로고 변경 */
.ro_stu .footer-logo{width:276px;height:42px;background-image: url(/img/common/ro_stu_footer.png);}
.popup-wrap .bt-btn-wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 10px;padding: 0 0 40px;}
@media all and (max-width: 1024px) {
    .header .mo_depth1_wrap{display:block; }
    .alarm_count {display: inline-block;
    min-width: 20px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px 0 rgba(244,54,30,.16);
    box-shadow: 0 2px 4px 0 rgba(244,54,30,.16);
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 10px;
    background-color: #f4361e;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 0.85rem;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff
}
    .menu_bar {display:block}
    .myPlaceMenu .lnb.mo {display:none !important;}
}
@media screen and (max-width:767px) {
	.popup-wrap {width:calc(100vw - 30px)}
}
/* 모바일 2뎁스 */
.header .mo_depth1_wrap{display:none;background:#004aba;}
.header .mo_depth1_wrap .inner{padding:0 20px;overflow: hidden;}
.header .mo_depth1_wrap .mo_depth1{height:60px;justify-content: center;align-items: center;}
.header .mo_depth1_wrap .mo_depth1.unset{justify-content: unset;}
.header .mo_depth1_wrap .swiper-slide{width:auto;height:auto;}
.header .mo_depth1_wrap .swiper-slide>a{color:#D9D2FF;font-size:14px;font-weight: 500;}
.header .mo_depth1_wrap .swiper-slide:not(:last-child) a{margin-right:2vw;}
.header .mo_depth1_wrap .swiper-slide:first-child a:first-child{margin:0 2vw;}
.header .mo_depth1_wrap .swiper-slide>a.selected{color:var(--white);font-weight: 700;}

/* 하단 플로팅 메뉴 */
.menu_bar{display: none;position: fixed;bottom: 0;left: 0;width: 100%;background: var(--white);box-sizing: border-box;z-index: 9;}
.menu_bar>ul {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #eee;padding: 14px 14px 20px 14px;text-align: center;}
.menu_bar>ul>li {width: 100%}
.menu_bar>ul>li>a {display: block;padding-top: 35px;background-repeat: no-repeat;background-position: bottom 15px center;color: #666;font-family: Pretendard;font-size: 8px;font-weight: 600;line-height: 150%;}
.menu_bar>ul>li>a.home {background-image: url('/img/common/icon_home.png');background-size: 24px auto}
.menu_bar>ul>li>a.topclass {background-image: url('/img/common/icon_topclass.png');background-size: 24px auto}
.menu_bar>ul>li>a.course {background-image: url('/img/common/icon_course.png');background-size: 16px auto}
.menu_bar>ul>li>a.mall {background-image: url('/img/common/icon_mall.png');background-size: 24px auto}
.menu_bar>ul>li>a.my {background-image: url('/img/common/icon_my.png');background-size: 24px auto}
.menu_bar>ul>li>a.lms {background-image: url('/img/common/icon_lms.png');background-size: 22px auto}
.menu_bar>ul>li>a.new {background-image: url('/img/common/icon_new.png');background-size: 24px auto}

/* selected */
.menu_bar>ul>li>a.selected {color: #1b1b1b;font-weight: 700;}
.menu_bar>ul>li>a.selected.home {background-image: url('/img/common/icon_home_on.png');}
.menu_bar>ul>li>a.selected.topclass {background-image: url('/img/common/icon_topclass_on.png');}
.menu_bar>ul>li>a.selected.course {background-image: url('/img/common/icon_course_on.png');}
.menu_bar>ul>li>a.selected.mall {background-image: url('/img/common/icon_mall_on.png');}
.menu_bar>ul>li>a.selected.my {background-image: url('/img/common/icon_my_on.png');}
.menu_bar>ul>li>a.selected.lms {background-image: url('/img/common/icon_lms_on.png');}
.menu_bar>ul>li>a.selected.new {background-image: url('/img/common/icon_new_on.png');}
@media all and (max-width: 1024px) {
	.header .mo_depth1_wrap{display:block}
    .menu_bar {display:block}
	.lnb.mo .lnb-mo-header .btn-my-class-room{color:var(--darkgray);font-size:var(--ex-small-text);line-height:150%;border: none;font:inherit;background-color:transparent!important;}
	.header>.menu_wrap>.mo .top .btn-mo-alert{display:block;position:absolute;top:19px;right:15px;width:18px;height:19px;background-image:url('/img/common/alarm.png');background-size:18px auto;background-color:transparent;border:none;font-size:0;}
	.alert-area{display:block;position:fixed;top:0;right:0;width:44vw;height:calc(var(--vh,1vh)*100);max-height:unset;box-shadow:none;background-color:var(--white);z-index:10;transform:translateX(100%);}

}

/* 마이페이지 로그아웃 회원탈퇴 */
.profile-wrap.new .btn2.exit{max-width:1024px;margin-top:11px;background:none;border:none;color:#666;font-size:14px;font-family: Pretendard;text-decoration: underline;text-underline-offset: 3px;}
.profile-wrap.new .btn2.logout{max-width:1024px}

/* 모바일 변경 알림 팝업 */
.mo_ch_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:110px 20px 0 20px;background:#121212;box-sizing: border-box;z-index:999;}
.mo_ch_pop button{cursor:pointer;}
.mo_ch_pop>.btn_close{position:absolute;top:25px;right:25px;width:16px;border:none;background:none}
.mo_ch_pop .btn_close img{width:100%}
.mo_ch_pop .inner{overflow: hidden;}
.mo_ch_pop .swiper-slide{text-align: center;}
.mo_ch_pop .swiper-slide .img_area{display:flex;align-items: center;justify-content: center;height:calc((var(--vh, 1vh) * 100) - 234px)}
.mo_ch_pop .swiper-slide img{width:auto;height:auto;max-width:100%;max-height:100%}
.mo_ch_pop .btn_ch{display:flex;align-items: center;justify-content: center;width:100%;height:48px;margin-top:48px;background:#004aba;color:var(--white);border:none;border-radius: 24px;font-size:20px;font-family: Pretendard;letter-spacing: -0.03em;}
.ch-pagination{position: absolute;top:80px;bottom:auto !important;}
.ch-pagination .swiper-pagination-bullet{background:var(--white);opacity:0.6;margin:0 5px !important}
.ch-pagination .swiper-pagination-bullet-active{background:var(--white);opacity:1;}
@media screen and (max-width:767px) {
	.mo_ch_pop{display:block}
}

/* 학생상태일괄변경 추가 24.02.27 */
.btn_all_change{margin:8px 0 0 4px;padding: 11px 18px 10px 18px;border-radius: 4px;border: 1px solid var(--main-color);background: var(--main-color);color:var(--white);font-family: Pretendard;font-size: 16px;font-weight: 500;cursor:pointer;border:none}
.btn_all_change:disabled{background:#eee;color:#666}
.online .homework-sort .fr .select1{margin-top:6px}
.popup-container.stu_status_chg{font-family: Pretendard;}
.stu_status_chg .popup-wrap .popup-head{border-bottom:none}
.stu_status_chg .popup-wrap .icon.close{top:37px}
.stu_status_chg .select_area{padding:30px;background:#F4F5F7;}
.stu_status_chg .select_area .select1{width:100%;height:60px;font-size:18px;font-family: Pretendard;background:url(/img/common/icon_arrow5.png) right 18px center / 20px auto no-repeat var(--white);padding-left:20px}
.stu_status_chg .popup-wrap .popup-inner{padding-top:0;margin-bottom:30px}
.stu_status_chg .popup-wrap .bt-btn-wrap{padding-bottom:30px}
@media screen and (max-width:767px) {
	.homework-sort .sort + .sort{margin-top:20px}
	.stu_status_chg .select_area{padding:20px}
	.stu_status_chg .select_area .select1{padding-left:15px;height:48px;font-size:14px;background-size:16px auto;background-position:right 15px center}
	.stu_status_chg .popup-wrap .popup-inner{margin-bottom:20px}
	.stu_status_chg .popup-wrap .bt-btn-wrap{padding-bottom:24px}
}

/* new style add */
.input_cal{width:153px;height:60px;padding:0 16px 0 46px;border-radius: 4px;border:none;background:url(/img/common/icon_date.png) left 16px center / 24px auto no-repeat #f4f5f7;color:#919191;font-family: Pretendard;font-size:16px;font-weight: 500;box-sizing: border-box;}
.select_type3{width:200px;height:60px;padding:0 40px 0 20px;border:1px solid #ccc;border-radius:4px;background:url('/img/common/icon_arrow9.png') right 20px center / 20px auto no-repeat;font-size:16px;font-family:Pretendard;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;color:#1b1b1b}
.input_srh_wrap{position:relative;}
.input_srh_wrap .input_srh{width:100%;height:60px;padding:0 60px 0 20px;border-radius: 4px;border:1px solid #ccc;color:#1b1b1b;font-family: Pretendard;font-size:16px;font-weight: 500;box-sizing: border-box;}
.input_srh_wrap .input_srh::placeholder{color:#919191}
.input_srh_wrap .btn_srh{position:absolute;top:50%;right:20px;transform: translateY(-50%);width:20px;height:20px;background:url(/img/common/icon_srh.png) center / 20px auto no-repeat;cursor:pointer;border:none;text-indent: -9999px;}
.input_srh_wrap .input_srh:focus + .btn_srh{background-image:url(/img/common/icon_srh_on2.png)}
.table_style1{width:100%}
.table_style1 thead th{height:52px;background:#1b1b1b;color:var(--white);font-size:14px;font-weight: 700;letter-spacing: -0.14px;text-align: center;}
.table_style1 thead th:first-child{border-radius: 4px 0 0 4px;}
.table_style1 thead th:last-child{border-radius: 0 4px 4px 0;}
.table_style1 tbody td{height:70px;text-align: center;border-bottom:1px solid #E6E6E6;}
.table_style1 tbody td .btn_type2{width:85px;height:40px;margin:0 auto;font-size:14px;font-weight: 600;}

/* 온라인학습관리 학생이동 레이아웃 수정 */
.myProfile .subContents.doubletab{max-width:1120px;}
.doubletab .section-wrap .article{width:calc(50% - 75px)}
.doubletab .table1 table tbody td{word-break: break-all;}
.doubletab .control .top{display:flex;gap:0 4px;margin-bottom:4px}
.doubletab .control .top .select1{width:100%}
.doubletab .control .bottom{display:flex;gap:0 4px;margin-bottom:4px}
.doubletab .control .bottom .inp1{width:100%}
.doubletab .control .bottom .btn-search{flex-shrink: 0;}
.doubletab #sch_txt1{width:140px}

@media (max-width: 1000px) and (min-width: 768px) {
	.doubletab .section-wrap .article{width:calc(50% - 58px);margin:0 0 25px 30px}
	.doubletab .arrow{width:30px;margin-top:100px;margin-left:25px}
	.doubletab .arrow-button{margin:40px 0}
}
@media (max-width: 767px) {
	.doubletab .section-wrap .article{width:100%}
	.doubletab .arrow{margin-left:0;display:flex;justify-content: center;align-items: center;flex-direction: column;}
	.doubletab .arrow-button{margin-left:0}
}

.page-title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.page-title-wrap .page-title {
    font-size: var(--main-title);
    font-weight: 700;
    line-height: 150%;
}
.page-title-wrap .sub-text {
    width: 100%;
    margin-top: 10px;
    color: var(--gray);
    font-size: var(--sub-title);
    font-weight: 500;
    line-height: 150%;
}
.page-title-wrap .page-title .num {
    margin: 0 8px;
}
.page-title-wrap .page-move {
    display: flex;
    align-items: center;
    font-size: var(--sub-title);
    color: var(--gray);
}

@media (hover: hover) and (pointer: fine) {
    .page-title-wrap .page-move:hover > span {
        color: var(--black);
    }
    .page-title-wrap .page-move:hover > .icon.right-arrow-16 {
        background-position: -892px -34px;
        transform: rotate(90deg);
    }
}
.page-title-wrap .right-arrow {
    margin-left: 4px;
}

@media all and (max-width:1280px) {
    .inner .page-title-wrap .page-title,
    .inner .page-title-wrap .btn-wrap,
    .inner .page-title-wrap .sub-text,
    .inner .page-title-wrap .page-move {
        display: none;
    }
    .club .inner .page-title-wrap,
    .club-open .page-title-wrap {
        margin-top: 40px;
    }
    .club-open .page-title-wrap .page-title,
    .club .inner .page-title-wrap .page-title {
        display: block;
    }
}

@media all and (max-width: 768px) {
    .page-title-wrap .btn.func {
        display: none;
    }
    .page-title-wrap .page-title {
        font-size: var(--content-title);
    }
    .club .inner .page-title-wrap {
        margin-top: 0;
    }
    .club .inner .page-title-wrap .page-title {
        display: none;
    }
    .page-title-wrap .page-title .sub-text {
        font-size: var(--ex-small-text);
    }

    .club-open .page-title-wrap {
        padding: 0 15px 10px;
    }
    .club-open .page-title-wrap .guide-text {
        width: 100%;
        margin-bottom: 0;
        padding: 8px 0 0;
    }
}



.eduone .myProfile .myLeftGap{margin-left: 0px;}
.eduone .contents_wrap{max-width:1080px;margin:0 auto;box-sizing: border-box;}
.eduone .contents_wrap .img_wrap img{width:100%}
.eduone .title{margin-bottom:64px;color:rgba(34, 34, 34, 0.80);font-size: 28px;font-weight: 400;line-height: 42px;letter-spacing: -0.028px;text-align: center;}
.eduone .title span{display:block;margin-bottom:8px;color:#004aba;font-size:20px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
.eduone .title strong{display:block;margin-bottom:8px;color:rgba(34, 34, 34, 0.90);font-size: 40px;font-weight: 700;line-height: 60px;letter-spacing: -0.18px;}
.eduone .title span + strong{margin-top:0}
.eduone{padding:40px 0 120px 0;background:#F5F6F8;text-align: center;}
.eduone .sec2{background:#FFFFFF;}
.eduone .tit_area{margin-bottom:64px;}
.eduone .tit_area .title{margin-bottom:20px}
.eduone .tit_area .title strong{margin:0}
.eduone .inquire{display:inline-flex;background:#004aba;border-radius: 80px;padding:13px 40px 14px 35px;color: #FFF;}
.eduone .inquire .tel{position:relative;padding:0 0 0 32px;background:url("/img/common/icon_tel.png") left top / 24px auto no-repeat;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
.eduone .inquire a{color:#fff}
.eduone .contact .form_input{display:flex;gap:16px;flex-wrap: wrap;}
.eduone .contact .form_input .input_box{display:flex;align-items: center;gap:0 10px;background:#fff;border-radius: 4px;border:1px solid #e9e9e9;padding-left:14px;text-align: left;box-sizing: border-box;overflow: hidden;}
.eduone .contact .form_input .input_box.w_2{width:calc(50% - 1/2 * 16px);}
.eduone .contact .form_input .input_box.w_2 .tit{position:relative;flex-shrink: 0;padding-right:10px;color: rgba(34, 34, 34, 0.90);font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.056px;}
.eduone .contact .form_input .input_box.w_2 .tit::after{content:"";display:block;position:absolute;top:50%;right:0;transform: translateY(-50%);width:1px;height:12px;background:rgba(34, 34, 34, 0.30)}
.eduone .contact .form_input .input_box.w_2 input{width:100%;height:50px;padding:0 20px 0 0;border:none;color: #8E8E8E;font-family: Pretendard;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.028px;box-sizing: border-box;background-color:#ffffff;}
.eduone .contact .form_input .input_box.w_2 input::placeholder{font-family: Pretendard;color:rgba(34, 34, 34, 0.30)}
.eduone .contact .form_input .input_box.w_2 select{width:100%;height:50px;;border:none;background:url("/img/common/icon_arrow.png") right 30px center / 12px auto no-repeat;color:rgba(34, 34, 34, 0.30);font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.028px;;font-family: Pretendard;appearance: none;box-sizing: border-box;}
.eduone .contact .form_input .input_box.text{flex-direction: column;align-items: flex-start;gap:14px 0;width:100%;padding:30px;box-sizing: border-box;}
.eduone .contact .form_input .input_box.text .tit{color: rgba(34, 34, 34, 0.90);font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.056px;}
.eduone .contact .form_input .input_box.text .textarea{width:100%;height:206px;padding:0;border:none;color: #8E8E8E;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 400;line-height: 140%;letter-spacing: -0.32px;box-sizing: border-box;resize: none;outline: none;background-color:#ffffff;}
.eduone .contact .form_input .input_box.text .textarea::placeholder{color:rgba(34, 34, 34, 0.30)}
.eduone .contact .desc{margin-top:8px;color: rgba(34, 34, 34, 0.60);font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.04px;text-align: left;}
.eduone .contact .btn_box .btn{display:inline-flex;align-items: center;justify-content: center;width:320px;height:76px;margin-top:64px;border-radius: 4px;background:#333;color:#fff;font-size:24px;font-weight: 700;line-height: 36px;letter-spacing: -0.072px;}
@media screen and (max-width:1120px) {
    .eduone .contents_wrap{padding:0 25px}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:767px) {
    .eduone .title{margin-bottom:40px;color:rgba(34, 34, 34, 0.80);font-size: 14px;font-weight: 400;line-height: 21px;letter-spacing: -0.014px;text-align: center;}
    .eduone .title span{display:block;margin-bottom:4px;color:#0068ff;font-size:18px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
    .eduone .title strong{display:block;margin-bottom:4px;color:rgba(34, 34, 34, 0.90);font-size: 28px;font-weight: 700;line-height: 38px;letter-spacing: -0.154px;}
    .eduone{padding:60px 0 120px}
    .eduone .tit_area{margin-bottom:32px;}
    .eduone .tit_area .title{margin-bottom:12px}
	.eduone .inquire{padding:7px 20px 7px 16px}
	.eduone .inquire .tel{padding:0 0 0 16px;background-size:12px auto;background-position:left top 1px;font-size:11px;line-height: 150%;letter-spacing: -0.22px;}
	.eduone .inquire .kakao{padding-left:28px;background-position:left 10px top 1px;background-size:14px auto;font-size:11px;line-height: 150%;letter-spacing: -0.22px;}
	.eduone .contact .form_input{gap:8px 0}
	.eduone .contact .form_input .input_box{padding-left:15px}
	.eduone .contact .form_input .input_box.w_2{width:100%}
	.eduone .contact .form_input .input_box.w_2 .tit{width:50px !important;font-size:12px;letter-spacing: -0.072px;line-height: 18px;}
	.eduone .contact .form_input .input_box.w_2 input{height:40px;font-size:12px;letter-spacing: -0.24px;}
	.eduone .contact .form_input .input_box.w_2 input::placeholder{font-size:12px;letter-spacing: -0.24px;}
	.eduone .contact .form_input .input_box.w_2 select{height:40px;;font-size:12px;letter-spacing: -0.24px;background-position: right 15px center;}
	.eduone .contact .form_input .input_box.text{gap:7px 0;padding:15px}
	.eduone .contact .form_input .input_box.text .tit{font-size:12px;letter-spacing: -0.24px;}
	.eduone .contact .form_input .input_box.text .textarea{height:95px;font-size:11px;letter-spacing: -0.22px;}
	.eduone .contact .form_input .input_box.text label{font-size:11px}
	.eduone .contact .desc{margin:4px 0 0 0;font-size:12px;letter-spacing: 0px;line-height: 18px;}
	.eduone .contact .btn_box .btn{width:100%;height:60px;margin-top:32px;font-size:18px;line-height: 27px;letter-spacing: -0.077px;}
	.w90{width:100%;}
	.w150{width:100%;}
	.w200{width:100%;}
}