@font-face {
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumSquareR.eot);
  src: local('NanumSquare Regular'),
       local('NanumSquareR'),
       url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareR.woff2) format('woff2'),
       url(/font/NanumSquareR.woff) format('woff'),
       url(/font/NanumSquareR.ttf) format('truetype');
}


body,html,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;border: none 0; } 
body, input, textarea, select, button, table, h1, h2, h3, h4, h5, h6, strong{}
body,input,textarea,select,button,table{font-size:13px;} 
body{position:relative;font-family: 'NanumSquare';color:#444;}
html,body{height:100%;width:100%}
div, table { font-family:'NanumSquare';color:#444;}
img,fieldset{border:0; margin: 0;} 
ul,ol{list-style:none}  
em,address{font-style:normal} 
em{font-weight:bold}
a{text-decoration:none} 
a:active{text-decoration:none; color:#666666}
table{border-collapse:collapse} 
hr{display:none !important} 
.fr{float:right !important}
.fl{float:left !important}
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; }
.blind,#u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0} 
.mgl10{margin-left:10px} 
.mgt10{margin-top:10px !important} 
.mgb10{margin-bottom:10px !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.cb{clear:both}
.cf:after { display: block; content:""; clear: both; }
a:link, a:hover, a:active, a:visited { text-decoration: none; }
select, input { padding: 5px 6px; border: 1px solid #ddd; font-size: 14px;  }
textarea { width: 100%; resize: none; border-color: #ddd; outline: none; }
.marb20 { margin-bottom: 20px!important; }




.sub_content { width: 1000px; margin: 0 auto 100px; text-align: center;}
.sub_content h2 { font-weight: bold; font-size: 28px; margin: 50px 0 60px 0; color: #333; position: relative;font-family:'NanumSquare' }
.sub_content h2:before { content: ""; display: block; background-color: #555; width: 100px; height: 3px; left: 50%; top: 50px; margin: 0 0 0 -50px; position: absolute; color: #333;}
.sub_content h3 { font-size: 24px; font-weight: 100; margin: 0 0 40px 0; color: #333; line-height: 30px; }


.btn_s { display: inline-block; margin: 6px 15px; border-radius: 3px; font-size: 14px;}
.btn_b { display: inline-block; padding: 10px 30px; font-size: 18px!important; border-radius: 5px; }
.btn_b2 { display: inline-block; padding: 10px 60px; font-size: 18px!important; border-radius: 5px; }
.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #ffffff; border: 1px solid #888; background: #888; }

.btn-color1 {background: #00ADEA; color: #ffffff;text-decoration: none;  }
.btn-color1 a { background: #00ADEA; color: #ffffff;text-decoration: none; }

.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-bb { background: #00ADEA; color: #fff; }
.btn-bb:visited { background: #00ADEA; color: #fff; }
.btn-bb:hover, .btn-bb:active { background: #00ADEA; color: #fff; }


.padding10 { margin-bottom: 10px!important; }
.padding50 { margin-top: 50px!important; }
.fs14 { font-size: 14px; }
.ml10 { margin-left: 10px!important; }

#header { width: 1000px; height: 120px; position: relative; margin: 0 auto; overflow: hidden; }
#header h1 { position: absolute; top: 10px; left: 0; }
#nav {  }
#nav .lnb ul { position: absolute; top: 25px; right: 0px; }
#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: 14px; color: #888; text-decoration: none; }
#nav .lnb li a:hover { font-weight: bold; text-decoration: none; }


#nav .coupon_btn { position: absolute; top: 18px; right:0; color:#ffffff;}
#nav .coupon_btn a { color:#ffffff;text-decoration: none; }

#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;text-decoration: none; }
#nav .gnb li a:hover, #nav .gnb li a.active { color: #232323; }



.findid, .findpw { width: 500px; padding: 50px; float: left;font-family:'NanumSquare'; }
.findpw { border-left: 1px solid #e1e1e1; font-family:'NanumSquare';}
.findid .inputbox div,  .findpw .inputbox div { display: flex; height: 50px; line-height: 40px;font-family:'NanumSquare'; }
.findid .inputbox div input[type="text"], .findpw .inputbox div input[type="text"] { width: 100%;font-family:'NanumSquare';}
.findid .inputbox span ,  .findpw .inputbox span { padding-top: 6px;font-family:'NanumSquare';}
.findid .confirm a, .findpw .confirm a { width: 100%; height: 50px; line-height: 2.5;color:#ffffff; }


/*
.visual1 {width: 100%;min-width: 2000px;height: 700px;padding: 100px 0 60px;text-align: center;background: #0f1c2f url(/img/in/mainbanner_1.jpg?var=ss) 50% 0 no-repeat;}
*/



/*container*/
.container {width: 100%; text-align: center; padding: 0; font-family: 'NanumSquare'}
.section { padding-top: 50px; padding-bottom: 50px; overflow: hidden;font-family:'NanumSquare';}
.section { padding-bottom: 50px; overflow: hidden;font-family:'NanumSquare';}
.title { font-size: 34px; color: #232323; position: relative; font-weight: 300; margin: 0 0 50px 0; font-family:'NanumSquare';}
.title span { font-weight: 400; color: #011f51;font-family:'NanumSquare'; }
.title .bb { font-weight: 400; color: #000000;font-family:'NanumSquare'; }

.title2 { font-size: 25px; color: #232323; position: relative; font-weight: 300; margin: 0 0 50px 0;font-family:'NanumSquare'; }
.title2 span { font-weight: 300; color: #011f51;font-family:'NanumSquare'; }

.sub_title { padding: 0 0 60px 0; font-size: 20px; color: #4e4a47;font-family:'NanumSquare'; font-size: 20px; }
.sub_title2 { padding: 0 0 0px 0; font-size: 20px; color: #4e4a47;font-family:'NanumSquare'; font-size: 20px; }

.section1 { width: 1000px; margin:0 auto;font-family:'NanumSquare'; }
.section1 .con1 ul li { font-family:'NanumSquare';font-size: 20px; margin: 5px 0; text-align:left; padding-left:30%;font-family:'NanumSquare'}
.section1 .con1 ul li span { font-family:'NanumSquare';background: url(/img/in/check.png) no-repeat; display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 10px; }

.section1 .con2 ul li { display: inline-block; width: 21%; margin: 20px 1.3% 0; font-family:'NanumSquare';}
.section1 .con2 ul li .img_s {  width: 100%; font-family:'NanumSquare';}
.section1 .con2 ul li .img_s img { max-width: 100%; font-family:'NanumSquare';}
.section1 .con2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; font-family:'NanumSquare';}

.section2 { font-family:'NanumSquare';width: 100%; min-width: 1000px; height: 1000px; margin: 0 auto; position: relative; background: #f7f7f7 url(/img/in/main_leveltest.jpg) 50% no-repeat; }
.section2 h3 { font-size: 34px;font-family:'NanumSquare'; }
.section2 h3 span { font-size: 40px; display: block; padding-top: 20px; font-family:'NanumSquare';}
.section2 .free_button a { position: absolute; bottom: 85px; left: 50%; margin-left: -127px; color:#ffffff; text-decoration: none; font-family:'NanumSquare';}

.section3 { width: 1150px; margin: 0 auto;font-family:'NanumSquare';}
.section3 ul { padding: 60px 0 0 50px; font-family:'NanumSquare';}
.section3 ul li { width: 498px; height: 290px; display: inline-block; text-align: left; position: relative; vertical-align: top; font-family:'NanumSquare';}
.section3 ul li h4 { font-size: 26px; color: #333; margin-bottom: 15px;font-family:'NanumSquare'; }
.section3 ul li p { font-size: 14px; color: #4e4a47; font-family:'NanumSquare';}
.section3 ul li img { position: absolute; bottom: 10px; right: 120px; width: 150px; }

.section4 { width: 1000px; margin: 0 auto; overflow: visible;font-family:'NanumSquare';}
.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;font-family:'NanumSquare'; }
.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;font-family:'NanumSquare'; }
.sec4-box-1 h4, .sec4-box-2 h4, .sec4-box-3 h4, .sec4-box-4 h4 { font-size: 20px; margin: 0; color: #fff; font-family:'NanumSquare';}
.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; font-family:'NanumSquare';}
.sec4-box-1 p, .sec4-box-2 p, .sec4-box-3 p, .sec4-box-4 p { font-size: 12px; color: #fff; font-weight: 500; font-family:'NanumSquare';}
.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: #00ADEA; /*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; color:#ffffff;text-decoration:none;font-family:'NanumSquare'; }
.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: #00ADEA; font-family:'NanumSquare';}
.sec4-box-1 .box-1-02 { background: url(/img/in/step_1_1.png) no-repeat; }
.sec4-box-1 .box-1-03 { background: url(/img/in/step_1_2.png) no-repeat; }
.sec4-box-1 .box-1-04 { background: url(/img/in/step_1_3.png) no-repeat; }
.sec4-box-1 .box-1-05 { background: url(/img/in/step_1_4.png) no-repeat; }
.sec4-box-2 .box-2-02 { background: url(/img/in/step_2_1.png) no-repeat; }
.sec4-box-2 .box-2-03 { background: url(/img/in/step_2_2.png) no-repeat; }
.sec4-box-2 .box-2-04 { background: url(/img/in/step_2_3.png) no-repeat; }
.sec4-box-2 .box-2-05 { background: url(/img/in/step_2_4.png) no-repeat; }
.sec4-box-3 .box-3-02 { background: url(/img/in/step_3_1.png) no-repeat; }
.sec4-box-3 .box-3-03 { background: url(/img/in/step_3_2.png) no-repeat; }
.sec4-box-3 .box-3-04 { background: url(/img/in/step_3_3.png) no-repeat; }
.sec4-box-4 .box-4-02 { background: url(/img/in/step_4_1.png) no-repeat; }
.sec4-box-4 .box-4-03 { background: url(/img/in/step_4_2.png) no-repeat; }
.sec4-box-4 .box-4-04 { background: url(/img/in/step_4_3.png) no-repeat; }

.ttbox { position: relative; font-family:'NanumSquare'; }
.ttbox .ttext {font-family:'NanumSquare'; 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 { font-family:'NanumSquare';visibility: visible; }
.ttbox .ttext:after { font-family:'NanumSquare';content: ''; width: 15px; height: 15px; background: #fff; border-width: 2px; border-style: solid; display: block; border-color:#00ADEA transparent transparent #00ADEA; 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;font-family:'NanumSquare';}
.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;font-family:'NanumSquare'; }
.ttbox .ttext .tt-text3 span { font-size: 18px; font-weight: bold; font-family:'NanumSquare';}
.ttbox .ttext .tt-text4 {}

.bt-box { position: absolute; bottom: 10px; left: 10px; width: 180px; height: 60px; background: rgba(66,55,48,.8); padding: 10px;font-family:'NanumSquare'; }
.bt-box2 { position: absolute; bottom: 10px; left: 10px; width: 246px; height: 60px; background: rgba(66,55,48,.8); padding: 10px; font-family:'NanumSquare';}



.section5 { width: 1000px; margin: 0 auto; height: 700px;   background-size: 100%; font-family:'NanumSquare';}
.section5 ul { text-align: left; margin-left: 50px;font-family:'NanumSquare'; }
.section5 ul li { margin: 10px 0; font-size: 18px; font-weight: 600;font-family:'NanumSquare';}
.section5 ul li span { font-weight: normal; }



.section6 {min-width:  1000px;height: 920px;position: relative;font-family:'NanumSquare';}
.section6 .btn-group {min-width:  1000px;}
.section6 ul { font-family:'NanumSquare'; }
.section6 ul li { width: 498px; display: inline-block; text-align: center; position: relative; vertical-align: top; }
.section6 ul li a { color:#ffffff; text-decoration:none;font-family:'NanumSquare';}
.section6 span { margin: 20px 0 0px 0; }
.section6 .big_ex { font-size: 25px; font-family:'NanumSquare';}
.section6 img { margin: 20px 0 0px 0; }

.section6_1 {min-width:  1000px;position: relative;font-family:'NanumSquare';}





.section7 { min-width: 1000px; font-family:'NanumSquare';}
.section7 img { max-width: 1000px; font-family:'NanumSquare';}
.section7 h3 { font-size: 34px; width:100%;}



.section8 { min-width: 1000px; font-family:'NanumSquare';}
.section8 h3 { font-size: 34px; width:100%;font-family:'NanumSquare';}

.section8 .btn-group {min-width:  1000px;}
.section8 ul { font-family:'NanumSquare'; }
.section8 ul li { display: inline-block; text-align: center; position: relative; vertical-align: top; }
.section8 ul li a { color:#ffffff; text-decoration:none;font-family:'NanumSquare';}


/*footer*/
#footer {  border-top: 1px solid #e1e1e1; text-align: center; margin:0 auto;font-family:NanumSquare;}

.foot { margin-top:31px; text-align:left; overflow:hidden;width: 1000px;margin:0 auto;}
.foot h4 a{ float:left; margin-right:50px; padding-top:11px; display:block; background:url(/img/in/in_logo_b.png?12) no-repeat; }
.foot_btn { height:12px; float:left }
.foot_btn li { float:left; margin-right:10px; padding-right:15px; background:url(../img/header/ic_sep.gif) right top no-repeat }
.foot_btn li.end { margin:0; padding:0; background:none }
.foot_txt { width:650px; float:left; margin-top:5px; }
.foot_txt li { clear:both; margin-top:6px; font:11px dotum; color:#979797 }
a { color:#5B5C5B; text-decoration:none }
a:hover { color:#003D7E; text-decoration:underline }
a, input, img { outline:none; selector-dummy:expression(this.hideFocus=true) } 
.blind { display:block; overflow:hidden; position:absolute; top:-1000em; left:0; }
a { color:#5B5C5B; text-decoration:none }
a:hover { color:#003D7E; text-decoration:underline }
a, input, img { outline:none; selector-dummy:expression(this.hideFocus=true) }
.blind { display:block; overflow:hidden; position:absolute; top:-1000em; left:0; }



.sub1_1 { margin-bottom: 15px; font-size: 16px;font-family:'NanumSquare',NanumSquare,'NanumS quare' }
.sub1_1 strong { font-size: 24px; font-weight: bold; color: #333; }
.sub1_1 span { font-family:'NanumSquare',NanumSquare,'NanumS quare'  }
.sub_content .step { margin-top: 70px;}
.sub_content .step li { display: inline-block; border: solid 1px #e1e1e1; width: 17.3%; padding: 30px 0; font-size: 17px; margin: 0 34px; position: relative; }
.sub_content .step li span { position: absolute; right: -60px; top: -5px; background: url(/img/in/next.png) no-repeat; width: 50px; height: 100px;  }


.sub_menu { width: 100%; min-width: 1000px; margin: 0 auto; height: 60px; background: #00ADEA; text-align: center; }
.sub_menu ul { }
.sub_menu ul li { display:inline-block; }
.sub_menu ul li a {  color: #fff; line-height: 60px; font-size: 14px;  padding: 0 20px; text-decoration: none; font-weight: bold; }

.sub_menu a.active { color: #ffff33;font-weight: 600;  }

.navition { width: 1000px; margin: 0 auto; text-align: left; background-color: transparent; padding: 20px 0; }
.navition ul {}
.navition ul li { display: inline-block; color: #888; }
.navition ul li a { font-size: 13px; padding: 0 5px; color: #888; text-decoration: none;}




.sub_content .section { padding: 50px 0; }
.sub_content .section03 { width: 100%; margin: 0 auto; }
.sub_content .section03 ul { padding: 60px 0 0 0; }
.sub_content .section03 ul li { width: 495px; height: 300px; display: inline-block; text-align: left; position: relative; vertical-align: top; }
.sub_content .section03 ul li h4 { font-size: 28px; color: #333; margin-bottom: 35px; }
.sub_content .section03 ul li p { font-size: 14px; color: #4e4a47; }
.sub_content .section03 ul li img { position: absolute; bottom: 10px; right: 0; width: 210px; }
.sub_content .section01 { width: 100%; margin: 0 auto; }
.sub_content .section01 .mt-1 ul li { font-size: 18px; margin: 20px 0; }
.sub_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; }
.sub_content .section01 .mt-2 ul li { display: inline-block; width: 22.7777%; margin: 20px 1% 0; }
.sub_content .section01 .mt-2 ul li .thum { background-color: #f7f7f7; width: 100%; }
.sub_content .section01 .mt-2 ul li .thum img { max-width: 100%; }
.sub_content .section01 .mt-2 ul li p { color: #4e4a47; padding: 10px 0; text-align: left; }
.map img { max-width: 100%; }

.high_ex { font-size: 24px; font-weight: 100; margin: 0 0 40px 0; color: #333; }

.sub_depth { border-top: none; background-color: #00ADEA; }
.sub_depth li { display: inline-block; width: 210px; padding: 15px 15px 20px; }
.sub_depth li.active a { color: #ffff33; font-weight: bold; }
.sub_depth li a { font-size: 16px; color: #fff; text-decoration:none;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%; }


.select_bar { border-bottom: 1px solid #00ADEA; }
.select_bar li { display: table-cell; width: 1%; text-align: center; }
.select_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; }
.select_bar li a:hover { border-color: #ccc #ccc #00ADEA; background-color: #f7f7f7; transition-duration: 0.5s; }
.select_bar li a.sel { color: #00ADEA; 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: #00ADEA; transition-duration: 0.5s; }
.select_bar > ul > li.active a { color: #fff; cursor: default; background-color: #00ADEA; border: 1px solid #00ADEA; 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_thum { max-width: 100px; margin-bottom:5px; }
.table_thum200 { max-width: 200px; margin-bottom:5px; }
.class_info.speak-bg01 { background: url(/img/in/speak_bg1.jpg)no-repeat; }
.class_info.speak-bg02 { background: url(/img/in/speak_bg2.jpg)no-repeat; }
.class_info.speak-bg03 { background: url(/img/in/speak_bg3.jpg)no-repeat; }
.class_info.speak-bg04 { background: url(/img/in/speak_bg4.jpg)no-repeat; }
.class_info.business-bg01 { background: url(/img/in/biz_bg5.jpg)no-repeat; }
.class_info.business-bg02 { background: url(/img/in/biz_bg6.jpg)no-repeat; }
.class_info.business-bg03 { background: url(/img/in/biz_bg7.jpg)no-repeat; }
.class_info.business-bg04 { background: url(/img/in/biz_bg8.jpg)no-repeat; }
.class_info.opic-bg01 { background: url(/img/in/opic_bg9.jpg)no-repeat; }
.class_info.opic-bg02 { background: url(/img/in/opic_bg10.jpg)no-repeat; }
.class_info.opic-bg03 { background: url(/img/in/opic_bg11.jpg)no-repeat; }
.class_info.news-bg01 { background: url(/img/in/news_bg12.jpg)no-repeat; }
.class_info.news-bg02 { background: url(/img/in/news_bg13.jpg)no-repeat; }
.class_info.news-bg03 { background: url(/img/in/news_bg14.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: #00ADEA; 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;font-family:'NanumSquare';line-height:1.2em }
.book_info .left { float: left; text-align: center; }
.book_info .book_thum { width: 160px; border: solid 1px #888; }

.book_info p { font-size: 17px; line-height:1.0em;}
.book_info .right { width: 290px; float: left; text-align: left ; margin-left: 10px; font-size: 14px; font-family:'NanumSquare';}
.book_info .book_tit { color: #333; font-size: 22px; font-weight: bold; line-height:1.2em;}
.book_info ul { margin-top: 20px;list-style-position: outside;  list-style-type: outside;}
.book_info ul li { list-style-type: outside; margin-left: 20px; margin-bottom: 5px; font-weight: 400; text-align: left;   line-height:1.4em; }
.book_info .dodot {list-style-type: outside;list-style: square  outside;}


.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: #006BBC; 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; }



.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: 'NanumSquare'}
.popup_tit { background: #00ADEA; 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; }



.login { width: 500px; margin: 0 auto;  padding: 20px; }
.login .box div input[type="text"]  { width: 100%; margin: 0; height:50px; }
.login .box div input[type="password"] { width: 100%; margin: 0; height:50px; }
.login .login_button a { width: 100%; height: 50px; line-height: 2.5; color:#ffffff;}
.login .menu { border-top: 1px solid #e1e1e1; margin-top: 20px; padding-top: 20px; }
.login .menu ul li { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e1e1e1; }
.login .menu ul li:first-child { border: none; margin-left: 0; }



 .con1 {
        display: none;
      }




.su_title { margin-bottom: 20px; color: #333; font-weight: bold; text-align: left; font-size: 18px; }
.su_title span { display: inline-block; padding: 7px 15px 8px; background: #00ADEA; color: #fff; border-radius: 20px; margin: 0 10px 0 0 ; }
.su_title .right { float: right; }

.c_1 { margin-bottom: 50px; }

.course_select1 div {  width: 227px; height: 100px; display: inline-block;   border: solid 3px #e1e1e1; margin: 0 10px; line-height: 100px; font-size: 20px; font-family:'NanumSquare',NanumSquare,'NanumS quare'}
.course_select1 div.active, .course_select1 div:hover, .course_select1 div:focus  { border: solid 3px #00ADEA;font-family:'NanumSquare',NanumSquare,'NanumS quare'}
.course_select1 div a { display: block; width: 100%; height: 100px;  color: #fff; font-weight: bold; text-decoration: none;font-family:'NanumSquare',NanumSquare,'NanumS quare'}
.Class_set_c3 {font-family:'NanumSquare',NanumSquare,'NanumS quare'; }
.course_select1 div.course1 { background: url(/img/in/ss1.jpg) 0% 0% no-repeat;}
.course_select1 div.course2 { background: url(/img/in/ss2.jpg) 0% 0% no-repeat;}
.course_select1 div.course3 { background: url(/img/in/ss3.jpg) 0% 0% no-repeat;}
.course_select1 div.course4 { background: url(/img/in/ss4.jpg) 0% 0% no-repeat;}


.c_2 li a { font-family:'NanumSquare',NanumSquare,'NanumS quare';background: #ffffff; border: 1px solid #ccc; margin: 0 5px; width: 200px; height: 50px; line-height: 2.5; text-align: center;text-decoration: none;font-weight: bold;font-family:'NanumSquare',NanumSquare,'NanumS quare'}
.c_2 li a:hover, .c_2 li a:focus, .c_2 li a.active { font-family:'NanumSquare',NanumSquare,'NanumS quare';color: #00ADEA; border-color: #00ADEA; text-decoration: none;font-weight: bold;background: #ffffff;font-family:'NanumSquare',NanumSquare,'NanumS quare'}
.c_2 li { display: inline-block; }
.c_2 { width: 1000px; margin: 0 auto 20px; background: #f9f9f9; padding: 30px 10px; }

.time { width: 100%; color: #333; font-size: 14px;font-family:'NanumSquare',NanumSquare,'NanumS quare'; }
.time th, .time td { padding: 10px; border: 1px solid #e1e1e1; }
.time th { background: #eee; /*border-top: 2px solid #2fad09;*/ }
.time td { height: 50px; font-size: 13px; }


.c_4 li a { font-family:'NanumSquare',NanumSquare,'NanumS quare';background: #ffffff; border: 1px solid #ccc; margin: 0 5px; width: 200px; height: 50px; line-height: 2.5; text-align: center;text-decoration: none;font-weight: bold;}
.c_4 li a:hover, .c_4 li a:focus, .c_4 li a.active { font-family:'NanumSquare',NanumSquare,'NanumS quare';color: #00ADEA; border-color: #00ADEA; text-decoration: none;font-weight: bold;background: #ffffff;}
.c_4 li { display: inline-block; }
.c_4 { width: 1000px; margin: 0 auto 20px; background: #f9f9f9; padding: 30px 10px;  font-family:'NanumSquare',NanumSquare,'NanumS quare';}


.table_style1 { width: 100%; color: #333; font-size: 14px;  font-family:'NanumSquare',NanumSquare,'NanumS quare';}
.table_style1 th, .table_style1 td { padding: 10px 0; border: 1px solid #e1e1e1; }
.table_style1 thead th {  }
.table_style1 th { background: #eee; }
.table_style1 td { text-align: left; padding: 10px 15px;  }
.table_style1 textarea { padding: 10px 0; border: 1px solid #e1e1e1; }