@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
.noto { font-family: 'Noto Sans Korean', sans-serif; }

html { font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline; }
audio:not([controls]) { display:none; height:0; }
[hidden], template { display:none; }
a { background-color:transparent; }
a:active, a:hover { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700; }
dfn { font-style:italic; }
h1 { margin:.67em 0; font-size:2em; }
mark { color:#000; background:#ff0; }
small { font-size:80%; }
sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
img { border:0; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { height:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
pre { overflow:auto; }
code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em; }
button, input, optgroup, select, textarea { margin:0; font:inherit; color:inherit; }
button { overflow:visible; }
button, select { text-transform:none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; }
input { border:solid 1px #e1e1e1; padding:6px 5px 7px; line-height:normal; border-radius:0; }
input[type=checkbox], input[type=radio] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin-right:5px; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto; }
input[type=search] { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
input[type="text"], input[type="password"], input[type="email"], input[type="seach"], input[type="file"], input[type="image"], input[type="tel"], textarea  { -webkit-appearance:none; }
input[type="checkbox"]{/*-webkit-appearance:none;*/-webkit-border-radius:0; }
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
label { margin: 0 2px; vertical-align: text-top; }
fieldset { padding:.35em .625em .75em; margin:0 2px; border:1px solid silver; }
legend { padding:0; border:0; }
textarea { overflow:auto; border:solid 1px #e1e1e1; padding:6px 5px 7px; border-radius:0; }
optgroup { font-weight:700; }
table { border-spacing:0; border-collapse:collapse; }
td, th { padding:0; text-align:center; }
ol, ul, li { list-style:none; margin:0; padding:0; }

/* common */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
:after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html { font-size:inherit; -webkit-tap-highlight-color:rgba(0,0,0,0) }
body { background-color:#fff; width:100%; max-width:768px; font-family:"Noto Sans Korean", Helvetica, Arial, sans-serif; line-height:1.42857143; font-size:12px; color:#555; }
a { color:#333; text-decoration:none; }
hr { background-color:#e1e1e1; height:1px; border:0; margin:20px 0; }
nav:not(.mm-menu) { display:none; }
img { max-width:100%; }
h2, h3, h4, h5, p { margin:0; color:#232323; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
input[type="text"], input[type="seach"], input[type="file"], textarea { border-radius: 3px; }
select { -webkit-appearance:listbox!important; font-size:12px; height:34px; padding:5px 10px 5px 5px; color:#232323; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #e1e1e1; border-radius:3px;
    /*background-image: url(../img/select_arrow.png); background-repeat:no-repeat; background-position: 94%;*/ }
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { cursor: pointer; }
input[type="checkbox"] + label span { position: relative; cursor: pointer; }
input[type="checkbox"] + label span:before { content:""; display: inline-block; width: 12px; height: 12px; margin-right: 2px; position: absolute; bottom: 1px; left: -16px; background: #fff; border: 1px solid #e1e1e1; border-radius: 3px; vertical-align: middle; }
input[type="checkbox"]:checked + label span:before { content: "\2713"; font-size: 8px; font-weight: 800; background-color: #ff7800; border-color: #ff7800; color: #Fff; text-align: center; line-height: 12px; }

/* margin */
.mt0 { margin-top:0!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mr0 { margin-right:0!important; }
.mr10 { margin-right:10px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mb0 { margin-bottom:0!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.ml0 { margin-left:0!important; }
.ml10 { margin-left:10px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }

/* padding */
.pt0 { padding-top:0!important; }
.pt10 { padding-top:10px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pr0 { padding-right:0!important; }
.pr10 { padding-right:10px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pb0 { padding-bottom:0!important; }
.pb10 { padding-bottom:10px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pl0 { padding-left:0!important; }
.pl10 { padding-left:10px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }

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

/* dot */
.dot-li li { list-style:outside circle; margin:0 0 5px 14px; padding-left:5px; }
.dec-li li { list-style:outside decimal; margin:0 0 5px 14px; padding-left:5px; }

/* Header */
header { text-align:center; display:block; }
.header.fixed { position:fixed; top:0; left:0; }
.footer.fixed { position:fixed; bottom:0; left:0; }
.header { text-align:center; border-bottom: 1px solid #e1e1e1; font-size:16px; font-weight:bold; color:#fff; line-height:60px; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:60px; padding:0 50px; }
.header .leftmenu { background:center center no-repeat transparent; background-image: url(../img/hamb_navi.png); background-size:cover; display:block; width:40px; height:40px; position:absolute; top:10px; left:10px; }
.header h1 { width:120px; margin:0 auto; line-height: 52px; }
.header h1 a { line-height: 70px; }
.member { position:absolute; right:15px; top:-1px; font-size:11px; color:#666; font-weight:normal; text-decoration:underline; }
.mm-menu .nav-bottom { text-align: center; }
.mm-menu .nav-bottom a { color: #fff; display: inline-block; }
.mm-navbar { padding: 0!important; }
.ct-navtit { margin-top: -10px; padding-top: 0!important; text-align: left; text-indent: 20px; width: 100px; }

/* Footer */
#footer { width: 100%; padding: 20px; text-align: center; font-size: 0.9em; color: #666; border-top: 1px solid #e1e1e1; }
#footer .link { width: 100%; margin-bottom: 10px; }
#footer .link li { display: inline-block; }
#footer .link li a { font-size: 1em; padding: 0 5px;  }
#footer .copy p { color: #888; }
#footer .copy span { margin:0 3px; color:#888; }
#footer .copy .name { color:#333; }

/* Main Content sections */
.mainContent { width: 100%; margin: 0 auto; }
.mainContent .section { display:block; }

/*Main container*/
.container { width: 100%; text-align: center; padding: 0; }
.section { padding: 25px 0 50px; overflow: hidden; }
.m-title { font-size: 1.533em; color: #232323; position: relative; font-weight: 300; margin: 0 0 25px 0; text-align: center; }
.m-explain { padding: 0 0 60px 0; font-size: 1.2em; color: #4e4a47; text-align: center; }
.section01 { width: 90%; margin: 0 auto; }
.section01 .mt-1 ul li { font-size: 1.27em; margin: 10px 0; text-align: center; }
.section01 .mt-1 ul li span { background: url(../img/checkbox.png) no-repeat; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; background-size: 100%;}
.section01 .mt-2 { text-align: center; }
.section01 .mt-2 ul li { display: inline-block; vertical-align: top; width: 20.7777%; margin: 20px 1% 0; }
.section01 .mt-2 ul li .thum { background-color: #f7f7f7; width: 100%; }
.section01 .mt-2 ul li .thum img { max-width: 100%; }
.section01 .mt-2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; }
.section02 { width: 100%; height: 550px; margin: 0 auto; position: relative; background: #f7f7f7 url(../img/main_leveltest.jpg) 50% no-repeat; background-size: cover; text-align: center;}
.section02 h3 { font-size: 1.533em; }
.section02 h3 span { font-size: 1.2em; display: block; }
.section02 .free_level { position: absolute; bottom: 48px; left: 50%; margin-left: -100px; }
.section03 { width: 90%; margin: 0 auto; }
.section03 ul { padding: 10px 0 0 0; }
.section03 ul li { width: 100%; height: 300px; text-align: left; position: relative; vertical-align: top; }
.section03 ul li h4 { font-size: 1.6em; color: #333; margin-bottom: 35px; }
.section03 ul li p { font-size: 1.2em; color: #4e4a47; }
.section03 ul li img { position: absolute; bottom: 10px; right: 0px; width: 150px; }
.section04 { width: 90%; margin: 0 auto; }
.sec4-box-1, .sec4-box-2, .sec4-box-3, .sec4-box-4 { width: 100%;  }
.sec4-box-1 td, .sec4-box-2 td, .sec4-box-3 td, .sec4-box-4 td { padding: 2px; text-align: left; vertical-align: top; position: relative; }
.sec4-box-1 h4, .sec4-box-2 h4, .sec4-box-3 h4, .sec4-box-4 h4 { font-size: 1.6em; margin: 0; color: #fff; line-height: 2; text-align: center; background-color: #423730; }
.sec4-box-1 h5, .sec4-box-2 h5, .sec4-box-3 h5, .sec4-box-4 h5 { font-size: 1.4em; margin: 0 0 3px 0; color: #fff; text-align: center; }
.sec4-box-1 p, .sec4-box-2 p, .sec4-box-3 p, .sec4-box-4 p { font-size: 1.2em; color: #fff; font-weight: 500; text-align: center; }
.sec4-box-1 .box-1-02 { background: url(../img/step_1_1.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-1 .box-1-03 { background: url(../img/step_1_2.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-1 .box-1-04 { background: url(../img/step_1_3.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-1 .box-1-05 { background: url(../img/step_1_4.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-2 .box-2-02 { background: url(../img/step_2_1.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-2 .box-2-03 { background: url(../img/step_2_2.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-2 .box-2-04 { background: url(../img/step_2_3.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-2 .box-2-05 { background: url(../img/step_2_4.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-3 .box-3-02 { background: url(../img/step_3_1.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-3 .box-3-03 { background: url(../img/step_3_2.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-3 .box-3-04 { background: url(../img/step_3_3.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-4 .box-4-02 { background: url(../img/step_4_1.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-4 .box-4-03 { background: url(../img/step_4_2.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-4 .box-4-04 { background: url(../img/step_4_3.png) 50% 50% no-repeat; background-size: cover; }
.sec4-box-1 .item, .sec4-box-2 .item, .sec4-box-3 .item, .sec4-box-4 .item { widht: 100%; height: 250px; padding-top: 30px; }
.sec4-box-1 .bt-box, .sec4-box-2 .bt-box, .sec4-box-3 .bt-box, .sec4-box-4 .bt-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; margin: 0; background: rgba(66,55,48,.8); padding: 10px; text-align: left; }
.section05 { width: 90%; height: 565px; margin: 0 auto; background: url(../img/section5_img.jpg) 0 164px no-repeat; background-size: 100%; }
.section05 ul { text-align: left; margin-top: 120px; }
.section05 ul li { margin: 10px 0; font-size: 1.4em; font-weight: 600;}
.section05 ul li span { font-weight: normal; }
.section06 { width: 90%; margin: 0 auto; position: relative; }
.section06 .btn-group { text-align: center; }
.section06 h3 { font-size: 1.6em; }
.section06 h3 span { font-size: 20px; display: block; padding-top: 10px; }
.section06 .big_ex { font-size: 16px; text-align: center;}
.section06 img { margin: 45px 0 40px 0; }
.section07 .m-explain { width: 90%; margin: 0 auto; }
.section07 img { width: 100%; max-width: 768px; }

/*topbanner*/
.topbanner .text_box { width: 100%; margin: 0 auto; }
.topbanner .text_box h2 { font-size: 2.750em; color: #ff7500; padding: 15px 0 0; font-weight: 400; }
.topbanner .text_box h2 span { display: block; font-size: 0.68em; font-weight: 100; }
.topbanner .text_box p { font-size: 1.2em; color: #efdaca; margin-bottom: 20px; font-weight: 350; }

/* form */
.searchbox { vertical-align: top; }

/* 회원가입 로그인 회원탈퇴 */
.helpidpw, .loginform, .joinform, .leaveform  { width: 100%; margin: 0 auto; padding-top: 20px; }
.joinform .inputbox { width: 100%; }
.joinform .inputbox div, .joinform .inputbox p { display: flex; margin-bottom: 10px; text-align: left; }
.joinform .inputbox div span { margin: 0 3px; }
.joinform .inputbox div { height: 50px; line-height: 50px; }
.joinform .inputbox div input[type="text"], .joinform .inputbox div input[type="password"] { width: 100%; height: 48px; border-radius: 3px; background: #fff; }
.joinform .inputbox div select { height: 48px; border-radius: 3px; background: #fff; }
.joinform .inputbox p span 	{ text-decoration: underline; }
.joinform .joinus { text-align: center; }
.joinform .overlap { width: 120px; height: 48px; line-height: 40px; text-align: center; margin-left: 3px; }
.joinform .agreebox { padding-left: 10px; }
.joinform .agreebox p { line-height: 40px; }
.joinform .agreebox .agreeview a { line-height: 30px; }
.loginform .inputbox div input[type="text"], .loginform .inputbox div input[type="password"], .leaveform .inputbox div input[type="text"], .leaveform .inputbox div input[type="password"] { width: 100%; margin: 0; }
.loginform .loginbtn a, .findid .confirm a, .findpw .confirm a, .joinform .joinus a { width: 100%; height: 50px; line-height: 40px; }
.loginform .helpbox { border-top: 1px solid #e1e1e1; margin-top: 20px; padding-top: 20px; text-align: center; }
.loginform .helpbox ul li { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #e1e1e1; font-size: 0.9em; }
.loginform .helpbox ul li:first-child { border: none; margin-left: 0; padding-left: 0; }
.findid, .findpw { width: 100%; margin-bottom: 50px; }
.findid { border-bottom: 1px solid #e1e1e1; padding-bottom: 50px; }
.findid .inputbox div input[type="text"], .findpw .inputbox div input[type="text"] { width: 100%; height: 50px; line-height: 50px; }
.findid .inputbox div select, .findpw .inputbox div select { height: 50px; border-color: #e1e1e1; }
.findid .contactcall input[type="text"], .findid .contactcall select, .findpw .contactcall input[type="text"], .findpw .contactcall select { width: 31.333%!important; }
.findpw .contactemail input[type="text"] { width: 47.333%!important; }
.modal-body .text_area { width: 100%; height: 80px; overflow-y: scroll; border: 1px solid #e1e1e1; margin: 15px 0 30px; padding: 15px; }
.loginform .inputbox div input[type="text"], .loginform .inputbox div input[type="password"] { height: 50px; border-radius: 3px; }
.leaveform .inputbox div input[type="text"], .leaveform .inputbox div input[type="password"] { width: 100%; height: 50px; border-radius: 3px; margin-left: 0; margin-right: 0; }
.leaveform .inputbox textarea { border-radius: 3px; padding: 10px; margin-left: 0; margin-right: 0; }
.leaveform .leavebtn a { width: 100%; height: 50px; line-height: 2.5; }

/* 수강신청 */
.step1, .step2, .step3, .step4 { margin-bottom: 50px; }
.step3 table, .step4 table { margin-bottom: 20px; }
.tip_round { margin-bottom: 20px; color: #333; font-weight: bold; text-align: left; font-size: 1.2em; }
.tip_round span { display: inline-block; padding: 6px 5px 7px; background: #2fad09; color: #fff; border-radius: 20px; margin: 0 10px 0 0 ; }
.tip_round .right { float: right; }
.pick_class div { width: 22.777%; height: 60px; display: inline-block;  background: url(../img/apply_box_img.jpg) no-repeat; border: solid 3px #e1e1e1; margin: 0 3px; line-height: 60px; font-size: 1.1em; }

.pick_class div a { display: block; width: 100%; height: 100px;  color: #fff; font-weight: 600; }
.pick_class div.conversation { background-position: 0 0; }
.pick_class div.business { background-position: 0 -100px; }
.pick_class div.speak { background-position: 0 -200px; }
.pick_class div.news { background-position: 0 -300px; }
.pick_class2 { text-align: left; }
.pick_class2 div {  height: 50px;  display: inline-block;  background:  no-repeat; line-height: 50px; font-size: 18px; }
.pick_class2 div a { display: block; width: 100%; height: 50px;  color: #333; font-weight: 600; text-align: center;  text-indent: 30px; }
.pick_class2 div.n_phone { text-align: left; text-indent: 20px}
.pick_class2 div.n_phone, .pick_class2 div.e_video { background-position: 0 0; }
.pick_class2 div.e_phone, .pick_class2 div.e_video { background-position: 0 -50px; }
.pick_step { width: 100%; margin: 0 auto 20px; background: #F0EAE3; padding: 10px 10px; }
.pick_step li a { background: #fff; border: 1px solid #ccc; margin: 0; width: 100%; height: 40px; line-height: 2.5; text-align: center;}
.pick_step li { display: inline-block; width: 49.666%; margin-bottom: 3px; }
.step1 .tooltip1, .step1 .tooltip2, .step1 .tooltip3, .step1 .tooltip4, .step2 .tooltip5, .step2 .tooltip6, .step2 .tooltip7, .step2 .tooltip8 { position: relative; }
.step1 .tooltip1:after { content: ""; position:absolute; top: -20px; left: 12%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step1 .tooltip2:after { content: ""; position:absolute; top: -20px; left: 37%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step1 .tooltip3:after { content: ""; position:absolute; top: -20px; left: 62%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step1 .tooltip4:after { content: ""; position:absolute; top: -20px; left: 86%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step2 .tooltip5:after { content: ""; position:absolute; top: -20px; left: 17%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step2 .tooltip6:after { content: ""; position:absolute; top: -20px; left: 37%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step2 .tooltip7:after { content: ""; position:absolute; top: -20px; left: 63%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }
.step2 .tooltip8:after { content: ""; position:absolute; top: -20px; left: 86%; border-width: 10px; border-style: solid; border-color: transparent transparent #F0EAE3 transparent; }

/* box */
.box { border:solid 1px #e1e1e1; padding:10px; }
.comment-box { border:solid 1px #e1e1e1; padding:20px; }
.next-lesson { border:solid 1px #e1e1e1; background-color:#f7f7f7; padding:10px; margin-top:20px; }
.graph-bar { border:solid 1px #e1e1e1; background-color:#f7f7f7; height:12px; width:50%; display:inline-block; vertical-align:middle; position:relative; overflow:hidden; }
.graph-bar em.percent { background-color:#FF0024; height:100%; position:absolute; left:0; top:0; text-indent:-500em; overflow:hidden; }
.step-box { padding:10px 20px; border:solid 1px #232323; border-radius:50px; font-weight:normal; margin-right:20px; }

/* Sub Content sections */
.location { position:relative; text-align:center; padding:15px 0; background-color:#454545; height:50px; }
.location h2 { font-size:13px; margin:0; color:#fff; }
.location .back { position:absolute; left:15px; top:10px; }
.location .back button { width:30px; height:30px; border:0; background:transparent url(../img/back_arrow.png); background-size:cover; overflow:hidden; text-indent:-500em; }
.class-info li { margin:10px 0; }
.class-info div { display:inline-block; vertical-align:top; }
.class-info div.left { width:20%; }
.class-info div.right { width:78%; }
.install {padding-bottom:10px;}
.install h3{font-size:13px;}
.install p {color:#4B4B4B; line-height:17px; padding-bottom:5px;}
.install p span{font-weight:bold;}
.install .text_red {color:#ff0044;}

/* button */
.btn-wrap { vertical-align: top; text-align: center; }
.btn { display:inline-block; padding:4px 9px; margin-bottom:1px; font-size:12px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:2px; }
.btn.focus, .btn:focus, .btn:hover { color:#333; text-decoration:none }
.btn.active, .btn:active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125) }
.btn_big { display: inline-block; padding: 8px 25px; font-size: 1.2em; font-weight: 600; border-radius: 5px; }
.btn_small { display: inline-block; padding: 3px 7px;border-radius: 3px; font-size: 1em; }
.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #fff; border: 1px solid #888; background: #888; }
.btn-round { border-radius: 30px; padding: 7px; color: #fff; }

.btn-default { color:#666!important; background-color:#f7f7f7; border-color:#e1e1e1 }
.btn-default.focus, .btn-default:focus { color:#666!important; background-color:#ccc; border-color:#aaa }
.btn-default:hover { color:#666!important; background-color:#ccc; border-color:#aaa }
.btn-round { border-radius:50px; padding:5px 26px 4px; }
.btn-full { width:100%; padding:10px 0; }
.btn-line { border:solid 1px #e1e1e1; background-color:#fff; }
.btn-line:hover { border:solid 1px #888; }
.btn-small { padding:3px 6px 4px; }
.btn-info { width:24px; height:24px; text-align:center; background:#ff0024; display:inline-block; border-radius:16px; line-height:24px; }
.btn-info a { color:#fff; font-weight:600; }
.btn-warp li { display:inline-block; width:49%; text-align:center; margin-top:10px; }


/* tabs */
.nav { padding-left:0; margin-bottom:0; list-style:none; }
.nav>li { position:relative; display:block; }
.nav>li>a { position:relative; display:block; padding:12px 0; font-size:14px; font-weight:600; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration:none; background-color:#eee; }
.nav>li>a>img { max-width:none; }
.nav-tabs>li { display:table-cell; width:1%; text-align:center; }
.tab-content { padding:0 0 20px; position:relative; }
.tab-content>.tab-pane { display:none }
.tab-content>.active { display:block }
.tab-content li { padding:3px 0;}
.tab-content label { width:80px; color:#232323; display:block; font-weight:600; font-size:13px; }
.tab-content .lear_tab_thum, .tab-content .lear_tab_date, .tab-content .lear_tab_charge, .tab-content .schedule-info .info-left, .tab-content .schedule-info .info-right { display:inline-block; vertical-align:top; }
.tab-content .lear_tab_thum { position:absolute; width:30%; right:20px; top:80px; text-align:right; }
.tab-content .lear_tab_thum img { max-width:85%; }
.tab-content .lear_tab_date { width:100%; margin-top:10px; }
.tab-content .lear_tab_charge { width:42%; }
.tab-content .calendar { position:relative; }
.tab-content .schedule-info { margin-top:30px; height:210px; }
.tab-content .schedule-info .info-left { width:50%; float:left; }
.tab-content .schedule-info .info-right { width:49%; float:right }
.tab-content .c_header { position:relative; width:100%; height:40px; text-align:center; }
.tab-content em { color:#ff0024!important; font-style:normal; }
.tab-2th li { display:inline-block; font-size:16px; }
.tab-2th li a { color:#333; font-weight:600; }
.tab-2th li span { display:inline-block; margin:0 20px; }
.c_header .prev-month { position:absolute; left:0; }
.c_header .next-month { position:absolute; right:0; }
.c_header .prev-month, .c_header .next-month { width:28px; height:28px; display:inline-block; border:solid 1px #e1e1e1; font-size:18px; text-align:center; }
.c_header .prev-month a, .c_header .next-month a { display:block; width:100%; height:100%; text-indent:-500em; overflow:hidden; background:url(../img/btn_arrow.png) no-repeat; }
.c_header .prev-month a { background-position:0 0; }
.c_header .next-month a { background-position:-28px 0; }
.c_header .prev-month a:hover { background-position:0 -28px; }
.c_header .next-month a:hover { background-position:-28px -28px; }
.c_header .title { padding:0 10px; display:inline-block; font-size:18px; font-weight:700; border:solid 1px #fff; text-align:center; vertical-align:top; color:#232323; }

/* tab */
.tab-bar li { display: table-cell; width: 1%; text-align: center; }
.tab-bar li a { font-size: 0.9em; color: #333; border: 1px solid #e1e1e1; border-bottom: solid 1px transparent; padding: 15px 0; display: block; margin-bottom: -1px; margin-right: -1px; text-decoration: none; }
.sub-tab { margin-top: 30px; position: relative; }
.sub-tab li { display: inline-block; border-right: solid 2px #eee; margin-right: 15px; padding-right: 15px; }
.sub-tab li a { font-size: 1.4em; font-weight: 600; }
.tab-content {  }
.tab-content .tab-pane { display: none; }
.tab-content .active { display: block!important; }
.tab-inner-box { width: 100%; margin: 0 auto; text-align: left; }
.tab-inner-box img { max-width: 100%; }

.nav2 { padding-left:0; margin-bottom:0; list-style:none; }
.nav2>li { position:relative; display:block; }
.nav2>li>a { position:relative; display:block; padding:10px 0; font-size:14px; }
.nav2>li>a:focus, .nav2>li>a:hover { text-decoration:none; background-color:#eee; }
.nav2>li>a>img { max-width:none; }
.nav-tabs2 { }
.nav-tabs2>li { display:table-cell; width:1%; text-align:center; padding:0; }
.nav-tabs2>li>a { border:solid 1px #888; background-color:#888; color:#fff; }
.nav-tabs2>li>a:hover { border:solid 1px #333; background-color:#333; color:#fff; }

/* dropdown */
.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; width:100%; min-width: 150px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li { border-top:solid 1px #e1e1e1; padding:0; }
.dropdown-menu > li:first-child { border-top:0; }
.dropdown-menu > li > a { display: block; padding: 10px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #666; white-space: nowrap; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none;  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
.caret { width:15px; height:15px; background:url(../img/dropdown_arrow.png) no-repeat; background-size:cover; display:inline-block; position:absolute; right:13px; top:13px; border: 0; }

/* pagenation */
.pagenation {}
.pagenation li { display: inline-block; width: 30px; height: 30px;  }
.pagenation li a { display: block; font-size: 1.4em; color: #ccc; line-height: 30px; border: 1px solid #e1e1e1;}
.li_dot { width: 100%; margin: 0 auto; text-align: center; }
.li_dot li { list-style: disc outside; list-style-position: inside; text-align: left; }
.text-red { color: #FF070B; }
.btn_gray { background: #f1f1f1; border: 1px solid #e1e1e1; }
.btn_gray:hover { background: #ccc; }
.text-gray { color: #999; }
.moreview { width: 100%; margin: 0 auto; }


/* pagination */
.pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px }
.pagination>li { display:inline }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px }
.pagination > li > a,
.pagination > li > span { border:0; border-radius:30px !important; transition:all .3s; padding:7px 11px; margin:0 3px; min-width:30px; height:30px; line-height:30px; color:#999999; font-weight:400; font-size:12px; text-transform:uppercase; background:transparent; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color:#999999; }
.pagination > .active > a, .pagination > .active > span { color:#999999; }

/* modal */
.modal-open { overflow:hidden }
.modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0 }
.modal.fade .modal-dialog { -webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%) }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform:translate(0, 0) }
.modal-open .modal { overflow-x:hidden; overflow-y:auto }
.modal-dialog { position:relative; width:auto; margin:10px }
.modal-content { position:relative; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0,0,0,.2); border-radius:6px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5) }
.modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; }
.modal-backdrop.fade { filter:alpha(opacity=0); opacity:0 }
.modal-backdrop.in { filter:alpha(opacity=50); opacity:.5 }
.modal-header { min-height:16.43px; padding:15px; }
.modal-header .close { margin-top:-2px }
.modal-title { margin:0; line-height:1.42857143; font-size:18px; letter-spacing:-0.015em; }
.modal-body { position:relative; padding:0 15px 15px; width:100%; }
.modal-body object { width:100%; height:650px; display:block; margin:0 auto; overflow:hidden; }
.modal-footer { padding:15px; text-align:right; }
.modal-footer .btn+.btn { margin-bottom:0; margin-left:5px }
.modal-footer .btn-group .btn+.btn { margin-left:-1px }
.modal-footer .btn-block+.btn-block { margin-left:0 }
.modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll }
.close { color:#000; float:right; font-size:21px; font-weight:700; line-height:1; opacity:0.2; text-shadow:0 1px 0 #fff; }
.modal-dialog { width:90%; margin: 15% auto }
.modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5) }
.inst-summary {}
.inst-summary .left { display:inline-block; width:25% }
.inst-summary .right { display:inline-block; width:74%; vertical-align:top; }

/* process */
.process-summary { margin-top:30px; }
.process-summary .thum { display:inline-block; vertical-align:top; width:37%; }
.process-summary .thum p { margin:0; width:90%; padding:5px 5px 1px 5px; }
.process-summary .thum p img { max-width:100%; }
.process-summary .info { display:inline-block; vertical-align:top; width:60%; }
.process-list li { }
.pl-box { }
.pl-box .thum { display:inline-block; vertical-align:top; width:26%; }
.pl-box .info { display:inline-block; vertical-align:top; width:72%; }
.pl-box .info .dot-li li { display:block; padding:3px 0 3px 10px; background:url(../img/dot1.png) no-repeat 0 11px; list-style:outside square; width:100%; font-size:11px; margin:0; letter-spacing:-0.025em }
.pl-box .info h3 { font-size:14px; }
.pl-box .info h4 { font-size:12px; }

/* panel */
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.panel-body { padding: 15px }
.panel-heading { padding: 10px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel-heading>.dropdown .dropdown-toggle { color: inherit }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 1em; color: inherit }
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 }
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 }
.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 }
.panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 }
.list-group+.panel-footer { border-top-width: 0 }
.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 }
.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-right: 15px; padding-left: 15px }
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px }
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd }
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 }
.panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 }
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 }
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 }
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 }
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 }
.panel>.table-responsive { margin-bottom: 0; border: 0 }
.panel-group { margin-bottom: 20px; border-top: 2px solid #333; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px }
.panel-group .panel+.panel { margin-top: 5px }
.panel-group .panel-heading { border-bottom: 0 }
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd }
.panel-group .panel-footer { border-top: 0 }
.panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd }
.panel-default {/* border-color: #ddd */}
.panel-default>.panel-heading { color: #333; background-color: #fff; border-color: #e1e1e1 }
.panel-default>.panel-heading+.panel-collapse>.panel-body { /*border-top-color: #ddd */ background: #f5f5f5; }
.panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 }
.panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd }

/*table*/
.table-01 { width: 100%; color: #333; font-size: 1em; }
.table-01 th, .table-01 td { padding: 2px; border: 1px solid #e1e1e1; line-height: 2; }
.table-01 th { background: #eee; /*border-top: 2px solid #2fad09;*/ }
.table-01 td { }
.table-02 { width: 100%; color: #333; font-size: 1em; }
.table-02 th, .table-02 td { padding: 2px; border: 1px solid #e1e1e1; }
.table-02 thead th {  }
.table-02 th { background: #eee; }
.table-02 td { text-align: left; padding: 10px 15px; }
.table-03 { width: 100%; font-size: 1em; }
.table-03 th, .table-03 td { padding: 10px 0; }
.table-03 th { color:#333; }
.table-03 td { color:#666; text-align: left; }
.table-tit { width: 60%; }
.table-line { border-top: 2px solid #333; }
.table-01 td.left, .table-02 td.left, .table-03 td.left { text-align: left; }
.table-01 td label, .table-02 td label, .table-03 td label { display: inline-block; margin-right: 20px; }
.table-04 { width: 100%; color: #333; font-size: 1em; }
.table-04 th, .table-04 td { padding: 10px; border: 1px solid #e1e1e1; text-align: left; }
.table-04 th { background: #eee; /*border-top: 2px solid #2fad09;*/ }
.table-04 td { height: 50px; }
.table-04 td label { margin-right: 20px; display: inline-block; }
.table-04 td input { margin: 0; }
.table-05 { border-top: solid 1px #e1e1e1; }
.table-05 th { color: #ff0044!important; background-color: inherit; }
.table-05 td a { color: #fff!important; background-color: #333; border-radius: 3px; padding: 3px 5px; }
.table-05 th, .table-05 td { border-left: 0!important; border-top: 0!important; border-right: 0!important; border-bottom: solid 1px #e1e1e1!important; padding: 5px 0 5px 0!important; text-align: center; height: inherit!important; color: #ddd; }
.scroll { overflow-y: scroll; height: 200px; }
.scroll table { width: 100%; }
table td.today { background-color: #fff7f1; color:#ff781e; }

/*sub page*/
.header-top { background: #f7f7f7; height: 50px; line-height: 50px; position: relative; text-align: center; }
.header-top p { margin: 0; font-size: 1.4em; font-weight: 600; }
.header-top .back { position: absolute; top: 15px ; left: 10px; display: block; line-height: 60px; }
.header-top .back span { text-indent: -9999em; display: block; width: 20px; height: 20px; background: url(../img/bg_back.png) 0 0 no-repeat; background-size: cover; }
.ht-orange p { color: #fff; }
.ht-orange .back span { width: 20px; height: 20px;  background: url(../img/bg_back_w.png) 0 0 no-repeat; background-size: cover; }
.depth2 ul { width: 1000px; height: 60px; overflow: hidden; }
.depth2 ul li { display:inline-block; }
.depth2 ul li a:hover, .depth2 ul li a.active { color: #fff; }
.inner_content { width: 95%; margin: 0 auto 50px; padding: 30px 0 0 ; text-align: center; }
.inner_content h2 { font-weight: bold; font-size: 1.6em; margin: 25px 0 30px 0;  color: #333; position: relative }
.inner_content h2:before { content: ""; display: block; background-color: #555; width: 30px; height: 2px; left: 50%; top: 40px; margin: 0 0 0 -15px; position: absolute; }
.inner_content h3 { font-size: 1.8em; font-weight: 100; margin: 0 0 40px 0; color: #333; line-height: 30px; }
.inner_content .section { padding: 50px 10px; }
.inner_content .section03 { width: 100%; margin: 0 auto; }
.inner_content .section03 ul { /*padding: 60px 0 0 0;*/ }
.inner_content .section03 ul li { width: 100%; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.inner_content .section03 ul li h4 { font-size: 1.8em; color: #333; margin-bottom: 35px; }
.inner_content .section03 ul li p { font-size: 1.167em; color: #4e4a47; }
.inner_content .section03 ul li img { position: absolute; bottom: 10px; right: 0; width: 210px; }
.inner_content .system-process { margin-top: 40px;}
.inner_content .system-process li { display: inline-block; vertical-align: top; border: solid 1px #e1e1e1; width: 18.7777%; height: 85px; padding: 15px 0; font-size: 1em; margin: 7px; position: relative; }
.inner_content .system-process li span { position: absolute; right: -16px; top: 21px; background: url(../img/arrow.png) no-repeat; width: 15px; height: 35px; background-size: cover; }
.inner_content .section01 { width: 100%; margin: 0 auto; }
.inner_content .section01 .mt-1 ul li { font-size: 1.4em; margin: 10px 0; }
.inner_content .section01 .mt-1 ul li span { background: url(../img/checkbox.png) no-repeat; display: inline-block; width: 25px; height: 25px;  vertical-align: middle; margin-right: 10px;  background-size: 25px;}
.inner_content .section01 .mt-2 ul li { display: inline-block; width: 20.7777%; margin: 20px 1% 0; }
.inner_content .section01 .mt-2 ul li .thum { background-color: #f7f7f7; width: 100%; }
.inner_content .section01 .mt-2 ul li .thum img { max-width: 100%; }
.inner_content .section01 .mt-2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; }
.inner_content .section06 { width: 100%; }
.map { overflow: hidden; }
.map img { max-width: 200%;  margin-left: -250px; }
.inner_content .apply { text-align: right; margin-bottom: 20px; }
.high_ex { font-size: 24px; font-weight: 100; margin: 0 0 40px 0; color: #333; }
.sub_ex { margin-bottom: 55px; font-size: 1.2em; }
.sub_ex strong { font-size: 1.2em; font-weight: bold; color: #333; }
.sub_depth li { display: inline-block; width: 170px; padding: 15px 15px 20px; }
.sub_depth li.active a { color: #fff; }
.sub_depth li a { font-size: 15px; color: #ffe2c8; font-weight: bold; }
.system { width: 100%; }
.center_img { margin-bottom :55px; }
.center_teacher { width: 100%; margin: 10px auto 0; text-align: center; }
.center_info { width: 100%; text-align: left; padding: 20px 10px; margin-bottom: 50px; }
.center_info ul { margin-bottom: 30px; }
.center_info li { font-size: 1.2em; margin-bottom: 5px; }
.center_info img { max-width: 100%; }
.center_info h4 { font-size: 30px; font-weight: bold; }
.center_info p { font-size: 1.6em; }
.center_teacher ul li { width: 20%; float: left; padding: 1%; }
.center_teacher ul li img { max-width: 100%; }
.table_thum { max-width: 100px; margin-bottom:5px; }
.table_thum200 { max-width: 200px; margin-bottom:5px; }
.class_info.speak-bg01 { background: url(../img/speak_bg01.jpg)no-repeat; }
.class_info.speak-bg02 { background: url(../img/speak_bg02.jpg)no-repeat; }
.class_info.speak-bg03 { background: url(../img/speak_bg03.jpg)no-repeat; }
.class_info.speak-bg04 { background: url(../img/speak_bg04.jpg)no-repeat; }
.class_info.business-bg01 { background: url(../img/business_bg01.jpg)no-repeat; }
.class_info.business-bg02 { background: url(../img/business_bg02.jpg)no-repeat; }
.class_info.business-bg03 { background: url(../img/business_bg03.jpg)no-repeat; }
.class_info.business-bg04 { background: url(../img/business_bg04.jpg)no-repeat; }
.class_info.opic-bg01 { background: url(../img/opic_bg01.jpg)no-repeat; }
.class_info.opic-bg02 { background: url(../img/opic_bg02.jpg)no-repeat; }
.class_info.news-bg01 { background: url(../img/news_bg01.jpg)no-repeat; }
.class_info.news-bg02 { background: url(../img/news_bg02.jpg)no-repeat; }
.class_info.news-bg03 { background: url(../img/news_bg03.jpg)no-repeat; }
.class_info { height: 400px; padding: 100px; margin-bottom: 50px; text-align: center; }
.class_info h3 { font-size: 20px; font-weight: 400; margin: 0; color: #fff; }
.class_info h4 { font-size: 34px; font-weight: 600; color: #fff; }
.class_info p { font-size: 20px; color: #fff; font-weight: 300; }
.class_info span { display: inline-block; border-radius: 50px; background: #F8BC3B; padding: 10px 15px; color: #fff; font-size: 17px; width: 150px; text-align: center; margin: 20px 0;}
.book_info { width: 100%; display: inline-block; margin: 0 0 50px 0; }
.book_info .left { float: left; text-align: center; width: 40%; }
.book_info .left a { width: 100%; margin-bottom: 3px; }
.book_info .book_thum { width: 160px; border: solid 1px #888; }
.book_info .right { width: 57%; float: left; text-align: left ; margin-left: 10px; font-size: 1em; }
.book_info .book_tit { color: #333; font-size: 1.8em; font-weight: bold; }
.book_info .right ul { margin-top: 20px; }
.book_info .right ul li { list-style: outside; margin-left: 20px; }

/* install */
.install { width: 100%; margin: 0 auto; text-align: left; }
.install .box-01 { width: 450px; margin-right: 90px; display: inline-block; vertical-align: top; }
.install .box-02 { width: 450px; display: inline-block; vertical-align: top; }
.install .box-03 { width: 450px; margin-right: 90px; display: inline-block; vertical-align: top; }
.install .box-04 { width: 450px; display: inline-block; vertical-align: top; }
.install .box-05 { width: 450px; display: inline-block; vertical-align: top; }
.install h3 { font-size: 24px; font-weight: 400; margin-top: 100px; background: url(../img/program_icon.png) no-repeat; padding-left: 80px; }
.install h3 span { display: block; font-size: 34px; line-height: 40px; }
.install h3.mobile { background-position: 0 0; }
.install h3.pc { background-position: 0 -80px; }


/* postpone-class */
.postpone-class {}
.postpone-class .list { vertical-align: top; border: solid 1px #e1e1e1; padding: 10px 0; }
.postpone-class .list ul li { display: inline-block; }
.postpone-class .list ul li h4 { text-align: center; margin: 0 0 10px 0; padding: 3px 0; background-color: #ccc; }
.postpone-class .list ul li.left { width: 40%; margin: 0 1.5%; }
.postpone-class .list ul li.right { width: 50%; margin: 0 1.5%; }
.postpone-class .list ul li div ul li { clear: both; width: 100%; border-bottom: solid 1px #e1e1e1; padding: 5px 0; }
.postpone-class .list ul li div ul li span.left { display: block; float: left; }
.postpone-class .list ul li div ul li span.right { display: block; float: right;}
.postpone-class .self .tab-content { border: 0!important; }
.postpone-time .date { overflow: hidden; margin: 10px 0; }
.postpone-time .date .left { float: left; font-weight: 700; color: #232323; }
.postpone-time .date .right { float: right; text-align: right; }
.text-box-01, .text-box-02, .text-box-03 { display: inline-block; padding: 2px 3px; color: #fff; font-size: 11px; }
.text-box-01 { background-color: #00339d; }
.text-box-02 { background-color: #258100; }
.text-box-03 { background-color: #aa0002; }
.text-01 { color: #00339d; }
.text-02 { color: #258100; }
.text-03 { color: #aa0002; text-decoration: line-through; }

/* 마이페이지 */
.booklist { width: 100%; }
.booklist ul li { padding: 10px; border-bottom: 1px solid #e1e1e1; text-align: left; }
.booklist ul li p {/* display: inline-block; */}
.booklist ul li .lesson-tit { margin-bottom: 10px; font-weight: 600; font-size: 1.2em; }
.booklist .download {/* float: right; */}
.pop-gray { width: 100%; height: 50px; line-height: 50px; font-size: 1.2em; text-align: center; background: #f7f7f7; }
.nocontents { padding: 50px; }
.nocontents p {  }
.moreview a { color: #fff; }

.q_list { width: 100%; margin: 50px auto 0; }
.q_list ul {  }
.q_list ul li { border: 1px solid #e1e1e1; border-right: 0; border-left: 0; margin-top: -1px;}
.q_list ul li div { text-align: left; line-height: 1.8; padding: 10px;}
.q_list ul li .co-tit { height: 60px; background: url(../img/bg_right.png) 95% center no-repeat; background-size: 10px; }
.q_list ul li .co-tit span { display: block; color: #333; }
.q_list ul li .co-tit .date { color: #999; }
.q_list ul li .co-tit p.date-id { color: #999; }
.q_list ul li .co-tit p.date-id span { display: inline-block; margin: 0 5px; }
.q_list ul li .co-reply { background: #f1f1f1; }
.q_list table { width: 100%; }
.q_list table th, .q_list table td { border: 1px solid #e1e1e1; border-left:0; border-right: 0; padding: 10px; line-height: 1.8em; }
.q_list table td {/* padding: 20px 10px 30px ;*/ }
.q_list table .date, .q_list table .date-id { display: block; color: #999; font-size:12px; font-weight: 500; }
.q_list table .date-id span { margin: 0 5px; }
.q_list table .correct-reply { background: #f1f1f1; }
.q_list table .correct-reply div { padding: 10px 20px; }
.rt-table { width: 100%; }
.rt-table table { width: 100%;}
.rt-table table th, .rt-table table td { padding: 3px; text-align: left; }
.rt-table table input, .rt-table table textarea { width: 100%; border-radius: 3px; padding: 10px; }
.lv_list { margin-top: 50px; }
.lv_list ul { border-top: 2px solid #333; }
.lv_list ul li { border-bottom: 1px solid #e1e1e1; height: 50px; line-height: 50px; }
.lv_list ul li span { display: table-cell; width: 1%; }
/*.lv_list .date { width: 18%; }
.lv_list .lv-tit { width: 60%; }
.lv_list .lv-view { width: 18%; }*/
.regist-period { font-size:1.2em; padding: 0 10px; }
.regist-period .txt { font-size:1em; padding-bottom:14px; }
.regist-period .graph-wrap {}
.regist-period .graph-wrap .period {overflow:hidden; padding-bottom:6px; color:#999; font-size:0.8em; font-weight:400;}
.regist-period .graph-wrap .period .date {float: left; font-size: 1em;  }
.regist-period .graph-wrap .period .per {float: right; font-size: 1em; margin-right: 10px; }
.regist-period .graph-wrap .graph {overflow:hidden; position:relative; height:0.7059em; background-color:#ededed;	-webkit-border-radius: 0.2em; border-radius: 0.2em;}
.regist-period .graph-wrap .graph .fulls {-webkit-border-radius: 0.2em; border-radius: 0.2em;}
.regist-period .graph-wrap .graph-month {position:relative; padding-bottom:1.35em;}
.regist-period .graph-wrap .graph-month .guide {display:block; position:absolute; z-index:2; left:0; bottom:0; width:6em; margin-left:-3em; font-size:0.7059em; color:#03a9f4;}
.regist-period .graph-wrap .graph-month .guide:after {content:''; position:absolute; top:-11px; left:50%; margin-left:-3px; display:block; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:5px solid #fff;}
.cg-btn-wrap a { width: 30%; text-align: center; padding: 10px; margin: 0 1px; }

/*레벨테스트 결과*/
.m-leveltest { text-align: left;}
.m-leveltest>div { padding: 10px; line-height: 1.8; border-bottom: 1px solid #e1e1e1; }
.m-leveltest h4 { margin: 5px 0; padding: 5px 0; font-size: 1.4em; font-weight: 700; color: #282a33; line-height: 1.5; }
.m-leveltest h4 img { width: 15px; vertical-align: inherit; margin-right: 5px; }
.m-leveltest p { margin: 5px 0; color: #666; }
.m-leveltest p span { display: inline-block; }
.m-leveltest ul { padding: 0 15px; }
.m-leveltest ul li { margin-bottom: 20px; }
.m-leveltest .grade { padding: 0 ; font-size: 1.4em; font-weight: 600; color: #282a33; }
.m-leveltest .diag, .m-leveltest .guide {  font-size: 1.4em; font-weight: 600; color: #282a33; }
.m-leveltest .tester { width: 100%; height: 50px; padding: 0; }
.m-leveltest .tester li { display: table-cell; width: 1%; text-align: center; }
.m-leveltest .tester li .thum { width: 15px; display: inline-block; vertical-align: middle; margin: 0 3px; }
.m-leveltest .tester li .thum img { width: 100%; }
.m-leveltest .tit { background: #f9f9f9; color: #000; padding: 10px 0 ; text-align: center; font-weight: 600; font-size: 1.4em; }
.m-leveltest .box1 .left, .m-leveltest .box1 .right { display :inline-block; width: 49%; vertical-align: top; }
.m-leveltest .box6, .m-leveltest .box7, .m-leveltest .box8, .m-leveltest .box9, .m-leveltest .box10 { border-bottom: 1px solid #e1e1e1; }
.m-leveltest .box6 h4, .m-leveltest .box7 h4, .m-leveltest .box8 h4, .m-leveltest .box9 h4, .m-leveltest .box10 h4 { border-left-width : 5px; border-left-style:  solid; margin-bottom: 10px; padding: 0 10px; }
.m-leveltest .box6 h4 { border-color: #0badf7; }
.m-leveltest .box7 h4 { border-color: #26c6da; }
.m-leveltest .box8 h4 { border-color: #f06292; }
.m-leveltest .box9 h4 { border-color: #7e57c2; }
.m-leveltest .box10 h4 { border-color: #ffb74d; }
.m-leveltest .box11 .right { border-bottom: 1px solid #e1e1e1; }
.m-leveltest .box8 { margin-bottom: 0; }
.m-leveltest .graph .line-wrap {padding:0 17px;}
.m-leveltest .graph .line-wrap .line {position:relative; overflow:hidden; padding:5px 45px 5px 45px; color:#888;}
.m-leveltest .graph .line-wrap .line .txt {position:absolute; top:0; left:0; font-size:1em;}
.m-leveltest .graph .line-wrap .line .bars {display:block; position:relative; overflow:hidden; height:1em; background-color:#ededed;	-webkit-border-radius: 0.2em; border-radius: 0.2em; }
.m-leveltest .graph .line-wrap .line .bars-in {display:block; position:absolute; top:0; left:0; bottom:0;	-webkit-border-radius: 0.2em 0.5em 0.5em 0.2em; border-radius: 0.2em 0.5em 0.5em 0.2em;}
.m-leveltest .graph .line-wrap .line .fulls {-webkit-border-radius: 0.2em; border-radius: 0.2em;}
.m-leveltest .graph .line-wrap .line .count {position:absolute; top:0; right:0; font-size:1em; color:#b2b2b2; letter-spacing:0;}
.m-leveltest .graph .line-wrap .line1 .count em {color:#0badf7;}
.m-leveltest .graph .line-wrap .line2 .count em {color:#26c6da;}
.m-leveltest .graph .line-wrap .line3 .count em {color:#f06292;}
.m-leveltest .graph .line-wrap .line4 .count em {color:#7e57c2;}
.m-leveltest .graph .line-wrap .line5 .count em {color:#ffb74d;}
.m-leveltest .graph .line-wrap .line1 .bars-in {background-color:#0badf7;}
.m-leveltest .graph .line-wrap .line2 .bars-in {background-color:#26c6da;}
.m-leveltest .graph .line-wrap .line3 .bars-in {background-color:#f06292;}
.m-leveltest .graph .line-wrap .line4 .bars-in {background-color:#7e57c2;}
.m-leveltest .graph .line-wrap .line5 .bars-in {background-color:#ffb74d;}
.m-leveltest .lv-basis .bg-none { background: #fff; color: #333; }

/*월별평가*/
.m-month .box3 div { line-height: 1.8;  text-align: left; }
.m-month .box1, .m-month .box2, .m-month .box3, .m-month .box4 { padding: 10px; }
.m-month .box2, .m-month .box3 { border-bottom: 1px solid #e1e1e1; }
.m-month .box2 p { font-size: 1em; line-height: 2em; }
.m-month .box4 div { border: 1px solid #e1e1e1; width: 100%; height: 150px; text-align: left; padding: 10px; overflow-y: scroll; }

/*영수증*/
.pay_bill h4 { font-size: 1.4em; font-weight: 700; color: #282a33; line-height: 1.5; text-align: left; }

/*고객센터*/
.customer_tit span { font-weight: 600; font-size: 1.2em; }
.notice-reply { background: #f1f1f1; margin-bottom: 20px; }
/*.notice-reply div { min-height: 200px; }*/

/*가이드*/
.camguide { padding: 10px; text-align: left; }
.camguide h4:first-of-type { margin-top: 0; }
.camguide ul { border-bottom: 1px solid #e0e0e0; }
.camguide ul li { margin-bottom: 30px; }
.camguide ul li h5 { font-size: 1.4em; margin-bottom: 20px; padding-left: 10px; border-left: 3px solid #669933;  }
.camguide ul li div .imgbox { float: left; width: 200px; text-align: center; }
.camguide ul li div .imgbox img { max-width: 80%; }
.camguide ul li p { font-size: 1em; line-height: 1.6; font-weight: 400; color: #666; margin-bottom: 15px; }
.camguide ul li p span { font-size: 1.2em; font-weight: 500; color: #333; }
.camguide .text-red { color: #E92528; font-size: 1.1em; }

/* 무제한수업 */
.freeclass .modal-title { color: #fff; }
.freeclass .pt2 .period-search { overflow:hidden; clear:both; padding: 15px 5px; }
.freeclass .pt2 .period-search dt { float:left; font-size:14px; font-weight:600; }
.freeclass .pt2 .period-search dd { float:left; margin-left:10px; font-size:14px; color:#03a9f4; font-weight:600; }
.freeclass .pt2 .period-search dd input {vertical-align:top;}
.freeclass .pt3 { padding: 20px 0; border-top:1px solid #e8e8e8; }
.freeclass .pt3 label { display:block; margin-top:9px; font-size:14px; line-height:2em; font-weight:600; color:#333; text-align: left;}
.freeclass .pt3 .before,
.freeclass .pt3 .after { width:50%;	-webkit-box-sizing:border-box;	box-sizing:border-box; }
.freeclass .pt3 .before { float:left; padding-right:3px; }
.freeclass .pt3 .after { float:right; padding-left:3px; }
.freeclass .pt3 input.text {border:1px solid #d2d2d2; font-size:12px; line-height:2.666666666666667em; height:2.666666666666667em; width:100%; height: 35px; padding-left:10px; color:#676767;	-webkit-box-sizing:border-box;	box-sizing:border-box;}
.freeclass .pt3 input.clock {background:url('../img/bg_clock.png') 100% center no-repeat;
    -webkit-background-size:30px auto;
    background-size:30px auto;
}
.freeclass .pt3 input.user { background:url('../img/bg_user.png') 100% center no-repeat;
    -webkit-background-size:30px auto;
    background-size:30px auto;
}
.freeclass .pt3 .before input.focus {border-color:#03a9f4;}
.freeclass .pt3 .btn-box { padding:25px 0 0 0; }
.freeclass .pt3 .btn-box a {text-decoration: none;width:  100%;height:  35px;line-height: 26px;}
.freeclass .pt3 .btn-box a:hover { color: #fff; }

/*	수업 시간 선택 */
.time-table { height: 300px; padding-top: 20px; overflow-y: scroll; background: #fff; }
.time-table table { width: 100%; border-bottom: 1px solid #e1e1e1; }
.time-table tr { height: 30px; line-height: 30px; }
.time-table thead tr th { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; text-align: left; }
.time-table tbody tr td {  height: 40px; line-height: 40px;}
.time-table .hour { font-weight: bold; font-size: 12px; }
.time-table .minute {  display: block; margin:0 2px; padding: 2px 3px; border: 1px solid #ddd; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; line-height: 20px; cursor: pointer; font-size: 12px; }
.time-table .delete { color: #ddd; text-decoration-line: line-through; }
.modal-content .buttons { text-align: right; padding: 5px 10px; }

/*수업 강사 선택 */
.teacher-table { padding-top: 20px; }
.teacher-table table { width: 100%; margin-bottom: 10px; }
.teacher-table thead tr th { border-bottom: 1px solid #e1e1e1; text-align: left; height: 40px; line-height: 40px; font-size: 1.2em; padding: 5px 0;}
.teacher-table tbody tr td { padding: 10px 2px; display: table-cell; width: 1%; }
.teacher-table .th-name  { display: block; border: 1px solid #ddd; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; cursor: pointer; font-size: 12px; padding:10px; }
.th-select-wrap .th-wrap .buttons { text-align: right; padding: 5px 10px; }
.date-time .modal, .th-pick .modal { top: 75px; }
.date-time .modal-footer, .th-pick .modal-footer { background: #fff; padding: 5px; }
.date-time { margin-bottom: 15px; }

/*수업예약완료팝업*/
.classrv { padding-top: 20px; }
.classrv p { font-size: 13px; margin-bottom: 10px; }
.classrv .inforv { padding: 20px 0; background: #f7f7f7; border: 1px solid #f1f1f1; font-size: 14px; }
.classrv .inforv span { font-weight: 600; }
.classrv .bkagin { padding-top: 30px; }
.bkagintxt { padding: 25px 0 10px }
.bkagintxt p {  }
.bkagintxt p span { font-size: 14px; font-weight: 600; }

/*18-02-05*/
.fcwrap { padding-top: 0; }
.fc_info button { display: block; margin: 0 auto;  }
.fc_info .dot_list { padding: 20px;  }
.fc_info .dot_list li { line-height: 20px; list-style: disc; }
.cg2-btn-wrap a { width: 49%; }

/*IEAT*/
.ieat-wrap .noline { border:0!important; }
.ieat-wrap { width: 100%; margin: 0 auto; text-align: left; }
.ieat-wrap h3 { font-size: 1.6em; margin-bottom: 15px; }
.ieat-wrap h3 img { vertical-align: middle; margin-right: 5px; }
.ieat-wrap>p { text-align :center; padding:10px 0;}
.ieat-wrap .header { border-bottom: solid 1px #e1e1e1;  }
.ieat-wrap .header ul { text-align: center; margin: 30px auto; width: 90%; }
.ieat-wrap .header ul li { display: table-cell; width: 1%; border-left: solid 1px #ccc; line-height: 30px; font-size: 1em; font-weight: 600; color: #232323; }
.ieat-wrap .header ul li span { display: inline-block; margin-right:10px; }
.ieat-wrap .header ul li span.thum { width:25px; height: 35px; overflow: hidden; vertical-align: middle; }
.ieat-wrap .header ul li span.thum img { max-width: 100%; max-height: 100%;}
.ieat-wrap .section-wrap { background-color: #f7f7f7; padding: 30px; }
.ieat-wrap .section { display: block; clear: both; /*overflow: hidden;*/ margin-bottom: 30px; padding: 0;background: #fff; }
.ieat-wrap .section .title-box { width: 100%; height: 40px; position: relative; overflow: hidden; background: #2B2B2B; }
.ieat-wrap .section .title-box h2 { position: absolute; left: 20px; top: 0; font-size: 1.4em; color: #fff; z-index: 10; margin: 0; line-height: 40px; }
.ieat-wrap .section .title-box span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 40px; }
.ieat-wrap .section .title-box span img { width: 100%; }
.ieat-wrap .section .content-box { border: solid 1px #ccc; box-shadow: 0 3px 2px #ccc; }
.ieat-wrap .section1 .left, .section1 .right { display: inline-block; padding: 2%; width: 49.333%; vertical-align: top; }
.ieat-wrap .section1 table { width: 100%; margin: 20px auto 0; border-top: solid 1px #ccc; border-left: solid 1px #ccc; }
.ieat-wrap .section1 table th, .section1 table td { padding: 6px 0 7px; }
.ieat-wrap .section1 table th { border-bottom: solid 2px #092d9c; border-right: solid 1px #ccc; font-size:14px; font-weight: 600; color: #001947; background-color: #f7f7f7; }
.ieat-wrap .section1 table td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; }
.ieat-wrap .section1 table td.active { background-color: #d2e8ff; }
.ieat-wrap .section1 .triangle { text-align: center; margin-top: 35px;  }
.ieat-wrap .section1 .triangle img { max-width:292px; }
.ieat-wrap .section2, .section3, .section4, .section5 { padding:2%; }
.ieat-wrap .section2 h3 { margin-bottom: 15px; }
.ieat-wrap .section2 p { margin-bottom: 15px; }
.ieat-wrap .section3 { position:relative;}
.ieat-wrap .section3 h3 { margin-bottom: 20px; }
.ieat-wrap .section3 h3.bar-1 { border-left: solid 4px #006183; padding-left: 10px; }
.ieat-wrap .section3 h3.bar-2 { border-left: solid 4px #FFBD00; padding-left: 10px; }
.ieat-wrap .section3 h3.bar-3 { border-left: solid 4px #260D93; padding-left: 10px; }
.ieat-wrap .section3 h3.bar-4 { border-left: solid 4px #FF6600; padding-left: 10px; }
.ieat-wrap .section3 h3.bar-5 { border-left: solid 4px #177C00; padding-left: 10px; }
.ieat-wrap .section3 dl { margin:10px 0 10px 15px; }
.ieat-wrap .section3 dl dt { width: 15%; display:inline-block; vertical-align: top; max-width: 120px; font-weight: bold; }
.ieat-wrap .section3 dl dd { width: 75%; display:inline-block; }
.ieat-wrap .section3 ul { margin-bottom:15px; padding-top: 15px;}
.ieat-wrap .section3 ul li { display: table-cell; width: 1%; margin-bottom:15px; margin-left: 3px; text-align: center;  }
.ieat-wrap .section4 { position:relative; }
.ieat-wrap .section4 dl { width: 25%; height: 260px; display: inline-block; padding-top:10px; }
.ieat-wrap .section4 dl:last-of-type { width: 48%; }
.ieat-wrap .section4 dl dt { padding-bottom: 10px; }
.ieat-wrap .section4 dl dd { background: url(../img/ieat/bg_graph.png) 0 0 no-repeat; width: 90%; margin: 0 auto; text-align: center; padding-left: 2px; }
.ieat-wrap .section4 dl .growbox1 li { width: 40px; margin: 0 3px; }
.ieat-wrap .section4 dl .growbox3 li { width: 60px; }
.ieat-wrap .section4 ul li { height:200px; display: inline-block;}
.ieat-wrap .bg { width: 40px; height: 200px; display: block; position: relative; background:url(../img/ieat/bg_bar.png) 0 0 repeat; float:left; margin-left:3px;  }
.ieat-wrap .box1 { width: 100%; position: absolute; bottom: 0; height: 89%; background-color:#69d7c6; }
.ieat-wrap .box2 { width: 100%; position: absolute; bottom: 0; height: 89%; background-color:#7e4d76; }
.ieat-wrap .box1-inner { display: block; width: 100%; height:40px; text-align: center;line-height: 40px; color: #fff; font-size:12px; font-weight:bold; }
.ieat-wrap .bg2 { width: 17px; height: 200px; display: block; position: relative; background:url(../img/ieat/bg_bar.png) 0 0 no-repeat; float:left; margin-left:2px;  }
.ieat-wrap .box3 { width: 100%; position: absolute; bottom: 0; height: 89%; background-color:#69d7c6; }
.ieat-wrap .box4 { width: 100%; position: absolute; bottom: 0; height: 89%; background-color:#7e4d76; }
.ieat-wrap .pointer_bar {position:absolute; top:10px; right:20px;}
.ieat-wrap .pointer_bar p {font-size:12px;}
.ieat-wrap .pointer_bar p img {margin-right:3px;}
.ieat-wrap .section5 .left, .section5 .right { display:inline-block; padding-bottom: 15px; }
.ieat-wrap .section5 .left {width: 25%; }
.ieat-wrap .section5 .right { width: 74%;  }
.ieat-wrap .section5 table { width: 100%; margin: 20px auto 0; border-top: solid 1px #ccc; border-left: solid 1px #ccc; }
.ieat-wrap .section5 table th, .section5 table td { padding: 10px 0; }
.ieat-wrap .section5 table th { border-bottom: solid 2px #092d9c; border-right: solid 1px #ccc; font-size:14px; font-weight: 600; color: #001947; background-color: #f7f7f7; }
.ieat-wrap .section5 table td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; }
.ieat-wrap .section5 table td.active { background-color: #d2e8ff; }
.ieat-wrap .content-box .point {font-size: 24px; font-weight: bold; color:#6C15AF; }

/* 수업 피드백 */
.graph .line-wrap .line {position:relative; overflow:hidden; padding:5px 45px 5px 45px; color:#888; display: block; border: none; }
.graph .line-wrap .line .txt {position:absolute; top:0; left:0; font-size:1em;}
.graph .line-wrap .line .bars {display:block; position:relative; overflow:hidden; height:1em; background-color:#ededed;	-webkit-border-radius: 0.2em; border-radius: 0.2em; }
.graph .line-wrap .line .bars-in {display:block; position:absolute; top:0; left:0; bottom:0;-webkit-border-radius: 0.2em 0.5em 0.5em 0.2em; border-radius: 0.2em 0.5em 0.5em 0.2em; }
.graph .line-wrap .line .fulls {-webkit-border-radius: 0.2em; border-radius: 0.2em;}
.graph .line-wrap .line .count {position:absolute; top:0; right:0; font-size:1em; color:#b2b2b2; letter-spacing:0;}
.graph .line-wrap .line1 .count em {color:#0badf7;}
.graph .line-wrap .line2 .count em {color:#26c6da;}
.graph .line-wrap .line3 .count em {color:#f06292;}
.graph .line-wrap .line4 .count em {color:#7e57c2;}
.graph .line-wrap .line5 .count em {color:#ffb74d;}
.graph .line-wrap .line1 .bars-in {background-color:#0badf7;}
.graph .line-wrap .line2 .bars-in {background-color:#26c6da;}
.graph .line-wrap .line3 .bars-in {background-color:#f06292;}
.graph .line-wrap .line4 .bars-in {background-color:#7e57c2;}
.graph .line-wrap .line5 .bars-in {background-color:#ffb74d;}
.p-feedback {}
.p-feedback .box1, .p-feedback .box2, .p-feedback .box3, .p-feedback .box4, .p-feedback .box5 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
.p-feedback h4 { font-size: 1.3em; margin-bottom: 10px; }
.p-feedback .tb-wrap p { text-align: left; font-weight: 600; }
.p-feedback .textbox { width: 100%; border: 1px solid #e1e1e1; min-height: 100px; padding: 5px; text-align: left; margin-bottom: 10px; }

/* 고객센터*/
.agreement li { margin-bottom: 20px; text-align: left;}
.privacy {  }
.privacytop { background: #f1f1f1; margin-bottom: 55px; padding: 20px; line-height: 24px; }
.privacybot { text-align: left; }
.privacybot p { line-height: 22px; }
.schedule div {  padding: 10px; }
.schedule tr td span { display: block!important; line-height: 12px; }
.schedule span.state { font-size: 1em; font-weight: bold; }
.schedule span.time { font-size: 0.8em; }
.schedule span.t-name { font-size: 0.8em; font-weight: bold; display: none!important; }

/*수업연기*/
.cf:after { display: block; content:""; clear: both; }
.delay_wrap { width: 100%; }
.delay_wrap .sub_ex { margin-bottom: 20px;  }
.delay_wrap .charge-search { margin-bottom: 10px; text-align: left; }
.delay_wrap .pt3 { margin-bottom: 30px; padding:18px 17px; font-size:10px; border-top:1px solid #e8e8e8;}
.delay_wrap .pt3:after { display: block; clear: both; content:""; }
.delay_wrap .pt3 label { display:block; margin-top:9px; font-size: 12px; line-height:2em; color:#b2b2b2; text-align: left; }
.delay_wrap .pt3 .after h3 { color:#00ABFF; }
.delay_wrap .pt3 .before, .delay_wrap .pt3 .after { width:48%; }
.delay_wrap .pt3 .before {float:left; padding-right:2%;}
.delay_wrap .pt3 .after {float:right; padding-left:2%;}
.delay_wrap .pt3 input { width: 100%; cursor: pointer; }
.delay_wrap .pt3 input.text {border:1px solid #d2d2d2; font-size:1.5em; height: 50px; line-height: 50px; padding-left:10px; color:#676767;}
.delay_wrap .pt3 input.cal {color:#282a33; background:url('../img/bg_cal.png') 100% center no-repeat; background-size: 35px; }
.delay_wrap .pt3 input.clock {background:url('../img//bg_clock.png') 100% center no-repeat; background-size: 35px; }
.delay_wrap .left, .delay_wrap .right { display: inline-block; width: 48%; }
.cal-mb { padding: 0; }
.pop-calendar { }
.pop-calendar:after { display: block; clear: both; content:""; }
.pop-calendar-left p { color: #fff; }
.pop-calendar-left p.year { font-size: 1.4em; }
.pop-calendar-left p.date { font-size: 20px; }
.pop-calendar-right { float: left; width: 100%; padding: 10px; }
.pop-calendar-right ul { text-align: center; }
.pop-calendar-right ul li { display: inline-block; vertical-align: top; }
.pop-calendar-right ul li:nth-child(2) { width: 60%; }
.pop-calendar-right .schedule { width: 100%; }
.pop-calendar-right th { color: #999; }
.pop-calendar-right td { height: 40px; cursor:pointer; text-align: center;}
.pop-calendar-right td.on { color: #333;  }
.pop-calendar-right td.off { color: #ddd; }

.changetime { width: 100%; }
.changetime:after { display: block; clear: both; content:""; }
.changetime .left .selecttime { color: #fff; font-size: 20px; font-weight: 600; text-align: center;}
.changetime .center { width: 100%; text-align: center; }
.changetime .center ul { padding: 10px; }
.changetime .center li { display: inline-block; text-align: center; line-height: 50px; font-size: 1.4em; color: #ddd; width: 40%; }
.changetime .right { width: 100%; height: 250px; overflow-y: scroll; }
.changetime .right .time-select { width: 100%; font-size: 1.4em ;text-align: center; }
.changetime .right .time-select ul { width: 80%; margin: 0 auto;}
.changetime .right .time-select ul li { text-align: center; height: 40px; }
.changetime .right .time-select ul li a { display: block; height: 40px; line-height: 40px; }

/* 팝업 */
.popup { width: 850px; text-align: center; }
.popup .contents { padding: 50px; overflow: hidden; }
.popup table { width: 100%; margin: 0 auto; }
.popup table a { font-size: 1em; font-family: 'Nanum Gothic'}
.popup .p_tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.class_account div { padding: 30px 50px 20px; }
.class_account div h4 { font-weight: bold; }
.popup_coupon { text-align: center; }
.popup_coupon div { padding: 30px 0 20px; }
.popup_coupon p { font-size: 17px; margin-bottom: 20px; }
.popup_coupon input { margin-bottom :20px; width: 300px; height: 40px; }
.popup_attend .box6 p { border: 1px solid #e1e1e1; background: #fff; line-height: 24px; padding: 10px; color: #666; }

/*달력*/
.calendar { width: 100%; margin: 50px auto; text-align: center; }
.calendar ul {}
.calendar ul li { display: inline-block; margin: 0 10px; }
.calendar .cal-info li { vertical-align: middle; }
.calendar .cal-info li p { font-size: 1.4em; }
.calendar table { width: 100%; }
.calendar th.sun { background-color: #ffe4e4; }
.calendar th.sat { background-color: #e4eeff; }
.calendar td { position: relative; /*height: 120px;*/ font-size: 1em; text-align: left; vertical-align: top; /*padding: 10px;*/ padding: 5px; }
.calendar td p { position: absolute; top: 10px; left: 10px; text-align: left; color:#ccc; }
.calendar td div { display: block; margin-top: 10px; padding: 2px; }
.calendar td div span { display: inline-block; padding: 2px 10px 4px; margin: 0 auto;/* color:#fff; */border-radius: 3px;  }
.calendar .attend { /*background: #6a1b9a;*/ }
.calendar .attend a, .attend { color:#6a1b9a; }
.calendar .miss {  }
.calendar .cancellation span, .cancellation { /*background: #444;*/ color: #444; }
.calendar .delay span, .delay, .delaycancle { /*background: #ff6f00;*/ color: #ff6f00; }
.calendar .lesson span, .lesson, .delaylesson { /*background: #0A4FF0;*/ color: #0A4FF0; }
.calendar .makeup span, .makeup { /*background: #00c853;*/ color: #00c853; }
.calendar .off span, .off { /*background: #888;*/ color: #888; }
.calendar .absence span, .absence { /*background: #ff1744;*/ color: #ff1744; }
.calendar_ex { text-align: left; margin-top: 20px; }
.calendar_ex p { display: block; margin: 0 ; padding: 0; border: 0; line-height: 30px; font-size: 1em; }
.calendar_ex p:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
.calendar_ex p span { font-weight: bold; margin-right: 5px; padding: 3px 10px;/* color: #fff;*/ border-radius: 2px; }

/*월별평가*/
.m-month {}
.m-month>div { padding: 10px 20px; }
.m-month .box1 { margin-bottom: 15px; }
.m-month .box2 { margin-bottom: 15px; }
.m-month .box2:after { display: block; clear: both; content: ""; }
.m-month .box2 .left { width: 100%; padding: 0 10px; }
.m-month .box2 .left .attendbox { position: relative; width: 100%; height: 15px; padding: 0; border: 1px solid #ededed; background: #ededed; border-radius: 5px; overflow: hidden; }
.m-month .box3 div.textbox { border: 1px solid #e1e1e1; height: 180px; overflow-y: scroll; text-align: left; font-weight: 400; padding: 10px; }

/*레벨테스트 */
.free_cb { padding-left: 10px; }
.lt_pick th { text-align: center; }
.lt_pick td { cursor:pointer; }
.lt_pick td:hover { background: #e1e1e1; transition: 0.3s;  }
.class_state { width: 100%; }
.class_state th, .class_state td { border: 1px solid #e1e1e1; width: 14%; }
.class_state th { height: 40px; background: #eee; }
.class_state td { padding: 5px; height: 80px; position: relative; }
.class_state td span { width: 70%; display: block; margin-bottom: 5px; padding: 3px; position: absolute; }
.class_state td span.date { top: 3px; right: 10px; }
.class_state td span.attend { top: 30%; left: 20%; background: #1A5BDD; color: #fff; }
.class_state td span.absence { top: 30%; left: 20%; background: #ff1744; color: #fff; }
.class_state td span.delay { top: 30%; left: 20%; background: #ff6f00; color: #fff; }
.class_state td span.longdelay { top: 30%; left: 20%; background: #6a1b9a; color: #fff; }
.class_state td span.due { top: 30%; left: 20%; background: #ccc; color: #333; }
.class_state td span.off { top: 30%; left: 20%; background: #00c853; color: #fff; }
.class_state td span.cancle { top: 30%; left: 20%; background: #444; color: #fff; }
.class_state td p { display: inline-block;  margin: 0 5px; }
.class_state td p span { padding: 5px 10px; }
.class_state_ex { width: 80%; margin: 20px auto; }
.class_state_ex p span { display: inline-block; padding: 2px 10px 4px; color:#fff; border-radius: 3px;  }
.class_state_ex p { display: inline-block; margin-bottom: 3px; }
.class_state_ex .attend { background: #1A5BDD; }
.class_state_ex .attend a { color:#fff; }
.class_state_ex .cancellation { background: #444; color: #fff; }
.class_state_ex .due { background: #ccc; color: #333; }
.class_state_ex .delay { background: #ff6f00; color: #fff; }
.class_state_ex .longdelay { background: #6a1b9a; color: #fff; }
.class_state_ex .lesson { background: #0A4FF0; color: #fff; }
.class_state_ex .makeup { background: #00c853; color: #fff; }
.class_state_ex .off { background: #888; color: #fff; }
.class_state_ex .absence { background: #ff1744; color: #fff; }

/* 2018-03-15 */
.mapagetop { width: 100%; margin: 0 auto; padding: 0 0 15px 0; }
.mapagetop ul li { border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.mapagetop ul li:after { clear: both; display: block; content: ""; }
.mapagetop ul li span { display: inline-block;}
.mapagetop .mpt-tit { width: 70px; text-align: center;  font-weight: 600;}
.mapagetop .mpt-desc { }
.mapagetop .mpt-btn { float: right; }
.calendar .schedule td:first-of-type, .calendar .schedule th:first-of-type { border-left: 0; }
.calendar .schedule td:last-of-type, .calendar .schedule th:last-of-type { border-right: 0; }
.flt-top { width: 100%; }
.flt-top ul li { padding: 10px 0; border-bottom: 1px solid #e1e1e1; }
.flt-top ul li div { text-align: left; }
.flt-top ul li .tit { line-height: 2.5; font-weight: 600; }
.flt-top ul li label { width: 50px; display: inline-block; }
.mp-list {  }
.mp-list ul, .rg-list ul { border-top: 2px solid #333; }
.mp-list ul li { height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; }
.mp-list ul li span { display: inline-block; }
.mp-list ul li span.date { width: 20%; }
.mp-list ul li span.step { width: 60% }
.mp-list ul li span.payment { width: 15%; }
.mp-list ul li span.num { width: 10%; }
.mp-list ul li span.tit { width: 43%; }
.mp-list ul li span.term { width: 45%; }
.mp-list ul li span.notpaid { color: #E72D30; }
.rg-list ul li { position: relative; border-bottom: 1px solid #e1e1e1; padding: 10px 15px; text-align: left;}
.rg-list ul li span { display: block; }
.rg-list ul li span.tit { margin-bottom: 3px; font-weight: 600; }
.rg-list ul li span { display: block; }
.rg-list ul li span.billbtn { position: absolute; top: 14px; right: 15px; }
.dojang { position: relative; }
.dojang span { position: absolute; top: -12px; width: 40px; }
.couponbox input { width: 200px; }
.coupon-top { background: #f7f7f7; padding: 5px; }
.coupon-bot { width:100%; border-top: 2px solid #333; }
.coupon-bot .info, .coupon-top .info { text-align: left; }
.coupon-bot .info li, .coupon-top .info li { padding: 10px 0;  border-bottom: 1px solid #e1e1e1; }
.coupon-bot .info li span, .coupon-top .info li span {  display: inline-block; vertical-align: middle; }
.coupon-bot .info .tit, .coupon-top .info .tit { width: 24%; }
.coupon-bot .info .desc, .coupon-top .info .desc { width: 75%; }
.coupon-bot .info .desc textarea { width: 95%; }
.coupon-top .info li { border-bottom: 0; }
.coupon-top .info .tit { border-right: 1px solid #e1e1e1; }
.coupon-top .info .desc { padding-left: 10px; }
.classway th, .classway td  { text-align: left; padding: 5px 10px; line-height: 20px; }
.classway td { padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; }
.classway td input { vertical-align: middle; margin: 0; border-radius: 50%;-webkit-border-radius: 50%; }
.classway td label { vertical-align: middle; }

.month-table ul li { height: auto; line-height:inherit; padding: 10px 0; }

/* 180528 */
.login-desc { font-size: 18px; margin: 15px 0;}
.app-login .tab-content label { font-size: 0.9em; font-weight: 400; }
.customer-call { font-size: 16px; }
.setting { position: absolute; top: 20px; right: 20px; }
.setting a { display: block; width: 24px; height: 24px; }
.alarm, .version { text-align: left; padding: 0 10px;  }
.alarm p { height: 40px; font-size: 1.2em; font-weight: 600; }
.alarm p span { font-size: 0.9em; font-weight: 400; }
.alarm .title { font-size: 1.4em; border-bottom: 2px solid #333; }
.alarm .box01, .alarm .box02, .version div { padding: 15px 0; border-bottom: 1px solid #e1e1e1; }
.alarm .box01-1:after, .alarm .box02-1:after{ display: block; content:""; clear: both; }
.alarm .box01-1 p, .alarm .box02-1 p { float: left; }
.alarm .box01 ul { text-align: center; }
.alarm .box01 ul li { display: inline-block; width: 22%; border: 1px solid #e1e1e1; border-radius: 3px; padding: 5px 10px; }
.alarm .box01 ul li.active { border-color: #333; background: #333; }
.alarm .box01 ul li.active a { color: #fff; }
.alarm .box01 ul li a { display: block; }
.version { border-top: 2px solid #333; }
.version-info, .vs-customer { font-size: 1.2em; font-weight: 600; }
.vs-customer span { font-size: 0.9em; font-weight: 400; }
.toggler { width: 62px; float: right;/*  margin: 40px auto;*/}
.toggler input {  display: none; }
.toggler label { display: block; position: relative; width: 62px; height: 30px; border: 1px solid #d6d6d6; border-radius: 36px; background: #e4e8e8; cursor: pointer; }
.toggler label::after { display: block; border-radius: 100%; background-color: #d7062a; content: '';
    -webkit-animation-name: toggler-size;
    animation-name: toggler-size;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.toggler label::after,
.toggler label .toggler-on,
.toggler label .toggler-off { position: absolute; top: 50%; left: 25%; width: 20px; height: 20px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
}
.toggler input:checked + label::after,
.toggler input:checked + label .toggler-on,
.toggler input:checked + label .toggler-off { left: 75%; }
.toggler input:checked + label::after {
    background-color: #50ac5d;
    -webkit-animation-name: toggler-size2;
    animation-name: toggler-size2;
}
.toggler .toggler-on,
.toggler .toggler-off { opacity: 1; z-index: 2; }
.toggler input:checked + label .toggler-off,
.toggler input:not(:checked) + label .toggler-on { width: 0; height: 0; opacity: 0; }
.toggler .path { fill: none; stroke: #fefefe; stroke-width: 7px; stroke-linecap: round; stroke-miterlimit: 10; }
@-webkit-keyframes toggler-size {
    0%,
    100% {
        width: 26px;
        height: 26px;
    }
    50% {
        width: 20px;
        height: 20px;
    }
}

@keyframes toggler-size {
    0%,
    100% {
        width: 26px;
        height: 26px;
    }
    50% {
        width: 20px;
        height: 20px;
    }
}
@-webkit-keyframes toggler-size2 {
    0%,
    100% {
        width: 26px;
        height: 26px;
    }
    50% {
        width: 20px;
        height: 20px;
    }
}
@keyframes toggler-size2 {
    0%,
    100% {
        width: 26px;
        height: 26px;
    }
    50% {
        width: 20px;
        height: 20px;
    }
}

/* ----Media query for Mobile devices---- */

@media screen and (max-width:768px){
    .section03 ul li { width: 49.333%; display: inline-block; }
    .section03 ul li img { bottom: 0; }
}
@media screen and (max-width:480px){
    .section03 ul li { width: 100%; height: 300px; text-align: left; position: relative; vertical-align: top; }
    .section03 ul li h4 { font-size: 1.6em; color: #333; margin-bottom: 35px; }
    .section03 ul li p { font-size: 1.1em; color: #4e4a47; }
    .section03 ul li img { position: absolute; bottom: 25px; right: 0px; width: 120px; }
    .section05 { height: 375px; }
    .joinform .agreebox p { line-height: 16px; }
}

@media screen and (max-width:414px){
    .map img { margin-left: -230px; }
    .sub_ex { font-size: 1.1em; }
    .sub_ex span { font-size: 1em;}
    .inner_content .section03 ul li img { width: 120px; }

    .class_info { height: 250px; padding: 30px; margin-bottom: 30px;  }
    .book_info .left { width: 30%; }
    .book_info .right { width: 65%; }
    .sub_depth li a { font-size: 1em; }

    .cg-btn-wrap {}
    .btn_big { font-size: 1em!important;  margin-bottom: 2px; }
    .calendar_ex p { display: block; margin: 0 ; padding: 0; border: 0; line-height: 30px; font-size: 1em; }
    .table-02 { font-size: 1em; }
    select, input { font-size: 1em; }
    .calendar td div span { padding: 2px;}
    .schedule span.state, .schedule span.t-name { font-size: 1em; font-weight: 400; }

    .delay_wrap .pt3 { margin-bottom: 15px; }
    .delay_wrap .pt3 .before, .delay_wrap .pt3 .after { width: 100%; margin-bottom: 30px; }
    .delay_wrap .pt3 h3 { margin-bottom: 10px; }

}
@media screen and (max-width:375px){
    .map img { margin-left: -215px; }
    .cg-btn-wrap {}
    .btn_big { font-size: 1em!important;  margin-bottom: 2px; }
    .calendar_ex p { display: block; margin: 0 ; padding: 0; border: 0; line-height: 30px; font-size: 1em; }
    .table-02 { font-size: 1em; }
    select, input { font-size: 1em; }
    .calendar td div span { padding: 2px;}
    .schedule span.state, .schedule span.t-name { font-size: 0.9em; font-weight: 400; }

    .mybook { padding: 0 0 15px 0; }
    .booklist ul li { text-align: center; }
    .booklist .download { float: none; }

}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
    .map img { margin-left: -180px; }
    .table-02 { font-size: 0.9em; }
    .calendar td { height: 60px; font-size: 0.9em; padding: 2px; }
    .calendar_ex p { display: block; margin: 0 ; padding: 0; border: 0; line-height: 30px; font-size: 0.9em; }
    .sec4-box-1 .item, .sec4-box-2 .item, .sec4-box-3 .item, .sec4-box-4 .item { height: 200px; }
    .findid .contactcall input[type="text"], .findid .contactcall select, .findpw .contactcall input[type="text"], .findpw .contactcall select { width: 31%!important; }
    .findpw .contactemail input[type="text"] { width: 47%!important; }
    .topbanner .text_box h2 { font-size: 2.450em; }
    .inner_content .section03 ul li h4 { font-size: 1.3em; margin-bottom: 15px; }
    .inner_content .section03 ul li p { font-size: 1.0em; }
    .inner_content h3 { font-size: 1.6em; }
    .inner_content .section01 .mt-1 ul li { font-size: 1.2em; }
    .btn_big { font-size: 0.8em!important; }
    /*	.schedule span.time { font-size: 0.9em; }*/
    .table-04 th, .table-04 td { padding: 5px; }
    .free_cb { padding-left: 15px; }
    table th, table td { font-size: 0.8em; }
}

/* 2018-06-05 수정 */
.pick_class div { width: 24%; vertical-align: top; margin: 0; }
.pick_class div a { height: 60px; }
.pick_step li { width: 48%; }
.pick_class2 div { background-size: 30px; height: 30px; line-height: 30px; font-size: 1.1em; margin-bottom: 10px;  }
.pick_class2 div a { text-indent: 40px; }
.pick_class2 div.e_phone, .pick_class2 div.e_video { background-position: 0 -30px; }
.step2 .way .sort ul { text-align: left; margin-bottom: 20px; }
.step2 .way .sort ul li { display: inline-block; margin-right: 5px;  }
.step2 .way .sort ul li a { background: #fff; border: 1px solid #e1e1e1; }
.step2 .pick_step li { width: 32%; }
.classpick ul li { display: inline-block; width: 32%; margin: 0 1px; }
.classpick ul li a { display: block; padding: 10px 15px; border: 1px solid #e1e1e1; border-radius: 3px; }
.classpick ul li.active a { background: #ff7800; color: #fff; border-color: #ff7800 }

.findid_fin .inputbox { width: 80%; height: 150px; margin: 0 auto 30px; background: #f1f1f1; border: 1px solid #e1e1e1; line-height: 150px; font-size: 1.2em; }
.findid_fin .inputbox span { color: #ff7800; font-weight: 600; padding: 0 10px; }



/* privacy */
.privacy_content { width: 95%; margin: 0 auto 50px; padding: 30px 0 0 ; }
.privacy_content h2 { font-weight: bold; font-size: 1.6em; margin: 25px 0 30px 0;  color: #333; position: relative }
.privacy_content h2:before { content: ""; display: block; background-color: #555; width: 30px; height: 2px; left: 50%; top: 40px; margin: 0 0 0 -15px; position: absolute; }
.privacy_content h3 { font-size: 1.8em; font-weight: 100; margin: 0 0 40px 0; color: #333; line-height: 30px; }
.privacy_content .section { padding: 50px 10px; }
.privacy_content .section03 { width: 100%; margin: 0 auto; }
.privacy_content .section03 ul { /*padding: 60px 0 0 0;*/ }
.privacy_content .section03 ul li { width: 100%; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.privacy_content .section03 ul li h4 { font-size: 1.8em; color: #333; margin-bottom: 35px; }
.privacy_content .section03 ul li p { font-size: 1.167em; color: #4e4a47; }
.privacy_content .section03 ul li img { position: absolute; bottom: 10px; right: 0; width: 210px; }
.privacy_content .system-process { margin-top: 40px;}
.privacy_content .system-process li { display: inline-block; vertical-align: top; border: solid 1px #e1e1e1; width: 18.7777%; height: 85px; padding: 15px 0; font-size: 1em; margin: 7px; position: relative; }
.privacy_content .system-process li span { position: absolute; right: -16px; top: 21px; background: url(../img/arrow.png) no-repeat; width: 15px; height: 35px; background-size: cover; }
.privacy_content .section01 { width: 100%; margin: 0 auto; }
.privacy_content .section01 .mt-1 ul li { font-size: 1.4em; margin: 10px 0; }
.privacy_content .section01 .mt-1 ul li span { background: url(../img/checkbox.png) no-repeat; display: inline-block; width: 25px; height: 25px;  vertical-align: middle; margin-right: 10px;  background-size: 25px;}
.privacy_content .section01 .mt-2 ul li { display: inline-block; width: 20.7777%; margin: 20px 1% 0; }
.privacy_content .section01 .mt-2 ul li .thum { background-color: #f7f7f7; width: 100%; }
.privacy_content .section01 .mt-2 ul li .thum img { max-width: 100%; }
.privacy_content .section01 .mt-2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; }
.privacy_content .section06 { width: 100%; }