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

/* CSS reset */
html { font-family:'Noto Sans Korean', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body { margin:0; font-family: 'Noto Sans Korean', sans-serif; letter-spacing: -0.05em; }
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; color:#333; }
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:1px; border: solid 1px transparent; border-bottom: solid 1px #e1e1e1; -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 { line-height:normal; }
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; }
fieldset { padding:.35em .625em .75em; margin:0 2px; border:1px solid silver; }
legend { padding:0; border:0; }
textarea { overflow:auto; }
optgroup { font-weight:700; }
table { border-spacing:0; border-collapse:collapse; }
td, th { padding:0; text-align:center; }
ol, ul, li, dl, dt, dd, p { list-style:none; margin:0; padding:0; }
input[type="radio"] { margin: 0 5px!important; }

/* CSS Document */
.cf:after { display: block; content:""; clear: both; }
.hide { display: none; }
hr { margin: 0; }
a:link, a:hover, a:active, a:visited { text-decoration: none; }
button { color: #333; }
select, input { padding: 5px 6px; border: 1px solid #ddd; font-size: 14px; margin: 0 3px; }
textarea { width: 100%; resize: none; margin: 0 3px; border-color: #ddd; outline: none; }

/* margin */
.mt0 { margin-top: 0!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!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; }

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fc-white { color: #fff!important; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }

/* button */
.btn-wrap { vertical-align: top; text-align: center; }
.btn_big { display: inline-block; padding: 10px 30px; font-size: 18px!important; font-weight: 600; border-radius: 5px; }
.btn_small { display: inline-block; padding: 6px 15px; border-radius: 3px; font-size: 14px; }
.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #fff; border: 1px solid #888; background: #888; }
.btn-orange { background: #ff7800; color: #fff; }
.btn-orange:visited { background: #ff7800; color: #fff; }
.btn-orange:hover, .btn-orange:active { background: #FF6700; color: #fff; }
.btn-purple { background: #270a4b; }
.btn-blue { background: #0a154b; color: #fff; }
.btn-green { background: #002c39; }
.btn-brown { background: #622200; }
.btn-round { border-radius: 30px; padding: 7px; color: #fff; }

/* tab */
.tab-bar { border-bottom: 1px solid #ff7800; }
.tab-bar li { display: table-cell; width: 1%; text-align: center; }
.tab-bar li a { font-size: 18px; color: #333; font-weight: 600; border: 1px solid #e1e1e1; border-bottom: solid 1px transparent; padding: 15px 0; display: block; margin-bottom: -1px; margin-right: 1px; text-decoration: none; }
.tab-bar li a:hover { border-color: #ccc #ccc #ff7800; background-color: #f7f7f7; transition-duration: 0.5s; }
.tab-bar li a.sel { color: #ff7800; cursor: default; background-color: #fff; border: 1px solid #eee; border-bottom-color: transparent; }
.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: 16px; font-weight: 600; }
.sub-tab li a:hover, .sub-tab li a.sel { color: #ff7800; transition-duration: 0.5s; }
.tab-bar > ul > li.active a { color: #fff; cursor: default; background-color: #ff7800; border: 1px solid #ff7800; border-bottom-color: transparent; }
.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%; }

/*table*/
.table-01 { width: 100%; color: #333; font-size: 14px; }
.table-01 th, .table-01 td { padding: 10px; border: 1px solid #e1e1e1; }
.table-01 th { background: #eee; /*border-top: 2px solid #2fad09;*/ }
.table-01 td { height: 50px; }
.table-02 { width: 100%; color: #333; font-size: 14px; }
.table-02 th, .table-02 td { padding: 10px 0; border: 1px solid #e1e1e1; }
.table-02 thead th {  }
.table-02 th { background: #eee; }
.table-02 td { text-align: left; padding: 10px 15px; font-weight: 300; }
.table-03 { width: 100%; font-size: 14px; }
.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; padding-left: 20px; }
.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: 14px; }
.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; background-color: inherit; }
.table-05 td a { color: #fff; 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: #888; }
.scroll { overflow-y: scroll; height: 200px; }
table td.today { background-color: #fff7f1; color:#ff781e; border: 1px solid #e1e1e1;  }

/* pagenation */
.pagenation {}
.pagenation li { display: inline-block; width: 30px; height: 30px;  }
.pagenation li a { display: block; font-size: 16px; color: #ccc; line-height: 30px; border: 1px solid #e1e1e1;}
.pagenation li a:hover, .pagenation li a:focus { color: #ff7800; border-color: #ff7800; }

.li_dot { text-align: center; }
.li_dot li { list-style: disc outside; list-style-position: inside; text-align: left; }
.text-red { color: #FF070B; }

/* form */
.searchbox { vertical-align: top; }
.panel-title a span { display: inline-block; margin-right: 30px; color: #ff8900; }

#wrap { width: 100%; }

/*header*/
#header { width: 1000px; height: 120px; position: relative; margin: 0 auto; overflow: hidden; }
#header h1 { position: absolute; top: 12px; left: 0; }
#nav {  }
#nav .lnb ul { position: absolute; top: 25px; right: 100px; font-size: 12px; }
#nav .lnb li { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: solid 1px #e1e1e1; }
#nav .lnb li:first-child { border-left: none; }
#nav .lnb li a { font-size: 13px; color: #888; }
#nav .lnb li a:hover { font-weight: 600; }
#nav .coupon_btn { position: absolute; top: 18px; right:0; }
#nav .gnb { position: absolute; top: 70px; right: 0; }
#nav .gnb li { display: inline-block; margin-left: 16px; padding-left: 16px; border-left: solid 1px #e1e1e1; }
#nav .gnb li:first-child { border-left: none; }
#nav .gnb li a { font-size: 16px; color: #232323; font-weight: 600; }
#nav .gnb li a:hover, #nav .gnb li a.active { color: #ff7800; }

/*topbanner*/
.topbanner {width: 100%;min-width: 1000px;height: 700px;padding: 100px 0 60px;text-align: center;background: #666 url(../images/topbanner_bg.jpg) 50% 0 no-repeat;}
.topbanner .text_box { width: 1000px; height: 540px; margin: 0 auto; }
.topbanner .text_box h2 { font-size: 75px; color: #ff7500; padding: 35px 0; font-weight: 400; }
.topbanner .text_box h2 span { display: block; font-size: 50px; font-weight: 100; }
.topbanner .text_box p { font-size: 24px; color: #efdaca; margin-bottom: 80px; font-weight: 350; }

/*container*/
.container { width: 100%; text-align: center; padding: 0; }
.section { padding: 100px 0; overflow: hidden; }
.m-title { font-size: 40px; color: #232323; position: relative; font-weight: 300; margin: 0 0 50px 0; }
.m-title span { font-weight: 400; color: #FF6700; }
.m-explain { padding: 0 0 60px 0; font-size: 20px; color: #4e4a47; }
.section01 { width: 1000px; margin: 0 auto; }
.section01 .mt-1 ul li { font-size: 20px; margin: 20px 0; }
.section01 .mt-1 ul li span { background: url(../images/checkbox.png) no-repeat; display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 10px; }
.section01 .mt-2 ul li { display: inline-block; width: 22.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%; min-width: 1000px; height: 1000px; margin: 0 auto; position: relative; background: #f7f7f7 url(../images/main_leveltest.jpg) 50% no-repeat; }
.section02 h3 { font-size: 34px; }
.section02 h3 span { font-size: 40px; display: block; padding-top: 20px; }
.section02 .free_level { position: absolute; bottom: 85px; left: 50%; margin-left: -147px; }
.section03 { width: 1000px; margin: 0 auto; }
.section03 ul { padding: 60px 0 0 0; }
.section03 ul li { width: 498px; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.section03 ul li h4 { font-size: 26px; color: #333; margin-bottom: 35px; }
.section03 ul li p { font-size: 14px; color: #4e4a47; }
.section03 ul li img { position: absolute; bottom: 10px; right: 20px; width: 200px; }
.section04 { width: 1000px; margin: 0 auto; overflow: visible;}
.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: 10px; text-align: left; vertical-align: top; position: relative; }
.sec4-box-1 td>div, .sec4-box-2 td>div, .sec4-box-3 td>div, .sec4-box-4 td>div { background-color: #f7f7f7; padding: 25px; height: 260px; }
.sec4-box-1 h4, .sec4-box-2 h4, .sec4-box-3 h4, .sec4-box-4 h4 { font-size: 20px; margin: 0; color: #fff; }
.sec4-box-1 h5, .sec4-box-2 h5, .sec4-box-3 h5, .sec4-box-4 h5 { font-size: 18px; margin: 0 0 3px 0; color: #fff; }
.sec4-box-1 p, .sec4-box-2 p, .sec4-box-3 p, .sec4-box-4 p { font-size: 12px; color: #fff; font-weight: 500; }
.sec4-box-1 a, .sec4-box-2 a, .sec4-box-3 a, .sec4-box-4 a { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; text-align: center; line-height: 80px; display: inline-block; background-color: #312b27; /*opacity: 0;*/ color: #fff; font-size: 20px; margin: -40px 0 0 -40px; border-radius: 60px;  }
.sec4-box-1 a:hover, .sec4-box-2 a:hover, .sec4-box-3 a:hover, .sec4-box-4 a:hover { opacity: 1; }
.sec4-box-1 .box-1-01, .sec4-box-2 .box-2-01, .sec4-box-3 .box-3-01, .sec4-box-4 .box-4-01 { background-color: #423730; }
.sec4-box-1 .box-1-02 { background: url(../images/step_1_1.png) no-repeat; }
.sec4-box-1 .box-1-03 { background: url(../images/step_1_2.png) no-repeat; }
.sec4-box-1 .box-1-04 { background: url(../images/step_1_3.png) no-repeat; }
.sec4-box-1 .box-1-05 { background: url(../images/step_1_4.png) no-repeat; }
.sec4-box-2 .box-2-02 { background: url(../images/step_2_1.png) no-repeat; }
.sec4-box-2 .box-2-03 { background: url(../images/step_2_2.png) no-repeat; }
.sec4-box-2 .box-2-04 { background: url(../images/step_2_3.png) no-repeat; }
.sec4-box-2 .box-2-05 { background: url(../images/step_2_4.png) no-repeat; }
.sec4-box-3 .box-3-02 { background: url(../images/step_3_1.png) no-repeat; }
.sec4-box-3 .box-3-03 { background: url(../images/step_3_2.png) no-repeat; }
.sec4-box-3 .box-3-04 { background: url(../images/step_3_3.png) no-repeat; }
.sec4-box-4 .box-4-02 { background: url(../images/step_4_1.png) no-repeat; }
.sec4-box-4 .box-4-03 { background: url(../images/step_4_2.png) no-repeat; }
.sec4-box-4 .box-4-04 { background: url(../images/step_4_3.png) no-repeat; }

.section05 { width: 1000px; margin: 0 auto; height: 800px; background: url(../images/section5_img.jpg) bottom center no-repeat; background-size: 100%; }
.section05 ul { text-align: left; margin-left: 50px; }
.section05 ul li { margin: 10px 0; font-size: 18px; font-weight: 600;}
.section05 ul li span { font-weight: normal; }
.section06 {min-width:  1000px;height: 1100px;position: relative;/*background: #000 url(../images/section6_img.jpg) top center no-repeat; */}
.section06 .btn-group { }
.section06 h3 { font-size: 34px; }
.section06 h3 span { font-size: 40px; display: block; padding-top: 20px; }
.section06 .big_ex { font-size: 30px; }
.section06 img { margin: 90px 0 40px 0; }
.section07 { min-width: 1000px; }
.section07 img { max-width: 1000px; }

/*footer*/
#footer { width: 100%; border-top: 1px solid #e1e1e1; text-align: center; font-family: 'Nanum Gothic'; }
.top_footer { border-bottom: 1px solid #e1e1e1; }
.top_footer .cf { width: 1000px; margin: 0 auto; text-align: left; }
.top_footer .cf h3 { font-size:16px; width:140px; margin: 0; display: inline-block; height: 50px; line-height: 50px; vertical-align: middle; background-color: #232323; text-align: center; color: #fff; }
.top_footer .cf ul { display: inline-block; margin-left: 30px; }
.top_footer .cf ul li { display: inline-block; margin: 0 1px 0; width: 97px; }
.top_footer .cf ul li img { max-width: 100%;}
.bot_footer { width: 1000px; height: 180px; padding: 18px 0 54px 0; text-align: left; margin: 0 auto; }
.bot_footer ul { margin-bottom: 15px; }
.bot_footer ul li { display: inline-block; color: #333; margin-left: 15px; padding-left: 15px; border-left: solid 1px #e1e1e1; }
.bot_footer ul li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }
.bot_footer ul li a { font-size: 14px; font-weight: 600; color: #333; }
.bot_footer ul li .callcenter { font-size: 14px; font-weight: 600; color: #333; }
.bot_footer ul li .callcenter span { font-size: 14px; font-weight: 500; color: #666; }
.bot_footer p { color: #888; font-size: 12px; line-height: 1.8; }
.bot_footer p span { color: #ccc; margin: 0 5px; }
.bot_footer p span.name { color: #232323; font-weight: 600; }
.bot_footer .left { float: left; }
.bot_footer .right { widht: 200px; float: right; }
.bot_footer .right .footer_right { margin: 60px 0 0 80px}

/*sub page*/
.depth2 { width: 100%; min-width: 1000px; margin: 0 auto; height: 60px; background: #ff7800; text-align: center; }
.depth2 ul { }
.depth2 ul li { display:inline-block; }
.depth2 ul li a { /*color: #fff1e4; */  color: #ffc896; line-height: 60px; font-size: 14px; font-weight: bold; padding: 0 20px; }
.depth2 ul li a:hover, .depth2 ul li a.active { color: #fff; }
.location { width: 1000px; margin: 0 auto; text-align: left; background-color: transparent; padding: 20px 0; }
.location ul {}
.location ul li { display: inline-block; color: #888; }
.location ul li a { font-size: 13px; padding: 0 5px; color: #888; }
.inner_content { width: 1000px; margin: 0 auto 100px; text-align: center; }
.inner_content h2 { font-weight: bold; font-size: 28px; margin: 50px 0 60px 0; color: #333; position: relative }
.inner_content h2:before { content: ""; display: block; background-color: #555; width: 100px; height: 3px; left: 50%; top: 50px; margin: 0 0 0 -50px; position: absolute; }
.inner_content h3 { font-size: 24px; font-weight: 100; margin: 0 0 40px 0; color: #333; line-height: 30px; }
.inner_content .section { padding: 50px 0; }
.inner_content .section03 { width: 100%; margin: 0 auto; }
.inner_content .section03 ul { padding: 60px 0 0 0; }
.inner_content .section03 ul li { width: 495px; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.inner_content .section03 ul li h4 { font-size: 28px; color: #333; margin-bottom: 35px; }
.inner_content .section03 ul li p { font-size: 14px; color: #4e4a47; }
.inner_content .section03 ul li img { position: absolute; bottom: 10px; right: 0; width: 210px; }
.inner_content .system-process { margin-top: 70px;}
.inner_content .system-process li { display: inline-block; border: solid 1px #e1e1e1; width: 17%; padding: 30px 0; font-size: 18px; margin: 0 34px; position: relative; }
.inner_content .system-process li span { position: absolute; right: -60px; top: -5px; background: url(../images/arrow.png) no-repeat; width: 50px; height: 100px;  }
.inner_content .section01 { width: 100%; margin: 0 auto; }
.inner_content .section01 .mt-1 ul li { font-size: 18px; margin: 20px 0; }
.inner_content .section01 .mt-1 ul li span { background: url(../images/checkbox.png) no-repeat; display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 10px; }
.inner_content .section01 .mt-2 ul li { display: inline-block; width: 22.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; }
.map img { max-width: 100%; }

/*.inner_content h3 span { background-color: #555; width: 100px; height: 3px; left: 50%; top: 50px; margin: 0 0 0 -50px; position: absolute; }*/
.high_ex { font-size: 24px; font-weight: 100; margin: 0 0 40px 0; color: #333; }
.sub_ex { margin-bottom: 55px; font-size: 16px; }
.sub_ex strong { font-size: 24px; font-weight: bold; color: #333; }

.sub_depth { border-top: none; background-color: #ff7800; }
.sub_depth li { display: inline-block; padding: 15px 25px 20px; }
.sub_depth li.active a { color: #fff; }
.sub_depth li a { font-size: 16px; 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: 0 50px; margin-bottom: 50px; }
.center_info ul { margin-bottom: 30px; }
.center_info li { font-size: 18px; margin-bottom: 5px; }
.center_info img { max-width: 100%; }
.center_info h4 { font-size: 30px; font-weight: bold; }
.center_info p { font-size: 18px; }
.center_teacher ul li { width: 20%; height: 180px; float: left; padding: 1%; overflow: hidden; }
.center_teacher ul li img {width: 100%; height: 100%; }

.table_thum { max-width: 100px; margin-bottom:5px; }
.table_thum200 { max-width: 200px; margin-bottom:5px; }
.class_info.speak-bg01 { background: url(../images/speak_bg01.jpg)no-repeat; }
.class_info.speak-bg02 { background: url(../images/speak_bg02.jpg)no-repeat; }
.class_info.speak-bg03 { background: url(../images/speak_bg03.jpg)no-repeat; }
.class_info.speak-bg04 { background: url(../images/speak_bg04.jpg)no-repeat; }
.class_info.speak-bg05 { background: url(../images/speak_bg05.jpg)no-repeat; }
.class_info.business-bg01 { background: url(../images/business_bg01.jpg)no-repeat; }
.class_info.business-bg02 { background: url(../images/business_bg02.jpg)no-repeat; }
.class_info.business-bg03 { background: url(../images/business_bg03.jpg)no-repeat; }
.class_info.business-bg04 { background: url(../images/business_bg04.jpg)no-repeat; }
.class_info.opic-bg01 { background: url(../images/opic_bg01.jpg)no-repeat; }
.class_info.opic-bg02 { background: url(../images/opic_bg02.jpg)no-repeat; }
.class_info.opic-bg03 { background: url(../images/opic_bg03.jpg)no-repeat; }
.class_info.news-bg01 { background: url(../images/news_bg01.jpg)no-repeat; }
.class_info.news-bg02 { background: url(../images/news_bg02.jpg)no-repeat; }
.class_info.news-bg03 { background: url(../images/news_bg03.jpg)no-repeat; }
.class_info.news-bg04 { background: url(../images/news_bg04.jpg)no-repeat; }
.class_info { height: 400px; padding: 100px; margin-bottom: 100px; 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: 490px; display: inline-block; margin: 0 0 50px 0; }
.book_info .left { float: left; text-align: center; }
.book_info .book_thum { width: 160px; border: solid 1px #888; }
.book_info .right { width: 290px; float: left; text-align: left ; margin-left: 10px; font-size: 14px; }
.book_info .book_tit { color: #333; font-size: 22px; font-weight: bold; }
.book_info .right ul { margin-top: 20px; }
.book_info .right ul li { list-style: outside; margin-left: 20px; margin-bottom: 5px; font-weight: 400;  }

/* �섍컯�좎껌 */
.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: 18px; }
.tip_round span { display: inline-block; padding: 7px 15px 8px; background: #2fad09; color: #fff; border-radius: 20px; margin: 0 10px 0 0 ; }
.tip_round .right { float: right; }
.pick_class div {  width: 227px; height: 100px; display: inline-block;  background: url(../images/apply_box_img.jpg) no-repeat; border: solid 3px #e1e1e1; margin: 0 10px; line-height: 100px; font-size: 20px; }
.pick_class div.active, .pick_class div:hover, .pick_class div:focus  { border: solid 3px #ff7800;}
.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 { width: 227px; height: 50px;  display: inline-block;  background: url(../images/national.png) no-repeat; margin: 0 10px; line-height: 50px; font-size: 18px; }
.pick_class2 div.active a, .pick_class2 div a:hover, .pick_class2 div a:focus  { color: #ff7800; }
.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: 975px; margin: 0 auto 20px; background: #F0EAE3; padding: 30px 10px; }
.pick_step li a { background: #fff; border: 1px solid #ccc; margin: 0 5px; width: 200px; height: 50px; line-height: 2.5; text-align: center;}
.pick_step li a:hover, .pick_step li a:focus, .pick_step li a.active { color: #ff7800; border-color: #ff7800; }
.pick_step li { display: inline-block; }
.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; }

/* �앹뾽 */
.popup { width: 850px; text-align: center; }
.popup .contents { padding: 50px; overflow: hidden; }
.popup table { width: 100%; margin: 0 auto; }
.popup table a { font-size: 14px; font-family: 'Nanum Gothic'}
.popup_tit { background: #ff7800; margin: 0; color: #fff; line-height: 2.5; padding: 0 20px; text-align: left; font-weight: bold; }
.popup .p_tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.popup_coupon { text-align: center; }
.popup_coupon div { padding: 30px 0 20px; }
.popup_coupon p { font-size: 17px; margin-bottom: 20px; }
.popup_coupon p span { color: #ff7800; font-size: 20px; }
.popup_coupon input { margin-bottom :20px; width: 300px; height: 40px; }
.delay_wrap .left, .delay_wrap .right { display: inline-block; width: 48%; }
.popup_bill>div, .popup_book>div, .popup_attend>div, .popup_leveltest>div, .payment-p { padding: 20px; }
.popup_attend .box6 p { border: 1px solid #e1e1e1; background: #fff; line-height: 24px; padding: 10px; color: #666; }

/*�щ젰*/
.calendar { width: 100%; margin: 100px auto; text-align: center; }
.calendar ul {}
.calendar ul li { display: inline-block; margin: 0 10px; }
.calendar table { width: 100%; }
.calendar th.sun { background-color: #ffe4e4; }
.calendar th.sat { background-color: #e4eeff; }
.calendar td {  height: 120px; font-size: 16px; text-align: left; vertical-align: top; padding: 10px; }
.calendar td p { position: absolute; top: 10px; left: 10px; text-align: left; color:#ccc; }
.calendar td div { display: block; margin: 10px; }
.calendar td div:first-of-type { margin-top: -23px; }
.calendar td div span { display: inline-block; padding: 2px 10px 4px; margin: 0 auto;/* color:#333; */border-radius: 3px;  }
.calendar .attend {width: 99px;background: #6a1b9a; margin-left: 22px; z-index: 10;/* position: absolute; *//* top:30px; *//* left: 20px; */}
.calendar .attend a { color:#fff; }
.calendar .miss {  }
.calendar .cancellation {width: 55px;background: #444;color: #fff;margin-left: 22px;/* position: absolute; *//* top:30px; *//* left: 25px; */}
.calendar .delay { color: #ff6f00; }
.calendar .lesson { color: #0A4FF0; }
.calendar .makeup { color: #00c853; }
.calendar .off { color: #888; }
.calendar .absence {width: 55px;background: #ff1744;color: #fff; margin-left: 22px;/* position: absolute; *//* top:30px; *//* left: 25px; */}
.calendar .absence a { color: #fff; }
.calendar_ex { text-align: left; margin-top: 20px; }
.calendar_ex p { display: inline-block; margin-left: 30px; padding-left: 30px; border-left: solid 1px #e1e1e1; }
.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; }
.calendar_ex .attend { background: #6a1b9a; position: inherit; }
.calendar_ex .cancellation { background: #444; position: inherit; }
.calendar_ex .absence { background: #ff1744; position: inherit; }
.schedule div {  padding: 5px; }
.schedule tr td span { display: block!important; line-height: 12px; }
.schedule span.state { font-size: 14px; font-weight: bold; }
.schedule span.time { font-size: 13px; }
.schedule span.t-name { font-size: 13px; font-weight: bold; }

/* 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(../images/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; }
.install span { color: #ff7800; }

/* 171012 �뚯썝媛��� 濡쒓렇��*/
.joinform { width: 800px; margin: 0 auto; border: 1px solid #e1e1e1; border-top: 2px solid #ff7800; padding: 50px; }
.joinform .inputbox { width: 100%; }
.joinform .inputbox div, .joinform .inputbox p { display: flex; margin-bottom: 10px; text-align: left; }
.joinform .inputbox div { height: 50px; line-height: 50px; }
.joinform .inputbox div input[type="text"], .joinform .inputbox div input[type="password"] { width: 100%; }
.joinform .inputbox p span 	{ text-decoration: underline; }
.joinform .joinus { text-align: center; }
.joinform .joinus a { width: 280px; height: 50px; line-height: 2.2; font-size: 16px;}
.joinform .overlap { width: 120px; line-height: 42px; text-align: center; }
.loginform { width: 500px; margin: 0 auto;  padding: 20px; }
.loginform .inputbox div input[type="text"], .loginform .inputbox div input[type="password"] { width: 100%; margin: 0; }
.loginform .loginbtn a { width: 100%; height: 50px; line-height: 2.5; }
.loginform .helpbox { border-top: 1px solid #e1e1e1; margin-top: 20px; padding-top: 20px; }
.loginform .helpbox ul li { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e1e1e1; }
.loginform .helpbox ul li:first-child { border: none; margin-left: 0; }
.modal-body .text_area { width: 100%; height: 80px; overflow-y: scroll; border: 1px solid #e1e1e1; margin: 15px 0 30px; padding: 15px; }
.helpidpw { width: 900px; margin: 0 auto; padding-top: 30px; }
.findid, .findpw { width: 450px; padding: 50px; float: left; }
.findpw { border-left: 1px solid #e1e1e1; }
.findid .inputbox div,  .findpw .inputbox div { display: flex; height: 50px; line-height: 50px; }
.findid .inputbox div input[type="text"], .findpw .inputbox div input[type="text"] { width: 100%; }
.findid .confirm a, .findpw .confirm a { width: 100%; height: 50px; line-height: 2.5; }

/* 171012 怨좉컼�쇳꽣*/
.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; }

/*171201*/
.cf:after { display: block; content:""; clear: both; }
.delay_wrap { padding: 0 20px; }
.delay_wrap .charge-search { float: right; margin: 10px 0; }
.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 h3 { padding-bottom:3px; font-size:20px; color: #ff7800; font-weight: 600;}
.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('../images/bg_cal.png') 100% center no-repeat;}
.delay_wrap .pt3 input.clock {background:url('../images//bg_clock.png') 100% center no-repeat;}
.delay_wrap .pt3 input.cal.focus {background:url('../images/bg_cal_on.png') 100% center no-repeat;}
.delay_wrap .pt3 input.clock.focus {background:url('../images/bg_clock_on.png') 100% center no-repeat;}

.monthscore {}
.monthscore>div { padding: 10px 20px; }
.monthscore .box1 { margin-bottom: 30px; }
.monthscore .box2 { margin-bottom: 30px; }
.monthscore .box2:after { display: block; clear: both; content: ""; }
.monthscore .box2 .left { float: left; width: 49%; padding: 0 10px; }
.monthscore .box2 .left .attendbox { position: relative; width: 100%; height: 15px; padding: 0; border: 1px solid #e1e1e1; background: #fff; border-radius: 5px; overflow: hidden; }
.monthscore .box2 .left .attendbar { position: absolute; top: 0; left: 0; background: #ff7800; padding: 0; border-radius: 5px; height: 14px; width: 75%; }
.monthscore .box2 .right { float: right; width: 49%; border-left: 1px solid #e1e1e1; padding: 0 10px;  }
.monthscore .box3 {  }
.monthscore .box3 div.textbox { border: 1px solid #e1e1e1; min-height: 40px; /*overflow-y: scroll;*/  text-align: left; font-weight: 400; padding: 10px; }

.lt_pick td { cursor:pointer; }
.lt_pick td:hover { background: #e1e1e1; transition: 0.3s;  }
.lt_pick td.active { background: #ff7800;  color: #fff; }
.lt_pick td.active a { background: #ff7800;  color: #fff; }
.lt_clock th { font-weight: 600; color: #ff0044; }
.lt_clock td { font-weight: 400; color: #ddd; }
.lt_clock td a { color: #666; background: #fff; font-weight: 600;}
.lt_clock a.on { background: #ff7800; color: #fff; }

.class_state {  }
.class_state th, .class_state td { border: 1px solid #e1e1e1; width: 14%; }
.class_state th { height: 40px; background: #eee; }
.class_state td { height: 145px; padding: 20px; position: relative; }
.class_state td span { display: block; margin-bottom: 5px; padding: 2px; font-weight: bold; }
.class_state td span:nth-of-type(2) { margin-top: 10px;  }
.class_state td span.date { position: absolute; top: 5px; left: 5px; font-weight: 400; }
.class_state td span.attend {  background: #1A5BDD; color: #fff; padding:5px 8px; }
.class_state td span.absence {  background: #ff1744; color: #fff; padding:5px 8px;  }
.class_state td span.delay { color: #ff6f00; }
.class_state td span.longdelay { color: #6a1b9a; }
.class_state td span.due { color: #ccc; }
.class_state td span.off { color: #449C3A; }
.class_state td span.cancle {background: #444; color: #fff; padding:5px 8px;  }
.class_state td p { display: inline-block;  margin: 0 5px;}
.class_state td p span { padding: 5px 10px; }

.p-feedback { width: 850px; }
.p-feedback .time { height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; background: #f7f7f7;}
.p-feedback .fb-inner {  }
.p-feedback .fb-inner>div:after { clear: both; display: block; content:""; }
.p-feedback .fb-inner .left { width: 49%; float: left; padding: 0 10px; }
.p-feedback .fb-inner .right { width: 49%; float: right; padding: 0 10px; }
.p-feedback .box1 { margin-bottom: 30px; }
.p-feedback .box2, .p-feedback .box3, .p-feedback .box4, .p-feedback .box5 { margin-bottom: 30px; padding: 0 20px; }
.p-feedback .box3 .tb-wrap, .p-feedback .box4 .tb-wrap { width: 49%; display: inline-block; margin-right: 5px; vertical-align: top; }
.p-feedback .tb-wrap p { text-align: left; color: #999;}
.p-feedback .box6 { margin-bottom: 30px; padding: 0 20px; }
.p-feedback .textbox { border: 1px solid #e1e1e1; text-align: left; font-weight: 400; padding: 10px; width: 98%; }

.graph .line-wrap .line {position:relative; overflow:hidden; padding:5px 45px 5px 45px; color:#888;}
.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;}

/*�뚯썝�덊눜*/
.loginform .inputbox div input[type="text"], .loginform .inputbox div input[type="password"] { height: 50px; border-radius: 3px; }
.leaveform { width: 500px; margin: 0 auto;  padding: 20px; }
.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; }

.btn_gray { background: #f1f1f1; border: 1px solid #e1e1e1; }
.btn_gray:hover { background: #ccc; }
.text-gray { color: #999; }

/*IEAT*/
.ieat-wrap .noline { border:0!important; }
.ieat-wrap { width: 100%; margin: 0 auto; text-align: left; }
.ieat-wrap h3 { font-size: 18px; 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 h1 { text-align: center; margin: 0; font-size: 2.5em; border-bottom: solid 1px #e1e1e1; padding: 30px 0; background: #ff7800; color: #fff; }
.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: 14px; 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: 20px; }
.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: 16px; 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(../images/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(../images/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(../images/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; }

.pop-calendar { }
.pop-calendar:after { display: block; clear: both; content:""; }
.pop-calendar-left { float: left; width: 150px; height: 310px; background: #ff7800; padding: 20px; }
.pop-calendar-left p { color: #fff; }
.pop-calendar-left p.year { font-size: 16px; }
.pop-calendar-left p.date { font-size: 20px; }
.pop-calendar-right { float: left; width: 418px; }
.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: 320px; }
.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; }
.pop-calendar-right td .active { margin: 0 auto; background: #ff7800; color:#fff; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; }

.changetime { width: 100%; }
.changetime:after { display: block; clear: both; content:""; }
.changetime .left { float: left; width: 150px; height: 250px; background: #ff7800; padding: 20px; }
.changetime .left .selecttime { color: #fff; font-size: 20px; font-weight: 600; }
.changetime .center { width: 120px; height: 250px; float: left; border-right: 1px solid #ff7800; }
.changetime .center ul { padding: 0 10px; }
.changetime .center li { text-align: center; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 16px; color: #ddd; }
.changetime .center li.active { color:#ff7800; }
.changetime .right { float: right; height: 250px; overflow-y: scroll; }
.changetime .right .time-select { width: 100%; padding: 0 5px; font-size: 16px ;text-align: center; }
.changetime .right .time-select ul { width: 260px; }
.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; }
.changetime .right .time-select ul li a.active { background: #ff7800; color: #fff; border-radius: 20px; }

.ttbox { position: relative;  }
.ttbox .ttext { visibility: hidden; width: 320px;background: #fff; color: #333; text-align: center; border-radius: 5px; padding: 20px; position: absolute; z-index:2; top:105%; left: 50%; margin-left:-160px; border: 2px solid #423730; box-sizing: border-box; }
.ttbox:hover .ttext { visibility: visible; }
.ttbox .ttext:after { content: ''; width: 15px; height: 15px; background: #fff; border-width: 2px; border-style: solid; display: block; border-color:#423730 transparent transparent #423730; position: absolute; top: -8px; left: 50%; margin-left: -7px; z-index: 1; transform: rotate(45deg); -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.ttbox .ttext p { color: #333; line-height: 20px;}
.ttbox .ttext .tt-text1 { text-align: left; margin-bottom: 20px; color:#669933; }
.ttbox .ttext .tt-text2 { margin-bottom: 20px; }
.ttbox .ttext .tt-text2 * { display: inline-block; text-align: left; }
.ttbox .ttext .tt-text2 .thum { width: 80px; margin-right: 20px; }
.ttbox .ttext .tt-text2 .thum img { width: 100%; }
.ttbox .ttext .tt-text2 .level { width: 150px;}
.ttbox .ttext .tt-text2 .level span { font-size: 18px; color: #ff7800; }
.ttbox .ttext .tt-text3 { text-align: left; font-weight: 400; }
.ttbox .ttext .tt-text3 span { font-size: 18px; font-weight: bold; }
.ttbox .ttext .tt-text4 {}

.bt-box { position: absolute; bottom: 10px; left: 10px; width: 180px; height: 60px; background: rgba(66,55,48,.8); padding: 10px; }
.bt-box2 { position: absolute; bottom: 10px; left: 10px; width: 246px; height: 60px; background: rgba(66,55,48,.8); padding: 10px; }
cf:after { content:""; clear: both; display: block; }

.camguide {  }
.camguide .top  { text-align: center; }
.camguide .top p { height: 60px; background: #f7f7f7; padding: 13px ; }
.camguide .tab-bar ul li.active a { background: #fff; color: #ff7800; }
.camguide .tab-content { padding: 20px; }
.camguide .tab-inner-box h4 { color: #ff7800; margin: 30px 0 ; text-align: center; }
.camguide .tab-inner-box ul { border-bottom: 1px solid #e0e0e0; }
.camguide .tab-inner-box ul li { margin-bottom: 30px; }
.camguide .tab-inner-box ul li h5 { font-size: 16px; margin-bottom: 20px; padding-left: 10px; border-left: 3px solid #669933; }
.camguide .tab-inner-box ul li div .imgbox { float: left; width: 200px; text-align: center; }
.camguide .tab-inner-box ul li div .imgbox img { max-width: 80%; }
.camguide .tab-inner-box ul li p { font-size: 14px; line-height: 1.6; font-weight: 400; color: #666; margin-bottom: 15px; }
.camguide .tab-inner-box ul li p span { font-size: 15px; font-weight: 500; color: #333; }
.camguide .tab-inner-box .text-red { color: #E92528; font-size: 14px; }
.camguide .tab-inner-box .faqbox {}
.camguide .tab-inner-box .faqbox li { margin-bottom: 0; }
.camguide .tab-inner-box .faqbox li:first-child { border-top: 1px solid #e0e0e0; }
.camguide .tab-inner-box .faqbox li .question { cursor:pointer; font-size: 14px; height: 50px; line-height: 50px; background: #fff; padding: 0 10px; border-bottom: 1px solid #e0e0e0; }
.camguide .tab-inner-box .faqbox li .answer { display: none; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #e0e0e0; color: #333; }
.camguide .tab-inner-box .faqbox li .answer p { color: #333; }
.camguide .tab-inner-box .faqbox li .answer span { display: block; }

/* 荑좏룿 �깅줉 */
.couponbox { width: 400px; margin: 0 auto; border: 1px solid #ddd; padding: 50px 30px; border-radius: 3px; }
.couponbox input { width: 100%; height: 50px; border-radius: 3px; margin: 0; }
.couponbox p { font-size: 14px; margin-bottom: 20px; }
.couponbox a { width: 49%; padding: 10px; }

.engimgbox { position: relative; }
.engimgbox .speakbox { position: absolute; top: 0; left: 0; width: 100%; height: 800px; }
.engimgbox .speakbox a { display: block; width: 100%; height: 800px; }

.calendar_ex .cancellation, .calendar_ex .attend, .calendar_ex .absence { margin-left: 0; }
.bot_footer .right { margin-top: -50px; }

/* modal */
.modal-header .tit-bar { width:20px; height:2px; display:inline-block; background-color:#ed1941; border:0; }
.lt_pick td.active a { background: #ff7800;  color: #fff; }

/* 2018-01-18*/
.calendar .delay { color: #ff6f00; position: relative; }
.calendar .delay a { display: block; position: absolute; top: 5px; left: 33px; width: 80px;}
.calendar .lesson { color: #0A4FF0; position: relative; }
.calendar .lesson a { display: block; position: absolute; top: 5px; left: 33px; width: 80px;}

/* china table*/
.classmap { width: 100%; }
.classmap th, .classmap td { padding: 10px 5px; border: 1px solid #e1e1e1; }
.classmap th { background: #333; color: #fff; font-weight: 500; border: 1px solid #bbb; text-align: center; }
.classmap .empty { background: #e7e7e7;}
.classmap img { width: 80px; }
.classmap span { display: block; color: #333; font-weight: 500; }
/*.classmap th { background: #d4ddee; color: #333; font-weight: 500; border: 1px solid #e7e7e7; text-align: center; }*/

/* ----------------------------------------- 2022-09-23 footer 이미지 추가  */
.bot_footer .footer-logo02 { width: 153px; height: 61px; margin: 0 0 20px 80px; overflow: hidden; }
.bot_footer .footer-logo02 img {
    width: 100%;
}
.bot_footer .right .footer_right {
    margin-top: 0;
}