@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height: 100%; } 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {font-family:'Noto Sans KR',"나눔고딕",NanumGothic,'NanumGothicWeb','맑은 고딕', 'Malgun Gothic',"돋움", dotum, arial, sans-serif; color:#777777; font-size:0.75em; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:'Noto Sans KR',"나눔고딕",NanumGothic,"돋움", dotum, arial, sans-serif; }


/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li {font-family:'Noto Sans KR',"나눔고딕","Nanum Gothic","맑은고딕","Malgun Gothic","돋움","Dotum", "굴림","Gulim",'Titillium Web',sans-serif !important; } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
a { color:#666; text-decoration:none; }
a:hover, a:focus { color:#000; text-decoration:none; }


/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }


/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}


/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { content:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }


/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }

/* 탑,푸터 공통스타일 1200px~ */
@media all and (min-width:1140px) { 

	/* Top */
	#header { position:relative; width:100%; min-width:1140px; }
	
	#header_m { overflow:hidden; width:100%; background-color:#efefef; min-width:320px; display:none;}
	#main_m {display:none; }
	/*#loadWrap { width:100%; display:none; }*/
	#popup_m {display:none; }

	#sub_cont {display:;}
	#sub_cont_m {display:none;}

	/* 레벨테스트 신청 */	
	.bt-box_idx {margin:0 auto;  text-align:center; margin-top:40px;}
	.bt-box_idx .red-bt { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:22px; font-weight:500; padding:5px 20px; border:0; color:#fff; cursor:pointer;}
	.bt-box_idx .red-bt2 { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:22px; font-weight:500;padding:5px 20px;border:0; color:#fff; cursor:pointer;}


	.top_area { position:relative; width:1140px; height:120px; margin:0 auto; padding:0px 15px; }
	
	.top_area .logo { position:relative; text-align:center; }
	.top_area .logo img { margin-top:30px; height:60px;}
	
	.top_area .search { position:relative; width:370px; margin:0 auto; }
	.top_area .search .searchbox { position:relative; width:100%; border:#cbcbcb 1px solid; border-radius:5px; }
	.top_area .search .searchbox dd { width:100%; max-width:320px; }
	.top_area .search .searchbox dd input { width:100%; padding:0 20px; font-size:12px; border:0; border-radius:5px; }
	.top_area .search .searchbox dt { position:absolute; right:10px; top:5px; }
	
	.top_area .gnb_right { position:absolute; right:0; top:40px; padding:0; }
	.top_area .gnb_right .nick { position:absolute; height:5.0rem; line-height:5.0rem; color:#777; text-align:right; right:0; font-size:1.5rem; }
	.top_area .gnb_right .nick b { font-size:1.4rem; }
	.top_area .gnb_right a {  }
	.top_area .gnb_right a:hover { color:#000; }
		
	.top_area .gnb_right:after {display:block; content:''; clear:both; }
	.top_area .gnb_right > li { position:relative; display:inline-block; height:5.0rem; line-height:5.0rem; margin-left:4.5rem; }
	.top_area .gnb_right > li > a { position:relative; display:inline-block; font-size:1.0rem; color:#000; font-weight:400; text-align:center; }
	.top_area .gnb_right > li > a:hover { color:#000; }
	.top_area .gnb_right > li > a img { margin:0 5px -3px 0; }
	.top_area .gnb_right > li:hover .depth_1 { display:block; z-index:999; }
	.top_area .gnb_right .depth_1 {display:none; position:absolute; width:7.0rem; left:0; right:0; text-align:center; background:#ADADAD; border-radius:2rem; padding:1.0rem; margin-left:-1.8rem; margin-top:-0.9rem; }
	.top_area .gnb_right .depth_1 li { line-height:2rem; }
	.top_area .gnb_right .depth_1 a { position:relative; display:block; width:100%; font-size:1.0rem; color:#fff; font-weight:400; padding:0 0.5rem; background:#ADADAD; }
	
	
	.lnb_area_wrap { width:100%; background:#00563B; }
	.lnb_area { position:relative; width:1140px; height:60px; margin:0 auto; text-align:center; }
	.lnb_area .cen { display:inline-block; width:1140px; margin:0; text-align:left; }
	.lnb_area ul { width:100%; margin:0; padding:0; z-index:998; }
	.lnb_area .main > li { position:relative; display:inline-block; height:60px; line-height:60px; text-align:center; font-size:1.3rem; color:#fff; font-weight:600; background:url(/image/lnb_bar.jpg) right 2.5rem no-repeat; }
	.lnb_area .main > li:last-child { background:none; }
	.lnb_area .main > li > a { display:block; color:#fff; padding:0 4rem; }
	.lnb_area .main > li a:hover {  }
	.lnb_area .main li:first-child a { display:block; color:#fff; padding:0 4rem 0 0; }

	.lnb_area .main > li:hover { border-bottom:#000 0px solid; font-weight:600; }
	.lnb_area .main > li:hover .menu2{ display:block; }
	.lnb_area .main > .on { background-color:#fff; }
	.lnb_area .main > .on a { color:#e9e9e9; }
	.lnb_area .menu2 { position:absolute; left:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .sub1 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub2 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub3 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub4 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub5 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub li:hover .sub-01 { display:block; }
	.lnb_area .main .sub li a { color:#000; padding:0;} 
	.lnb_area .main .sub li a:hover span { border-bottom:#333 1px solid; padding-bottom:1px; }
	.lnb_area .main .sub li a:hover { background-color:#fff; } 
	.lnb_area .main .menu2 .sub-01 li { position:relative; line-height:21px; }
	.lnb_area .main .sub li { padding:0 10px 5px 10px; background-color:#fff; font-size:14px; font-weight:normal; line-height:22px; overflow:hidden; }
	.lnb_area .main .sub li:first-child { margin-top:10px; }
	.lnb_area .main .sub li:last-child { margin-bottom:5px; }
	/*
	.lnb_area .main > li:hover .menu2list { display:block; }
	.lnb_area .menu2list { position:absolute; right:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:center; line-height:21px; }
	*/
	
	.lnb_right { position:absolute; display:inline-block; right:0; top:0; }
	.lnb_right a { height:60px; line-height:60px; text-align:center; font-size:1.3rem; color:#C1C100; font-weight:600; padding:0 4rem; }
	.lnb_right a:first-child { background:url(/image/lnb_bar.jpg) right 1rem no-repeat; color:#C1C100; }
	.lnb_right a:last-child { padding-right:0; }



	/* Contents */
	#container {width:100%; min-width:1140px; margin:0 auto; padding:0; /*text-align:center;*/}
	#container .page {margin: 0 auto; width:1140px;text-align:right; margin-top:20px; margin-bottom:20px;}
	#container .page .page_on { color:#222; }
	#container .cont{width:1140px; margin:0 auto; padding:40px 0; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	/*
	.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
	.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
	.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
	.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
	*/
	
	
	/* Footer */ 
	.footer_mn { position:relative; width:100%; background:#002217; }
	.footer_mn_box { position:relative; width:1140px; height:40px; line-height:40px; margin:0 auto; }
	.footer_mn_box a { display:inline-block; font-size:13px; color:#999; font-weight:300; margin-right:40px; }
	.footer_mn_box a:hover { color:#ec1c24; }
	
	#footer { position:relative; width:100%; background:#00563B; }
	#footer .inner { position:relative; width:1140px; margin:0 auto; padding:25px 0; font-size:12px; color:#999; font-weight:300; line-height:20px; }
	#footer .inner span { padding-bottom:10px; display:block; }
	
	/*스크롤 top*/
	.scroll-top {display:; position:fixed; bottom:30px; left:50%; margin-left:580px; z-index:100;}
		
	/* Quick */
	.quick_mn1 {position: fixed; display: block; margin-top: 110px; text-align: center; font-size: 13px; line-height: 15px; top: 0; right: 0; z-index: 999;}
	.quick_mn1 a { color:#fff; padding-top:50px; font-weight:600; }
	.quick_mn1 a:hover { color:#ffff00; font-weight:600; padding-top:50px; }
	.quick_mn1 .q1 { position:relative; display:block; width:80px; height:95px; background:url(/image/common/q1.jpg) no-repeat; }
	.quick_mn1 .q2 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q2.jpg) no-repeat; }
	.quick_mn1 .q3 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q3.jpg) no-repeat; }
	.quick_mn1 .q4 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q4.jpg) no-repeat; }
	.quick_mn1 .q5 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q5.jpg) no-repeat; }
	
	
	/*visual rolling*/
	.main_visual_wrap { position:relative; width:100%; background:url(/image/visual_bg.jpg) top center no-repeat; background-size:cover; }
	.main_visual { position:relative; width:1140px; height:455px; margin:0 auto; text-align:center; padding:80px; }
	.main_visual .text1 { position:relative; font-size:60px; line-height:70px; color:#fff; font-weight:200; text-align:center; }
	.main_visual .text1 span { font-weight:400; }
	.main_visual .text2 { position:relative; font-size:20px; line-height:25px; color:#fff; font-weight:200; text-align:center; margin-top:25px; }
	.main_visual a { position:relative; display:inline-block; font-size:18px; color:#fff; font-weight:300; border:#fff 1px solid; padding:10px 15px; text-align:center; margin-top:25px; }
	.main_visual a:hover { background:#fff; color:#00236f; } 
	
	/*section1*/
	.main_section1 { position:relative; width:100%; letter-spacing:-1px; top:30px;}
	.main_section1 .inner { position:relative; width:1140px; height:385px; margin:30px auto 70px auto; }
	
	.main_section1 .inner .box1 { position:absolute; top:0; left:0; background:#fff url(/image/main_icon1.png) 180px 85px no-repeat; background-size: 70px 70px; width:270px; height:172px; border-radius:20px; border:#e5e5e5 1px solid; padding:25px; }
	.main_section1 .inner .box1 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.main_section1 .inner .box1 .text { font-size:16px; color:#666; font-weight:300; }
	.main_section1 .inner .box1 a { position:absolute; display:inline-block; font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; /*left:25px; bottom:25px;*/ }
	.main_section1 .inner .box1 a.btn1 { left:25px; bottom:15px; }
	.main_section1 .inner .box1 a.btn2 { left:25px; bottom:50px; background:#16274c; color:yellow;}
	.main_section1 .inner .box1 a:hover {  }
	.main_section1 .inner .box1:hover { border:#FCC139 1px solid; }
	
	.main_section1 .inner .box2 { position:relative; background:#fcc139 url(/image/main_icon2.png) 175px 90px no-repeat; background-size: 70px 70px; width:270px; height:172px; margin-top:192px; float:left; border-radius:20px; padding:25px; border:#FCC139 1px solid; }
	.main_section1 .inner .box2 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px }
	.main_section1 .inner .box2 .text { font-size:16px; color:#666; font-weight:300; }
	.main_section1 .inner .box2 a { position:absolute; display:inline-block; font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; left:25px; bottom:25px; }
	.main_section1 .inner .box2 a:hover {}
	.main_section1 .inner .box2:hover { border:#D74214 1px solid; }
	
	.main_section1 .inner .box3  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; display:block; }
	.main_section1 .inner .box3 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box3 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box3 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box3 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box3 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box3:hover {background:#16274c;}
	.main_section1 .inner .box3:hover .tit {color:#fff;}
	.main_section1 .inner .box3:hover .text {color:#fff;}
	
	.main_section1 .inner .box4  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; }
	.main_section1 .inner .box4 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box4 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box4 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box4 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box4 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box4:hover {background:#16274c;}
	.main_section1 .inner .box4:hover .tit {color:#fff;}
	.main_section1 .inner .box4:hover .text {color:#fff;}
	
	
	.main_section1 .inner .box5  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; }
	.main_section1 .inner .box5 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box5 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box5 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box5 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box5 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box5:hover {background:#16274c;}
	.main_section1 .inner .box5:hover .tit {color:#fff;}
	.main_section1 .inner .box5:hover .text {color:#fff;}
	
	
	.main_section1 .inner .hall { position:absolute; top:-92px; left:-5px; border:#fff 5px solid; border-radius:20px; }
	.main_section1 .inner .hall img { border-radius:20px; }
	
	
	/*초등부*/
	 .slider {
	        width: 100%; height:435px; overflow:hidden; background:#c9daff;
	        margin: 0px auto; padding-top:35px;
	    }
	
	    .slick-slide {
	      margin: 0px 15px;
	    }
	
	
	    .slick-prev:before,
	    .slick-next:before {
	      color: black;
	    }
	
	
	    .slick-slide {
	      transition: all ease-in-out .3s;
	      opacity: .2;
	    }
	    
	    .slick-active {
	      opacity: .5;
	    }
	
	    .slick-current {
	      opacity: 1;
	    }
		.slider_box { width:564px; height:330px; background:#fff; padding:40px 45px; }
		
	.slider_box .titbox { position:relative; width:100%; height:70px; border-bottom:#cfcfcf 1px solid; }
	.slider_box .titbox dt { position:relative; font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.slider_box .titbox dt span{ color:#da313c; }
	.slider_box .titbox dd { position:relative; font-size:16px; color:#666; font-weight:300; }
	.slider_box .titbox a { position:absolute; display:inline-block; padding:7px 15px; text-align:center; border:#00236f 1px solid; font-size:14px; color:#00236f; font-weight:300; right:0; bottom:20px; }
	.slider_box .titbox a:hover { color:#fff; background:#00236f; }
	.slider_box .conbox { position:relative;  }
	.slider_box .conbox dt { position:relative; float:left; width:215px; height:150px; margin-top:30px; margin-right:30px; }
	.slider_box .conbox dt img { border-radius:15px; }
	.slider_box .conbox dd { position:relative; float:left; /*width:229px;*/ width:100%; height:150px; margin-top:30px; }
	.slider_box .conbox dd .tit { position:relative; font-size:16px; color:#333; font-weight:400; line-height:20px; margin-bottom:10px; }
	.slider_box .conbox dd .text { position:relative; font-size:14px; color:#666; font-weight:300; line-height:20px; margin-bottom:15px; }
	
	.sub_cont { width:100%; height:auto; margin:20px auto 60px auto; display:inline-block; }
	
	.sub_quick { position:fixed; top:685px; right:20px;  }
	.sub_quick img { margin-bottom:5px; }
	
	.subbox_wrap { position:relative; width:100%; }
	.subbox { position:relative; width:1140px; margin:0 auto; }
	.subbox .subbox1 { position:relative; width:370px; height:240px; float:left; display:inline-block; border-radius:20px; background:#fcc139 url(/image/sub_icon1.png) center 60px no-repeat; }
	.subbox .subbox1 .tit { position:relative; display:block; text-align:center; margin-top:140px; font-size:30px; color:#000; font-weight:500; }
	.subbox .subbox1 .text { position:relative; display:block; text-align:center; margin-top:10px; font-size:16px; color:#000; font-weight:300; }
	.subbox .subbox2 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#f07065 url(/image/sub_icon2.png) 265px 28px no-repeat; }
	.subbox .subbox2 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox2 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500; }
	.subbox .subbox2_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon2.png) 265px 28px no-repeat; }
	.subbox .subbox2_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox2_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500; }
	.subbox .subbox3 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#35c954 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox3_m { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#F07065 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox3_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	
	.subbox .subbox4 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#fc8c39 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox4_m { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2D94B5 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox4_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	
	.subbox .subbox5 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon5.png) 270px 30px no-repeat; }
	.subbox .subbox5 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox5 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox5 .tit_s { position:absolute; top:60px; left:150px; color:#fff; font-size:5px; color:#fff; font-weight:400;  }
	
	.sub_board_wrap { position:relative; width:100%; }
	.sub_board_wraper { position:relative; width:1140px; margin:0 auto; }
	.sub_board_wraper dl:first-child { margin-left:0; }
	.sub_board { position:relative; width:520px; float:left; margin-left:100px; margin-top:20px; }
	.sub_board dt { position:relative; width:520px; height:18px; font-size:18px; color:#333; font-weight:500; line-height:18px; text-align:left; margin-bottom:15px; }
	.sub_board dt a { position:absolute; top:0; right:0; }
	.sub_board .tit { position:relative; width:440px; float:left; margin-bottom:10px; }
	.sub_board .tit a { font-size:16px; color:#616161; font-weight:300; line-height:18px; }
	.sub_board .tit a:hover { color:#000; }
	.sub_board .tit .notice { display:inline-block; font-size:16px; color:#da313c; font-weight:500; margin-right:15px; }
	.sub_board .date { position:relative; width:80px; height:18px; font-size:14px; color:#b1b1b1; line-height:18px; float:left; text-align:right; margin-bottom:10px; }

	.companyIntro {font-weight:500;font-size:1.5rem;}	

	.sub_nav_wrap { position:relative; width:100%; margin:30px 0 50px 0; padding-left:30px;}
	.sub_nav { position:relative; width:100%; max-width:1140px; height:22px; margin:0 auto; font-size:0; }
	.sub_nav dt { position:relative; display:inline-block; border-left:DA313C 5px solid; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
	.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
	.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; max-width:1140px; margin:0 auto;/* margin-top:20px;*/}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap_bottom {clear:both; }

	/* 온라인 학습 카피*/
	#sub-member {width:100%; min-width:1140px;}
	#sub-member .inner {width:1140px; margin:0 auto; padding:20px 0 70px 0;}
	#sub-member .inner .tit-box {margin-bottom:0px;}
	#sub-member .inner .tit-box .tit-dot {text-align:center;}
	#sub-member .inner .tit-box .txt-box {text-align:center; font-family:'Noto Sans KR'; font-size:35px; color:#222; font-weight:300; line-height:50px; padding: 37px 0;}
	#sub-member .inner .tit-box .txt-box .line {font-weight:600; background:url(/image/sub/greeting-line.jpg) no-repeat center center;}
	
	#sub-member .inner .txt2-box {font-family:'Noto Sans KR'; font-size:15px; color:#777; font-weight:300; line-height:22px; overflow:hidden;}
	#sub-member .inner .txt2-box img {float:right;}
	#sub-member .inner .txt2-box span {color:#222; font-weight:400;}
	
	.bt-box {margin:0 auto;  border:0px solid #000; width:350px;}
	.bt-box .red-bt { width:350px; height:80px; background-color:#AEAE00; border-radius:50px; text-align:center; line-height:80px; font-family:'Noto Sans KR'; font-size:32px; font-weight:500;}
	.bt-box .red-bt a {display:block; color:#fff;}
	.bt-box .red-bt a:hover { background-color:#D9D900; border-radius:50px;}
}

/* 탑,푸터 공통스타일 768px ~ 1199px 태블릿 */
@media all and (min-width:818px) and (max-width:1140px) {

	/* Top */
	#header { position:relative; width:100%;/* min-width:1140px;*/ }
	
	#header_m { overflow:hidden; width:100%; background-color:#efefef; min-width:320px; display:none;}
	#main_m {display:none; }
	/*#loadWrap { width:100%; display:none; }*/
	#popup_m {display:none; }

	#sub_cont {display:;}
	#sub_cont_m {display:none;}


	/* 레벨테스트 신청 */	
	.bt-box_idx {margin:0 auto;  text-align:center; margin-top:40px;}
	.bt-box_idx .red-bt { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:22px; font-weight:500; padding:5px 20px; border:0; color:#fff; cursor:pointer;}
	.bt-box_idx .red-bt2 { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:22px; font-weight:500;padding:5px 20px;border:0; color:#fff; cursor:pointer;}



	.top_area { position:relative; width:100%; height:120px; margin:0 auto; padding:0px 15px; }
	
	.top_area .logo { position:relative; text-align:center; }
	.top_area .logo img { margin-top:30px; height:60px;}
	
	.top_area .search { position:relative; width:370px; margin:0 auto; }
	.top_area .search .searchbox { position:relative; width:100%; border:#cbcbcb 1px solid; border-radius:5px; }
	.top_area .search .searchbox dd { width:100%; max-width:320px; }
	.top_area .search .searchbox dd input { width:100%; padding:0 20px; font-size:12px; border:0; border-radius:5px; }
	.top_area .search .searchbox dt { position:absolute; right:10px; top:5px; }
	
	.top_area .gnb_right { position:absolute; right:0; top:40px; padding:0; }
	.top_area .gnb_right .nick { position:absolute; height:5.0rem; line-height:5.0rem; color:#777; text-align:right; right:0; font-size:1.5rem; }
	.top_area .gnb_right .nick b { font-size:1.4rem; }
	.top_area .gnb_right a {  }
	.top_area .gnb_right a:hover { color:#000; }
		
	.top_area .gnb_right:after {display:block; content:''; clear:both; }
	.top_area .gnb_right > li { position:relative; display:inline-block; height:5.0rem; line-height:5.0rem; margin-left:1.5rem; }
	.top_area .gnb_right > li > a { position:relative; display:inline-block; font-size:1.0rem; color:#000; font-weight:400; text-align:center; }
	.top_area .gnb_right > li > a:hover { color:#000; }
	.top_area .gnb_right > li > a img { margin:0 5px -3px 0; }
	.top_area .gnb_right > li:hover .depth_1 { display:block; z-index:999; }
	.top_area .gnb_right .depth_1 {display:none; position:absolute; width:7.0rem; left:0; right:0; text-align:center; background:#ADADAD; border-radius:2rem; padding:1.0rem; margin-left:-1.8rem; margin-top:-0.9rem; }
	.top_area .gnb_right .depth_1 li { line-height:2rem; }
	.top_area .gnb_right .depth_1 a { position:relative; display:block; width:100%; font-size:1.0rem; color:#fff; font-weight:400; padding:0 0.5rem; background:#ADADAD; }
	
	
	.lnb_area_wrap { width:100%; background:#00563B; }
	.lnb_area { position:relative; width:100%; height:60px; margin:0 auto; text-align:center; }
	.lnb_area .cen { display:inline-block; width:100%; margin:0; text-align:left; }
	.lnb_area ul { width:100%; margin:0; padding:0; z-index:998; }
	.lnb_area .main > li { position:relative; display:inline-block; height:60px; line-height:60px; text-align:center; font-size:1.3rem; color:#fff; font-weight:600; background:url(/image/lnb_bar.jpg) right 2.5rem no-repeat; }
	.lnb_area .main > li:last-child { background:none; }
	.lnb_area .main > li > a { display:block; color:#fff; padding:0 3rem; }
	.lnb_area .main > li a:hover {  }
	.lnb_area .main li:first-child a { display:block; color:#fff; padding:0 4rem 0 0; }

	.lnb_area .main > li:hover { border-bottom:#000 0px solid; font-weight:600; }
	.lnb_area .main > li:hover .menu2{ display:block; }
	.lnb_area .main > .on { background-color:#fff; }
	.lnb_area .main > .on a { color:#e9e9e9; }
	.lnb_area .menu2 { position:absolute; left:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .sub1 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub2 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub3 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub4 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub5 { top:0; left: 0; float: left; width:170px; border:#e9e9e9 1px solid; }
	.lnb_area .sub li:hover .sub-01 { display:block; }
	.lnb_area .main .sub li a { color:#000; padding:0;} 
	.lnb_area .main .sub li a:hover span { border-bottom:#333 1px solid; padding-bottom:1px; }
	.lnb_area .main .sub li a:hover { background-color:#fff; } 
	.lnb_area .main .menu2 .sub-01 li { position:relative; line-height:21px; }
	.lnb_area .main .sub li { padding:0 10px 5px 10px; background-color:#fff; font-size:14px; font-weight:normal; line-height:22px; overflow:hidden; }
	.lnb_area .main .sub li:first-child { margin-top:10px; }
	.lnb_area .main .sub li:last-child { margin-bottom:5px; }
	/*
	.lnb_area .main > li:hover .menu2list { display:block; }
	.lnb_area .menu2list { position:absolute; right:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:center; line-height:21px; }
	*/
	
	.lnb_right { position:absolute; display:inline-block; right:0; top:0; }
	.lnb_right a { height:60px; line-height:60px; text-align:center; font-size:1.3rem; color:#C1C100; font-weight:600; padding:0 4rem; }
	.lnb_right a:first-child { background:url(/image/lnb_bar.jpg) right 1rem no-repeat; color:#C1C100; }
	.lnb_right a:last-child { padding-right:0; }

	
	/* Contents */
	#container {width:100%; min-width:100%; margin:0 auto; padding:0; /*text-align:center;*/}
	#container .page {margin: 0 auto; width:100%;text-align:right; margin-top:20px; margin-bottom:20px;}
	#container .page .page_on { color:#222; }
	#container .cont{width:100%; margin:0 auto; padding:40px 0; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	/*
	.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
	.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
	.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
	.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
	*/
	
	/* Footer */ 
	.footer_mn { position:relative; width:100%; background:#191f26; }
	.footer_mn_box { position:relative; width:100%; height:40px; line-height:40px; margin:0 auto; }
	.footer_mn_box a { display:inline-block; font-size:13px; color:#999; font-weight:300; margin-right:40px; }
	.footer_mn_box a:hover { color:#ec1c24; }
	
	#footer { position:relative; width:100%; background:#1f2731; }
	#footer .inner { position:relative; width:100%; margin:0 auto; padding:25px 0; font-size:12px; color:#999; font-weight:300; line-height:20px; }
	#footer .inner span { padding-bottom:10px; display:block; }
	
	/*스크롤 top*/
	.scroll-top {display:; position:fixed; bottom:30px; left:50%; margin-left:580px; z-index:100;}
	
	/* Quick */
	.quick_mn1 {position: fixed; display: block; margin-top: 110px; text-align: center; font-size: 13px; line-height: 15px; top: 0; right: 0; z-index: 999;}
	.quick_mn1 a { color:#fff; padding-top:50px; font-weight:600; }
	.quick_mn1 a:hover { color:#ffff00; font-weight:600; padding-top:50px; }
	.quick_mn1 .q1 { position:relative; display:block; width:80px; height:95px; background:url(/image/common/q1.jpg) no-repeat; }
	.quick_mn1 .q2 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q2.jpg) no-repeat; }
	.quick_mn1 .q3 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q3.jpg) no-repeat; }
	.quick_mn1 .q4 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q4.jpg) no-repeat; }
	.quick_mn1 .q5 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q5.jpg) no-repeat; }
	
	
	
	/*visual rolling*/
	.main_visual_wrap { position:relative; width:100%; background:url(/image/visual_bg.jpg) top center no-repeat; background-size:cover; }
	.main_visual { position:relative; width:100%; height:455px; margin:0 auto; text-align:center; padding:80px; }
	.main_visual .text1 { position:relative; font-size:60px; line-height:70px; color:#fff; font-weight:200; text-align:center; }
	.main_visual .text1 span { font-weight:400; }
	.main_visual .text2 { position:relative; font-size:20px; line-height:25px; color:#fff; font-weight:200; text-align:center; margin-top:25px; }
	.main_visual a { position:relative; display:inline-block; font-size:18px; color:#fff; font-weight:300; border:#fff 1px solid; padding:10px 15px; text-align:center; margin-top:25px; }
	.main_visual a:hover { background:#fff; color:#00236f; } 
	
	/*section1*/
	.main_section1 { position:relative; width:100%; letter-spacing:-1px; top:30px;}
	.main_section1 .inner { position:relative; width:100%; height:385px; margin:30px auto 70px auto; }
	
	.main_section1 .inner .box1 { position:absolute; top:0; left:0; background:#fff url(/image/main_icon1.png) 180px 85px no-repeat; width:270px; height:172px; border-radius:20px; border:#e5e5e5 1px solid; padding:25px; }
	.main_section1 .inner .box1 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.main_section1 .inner .box1 .text { font-size:16px; color:#666; font-weight:300; }
	.main_section1 .inner .box1 a { position:absolute; display:inline-block; font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; /*left:25px; bottom:25px;*/ }
	.main_section1 .inner .box1 a.btn1 { left:25px; bottom:15px; }
	.main_section1 .inner .box1 a.btn2 { left:25px; bottom:50px; background:#16274c; color:yellow;}
	.main_section1 .inner .box1 a:hover {  }
	.main_section1 .inner .box1:hover { border:#FCC139 1px solid; }
	
	.main_section1 .inner .box2 { position:relative; background:#fcc139 url(/image/main_icon2.png) 175px 90px no-repeat; width:270px; height:172px; margin-top:192px; float:left; border-radius:20px; padding:25px; border:#FCC139 1px solid; }
	.main_section1 .inner .box2 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px }
	.main_section1 .inner .box2 .text { font-size:16px; color:#666; font-weight:300; }
	.main_section1 .inner .box2 a { position:absolute; display:inline-block; font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; left:25px; bottom:25px; }
	.main_section1 .inner .box2 a:hover {}
	.main_section1 .inner .box2:hover { border:#D74214 1px solid; }
	
	.main_section1 .inner .box3  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; display:block; }
	.main_section1 .inner .box3 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box3 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box3 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box3 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box3 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box3:hover {background:#16274c;}
	.main_section1 .inner .box3:hover .tit {color:#fff;}
	.main_section1 .inner .box3:hover .text {color:#fff;}
	
	.main_section1 .inner .box4  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; }
	.main_section1 .inner .box4 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box4 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box4 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box4 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box4 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box4:hover {background:#16274c;}
	.main_section1 .inner .box4:hover .tit {color:#fff;}
	.main_section1 .inner .box4:hover .text {color:#fff;}
	
	
	.main_section1 .inner .box5  { position:relative; background:#e9edf2; width:270px; height:365px; float:left; border-radius:20px; margin-left:20px; text-align:center; }
	.main_section1 .inner .box5 .main_icon { position:relative; width:160px; height:160px; background:#fff; border-radius:80px; text-align:center; line-height:160px; margin:30px auto 15px auto; }
	.main_section1 .inner .box5 .main_icon img { vertical-align:middle; }
	.main_section1 .inner .box5 .btn { position:relative; display:inline-block; background:#da313c; font-size:16px; color:#fff; border-radius:20px; padding:6px 20px; text-align:center; }
	.main_section1 .inner .box5 .tit { font-size:22px; color:#333; font-weight:500; margin:15px auto 10px auto; }
	.main_section1 .inner .box5 .text { font-size:16px; color:#666; font-weight:300; line-height:20px; }
	.main_section1 .inner .box5:hover {background:#16274c;}
	.main_section1 .inner .box5:hover .tit {color:#fff;}
	.main_section1 .inner .box5:hover .text {color:#fff;}
	
	
	.main_section1 .inner .hall { position:absolute; top:-92px; left:-5px; border:#fff 5px solid; border-radius:20px; }
	.main_section1 .inner .hall img { border-radius:20px; }
	
	
	/*초등부*/
	 .slider {
	        width: 100%; height:435px; overflow:hidden; background:#c9daff;
	        margin: 0px auto; padding-top:35px;
	    }
	
	    .slick-slide {
	      margin: 0px 15px;
	    }
	
	
	    .slick-prev:before,
	    .slick-next:before {
	      color: black;
	    }
	
	
	    .slick-slide {
	      transition: all ease-in-out .3s;
	      opacity: .2;
	    }
	    
	    .slick-active {
	      opacity: .5;
	    }
	
	    .slick-current {
	      opacity: 1;
	    }
		.slider_box { width:500px; height:330px; background:#fff; padding:40px 45px; }
		
	.slider_box .titbox { position:relative; width:100%; height:70px; border-bottom:#cfcfcf 1px solid; }
	.slider_box .titbox dt { position:relative; font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.slider_box .titbox dt span{ color:#da313c; }
	.slider_box .titbox dd { position:relative; font-size:16px; color:#666; font-weight:300; }
	.slider_box .titbox a { position:absolute; display:inline-block; padding:7px 15px; text-align:center; border:#00236f 1px solid; font-size:14px; color:#00236f; font-weight:300; right:0; bottom:20px; }
	.slider_box .titbox a:hover { color:#fff; background:#00236f; }
	.slider_box .conbox { position:relative;  }
	.slider_box .conbox dt { position:relative; float:left; width:215px; height:150px; margin-top:30px; margin-right:30px; }
	.slider_box .conbox dt img { border-radius:15px; }
	.slider_box .conbox dd { position:relative; float:left; /*width:229px;*/ width:100%; height:150px; margin-top:30px; }
	.slider_box .conbox dd .tit { position:relative; font-size:16px; color:#333; font-weight:400; line-height:20px; margin-bottom:10px; }
	.slider_box .conbox dd .text { position:relative; font-size:14px; color:#666; font-weight:300; line-height:20px; margin-bottom:15px; }
	
	.sub_cont { width:100%; height:auto; margin:20px auto 60px auto; display:inline-block; }
	
	.sub_quick { position:fixed; top:685px; right:20px;  }
	.sub_quick img { margin-bottom:5px; }
	
	.subbox_wrap { position:relative; width:100%; }
	.subbox { position:relative; width:1140px; margin:0 auto; }
	.subbox .subbox1 { position:relative; width:370px; height:240px; float:left; display:inline-block; border-radius:20px; background:#fcc139 url(/image/sub_icon1.png) center 60px no-repeat; }
	.subbox .subbox1 .tit { position:relative; display:block; text-align:center; margin-top:140px; font-size:30px; color:#000; font-weight:500; }
	.subbox .subbox1 .text { position:relative; display:block; text-align:center; margin-top:10px; font-size:16px; color:#000; font-weight:300; }
	.subbox .subbox2 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#f07065 url(/image/sub_icon2.png) 265px 28px no-repeat; }
	.subbox .subbox2 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox2 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500; }
	.subbox .subbox2_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon2.png) 265px 28px no-repeat; }
	.subbox .subbox2_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox2_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500; }
	.subbox .subbox3 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#35c954 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox3_m { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#F07065 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox3_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon3.png) 255px 25px no-repeat; }
	.subbox .subbox3_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox3_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	
	.subbox .subbox4 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#fc8c39 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox4_m { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2D94B5 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox4_h { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon4.png) 270px 25px no-repeat; }
	.subbox .subbox4_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox4_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	
	.subbox .subbox5 { position:relative; width:365px; height:110px; margin:0 0 20px 20px; float:left; display:inline-block; border-radius:20px; background:#2d94b5 url(/image/sub_icon5.png) 270px 30px no-repeat; }
	.subbox .subbox5 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox5 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500;  }
	.subbox .subbox5 .tit_s { position:absolute; top:60px; left:150px; color:#fff; font-size:5px; color:#fff; font-weight:400;  }
	
	.sub_board_wrap { position:relative; width:100%; }
	.sub_board_wraper { position:relative; width:1140px; margin:0 auto; }
	.sub_board_wraper dl:first-child { margin-left:0; }
	.sub_board { position:relative; width:520px; float:left; margin-left:100px; margin-top:20px; }
	.sub_board dt { position:relative; width:520px; height:18px; font-size:18px; color:#333; font-weight:500; line-height:18px; text-align:left; margin-bottom:15px; }
	.sub_board dt a { position:absolute; top:0; right:0; }
	.sub_board .tit { position:relative; width:440px; float:left; margin-bottom:10px; }
	.sub_board .tit a { font-size:16px; color:#616161; font-weight:300; line-height:18px; }
	.sub_board .tit a:hover { color:#000; }
	.sub_board .tit .notice { display:inline-block; font-size:16px; color:#da313c; font-weight:500; margin-right:15px; }
	.sub_board .date { position:relative; width:80px; height:18px; font-size:14px; color:#b1b1b1; line-height:18px; float:left; text-align:right; margin-bottom:10px; }

	.companyIntro {font-weight:500;font-size:1.5rem;}	

	.sub_nav_wrap { position:relative; width:100%; margin:30px 0 50px 0;  padding-left:30px;}
	.sub_nav { position:relative; width:100%; max-width:1140px; height:22px; margin:0 auto; font-size:0; }
	.sub_nav dt { position:relative; display:inline-block; border-left:DA313C 5px solid; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
	.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
	.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; max-width:1140px; margin:0 auto;/* margin-top:20px;*/}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap_bottom {clear:both; }


	/* 온라인 학습 카피*/
	#sub-member {width:100%;}
	#sub-member .inner {width:100%; margin:0 auto; padding:20px 0 70px 0;}
	#sub-member .inner .tit-box {margin-bottom:0px;}
	#sub-member .inner .tit-box .tit-dot {text-align:center;}
	#sub-member .inner .tit-box .txt-box {text-align:center; font-family:'Noto Sans KR'; font-size:35px; color:#222; font-weight:300; line-height:50px; padding: 37px 0;}
	#sub-member .inner .tit-box .txt-box .line {font-weight:600; background:url(/image/sub/greeting-line.jpg) no-repeat center center;}
	
	#sub-member .inner .txt2-box {font-family:'Noto Sans KR'; font-size:15px; color:#777; font-weight:300; line-height:22px; overflow:hidden;}
	#sub-member .inner .txt2-box img {float:right;}
	#sub-member .inner .txt2-box span {color:#222; font-weight:400;}
	
	.bt-box {margin:0 auto;  border:0px solid #000; width:350px;}
	.bt-box .red-bt { width:350px; height:80px; background-color:#AEAE00; border-radius:50px; text-align:center; line-height:80px; font-family:'Noto Sans KR'; font-size:32px; font-weight:500;}
	.bt-box .red-bt a {display:block; color:#fff;}
	.bt-box .red-bt a:hover { background-color:#D9D900; border-radius:50px;}
}


/* 탑,푸터 공통스타일 0 ~ 767px 모바일 */
@media all and (min-width:0px) and (max-width:818px) {
	/*s:모바일메뉴및 상단-my*/
	#header { display:none;}
	#header_m { overflow:hidden; width:100%; background-color:#fff; min-width:320px; /* margin-left:262px; */ }
	#popup {display:none; }
	#popup_m {display:block; }
	
	#main {display:none; }
	#main_m {display:; }
	
	#sub_cont {display:none;}
	#sub_cont_m {display:;}

	/* 레벨테스트 신청 */	
	.bt-box_idx {margin:0 auto;  text-align:center; margin-top:40px;}
	.bt-box_idx .red-bt { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:12px; font-weight:500; padding:5px 20px; border:0; color:#fff; cursor:pointer;}
	.bt-box_idx .red-bt2 { background-color:#AEAE00; border-radius:50px; text-align:center; font-size:12px; font-weight:500;padding:5px 20px;border:0; color:#fff; cursor:pointer;}
	
	
	#top_logo {height:25px;}

	.topline_area {clear:both; width:100%; height:40px; background:#86684f; position:fixed; z-index:100000;}
	.topline_area .round {width:100%; margin:0 auto;}
	.topline_area .round .text{display:none; float:left; font-size:22px; line-height:110px; font-weight:600; color:#fff; letter-spacing:-2px;}
	.topline_area .round .m_icon {display:none; float:left; padding:32px 0 0 0;}
	.topline_area .round .m_icon img {display:none; margin:0 0 0 10px;}
	.topline_area .round .text02 {float:left; width:200px; }
	.topline_area .round .text02 img {width:100%; margin:11px 0 5px 10px;}
	.topline_area .round .btn {float:right; width:60px; margin:6px 10px 0 0;}
	.topline_area .round .btn img {width:100%;}
	.top_area { position:relative; width:100%; margin:0; height:45px;}
	.gnb_area { position:fixed; width:100%; height:45px; margin:0 auto; overflow:hidden; top:0px; background:#fff; z-index:1000;border-bottom:solid 1px #adadad;}
	.mobile_gap {clear:both; width:100%; height:30px;}
	.menuwrap {background:#fff;}
	.logo { position:absolute; left:39%; top:12px; z-index:999; }
	.logo img {/*width:90px;*/height:19px;}

	.m_menu_top_h {clear:both; height:5px;}
	.m_menu_line {clear:both;}
	.m_menu_line .tmenu {width:100%; height:40px; border-bottom:solid 1px #a2a2a2; cursor:pointer;}
	.m_menu_line .icon_down {background:url(/image/inc/icon_down.jpg) no-repeat right;}
	.m_menu_line a {cursor:pointer; line-height:40px; font-size:15px; font-weight:400;}
	.m_menu_line .menu_2 div {width:100%; height:40px; line-height:40px; border-bottom:solid 1px #e8e8e8; cursor:pointer;}
	.m_menu_line .menu_2 div a {font-size:12px; line-height:40px; color:#777; margin:0 0 0 10px;}
	.m_menu_line .menu_2 .icon_up {background:url(/image/inc/icon_up.jpg) no-repeat top right; margin:-35px 0 0 0; border:solid 0px;}
	.m_menu_line .m_name{float:left; margin:30px 0 0 0; font-size:13px; padding:5px 0;}
	.m_menu_line .m_btn_logout {float:right; margin:30px 0 0 0; background:#ef6429; padding:5px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer;}

	.jb-box { width: 100%; height: 100%; overflow: hidden; margin: 0px auto; position: relative;}
	/*video { width: 100%; }*/
	.jb-text { position: absolute; top: 50%; width: 100%;}
	.jb-text p { text-align: center; font-size: 48px; color: #ffffff; }
	.main_search_new {clear:both; position:absolute; width:100%; z-index:10;}
	.main_search_new .round {width:100%; margin:0 auto;}
	.main_search_new .round .location {float:left; margin:25% 0 0 3%;}
	.topsearch { margin:0 auto; width:130px; z-index:999; text-align:center; opacity: 0.7;}
	.topsearch input { display:inline-block; width:130px; border-radius:30px !important;line-height:40px; font-size:13px !important; color:#c1c1c1; font-weight:bold; padding:0 55px 0 10px;}
	.topsearch input.search_h {height:40px;}
	.topsearch a { position:absolute; display:inline-block; width:25px; height:22px; margin:10px 0 0 -35px; text-align:center; background:url(/image/inc/btn_search.png) center no-repeat; }
	.topsearch02 {margin:0 auto; padding:5px 0 0 0; height:45px; z-index:999; text-align:center; border-bottom:solid 1px #adadad;}
	.topsearch02 input { display:inline-block; width:90%; border-radius:40px !important;line-height:45px; font-size:18px !important; color:#c1c1c1; border-color:#000; font-weight:bold; padding:0 55px 0 30px;}
	.topsearch02 input.search_h {height:35px;}
	.topsearch02 a { position:absolute; display:inline-block; width:25px; height:22px; margin:6px 0 0 -50px; text-align:center; background:url('/image/inc/btn_search.png') center no-repeat; }
	.topsearch02 span {font-size:25px; font-weight:bold; margin:0 0 0 10px; color:#000; cursor:pointer; vertical-align:middle;}
	#mobile_icon_search {float:right; width:30px; margin:7px 10px 0 0; text-align:right;}
	#mobile_icon_search img {width:30px; cursor:pointer; margin:0 40px 0 0;}
	#mobile_icon_member {float:right; width:30px; margin:7px 10px 0 0; text-align:right;}
	#mobile_icon_member img {width:30px; cursor:pointer; margin:0 10px 0 0;}
	#mobile_search {clear:both; position:absolute; right:10px; width:80%; height:50px; background:#fff; z-index:10000; display:none;}	
	#sub_search {display:none;}
	/*e:모바일메뉴및 상단-my*/

	/*모바일메뉴*/
	/*menu*/
	.menu { position:absolute; z-index:55; }
	.subHeader { height:50px; }
	#menuLeft { width:71.875%; max-width:460px; min-width:230px; height:100%; background:#fff; top:0; left:-460px; display:none; -webkit-box-shadow:3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:3px 0 10px rgba(0,0,0,0.30); box-shadow:3px 0 10px rgba(0,0,0,0.30); }
	#menuLeft .subHeader { overflow:hidden; background:#fff; border-bottom:1px solid #D2D2D2; } /* background:#053343; border-bottom:1px solid #3e3e3e; */
	#menuLeft .subHeader > p {}
	#menuLeft .menu-left-close { float:right; }
	#menuLeft ul  li  a { display:block; height:40px; line-height:40px; color:#2f2f2f; border-bottom:1px solid #D2D2D2; text-indent:20px; font-size:14px; font-weight:500; }
	#menuLeft #accordian { overflow-y:scroll; overflow-x:hidden; }
	#menuLeft > ul > li { background:url(/img_m/icnNavOff.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .on { background:url(/img_m/icnNavOn.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .exp { background:none; }
	#menuLeft > ul > li > ul { display:none; background:#F5F5F5; }
	#menuLeft > ul > li > ul > li { height:40px; border-bottom:1px solid #D2D2D2; padding-left:5px;} /* #D2D2D2 */
	#menuLeft > ul > li > ul > li a { line-height:40px; }
	#menuLeft > ul > li > ul > .on a { color:#13ceed; }
	#menuLeft .subHeader #logo_menu { height:25px; margin-top:10px; margin-left:5px; }
	#menuRight { width:76.5625%; max-width:490px; min-width:245px; height:100%; top:0; right:-640px; background:#eee; display:none; -webkit-box-shadow:-3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:-3px 0 10px rgba(0,0,0,0.30); box-shadow:-3px 0 10px rgba(0,0,0,0.30); }
	#menuRight .subHeader { color:#000; background:#fff; border-bottom:1px solid #dfdfdf; }
	#menuRight .subHeader p { overflow:hidden; line-height:50px; font-size:14px; font-weight:500; }
	#menuRight .subHeader p span { font-size:14px; }
	#menuRight .menu-right-close {}
	#menuRight .btn-log { width:65px; height:24px; line-height:24px; border:1px solid #053343; border-radius:2px; color:#053343; font-size:12px; text-align:center; margin:10px 10px 0px 0px; float:right; }
	#menuRight ul { width:90.82%; margin:10px auto; }
	#menuRight ul li { background:#fff; margin-bottom:1px; }
	#menuRight ul li a { display:block; color:#000; font-size:12px; font-weight:500; height:25px; line-height:25px; padding:14px 12px; }
	#menuRight ul li a img { float:left; margin-right:11px; }
	#menuRight .event-wrap { position:relative; width:90.82%; margin:0 auto 10px; display:block; }
	#menuRight .event-wrap.type02 a { width:48.9%; float:left; margin-left:2.2%; }
	#menuRight .event-wrap.type02 a:first-child { margin-left:0; }
	#menuRight .event-wrap img { max-width:100%; }
	#menuRight .menu-sub-content-wrap { overflow-x:hidden; overflow-y:scroll; }
	
	#menuRight .kia-enterance { position:absolute; bottom:17px; margin:0 4%; display:block; width:92%; text-align:center; z-index:2; padding:7.5px 0px; background:#c41130; border-radius:4px; font-size:15px; font-weight:600; color:#fff; }
	#menuRight .event-block { position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5); width:100%; height:100%; }
	#menuRight .event-block.off{ display:none;}
	
	#menuRight .icon-push-wrap { position:relative; }
	#menuRight .icon-push-wrap .icon-push-new { position:absolute; top:2px; right:8px; margin-right:0; }
	
	/* block */
	.block { position:fixed; width:100%; height:100%; overflow:hidden; top:0; left:0; background:#000; opacity:0.75; filter:alpha(opacity=75); z-index:4; display:none; }
	
	/*main*/
	#loadWrap { width:100%; }
	#navWrap { position:absolute; left:0px; top:0px; width:100%; min-width:320px; overflow:hidden; height:91px; z-index:14; }
	#navWrap.top_fix { height:41px; }
	#navWrap.top_fix .top{ display:none; }
	.top_fix{ position:fixed !important; left:0px; top:0px; z-index:3; /*z-index:100;*/ }
	#navWrap .top { height:50px; width:100%; background-color:#fff; overflow:hidden; } /*org background:url(/img_m/bg_top_menu.gif) repeat-x #053343; 혹은 #053343*/
	.btn-allmenu { float:left; }
	.btn-home { float:left; }
	.btn-logo { position:absolute; top:0px; margin-left:50%; left:-68px }
	#navWrap #logo { height:25px; margin-top:10px; }
	.btn-cus-wrap { float:right; height:50px; overflow:hidden; line-height:0; margin-right:1rem; } /*org #053343*/
	.btn_bk { position:absolute; left:0px; top:0px; }
	
	#navWrap hr { position:relative; display:block; height:1px; border:none; border-top:1px solid #bbbbbb; margin:0px; }
	#menu { -webkit-display:flex; display:flex; position:relative; width:100%; height:35px; border-top:1px solid #e9e9e9; background:#fff; overflow:hidden; }
	#menu li { overflow:hidden; -webkit-display:flex; display:flex; -webkit-flex:2; flex:2; font-size:15px; line-height:34px; margin:0px; }
	#menu li.exp { -webkit-flex:1.5; flex:1.5; }
	#menu li.exp-long { -webkit-flex:3; flex:3; }
	#menu li a { position:relative; display:inline-block; width:100%; margin:auto; text-align:center; font-size:15px; font-weight:500; line-height:34px; color:#555; } 
	#menu li a:hover { color:#000; }
	#menu li.on a:before { content:''; position:absolute; width:120%; height:2px; background:#13ceed; bottom:0; left:-10%; z-index:1; }
	#menu li.on a { color:#000; }
	#menu li.on a:hover { color:#000; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0px; }
	#nav li a { font-size:14px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#nav li.on a { border-bottom:2px solid #13ceed; color:#13ceed; } */
	
	.sub-title { position:absolute; top:0px; left:50%; margin-left:-53px; background:#053343; }
	.sub-title img { background:#053343; }
	.nav-sub-wrap { position:relative; height:40px; background:#ffffff; }
	#navSub { position:absolute; display:table !important; width:100%; height:40px !important; background:#fff; overflow:hidden; }
	#navSub li { display:table-cell; line-height:40px; height:40px; text-align:center; margin:0px; overflow:hidden; }
	#navSub li a { font-size:13px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#navSub li.on a { border-bottom:2px solid #13ceed; color:#13ceed; }
	#navSub.my-page { position:relative; width:60%; margin:auto; }
	.radio-txt-on { color:#053343 !important; }
	


	/*#contentData{overflow:hidden; width:100%; position:relative; }*/
	#nav li a { font-size:13px; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0.4%; } */
	/*모바일메뉴 끝*/




	/*visual rolling*/
	.main_visual_wrap {}
	.main_visual_wrap img { max-width:100%;}
	
	/*section1*/
	.main_section1 { width:100%; letter-spacing:-1px;}
	.main_section1 .inner { width:/*1140px*/100%; /*height:385px;*/}

	.main_section1 .inner .box12_wrap { width:100%; padding:0 5px;}
	
	.main_section1 .inner .box12_wrap .box1 {background:#fff url(/image/main_icon1.png) 320px 85px no-repeat; width:100%; height:172px; border-radius:20px; border:#e5e5e5 1px solid; padding:25px; margin-top:20px;}
	.main_section1 .inner .box12_wrap .box1 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.main_section1 .inner .box12_wrap .box1 .text { font-size:16px; color:#666; font-weight:300; margin-bottom:30px;}
	.main_section1 .inner .box12_wrap .box1 a { font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; /*left:25px; bottom:25px;*/ }
	.main_section1 .inner .box12_wrap .box1 a.btn1 { left:25px; bottom:15px; }
	.main_section1 .inner .box12_wrap .box1 a.btn2 { left:25px; bottom:50px; background:#16274c; color:yellow;}
	.main_section1 .inner .box12_wrap .box1 a:hover {  }
	.main_section1 .inner .box12_wrap .box1:hover { border:#FCC139 1px solid; }
	
	.main_section1 .inner .box12_wrap .box2 {background:#fcc139 url(/image/main_icon2.png) 300px 90px no-repeat; width:100%; height:172px; border-radius:20px; padding:25px; border:#FCC139 1px solid; margin-top:20px;}
	.main_section1 .inner .box12_wrap .box2 .tit { font-size:22px; color:#333; font-weight:500; margin-bottom:10px }
	.main_section1 .inner .box12_wrap .box2 .text { font-size:16px; color:#666; font-weight:300; margin-bottom:30px;}
	.main_section1 .inner .box12_wrap .box2 a { font-size:13px; color:#fff; font-weight:400; padding:8px 12px; background:#16274c; border-radius:20px; }
	.main_section1 .inner .box12_wrap .box2 a:hover {}
	.main_section1 .inner .box12_wrap .box2:hover { border:#D74214 1px solid; }
	
	
	.main_section1 .inner .box345_wrap { width:100%; padding:0 5px;}
	
	.main_section1 .inner .box345_wrap .box3  {background:#e9edf2; width:100%; /*height:305px;*/ border-radius:20px; text-align:center; padding:10px 0 10px 0; margin:10px 0;}
	.main_section1 .inner .box345_wrap .box3 .main_icon { position:relative; width:80px; height:80px; background:#fff; border-radius:80px; text-align:center; line-height:80px; margin:0px auto 15px auto; }
	.main_section1 .inner .box345_wrap .box3 .main_icon img { vertical-align:middle; width:50px;}
	.main_section1 .inner .box345_wrap .box3 .btn { position:relative; display:inline-block; background:#da313c; font-size:12px; color:#fff; border-radius:20px; padding:4px 20px; text-align:center; }
	.main_section1 .inner .box345_wrap .box3 .tit { font-size:14px; color:#333; font-weight:500; margin:6px auto 10px auto; }
	.main_section1 .inner .box345_wrap .box3 .text { font-size:12px; color:#666; font-weight:300; line-height:18px; }
	.main_section1 .inner .box345_wrap .box3:hover {background:#16274c;}
	.main_section1 .inner .box345_wrap .box3:hover .tit {color:#fff;}
	.main_section1 .inner .box345_wrap .box3:hover .text {color:#fff;}
	
	.main_section1 .inner .hall { position:absolute; top:-92px; left:-5px; border:#fff 5px solid; border-radius:20px; }
	.main_section1 .inner .hall img { border-radius:20px; }


	/* 푸터 */
	.footer_wrap { position:relative; margin-top:40px; width:100%; min-width:320px; background:#202020; display:inline-block; }
	.footer { position:relative; width:97%; margin:0 auto; padding:4rem 1.5% 0 1.5%; }
	.footer_logo { position:absolute; }
	.footer_add { position:relative; width:100%; letter-spacing:0; margin:6rem 0 2rem 0; }
	.footer_add dt { position:relative; display:block; font-size:1.6rem; color:#ccc; font-weight:400; margin-bottom:1.5rem; }
	.footer_add dd { position:relative; display:block; font-size:1.3rem; color:#999; font-weight:300; line-height:1.8rem; }
	.footer_add dd span { margin-right:1.5rem; }
	.footer_menu { position:relative; width:100%; letter-spacing:0; }
	.footer_menu dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; float:left; }
	.footer_menu dd span {  }
	.footer_menu dd span a,.footer_menu dd span a:hover { color:#ccc; }
	.footer_customer { position:relative; width:100%; letter-spacing:0; clear:both; }
	.footer_customer dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; float:left; }
	.footer_customer dd span {  }
	.footer_customer dd span a,.footer_customer dd span a:hover { color:#ccc; }
	
	.footer_copy_wrap { position:relative; width:100%; margin:3rem auto 3rem auto; padding:0 3%; border-top:#373737 1px solid; display:inline-block; }
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:relative; display:table-cell; padding-top:0.5rem; }
	.footer_copy_wrap .footer_sns a { margin-right:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }


	/* (jinsenglish PC 소스) Footer */ 
	.footer_mn { position:relative; width:100%; background:#191f26; padding-left:10px;}
	.footer_mn_box { position:relative; width:100%; height:40px; line-height:40px; margin:0 auto; }
	.footer_mn_box a { display:inline-block; font-size:13px; color:#999; font-weight:300; margin-right:40px; }
	.footer_mn_box a:hover { color:#ec1c24; }
	
	#footer { position:relative; width:100%; background:#1f2731; }
	#footer .inner { position:relative; width:100%; margin:0 auto; padding:10px; font-size:11px; color:#999; font-weight:300; line-height:20px; }
	#footer .inner span { padding-bottom:10px; display:block; }


	#container {  }
	#container .cont{padding:0 10px;}
	#container .page {display:none;}
	#container .page .page_on { color:#222; }

	.sub_nav_wrap { position:relative; width:100%;}
	.sub_nav { position:relative; width:100%; /*height:22px;*/ margin:0 auto;}
	.sub_nav dt { position:relative; border-left:DA313C 5px solid;/*display:inline-block;*/ padding:7px 5px;  border-bottom:1px solid #eee; margin-bottom:20px; font-size:17px; color:#909090; font-weight:500; height:35px; line-height:22px; /*border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; */ }
	.sub_nav dt img {display:none;}
	.sub_nav dd { position:relative; height:20px; line-height:24px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; line-height:14px; font-size:16px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; margin:0 auto; padding:0 10px;}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:33%; height:42px; font-size:1.5em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; float:left; }
	.sub_top_m a.ov { position:relative; display:block; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid;  float:left; }
	.sub_top_m .tap_bottom {clear:both; }
	


	/*스크롤 top*/
	.scroll-top {display:none; position:fixed; bottom:30px; right:100px; margin-left:580px; z-index:100;}

	
	
	/*초등부*/
	 .slider {
	        width: 100%; height:400px; overflow:hidden; background:#c9daff;
	        margin: 0px auto; padding-top:35px;
	    }
	
	    .slick-slide {
	      margin: 0px 15px;
	    }
	
	
	    .slick-prev:before,
	    .slick-next:before {
	      color: black;
	    }
	
	
	    .slick-slide {
	      transition: all ease-in-out .3s;
	      opacity: .2;
	    }
	    
	    .slick-active {
	      opacity: .5;
	    }
	
	    .slick-current {
	      opacity: 1;
	    }
		.slider_box { width:/*564px*/480px; height:330px; background:#fff; padding:40px 45px; }
		
	.slider_box .titbox { position:relative; width:100%; height:70px; border-bottom:#cfcfcf 1px solid; }
	.slider_box .titbox dt { position:relative; font-size:22px; color:#333; font-weight:500; margin-bottom:10px; }
	.slider_box .titbox dt span{ color:#da313c; }
	.slider_box .titbox dd { position:relative; font-size:16px; color:#666; font-weight:300; }
	.slider_box .titbox a { position:absolute; display:inline-block; padding:7px 15px; text-align:center; border:#00236f 1px solid; font-size:14px; color:#00236f; font-weight:300; right:0; bottom:20px; }
	.slider_box .titbox a:hover { color:#fff; background:#00236f; }
	.slider_box .conbox { position:relative;  }
	.slider_box .conbox dt { position:relative; float:left; width:215px; height:150px; margin-top:30px; margin-right:30px; }
	.slider_box .conbox dt img { border-radius:15px; }
	.slider_box .conbox dd { position:relative; float:left; /*width:229px;*/ width:100%; height:150px; margin-top:30px; }
	.slider_box .conbox dd .tit { position:relative; font-size:16px; color:#333; font-weight:400; line-height:20px; margin-bottom:10px; }
	.slider_box .conbox dd .text { position:relative; font-size:14px; color:#666; font-weight:300; line-height:20px; margin-bottom:15px; }
	
	.sub_quick { position:fixed; top:685px; right:5px;  }
	.sub_quick img { margin-bottom:5px; width:110px;}
	
	.sub_cont { width:100%;}

	.companyIntro {font-weight:300;font-size:1.2rem;}	
	
	.subbox_wrap { position:relative; width:100%; }
	.subbox { position:relative; width:100%; padding:0 2px;}
	
	.subbox .subbox1 { position:relative;   margin:0 auto; padding-top:10px; width:98%; height:130px; border-radius:20px; background:#fcc139 url(/image/sub_icon1.png) center 60px no-repeat; }
	.subbox .subbox1 .tit { position:relative; display:block; text-align:center; margin-top:0px; font-size:20px; color:#000; font-weight:500; }
	.subbox .subbox1 .text { position:relative; display:block; text-align:center; margin-top:0px; font-size:13px; color:#000; font-weight:300; }

	.subbox234_wrap {padding:0 2px 0 5px; margin-top:20px;}
	.subbox_wrap_s {margin:10px auto 0 auto;}
	
	.subbox .subbox234_wrap .subbox2 { position:relative; width:49%; height:90px;  border-radius:20px; background:#f07065 url(/image/sub_icon2.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox2 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox2 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500; }
	.subbox .subbox234_wrap .subbox2_h { position:relative; width:49%; height:90px; border-radius:20px; background:#2d94b5 url(/image/sub_icon2.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox2_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:16px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox2_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:30px; color:#fff; font-weight:500; }
		
	.subbox .subbox234_wrap .subbox3 { position:relative; width:49%; height:90px; border-radius:20px; background:#35c954 url(/image/sub_icon3.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox3 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox3 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	.subbox .subbox234_wrap .subbox3_m { position:relative; width:49%; height:90px; border-radius:20px; background:#F07065 url(/image/sub_icon3.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox3_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox3_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	.subbox .subbox234_wrap .subbox3_h { position:relative; width:49%; height:90px; border-radius:20px; background:#2d94b5 url(/image/sub_icon3.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox3_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox3_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	
	.subbox .subbox234_wrap .subbox4 { position:relative; width:49%; height:90px; border-radius:20px; background:#fc8c39 url(/image/sub_icon4.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox4 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox4 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	.subbox .subbox234_wrap .subbox4_m { position:relative; width:49%; height:90px; border-radius:20px; background:#2D94B5 url(/image/sub_icon4.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox4_m .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox4_m .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	.subbox .subbox234_wrap .subbox4_h { position:relative; width:49%; height:90px; border-radius:20px; background:#2d94b5 url(/image/sub_icon4.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox4_h .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox4_h .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	
	.subbox .subbox234_wrap .subbox5 { position:relative; width:49%; height:90px; border-radius:20px; background:#2d94b5 url(/image/sub_icon5.png) 138px 20px no-repeat; }
	.subbox .subbox234_wrap .subbox5 .text { position:relative; display:block; margin-left:30px; margin-top:25px; font-size:14px; color:#fff; font-weight:300; }
	.subbox .subbox234_wrap .subbox5 .tit { position:relative; display:block; margin-left:30px; margin-top:7px; font-size:20px; color:#fff; font-weight:500;  }
	.subbox .subbox234_wrap .subbox5 .tit_s { position:absolute; top:60px; left:150px; color:#fff; font-size:5px; color:#fff; font-weight:400;  }
	
	.sub_board_wrap { position:relative; width:100%; padding:0px 10px; margin:10px 0 50px 0; }
	.sub_board { position:relative; width:100%;}
	.sub_board dt { position:relative; width:400px; height:18px; font-size:18px; color:#333; font-weight:500; line-height:18px; text-align:left; margin-bottom:10px; margin-top:20px;}
	.sub_board dt a { /*position:absolute; top:0; right:0;*/ }
	.sub_board .tit { position:relative; width:300px; float:left; margin-bottom:10px; }
	.sub_board .tit a { font-size:16px; color:#616161; font-weight:300; line-height:18px; }
	.sub_board .tit a:hover { color:#000; }
	.sub_board .tit .notice { display:inline-block; font-size:16px; color:#da313c; font-weight:500; margin-right:15px; }
	.sub_board .date { position:relative; width:80px; height:18px; font-size:14px; color:#b1b1b1; line-height:18px; float:left; text-align:right;  }

	/* 온라인 학습 카피*/
	#sub-member {width:100%;}
	#sub-member .inner {width:100%; margin:0 auto; padding:20px 0 70px 0;}
	#sub-member .inner .tit-box {margin-bottom:0px;}
	#sub-member .inner .tit-box .tit-dot {text-align:center;}
	#sub-member .inner .tit-box .txt-box {text-align:center; font-family:'Noto Sans KR'; font-size:20px; color:#222; font-weight:300; line-height:30px; padding: 37px 0;}
	#sub-member .inner .tit-box .txt-box .line {font-weight:600; background:url(/image/sub/greeting-line.jpg) no-repeat center center;}
	
	#sub-member .inner .txt2-box {font-family:'Noto Sans KR'; font-size:15px; color:#777; font-weight:300; line-height:22px; overflow:hidden;}
	#sub-member .inner .txt2-box img {float:right;}
	#sub-member .inner .txt2-box span {color:#222; font-weight:400;}
	
	.bt-box {margin:0 auto 50px auto;  border:0px solid #000; width:300px;}
	.bt-box .red-bt { width:300px; height:50px; background-color:#AEAE00; border-radius:50px; text-align:center; line-height:50px; font-family:'Noto Sans KR'; font-size:28px; font-weight:500;}
	.bt-box .red-bt a {display:block; color:#fff;}
	.bt-box .red-bt a:hover { background-color:#D9D900; border-radius:50px;}
}