@charset "utf-8";
/* CSS Document */

/*font*/
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@font-face {
    font-family:"BMDohyeon";
    src:url('../fonts/BMDOHYEON.eot');
    src:url('../fonts/BMDOHYEON.eot?#iefix') format('embedded-opentype'), /* ie6,7,8 적용, embedded-opentype ie8,9 적용 */
    url('../fonts/BMDOHYEON.woff') format('woff'), /* ie 제외한 나머지 */
    url('../fonts/BMDOHYEON.ttf') format('truetype');
url('../fonts/BMDOHYEON.svg#BMDOHYEON') format('svg')  src:local(※); /* 모바일브라우저 */}

/* 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; text-decoration: none!important; }
a:active, a:hover { outline:0; color: #333; }
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; }
h2,h3,h4,h5,h6 { font-size: 1em; margin: 0;  }

#Training { width: 100%; min-width : 1000px; margin: 0 auto; overflow: hidden; }
body { font-size: 14px; }
input[type="text"], input[type="password"], select, textarea { font-size: 14px; margin: 0; border-radius: 3px; border:1px solid #e1e1e1; padding: 5px; }
textarea { resize: none; width: 100%; margin: 5px 0; }
a { color: #333; }
.noto { font-family: 'Noto Sans Korean', sans-serif; }
.BMD { font-family: 'BMDohyeon', sans-serif; }
.cf:after { displaY: block; clear: both; content: ""; }
.li_dot { text-align: center; margin: 10px 0;  }
.li_dot li { list-style: disc outside; list-style-position: inside; text-align: left; }

/* 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; }

/*헤더*/
#header { width: 1000px; height: 120px; position: relative; margin: 0 auto; overflow: hidden; }
#header h1 { position: absolute; top: 12px; left: 0; }
#nav {  }
#nav .userlogin { position: absolute; top: 25px; right: 393px; }
#nav .userlogin span { text-decoration: underline; }
#nav .lnb ul { position: absolute; top: 25px; right: 0; 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 .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; }

/*메인비주얼*/
.mainvisual { width: 100%; height: 350px; background: #343434 url(../img/b2Bdefault_main.jpg) 50% 50% no-repeat; }
.visual { width: 1000px; margin: 0 auto; }
.visual .inner { padding: 100px 0; }
.visual .inner h2 { color: #fff; font-size: 35px; }
.visual .inner h2 span { color: #fff000; }

/*푸터*/
#footer { width: 100%; border-top: 1px solid #e1e1e1; text-align: center;  }
.footer { width: 1000px; height: 120px; margin: 0 auto; padding: 18px 0 54px 0; text-align: left; }
.footer .link { margin-bottom: 15px; }
.footer .link * { display: inline-block; }
.footer .link a { display: inline-block; color: #333; margin-left: 15px; padding-left: 15px; border-left: solid 1px #e1e1e1; font-size: 14px; font-weight: 600; }
.footer .link a:first-child { border-left: 0; margin-left: 0; padding-left: 0; }
.footer .link .callcenter { font-size: 14px; font-weight: 600; color: #333; }
.footer .link .callcenter span { font-size: 14px; font-weight: 500; color: #666; }
.footer p { color: #888; font-size: 12px; line-height: 1.8; font-weight: 300; }
.footer p span { color: #ccc; margin: 0 5px; }
.footer p span.name { color: #232323; font-weight: 600; }
.footer .left { float: left; }
.footer .right { widht: 200px; float: right; margin-top: -20px; }
.footer .right .footer_right { margin: 60px 0 0 80px; }

/*메인컨텐츠*/
.contents {  }
.con-boxwrap { width: 1000px; margin: 0 auto; padding: 20px 0; }
.con-boxwrap .left { float: left; width: 660px; }
.con-boxwrap .right { float: right; }
.con-boxwrap .con-box { position: relative; width: 320px; height: 150px; margin-bottom: 20px; padding: 10px 15px; border: 1px solid #e1e1e1; box-sizing: border-box; }
.con-boxwrap .left .con-box { float: left; }
.con-boxwrap .box1 { width: 660px!important; height: 300px; }
/*.con-boxwrap .box2, .con-boxwrap .box4 { margin-right: 20px; }*/
.con-boxwrap .box2 { background: #2196f3; border-color: #2196f3; color: #fff; }
.con-boxwrap .box3 { background: #00b8d4; border-color: #00b8d4; color: #fff; }
.con-boxwrap .box2 .box-tit, .con-boxwrap .box3 .box-tit { color: #fff; }
.con-boxwrap .box7 { height: 300px; background: #bbdefb url(../images/img_mobile.png) 100% 0 no-repeat;}
.con-boxwrap .box7 a { display: inline-block; }
.con-boxwrap .box7 p { font-size: 24px; color: #0080e5; }
.con-boxwrap .box7 div { padding-top: 50px; }
.con-boxwrap .box8 { text-align: center; color: #666; font-size: 12px; padding: 13px; }
.con-boxwrap .box8 p { margin-bottom: 7px; }
.con-boxwrap .box8 .ccnumber { font-size: 30px; }
.con-boxwrap .box8 .ccbtn { display: block; width: 90px; height: 30px; background: #009cff; border-radius: 50px; line-height: 30px; color: #fff; margin: 0 auto; }
.con-box .tab-bar { border: 0; }
.con-box .tab-bar li { display: inline-block; width: auto; border-right: 1px solid #ccc; }
.con-box .tab-bar li:last-child { border-right: 0; }
.con-box .tab-bar li a { font-size: 14px; font-weight: 400; border: none; padding: 0 12px; display: block; margin:0; }
.con-box .tab-bar > ul > li.active a { background: #fff; border: 0; color: #333; }
.con-box .tab-bar li a:hover { border-color:none; background-color: #fff;}
.con-box .swiper-slide { width: 100%; }
.con-box .swiper-slide>div { display: inline-block; margin: 0 10px; vertical-align: top; }
.con-box .ms-thum { width: 95px; }
.con-box .ms-thum img { width: 90px; }
.con-box .ms-text { width: 270px; }
.con-box .ms-text h5 {font-size: 20px;margin-bottom: 10px;font-weight:  600;line-height: 1;}
.con-box .ms-text p { margin-bottom: 10px; }
.con-box .ms-level { width: 100px; height: 100px; border-radius: 50%; background: #e5e5e5; text-align: center; }
.con-box .ms-level p { font-size: 12px; padding: 20px; }
.con-box .ms-level p span { display: block; font-size: 16px; }
.swiper-wrapper { height: 255px; }
.swiper-container { width: 100%; height: 250px; }
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.con-box .box-tit { margin: 0 0 10px 0; font-size: 16px; }
.con-box .typecon { font-weight: 300; color : #fff; }
.con-box .typecon a { font-size: 15px; font-weight:500; display:block; line-height:20px; margin-bottom:10px; color:#fff; }
.con-box .typecon a span { font-size:15px; font-weight:500; display:block; line-height:20px; margin-bottom:10px; color:#f8d859; }
.con-box .typevoca { text-align: center; font-size: 22px; color : #fff; }
.con-box .typevoca a { color: #fff; }
.con-box .typevoca a span { color: #6bddd2;font-weight: 600; display: block; }
.con-box .list a { width: 100%; display: block; color: #666; line-height: 2; }
.con-box .more { position: absolute; top: 20px; right: 20px; width: 15px; height: 15px; }
.con-box .more a { display: block; text-indent: 9999em; }
.more-w { background: url(../images/icon_more.png) 0 0 no-repeat; }
.more-b { background: url(../images/icon_more.png) 100% 0 no-repeat; }
.android img, .apple img { vertical-align: text-bottom; margin-right: 3px;}

/*탭*/
.tab-bar ul { margin: 0; }
.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 { 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 { transition-duration: 0.5s; }
.tab-bar > ul > li.active a { color: #fff; cursor: default; border-bottom-color: transparent; }
.tab-inner { padding: 20px 0;}
.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-01 { width: 100%; color: #333; font-size: 14px; }
.table-01 th, .table-01 td { border: 1px solid #e1e1e1; height: 40px; padding: 0 20px; }
.table-01 th { background: #eee; }
.table-01 .left { text-align: left; }
.table-02 { width: 100%; color: #333; font-size: 14px; }
.table-02 th, .table-02 td { height: 40px; /*line-height: 40px;*/ border: 1px solid #e1e1e1; }
.table-02 th { background: #eee; text-align: center; }
.table-02 td { text-align: left; padding: 15px; font-weight: 300; }
.table-02 .textzone { width: 100%; min-height: 200px; line-height: 1.8; padding: 20px 15px 20px; }
.table-line { border-top: 2px solid #333; }

/*서브페이지*/
.depth2 { width: 100%; height: 60px; text-align: center; }
.depth2 ul li { display:inline-block; }
.depth2 ul li a { line-height: 60px; font-size: 14px; font-weight: bold; padding: 0 20px; }
.depth2 ul li a:hover, .depth2 ul li a.active { color: #fff; }
.sub-contents { width: 1000px; margin: 50px auto 80px; text-align: center; }
.sub-contents h2 { margin-bottom: 15px; font-size: 22px; font-weight: 500;  text-align: center; }
.sub-contents .sub_ex { margin-bottom: 50px; font-size: 16px; text-align: center; font-weight: 400; }
.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; }*/

/*과정안내*/
.sub_depth { border-top: none; text-align: center; }
.sub_depth li { display: inline-block; padding: 15px 25px 20px; }
.sub_depth li.active a { color: #fff; }
.sub_depth li a { font-size: 16px; font-weight: bold; }
.tab-content { padding: 0; }
.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: 470px; 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 #ddd; }
.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;  }

/*로케이션*/
.location { width: 1000px; margin: 0 auto; text-align: left; background-color: transparent; padding: 20px 0 0; }
.location a {display: inline-block; font-size: 13px; padding: 0 5px; color: #888; }

/*페이징*/
.paging { text-align: center; }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #555; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.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:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default;  }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/*검색*/
.searchbox { text-align: center; }
.searchbox input[type="search"] { margin-right: 2px; padding: 5px; border-radius: 3px; border: 1px solid #ccc; }
.searchbox input[type="checkbox"] { margin: 0; vertical-align: middle; }
.searchbox label { margin-right: 8px; vertical-align: middle; }

/*버튼*/
.btn { display: block; padding: 5px 20px; font-size: 14px; text-align: center; line-height: 2; border-radius: 3px;  }
.btn-white { background: #fff; color: #333; border: 1px solid #ccc; padding: 5px 10px; border-radius: 3px; }
.btn-white:hover { background: #f7f7f7; color: #000; }
.btn-round { border-radius: 50px; line-height: 35px;}
.btn-small { display: inline-block; padding: 5px 10px; border-radius: 3px; font-size: 14px; }
.modalbtn_r { float: right; margin-bottom: 10px; margin-right: 60px; }

/*텍스트*/
.text-red { color: #FF0004; }

/*로그인*/
.loginform { width: 500px; margin: 0 auto;  padding: 20px; }
.loginform .inputbox div input[type="text"], .loginform .inputbox div input[type="password"] { width: 100%; height: 40px; margin: 0 0 10px 0; }
.loginform .loginbtn a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #0080e5; border-radius: 3px; }
.loginform .helpbox { border-top: 1px solid #e1e1e1; margin-top: 20px; padding-top: 20px; text-align: center; }
.loginform .helpbox div { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e1e1e1; }
.loginform .helpbox div:first-child { border: none; margin-left: 0; }

/*아이디 비밀번호 찾기 */
.helpidpw { width: 900px; margin: 0 auto; padding-top: 30px; }
.helpidpw h3 { margin-bottom: 20px; font-size: 18px; text-align: center; }
.helpidpw .inputbox span { margin: 0 5px;}
.findid, .findpw { width: 450px; padding: 25px 50px; float: left; }
.findpw { border-left: 1px solid #e1e1e1; }
.findid .inputbox div,  .findpw .inputbox div { display: flex; height: 50px; line-height: 38px; }
.findid .inputbox div input[type="text"], .findpw .inputbox div input[type="text"], .findid select, .findpw select { width: 100%; height: 40px; margin: 0 0 10px 0; }
.findid .confirm a, .findpw .confirm a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; }

/*팝업*/
.pop-wrap { width: 440px; text-align: center; color: #444; }
.pop-wrap h3 { width: 100%; height: 60px; line-height: 60px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; text-indent: 20px; }
.pop-wrap .popclose { float: right; margin: 5px 20px 0 0 ;}
.pop-con { width: 100%; padding: 20px 0 0 0 ; }
.pop-con p { margin-bottom: 20px; }
.pop-con .idplace { width: 80%; height: 50px; margin: 0 auto 20px; background: #f5f5f5; line-height: 50px; font-size: 18px; }
.pop-con .btn-box { margin-top: 40px;  }
.pop-con .btn-box a { display: inline-block; width: 158px; }
.popup_tit { margin: 0 ; color: #fff; line-height: 3.5; padding: 0 20px; text-align: left; font-weight: 500; font-size: 18px; }
.popup .p_tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.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'}
.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; }
.p-feedback { width: 850px; }
.p-feedback .time { height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; background: #f7f7f7;}
.p-feedback .fb-inner h4, .p-feedback .fb-inner p { margin-bottom: 10px; }
.p-feedback .fb-inner h4 { font-size: 16px;}
.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%; }
.guidebtn a { width: 210px; margin: 0 auto; }

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

.monthscore {}
.monthscore p { margin-bottom: 10px; }
.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 h4 { margin-bottom: 10px; }
.monthscore .box3 div.textbox { border: 1px solid #e1e1e1; min-height: 40px; margin-bottom: 50px; 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; }

.camguide {  }
.camguide .top  { text-align: center; }
.camguide .top p { height: 30px; background: #f7f7f7; padding: 13px ; }
.camguide .tab-content { padding: 20px; }
.camguide .tab-inner-box h4 { 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 #333; }
.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; }

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

/*마이페이지*/
.myclass {}
.myclass .tablewrap { margin-top: 50px; }
.myclass .btn-wrap { margin-top: 20px; text-align: center; }
.myclass .btn-wrap a { display: inline-block; }
.myclass .popup_book, .lesson_delay { display: inline-block; margin-left: 10px; }
.calendar { width: 100%; margin: 100px auto; text-align: center; }
.calendar .yearmonth { font-size: 22px; font-weight: 600; margin-bottom: 20px; }
.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; margin-left: 0; }
.calendar_ex .cancellation { background: #444; position: inherit; margin-left: 0; }
.calendar_ex .absence { background: #ff1744; position: inherit; margin-left: 0; }
.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; }
table td.today { background-color: #fff7f1; border: 1px solid #e1e1e1;  }
/* 고객센터 */
.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; }

/*수업안내*/
.classinfo .section { padding: 50px 0; }
.classinfo .section03 { width: 100%; margin: 0 auto; }
.classinfo .section03 ul { padding: 60px 0 0 0; }
.classinfo .section03 ul li { width: 495px; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.classinfo .section03 ul li h4 { font-size: 28px; color: #333; margin-bottom: 35px; }
.classinfo .section03 ul li p { font-size: 14px; color: #4e4a47; }
.classinfo .section03 ul li img { position: absolute; bottom: 10px; right: 0; width: 210px; }
.classinfo .system-process { margin-top: 70px;}
.classinfo .system-process li { display: inline-block; border: solid 1px #e1e1e1; width: 17%; padding: 30px 0; font-size: 18px; margin: 0 34px; position: relative; text-align: center;}
.classinfo .system-process li span { position: absolute; right: -60px; top: -5px; background: url(../images/arrow.png) no-repeat; width: 50px; height: 100px;  }
.classinfo .section01 { width: 100%; margin: 0 auto; text-align: center; }
.classinfo .section01 h3 { font-size: 22px; font-weight: 100; margin: 0 0 40px 0; }
.classinfo .section01 .mt-1 ul li { font-size: 18px; margin: 20px 0; }
.classinfo .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; }
.classinfo .section01 .mt-2 ul li { display: inline-block; width: 22.7777%; margin: 20px 1% 0; }
.classinfo .section01 .mt-2 ul li .thum { background-color: #f7f7f7; width: 100%; }
.classinfo .section01 .mt-2 ul li .thum img { max-width: 100%; }
.classinfo .section01 .mt-2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; }
.map img { max-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%; margin-bottom: 50px; }
.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%; }

/*모바일화상영어*/
.section06 { height: 900px; position: relative; text-align: center; }
.section06 h3 { font-size: 34px; font-weight: 300; margin-bottom: 15px;  }
.section06 h3 span { font-size: 40px; display: block; padding-top: 20px; font-weight: 500; }
.section06 .big_ex { font-size: 28px; padding-top: 30px; }
.section06 img { margin: 90px 0 40px 0; }
.section06 .btn-group a { width: 270px; margin: 0 auto; }

/* 모달 */
.modal-open { overflow:hidden }
.modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; 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; z-index:1040; background-color:#000 }
.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 15px 0;}
.modal-header .close { margin-top:-2px }
.modal-header .tit-bar { width:20px; height:2px; display:inline-block; border:0; }
.modal-title { margin:0; line-height:1.42857143; font-size:18px; letter-spacing:-0.015em; }
.modal-body {position:relative;padding: 20px 30px 15px;width:100%;}
.modal-body h3 { text-align: center; font-size: 18px; margin-bottom:20px; }
.modal-body object { width:100%; height:650px; display:block; margin:0 auto; overflow:hidden; }
.modal-body .table { width: 100%; }
.modal-body .table tr { border-bottom: 1px solid #ccc; }
.modal-body .table th, .modal-body .table td { height: 40px; }
.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:700px; margin: 100px auto }
.modal-lg { width:900px; }
.modal-sm { width:400px; }
.modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5) }

/*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: 44.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; 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; color:#fff; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; }
.changetime { width: 90%; }
.changetime:after { display: block; clear: both; content:""; }
.changetime .left { float: left; width: 150px; height: 250px; padding: 20px; }
.changetime .left .selecttime { color: #fff; font-size: 20px; font-weight: 600; }
.changetime .center { width: 120px; height: 250px; float: left; }
.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 .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 { color: #fff; border-radius: 20px; }

.delay_wrap .sub_ex { margin-top: 30px; margin-bottom: 40px;}
.delay_wrap .li_dot { margin-bottom: 30px;}


/* 180123 메인 고객센터 수정 */
.con-boxwrap .box8 .ccnumber { font-size: 24px; }
.con-boxwrap .box8 p { margin-bottom: 0; }
.con-boxwrap .box8 p span { display: block; margin: 5px 0; }

/*2018-02-21*/
.hide { display: none; }
fieldset { border: 0; margin: 0; padding: 0;}
.con-boxwrap .box9 { height: 300px; padding: 30px 20px; }
.loginwrap { position: relative;}
.loginwrap .login { }
.loginwrap .login .logarea { margin-bottom: 5px; }
.loginwrap .login input[type="text"], .loginwrap .login input[type="password"] {width: 100%;height: 45px;margin-bottom: 6px;background:  #fff;}
.loginwrap .login .btn_login { display: block; width: 100%; height: 50px; background: #009cff; border-radius: 3px; margin-bottom: 20px; }
.loginwrap .login .btn_login a { background: transparent; bordeR: 0; width: 100%; height: 50px; color: #fff; line-height:3 }
.loginwrap .login .helpbox span, .loginwrap .login .helpbox span a { margin: 0 5px; }
.con-boxwrap .box7 { height: 150px; }
.con-boxwrap .box7 p { font-size: 17px; }
.con-boxwrap .box7 div { padding-top :10px; }
.con-boxwrap .box7 a { padding: 2px 23px; }
.con-boxwrap .con-box { float: left;  }
.mr20 { margin-right: 20px; }
.logindone { padding: 80px 20px; text-align: center; }
.logindone p { font-size: 1.4em; margin-bottom: 20px; }
.logindone .helpbox a { width: 40%; display: inline-block; }
.con-boxwrap .box10 p, .con-boxwrap .box11 p { margin-bottom: 10px; }
.con-boxwrap .box10 p span { font-size: 20px; font-weight: 600; color: #0080e5; }





/*2018-02-21*/
#nav .userlogin {  position: absolute;  top: 0;  right: 393px;  width: 200px;  font-size: 13px; }

/*회원가입 로그인*/
.joinform {width: 800px;margin: 0 auto;border: 1px solid #e1e1e1;border-top: 2px solid #333;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 .sabun input[type="text"], .joinform .join_id input[type="text"], .joinform .join_email input[type="text"] { margin-right: 10px; }
.joinform .join_phone span { margin: 0 10px; }
.joinform .join_email span { margin-right: 10px; }
.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; text-align: center; margin: 30px auto;}
.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; }


/*2018-02-23*/
.popup_leveltest h4 { font-size: 18px; margin: 50px 0 10px 0; }
.popup_leveltest .btn-wrap { margin-top: 10px;}
.lt_pick td { cursor:pointer; }
.lt_pick td:hover { background: #e1e1e1; transition: 0.3s;  }
.lt_pick .text-center { text-align: center;}
.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;}
.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; }

/*2018-02-21*/
.btn_free { background: #ccc; border: 0; display: inline-block; }

/* 수강신청 */
.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 #0080e5;}
.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: #0080e5; }
.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: #0080e5; border-color: #0080e5; }
.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; }



/* 180423 횟수 무제한 수업 */
.freeclassinfo { height: auto;  }
.infobox { margin-top: 80px; }
.infobox p { font-size: 18px; margin-bottom: 30px; }
.infobox .imgbox { }
.infobox .imgbox img { width: auto; margin: 0 auto 80px; box-shadow: 0 0 20px #e1e1e1; border-radius: 10px; overflow: hidden; }
.infobox .infobox-desc { text-align: left; }
.infobox .infobox-desc h4 { font-weight: 600; margin-bottom: 10px; font-size: 15px; }
.infobox .infobox-desc p { line-height: 22px; }