/*sub page common*/

@media screen and (max-width: 1180px) {
		
	#sub{
		width:100%;
		min-width:100%;
		overflow:Hidden;
	}	
	
	#sub .nav{
		width:100%;
		padding:22px 0px;
		background:#f7f7f7;
	}	
	
	#sub .nav .inner{
		width:100%;
		margin:0 auto;
	}	
	
	#sub .nav .inner dd{
		display:inline-block;
		padding:0px 20px;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
	}	
	
	#sub .nav .inner .home{
		width:66px;
	}	
	
	#sub .nav .inner .home img{
		width:100%;
	}	
	
	#sub .nav .inner .nc{
		width:220px;
		display:inline-block;
		position:Relative;
		cursor:pointer;
	}	
	
	#sub .nav .inner .nc .tx{
		font-size:16px;
		color:#444444;
		display:inline-block;
	}
	
	#sub .nav .inner .nc .arrow{
		width:14px;
		display:inline-block;
		float:right;
	}
	#sub .nav .inner .nc .arrow img{
		width:100%;
	}
	
	#sub .nav .inner .nc .toggleArrow{
		transform:rotate(-180deg);
	}
	
	#sub .nav .inner .nc .navDropMenu{
		width:100%;
		position:absolute;
		margin-top:22px;
		background:#f7f7f7;
		box-shadow:0px 10px 20px rgba(0,0,0,0.1);
		left:0;
		border-radius:0px 0px 10px 10px;
		display:none;
	}
	
	#sub .nav .inner .nc .navDropMenu li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		
	}
	
	#sub .nav .inner .nc .navDropMenu li a{
		color:#777;
		width:100%;
		padding:20px;
		font-size:17px;
		box-sizing:border-box;
	}
	
	#sub .subTitle{
		width:100%;
	}
	
	#sub .subTitle .commonTit{
		font-size:30px;
		color:#222;
		font-weight:bold;
		word-break:keep-all;
		line-height:40px;
	}
	
	#sub .subTitle .commonSubj{
		font-size:18px;
		color:#777777;
		margin-top:15px;
	}
	
	
		
		
		
	
	#sub .education .infoTable{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#sub .education .infoTable dd{
		width:50%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		float:left;
	}
	
	#sub .education .infoTable dd:nth-child(2n){
		border-right:0px solid #e5e5e5;
	}
	
	#sub .education .infoTable dd:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#sub .education .infoTable dd .subj{
		width:100%;
		padding:15px 0px;
		text-align:Center;
		color:#fff;
		font-size:14px;
	}
	
	#sub .education .infoTable dd .green{
		background:#31d7c7;
	}
	
	#sub .education .infoTable dd .sky{
		background:#51c0ff;
	}
	
	#sub .education .infoTable dd .darkSky{
		background:#00b3e2;
	}
	
	#sub .education .infoTable dd .blue{
		background:#0083cb;
	}
	
	#sub .education .infoTable dd .purple{
		background:#daa3f0;
	}
	
	#sub .education .infoTable dd .cont{
		width:100%;
		padding:40px 10px;
		box-sizing:border-box;
		position:relative;
		height:auto;
	}
	
	#sub .education .infoTable dd .cont .cirCont{
		width:90px;
		margin:0 auto;
	}
	
	#sub .education .infoTable dd .cont .cirCont img{
		width:100%;
	}
	
	#sub .education .infoTable dd .cont .tx{
		font-size:14px;
		color:#222;
		text-align:center;
		font-weight:bold;
		letter-spacing:-0.7px;
	}
	
	#sub .education .infoTable dd .cont .tx span{
		display:block;
	}
	
	#sub .education .infoTable .day{
		width:100%;
	}
	
	#sub .education .infoTable dd .dayCont{
		width:100%;
		display:flex;
		height:100%;
	}
	
	#sub .education .infoTable dd .dayCont li{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		height:100%;
	}
	
	#sub .education .infoTable dd .dayCont li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	
	#sub .education .infoTable dd .dayCont li .day{
		width:100%;
		text-align:center;
		background:#f7f7f7;
		border-bottom:1px solid #e5e5e5;
		font-size:13px;
		color:#222222;
		height:auto;
		position:relative;
		padding:12px 0px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	#sub .education .infoTable dd .dayCont li .time{
		width:100%;
		text-align:center;
		background:#fff;
		border-bottom:1px solid #e5e5e5;
		font-size:13px;
		color:#777777;
		height:auto;
		position:relative;
		padding:20px 0px;
	}
	
	
	#sub .education .infoTable dd .dayCont li .time:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	
	#sub .education .infoTable dd .dayCont li div p{
		position:relative;
		top:0%;
		transform:translateY(0%);
		width:100%;
		text-align:center;
	}
	#sub .education .infoTable dd .dayCont li div p br{
		display:none;
	}
	
	
	#sub .education .infoTable dd .cont .etcList{
		position:relative;
		top:0%;
		transform:translateY(0%);
		padding:0px 10px 0px 10px;;
		box-sizing:border-box;
	}
	
	#sub .education .infoTable dd .cont .etcList li{
		font-size:12px;
		color:#222;
		list-style:disc;
		margin-top:5px;
		line-height:19px;
		padding-right:0;
	}
	
	#sub .education .infoTable dd .cont .etcList li:first-child{
		margin-top:0px;
	}
	
	#sub .education .infoTable .border_right{
		border-right:1px solid #e5e5e5 !important;
	}
	
	#sub .education .infoTable .border_right0{
		border-right:0px solid #e5e5e5 !important;
	}
	
	

}

@media screen and (max-width: 767px) {
		
	#sub{
		width:100%;
	}	
	
	#sub .nav{
		width:100%;
		padding:22px 0px;
		background:#f7f7f7;
		display:none;
	}	
	
	#sub .nav .inner{
		width:100%;
		margin:0 auto;
	}	
	
	#sub .nav .inner dd{
		display:inline-block;
		padding:0px 20px;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
	}	
	
	#sub .nav .inner .home{
		width:66px;
	}	
	
	#sub .nav .inner .home img{
		width:100%;
	}	
	
	#sub .nav .inner .nc{
		width:220px;
		display:inline-block;
		position:Relative;
		cursor:pointer;
	}	
	
	#sub .nav .inner .nc .tx{
		font-size:16px;
		color:#444444;
		display:inline-block;
	}
	
	#sub .nav .inner .nc .arrow{
		width:14px;
		display:inline-block;
		float:right;
	}
	#sub .nav .inner .nc .arrow img{
		width:100%;
	}
	
	#sub .nav .inner .nc .toggleArrow{
		transform:rotate(-180deg);
	}
	
	#sub .nav .inner .nc .navDropMenu{
		width:100%;
		position:absolute;
		margin-top:22px;
		background:#f7f7f7;
		box-shadow:0px 10px 20px rgba(0,0,0,0.1);
		left:0;
		border-radius:0px 0px 10px 10px;
		display:none;
	}
	
	#sub .nav .inner .nc .navDropMenu li{
		width:100%;
		padding:20px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
		font-size:17px;
	}
	
	#sub .nav .inner .nc .navDropMenu li a{
		color:#777;
	}
	
	
	#sub .subTitle{
		width:100%;
	}
	
	#sub .subTitle .commonTit{
		font-size:20px;
		color:#222;
		font-weight:bold;
		word-break:keep-all;
		line-height:32px;
	}
	
	#sub .subTitle .commonSubj{
		font-size:16px;
		color:#777777;
		margin-top:10px;
		word-break:keep-all;
		line-height:24px;
	}
	
	
	
	
	
	
	
	#sub .education .infoTable{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#sub .education .infoTable dd{
		width:50%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		float:left;
	}
	
	#sub .education .infoTable dd:nth-child(2n){
		border-right:0px solid #e5e5e5;
	}
	
	#sub .education .infoTable dd:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#sub .education .infoTable dd .subj{
		width:100%;
		padding:15px 0px;
		text-align:Center;
		color:#fff;
		font-size:14px;
	}
	
	#sub .education .infoTable dd .green{
		background:#31d7c7;
	}
	
	#sub .education .infoTable dd .sky{
		background:#51c0ff;
	}
	
	#sub .education .infoTable dd .darkSky{
		background:#00b3e2;
	}
	
	#sub .education .infoTable dd .blue{
		background:#0083cb;
	}
	
	#sub .education .infoTable dd .purple{
		background:#daa3f0;
	}
	
	#sub .education .infoTable dd .cont{
		width:100%;
		padding:40px 10px;
		box-sizing:border-box;
		position:relative;
		height:auto;
	}
	
	#sub .education .infoTable dd .cont .cirCont{
		width:90px;
		margin:0 auto;
	}
	
	#sub .education .infoTable dd .cont .cirCont img{
		width:100%;
	}
	
	#sub .education .infoTable dd .cont .tx{
		font-size:14px;
		color:#222;
		text-align:center;
		font-weight:bold;
		letter-spacing:-0.7px;
	}
	
	#sub .education .infoTable dd .cont .tx span{
		display:block;
	}
	
	#sub .education .infoTable .day{
		width:100%;
	}
	
	#sub .education .infoTable dd .dayCont{
		width:100%;
		display:flex;
		height:100%;
	}
	
	#sub .education .infoTable dd .dayCont li{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		height:100%;
	}
	
	#sub .education .infoTable dd .dayCont li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	
	#sub .education .infoTable dd .dayCont li .day{
		width:100%;
		text-align:center;
		background:#f7f7f7;
		border-bottom:1px solid #e5e5e5;
		font-size:13px;
		color:#222222;
		height:auto;
		position:relative;
		padding:12px 0px;
	}
	
	
	#sub .education .infoTable dd .dayCont li .time{
		width:100%;
		text-align:center;
		background:#fff;
		border-bottom:1px solid #e5e5e5;
		font-size:13px;
		color:#777777;
		height:auto;
		position:relative;
		padding:20px 0px;
	}
	
	
	#sub .education .infoTable dd .dayCont li .time:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	
	#sub .education .infoTable dd .dayCont li div p{
		position:relative;
		top:0%;
		transform:translateY(0%);
		width:100%;
		text-align:center;
	}
	
	#sub .education .infoTable dd .dayCont li div p br{
		display:none;
	}
	
	#sub .education .infoTable dd .cont .etcList{
		position:relative;
		top:0%;
		transform:translateY(0%);
		padding:0px 10px 0px 10px;;
		box-sizing:border-box;
	}
	
	#sub .education .infoTable dd .cont .etcList li{
		font-size:12px;
		color:#222;
		list-style:disc;
		margin-top:5px;
		line-height:19px;
		padding-right:0;
	}
	
	#sub .education .infoTable dd .cont .etcList li:first-child{
		margin-top:0px;
	}
	
	#sub .education .infoTable .border_right{
		border-right:1px solid #e5e5e5 !important;
	}
	
	#sub .education .infoTable .border_right0{
		border-right:0px solid #e5e5e5 !important;
	}
	
}




/*센터소개 및 인사말*/

@media screen and (max-width: 1180px) {
		
	#sub .introduce{
		width:100%;
		margin-bottom:100px;
	}
	
	#sub .introduce .greeting{
		width:100%;
		position:relative;
	}
	
	
	#sub .introduce .greeting .bg{
		width:100%;
		
	}
	
	#sub .introduce .greeting .bg img{
		width:170%;
		position:relative;
		left:50%;
		margin-left:-90%;
		z-index:-1;
	}
	
	#sub .introduce .greeting .cont{
		width:94%;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-47%;
		transform:translateY(-50%);
		
	}
	
	#sub .introduce .greeting .cont .inner{
		width:55%;
	}
	
	#sub .introduce .greeting .cont .inner .subj{
		font-size:22px;
		color:#00b2e2;
	}
	
	#sub .introduce .greeting .cont .inner .nm{
		font-size:30px;
		color:#222222;
		font-weight:bold;
		margin-top:20px;
	}
	
	#sub .introduce .greeting .cont .inner .subs{
		font-size:16px;
		color:#444;
		margin-top:50px;
		word-break:keep-all;
		line-height:24px;
	}
	
	
	#sub .introduce .why{
		width:100%;
		padding:100px 0px 0px;
		background:#f7f7f7;
		position:relative;
	}
	
	#sub .introduce .why .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .introduce .why .inner .titA{
		width:49.6%;
		display:inline-block;
		vertical-align:top;
		padding-right:2em;
		box-sizing:border-box;
	}
	
	#sub .introduce .why .inner .titA .tit{
		font-size:30px;
		color:#222;
		font-weight:bold;
		line-height:40px;
		word-break:keep-all;
	}
	
	#sub .introduce .why .inner .titA .subTit{
		font-size:20px;
		color:#222;
		line-height:30px;
		margin-top:20px;
		word-break:keep-all;
	}
	
	#sub .introduce .why .inner .titA .illust{
		width:45%;
		margin-top:80px;
		position:absolute;
		bottom:0;
	}
	
	#sub .introduce .why .inner .titA .illust img{
		width:100%;
	}
	
	
	#sub .introduce .why .inner .ctList{
		width:49.6%;
		display:inline-block;
		vertical-align:top;
		padding-left:2em;
		box-sizing:border-box;
	}
	
	
	#sub .introduce .why .inner .ctList li{
		width:100%;
		padding:30px 0px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .introduce .why .inner .ctList li:first-child{
		padding:0px 0px 30px 0px;
	}
	
	#sub .introduce .why .inner .ctList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .introduce .why .inner .ctList li .subj{
		font-size:20px;
		color:#222;
		font-weight:bold;
		background:url('../images/sub/subjBg.png') repeat-x center bottom;
		display:inline-block;
		padding-bottom:5px;
	}
	
	#sub .introduce .why .inner .ctList li .subs{
		font-size:14px;
		color:#444;
		margin-top:20px;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .introduce .program{
		width:94%;
		margin:5em auto 0;
	}
	
	#sub .introduce .program .tit{
		font-size:30px;
		text-align:center;
		color:#222;
		font-weight:bold;
	}
	
	#sub .introduce .program .moreBtn{
		width:180px;
		margin:25px auto 0;
		border-radius:50px;
		border:1px solid #00b2e2;
		color:#00b2e2;
		font-size:18px;
		text-align:center;
		font-family:'lato','NEXON Lv2 Gothic';
		padding:15px 0px;
	}
	
	#sub .introduce .program .moreBtn a{
		color:#00b2e2;
	}
	
	
	#sub .introduce .program .programVisual{
		width:100%;
		margin-top:50px;
		position:relative;
	}
	
	
	
	#sub .introduce .program .programVisual .slick-prev{
		background:url(../images/sub/circlePrev.png) no-repeat;
		width:75px;
		height:75px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:60px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
	}
	
	
	#sub .introduce .program .programVisual .slick-next{
		background:url(../images/sub/circleNext.png) no-repeat;
		width:75px;
		height:75px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:60px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
	}
	
	
	#sub .introduce .program .programVisual dd{
		border:1px solid #e5e5e5;
		background:#fff;
		border-radius:10px 0px 10px 0px;
		box-sizing:border-box;
		box-shadow:5px 5px 15px rgba(0,0,0,0.03);
		margin:0px 10px;
		box-sizing:border-box;
		height:430px;
		padding:30px;
		box-sizing:border-box;
	}
	
	
	
	#sub .introduce .program .programVisual dd .subject{
		font-size:22px;
		color:#222;
		font-weight:bold;
		background:url(../images/sub/subjBg.png) repeat-x center bottom;
		padding-bottom:5px;
		display:inline-block;
	}
	
	#sub .introduce .program .programVisual dd .subj_su{
		font-size:16px;
		color:#444;
		margin-top:14px;
		word-break:keep-all;
		line-height:24px;
	}
	
	
	#sub .introduce .program .programVisual .global .infoList{
		width:100%;
		margin-top:50px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li{
		width:100%;
		margin-top:30px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li:first-child{
		margin-top:0px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li .subj{
		font-size:18px;
		color:#222;
		font-weight:bold;
	}
	
	
	#sub .introduce .program .programVisual .global .infoList li .subs{
		font-size:16px;
		color:#777777;
		margin-top:12px;
		line-height:24px;
	}
	
	#sub .introduce .program .programVisual .child .illust{
		width:318px;
		margin-top:20px;
	}
	
	#sub .introduce .program .programVisual .child .illust img{
		width:100%;
	}
	
	#sub .introduce .program .programVisual .child .subs{
		font-size:16px;
		color:#444444;
		line-height:24px;
		word-break:keep-all;
		margin-top:10px;
	}
	
	
	
	
	#sub .introduce .program .programVisual .junior .iconLIst{
		width:100%;
		margin-top:30px;
	}
	#sub .introduce .program .programVisual .junior .iconLIst div{
		width:99px;
		display:inline-block;
		margin-left:5px;
	}
	
	#sub .introduce .program .programVisual .junior .iconLIst div img{
		width:100%;
	}
	
	#sub .introduce .program .programVisual .junior .iconLIst div:first-child{
		margin-left:0px;
	}
	
	#sub .introduce .program .programVisual .junior .subs{
		font-size:16px;
		color:#444444;
		line-height:24px;
		word-break:keep-all;
		margin-top:30px;
	}
	
	
	#sub .introduce .program .programVisual .adult .programList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .introduce .program .programVisual .adult .programList li{
		width:100%;
		margin-top:20px;
		list-style:disc;
	}
	
	#sub .introduce .program .programVisual .adult .programList li .subj{
		font-size:16px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .introduce .program .programVisual .adult .programList li .subs{
		font-size:17px;
		color:#444;
		margin-top:10px;
		line-height:22px;
	}
	
	
	#sub .introduce .grBanner{
		width:94%;
		margin:100px auto 0;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	#sub .introduce .grBanner .cont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
	}
	
	#sub .introduce .grBanner .cont .logo{
		width:291px;
		margin:0 auto;
	}
	
	#sub .introduce .grBanner .cont .logo img{
		width:100%;
	}
	
	#sub .introduce .grBanner .cont .subj{
		font-size:20px;
		text-align:Center;
		line-height:30px;
		margin-top:20px;
		color:#fff;
	}
	#sub .introduce .grBanner .cont .subs{
		font-size:16px;
		text-align:Center;
		margin-top:50px;
		line-height:24px;
		color:#fff;
	}
	
	
	#sub .introduce .grBanner .bg{
		width:100%;
	}
	
	#sub .introduce .grBanner .bg img{
		width:100%;
		position:relative;
	}

}

@media screen and (max-width: 767px) {
		
	#sub .introduce{
		width:100%;
		margin-bottom:5em;
	}
	
	#sub .introduce .greeting{
		width:100%;
		padding:5em 0px;
	}
	
	
	#sub .introduce .greeting .bg{
		width:100%;
		display:none;
	}
	
	#sub .introduce .greeting .bg img{
		width:200%;
		position:relative;
		left:50%;
		margin-left:-100%;
	}
	
	#sub .introduce .greeting .cont{
		width:94%;
		position:relative;
		left:50%;
		top:0%;
		margin-left:-47%;
		transform:translateY(0%);
	}
	
	#sub .introduce .greeting .cont .inner{
		width:100%;
	}
	
	#sub .introduce .greeting .cont .inner .subj{
		font-size:18px;
		color:#00b2e2;
	}
	
	#sub .introduce .greeting .cont .inner .nm{
		font-size:22px;
		color:#222222;
		font-weight:bold;
		margin-top:10px;
	}
	
	#sub .introduce .greeting .cont .inner .subs{
		font-size:14px;
		color:#444;
		margin-top:30px;
		word-break:keep-all;
		line-height:21px;
	}
	
	
	#sub .introduce .why{
		width:100%;
		padding:5em 0px 10em;
		background:#f7f7f7;
		position:relative;
	}
	
	#sub .introduce .why .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .introduce .why .inner .titA{
		width:100%;
		display:inline-block;
		vertical-align:top;
		padding-right:0em;
		box-sizing:border-box;
	}
	
	#sub .introduce .why .inner .titA .tit{
		font-size:22px;
		color:#222;
		font-weight:bold;
		line-height:32px;
		word-break:keep-all;
	}
	
	#sub .introduce .why .inner .titA .subTit{
		font-size:16px;
		color:#222;
		line-height:24px;
		margin-top:10px;
		word-break:keep-all;
	}
	
	#sub .introduce .why .inner .titA .illust{
		width:60%;
		margin-top:0px;
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-30%;
	}
	
	#sub .introduce .why .inner .titA .illust img{
		width:100%;
	}
	
	
	#sub .introduce .why .inner .ctList{
		width:100%;
		display:inline-block;
		vertical-align:top;
		padding-left:0em;
		box-sizing:border-box;
	}
	
	
	#sub .introduce .why .inner .ctList li{
		width:100%;
		padding:30px 0px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .introduce .why .inner .ctList li:first-child{
		padding:50px 0px 30px 0px;
	}
	
	#sub .introduce .why .inner .ctList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .introduce .why .inner .ctList li .subj{
		font-size:16px;
		color:#222;
		font-weight:bold;
		background:url('../images/sub/subjBg.png') repeat-x center bottom;
		display:inline-block;
		padding-bottom:5px;
	}
	
	#sub .introduce .why .inner .ctList li .subs{
		font-size:14px;
		color:#444;
		margin-top:10px;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .introduce .program{
		width:94%;
		margin:5em auto 0;
	}
	
	#sub .introduce .program .tit{
		font-size:22px;
		text-align:center;
		color:#222;
		font-weight:bold;
		line-height:32px;
		word-break:keep-all;
	}
	
	#sub .introduce .program .moreBtn{
		width:140px;
		margin:25px auto 0;
		border-radius:50px;
		border:1px solid #00b2e2;
		color:#00b2e2;
		font-size:14px;
		text-align:center;
		font-family:'lato','NEXON Lv2 Gothic';
		padding:12px 0px;
	}
	
	#sub .introduce .program .moreBtn a{
		color:#00b2e2;
	}
	
	
	#sub .introduce .program .programVisual{
		width:100%;
		margin-top:50px;
		position:relative;
	}
	
	
	
	#sub .introduce .program .programVisual .slick-prev{
		background:url(../images/sub/circlePrev.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:0px;
		top:auto;
		transform:translateY(0%);
		bottom:-50px;
		z-index:1;
		cursor:pointer;
		background-size:100%;
	}
	
	
	#sub .introduce .program .programVisual .slick-next{
		background:url(../images/sub/circleNext.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:0px;
		top:auto;
		transform:translateY(0%);
		bottom:-50px;
		cursor:pointer;
		background-size:100%;
	}
	
	
	
	#sub .introduce .program .programVisual .slick-dots{
		width:100%;
		text-align:center;
		position:absolute;
		margin-top:20px;
	}
	
	#sub .introduce .program .programVisual .slick-dots li{
		display:none;
	}
	
	#sub .introduce .program .programVisual .slick-dots li.slick-active{
		display:block;
	}

	
	
	#sub .introduce .program .programVisual dd{
		border:1px solid #e5e5e5;
		background:#fff;
		border-radius:10px 0px 10px 0px;
		box-sizing:border-box;
		box-shadow:5px 5px 15px rgba(0,0,0,0.03);
		margin:0px 5px;
		box-sizing:border-box;
		height:421px;
		padding:1.5em;
	}
	
	
	
	#sub .introduce .program .programVisual dd .subject{
		font-size:18px;
		color:#222;
		font-weight:bold;
		background:url(../images/sub/subjBg.png) repeat-x center bottom;
		padding-bottom:5px;
		display:inline-block;
	}
	
	#sub .introduce .program .programVisual dd .subj_su{
		font-size:14px;
		color:#444;
		margin-top:12px;
		word-break:keep-all;
		line-height:21px;
	}
	
	
	#sub .introduce .program .programVisual .global .infoList{
		width:100%;
		margin-top:30px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li{
		width:100%;
		margin-top:20px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li:first-child{
		margin-top:0px;
	}
	
	#sub .introduce .program .programVisual .global .infoList li .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
	}
	
	
	#sub .introduce .program .programVisual .global .infoList li .subs{
		font-size:13px;
		color:#777777;
		margin-top:12px;
		line-height:21px;
	}
	
	#sub .introduce .program .programVisual .child .illust{
		width:300px;
		margin-top:20px;
	}
	
	#sub .introduce .program .programVisual .child .illust img{
		width:100%;
	}
	
	#sub .introduce .program .programVisual .child .subs{
		font-size:13px;
		color:#444444;
		line-height:21px;
		word-break:keep-all;
		margin-top:10px;
	}
	
	
	
	
	#sub .introduce .program .programVisual .junior .iconLIst{
		width:100%;
		margin-top:1.5em;
	}
	#sub .introduce .program .programVisual .junior .iconLIst div{
		width:30%;
		display:inline-block;
		margin-left:5px;
	}
	
	#sub .introduce .program .programVisual .junior .iconLIst div img{
		width:100%;
	}
	
	#sub .introduce .program .programVisual .junior .iconLIst div:first-child{
		margin-left:0px;
	}
	
	#sub .introduce .program .programVisual .junior .subs{
		font-size:13px;
		color:#444444;
		line-height:21px;
		word-break:keep-all;
		margin-top:1.5em;
	}
	
	
	#sub .introduce .program .programVisual .adult .programList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .introduce .program .programVisual .adult .programList li{
		width:100%;
		margin-top:20px;
		list-style:disc;
	}
	
	#sub .introduce .program .programVisual .adult .programList li .subj{
		font-size:14px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .introduce .program .programVisual .adult .programList li .subs{
		font-size:13px;
		color:#444;
		margin-top:10px;
		line-height:21px;
	}
	
	
	#sub .introduce .grBanner{
		width:94%;
		margin:100px auto 0;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	#sub .introduce .grBanner .cont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
	}
	
	#sub .introduce .grBanner .cont .logo{
		width:200px;
		margin:0 auto;
	}
	
	#sub .introduce .grBanner .cont .logo img{
		width:100%;
	}
	
	#sub .introduce .grBanner .cont .subj{
		font-size:16px;
		text-align:Center;
		line-height:24px;
		margin-top:10px;
		color:#fff;
		word-break:keep-all;
	}
	
	#sub .introduce .grBanner .cont .subj br{
		display:None;
	}
	#sub .introduce .grBanner .cont .subs{
		font-size:13px;
		text-align:Center;
		margin-top:30px;
		line-height:21px;
		color:#fff;
		word-break:keep-all;
	}
	
	
	#sub .introduce .grBanner .bg{
		width:100%;
		overflow:Hidden;
		border-radius:5px;
	}
	
	#sub .introduce .grBanner .bg img{
		width:130%;
		position:relative;
		left:50%;
		margin-left:-65%;
	}

}

@media screen and (max-width: 500px) {
		
	
	#sub .introduce .why .inner .titA .illust{
		width:90%;
		margin-top:0px;
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-45%;
	}
	
	
	#sub .introduce .grBanner .bg{
		width:100%;
		overflow:Hidden;
		border-radius:5px;
	}
	
	#sub .introduce .grBanner .bg img{
		width:180%;
		position:relative;
		left:50%;
		margin-left:-90%;
	}

}




/*센터 둘러보기*/

@media screen and (max-width: 1180px) {
		
	#sub .center{
		width:100%;
		margin:100px 0px;
	}
	
	#sub .center .subTitle .commonTit{
		text-align:center;
	}
	
	#sub .center .inA{
		width:94%;
		margin:50px auto 0;
	}
	
	#sub .center .inA .centerVisual{
		width:100%;
	}
	
	#sub .center .inA .centerVisual li{
		width:100%;
		border-radius:0px 0px 100px 0px;
		overflow:hidden;
	}
	
	#sub .center .inA .centerVisual li img{
		width:100%;
	}
	
	
	
	#sub .center .inA .centerVisual .slick-prev{
		background:url(../images/sub/circlePrev.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:-20px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
		background-size:100%;
	}
	
	
	#sub .center .inA .centerVisual .slick-next{
		background:url(../images/sub/circleNext.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:-20px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
		background-size:100%;
	}
	
	
	
	#sub .center .inA .ta{
		width:100%;
		margin-top:65px;
	}
	
	#sub .center .inA .ta .subj{
		text-align:Center;
		font-size:24px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .center .inA .ta .subs{
		text-align:Center;
		font-size:18px;
		color:#222;
		margin-top:20px;
		line-height:28px;
	}
	
	#sub .center .inA .ta .line{
		width:65px;
		margin:50px auto 0;
		height:2px;
		background:#222;
	}
	
	
	#sub .center .deA{
		width:100%;
		background:url(../images/sub/centerDeBg.png) top center no-repeat;
		padding:0px 3%;
		box-sizing:border-box;
		background-size:100%;
	}
	
	#sub .center .deA .deList{
		width:100%;
		margin:0 auto;
	}
	
	#sub .center .deA .deList li{
		width:48%;
		display:inline-block;
		margin-left:3.2%;
		margin-top:5em;
	}
	
	#sub .center .deA .deList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .center .deA .deList li .subj{
		display:inline-block;
		position:relative;
		font-size:20px;
		color:#222;
	}
	
	#sub .center .deA .deList li .subj:after{
		content:'';
		position:absolute;
		width:20px;
		height:20px;
		background:#00b2e2;
		opacity:0.3;
		border-radius:100%;
		margin-left:-10px;
		margin-top:-10px;
	}
	
	#sub .center .deA .deList li .thum{
		width:100%;
		margin-top:20px;
	}
	
	#sub .center .deA .deList li .thum img{
		width:100%;
	}

}

@media screen and (max-width: 767px) {
		
	#sub .center{
		width:100%;
		margin:3em 0px 5em;
	}
	
	#sub .center .subTitle .commonTit{
		text-align:center;
	}
	
	#sub .center .inA{
		width:94%;
		margin:1em auto 0;
	}
	
	#sub .center .inA .centerVisual{
		width:100%;
	}
	
	#sub .center .inA .centerVisual li{
		width:100%;
		border-radius:0px 0px 50px 0px;
		overflow:hidden;
	}
	
	#sub .center .inA .centerVisual li img{
		width:100%;
	}
	
	
	
	#sub .center .inA .centerVisual .slick-prev{
		background:url(../images/sub/circlePrev.png) no-repeat;
		width:30px;
		height:30px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:10px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
		background-size:100%;
	}
	
	
	#sub .center .inA .centerVisual .slick-next{
		background:url(../images/sub/circleNext.png) no-repeat;
		width:30px;
		height:30px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:10px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
		background-size:100%;
	}
	
	
	
	#sub .center .inA .ta{
		width:100%;
		margin-top:3em;
	}
	
	#sub .center .inA .ta .subj{
		text-align:Center;
		font-size:18px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .center .inA .ta .subs{
		text-align:Center;
		font-size:14px;
		color:#222;
		margin-top:15px;
		line-height:22px;
		word-break:keep-all;
	}
	
	#sub .center .inA .ta .subs br{
		display:none;
		
	}
	
	#sub .center .inA .ta .line{
		width:65px;
		margin:50px auto 0;
		height:2px;
		background:#222;
	}
	
	
	#sub .center .deA{
		width:100%;
		background:url(../images/sub/centerDeBg.png) top center no-repeat;
		padding:0px 3%;
		box-sizing:border-box;
		background-size:100%;
	}
	
	#sub .center .deA .deList{
		width:100%;
		margin:2em auto 0;
	}
	
	#sub .center .deA .deList li{
		width:48%;
		display:inline-block;
		margin-left:2.5%;
		margin-top:1.5em;
	}
	
	#sub .center .deA .deList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .center .deA .deList li .subj{
		display:inline-block;
		position:relative;
		font-size:13px;
		color:#222;
	}
	
	#sub .center .deA .deList li .subj:after{
		content:'';
		position:absolute;
		width:15px;
		height:15px;
		background:#00b2e2;
		opacity:0.3;
		border-radius:100%;
		margin-left:-5px;
		margin-top:-5px;
	}
	
	#sub .center .deA .deList li .thum{
		width:100%;
		margin-top:10px;
	}
	
	#sub .center .deA .deList li .thum img{
		width:100%;
	}

}




/*조직도*/

@media screen and (max-width: 1180px) {
	
	#sub .organ{
		width:94%;
		margin:100px auto 100px;
	}
	
	#sub .organ .subTitle .commonTit{
		text-align:Center;
	}
	
	
	#sub .organ .sche{
		width:100%;
		text-align:center;
		margin-top:50px;
	}
	
	#sub .organ .sche .owner{
		width:100%;
		position:relative;
	}
	
	#sub .organ .sche .owner .ico{
		width:130px;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub .organ .sche .owner .ico img{
		width:100%;
	}
	
	
	#sub .organ .sche .owner .ico:after{
		content:'';
		position:absolute;
		width:3px;
		height:50px;
		background:#00b2e2;
		left:50%;
		transform:translateX(-50%);
		bottom:-50px;
	}
	
	#sub .organ .sche .po{
		font-size:20px;
		font-weight:bold;
	}
	
	#sub .organ .sche .owner .po{
		color:#00b2e2;
		text-align:center;
		margin-top:70px;
	}
	
	#sub .organ .sche .owner .nm{
		font-size:16px;
		color:#444;
		text-align:Center;
		margin-top:10px;
	}
	
	#sub .organ .sche .owner .dot{
		width:21px;
		height:21px;
		background:#00b2e2;
		margin:20px auto 0;
		border-radius:100%;
	}
	
	
	#sub .organ .sche .owner:after{
		width:1px;
		height:110px;
		position:absolute;
		content:'';
		background:#e5e5e5;
		left:50%;
		transform:translateX(-50%);
	}
	
	
	
	#sub .organ .sche .team{
		width:100%;
		margin-top:43px;
	}
	
	#sub .organ .sche .team dd{
		display:inline-block;
		position:relative;
	}
	
	
	#sub .organ .sche .team dd:first-child .nmA .ico{
		width:130px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .ico img{
		width:100%;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .po{
		width:100px;
		padding-bottom:8px;
		text-align:center;
		color:#bec530;
		border-bottom:3px solid #bec530;
		display:inline-block;
		margin-left:-4px;
		vertical-align:middle;
		margin-top:-28px;
		position:relative;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .po:after{
		content:'';
		width:21px;
		height:21px;
		background:#bec530;
		border-radius:100%;
		position:absolute;
		top:50%;
		margin-top:5px;
		right:-21px;
	}
	
	#sub .organ .sche .team dd:first-child .line{
		width:100px;
		height:1px;
		background:#e5e5e5;
		display:inline-block;
		vertical-align:Middle;
		margin-top:2px;
	}
	
	
	
	
	#sub .organ .sche .team dd .teamList{
		width:180px;
		box-sizing:border-box;
	}
	
	
	#sub .organ .sche .team dd:first-child .teamList{
		border:1px solid #bec530;
		margin-left:-24px;
		position:relative;
		margin-top:50px;
	}
	
	#sub .organ .sche .team dd:first-child .teamList:before{
		width:1px;
		height:50px;
		background:#bec530;
		position:absolute;
		content:'';
		top:-51px;
	}
	
	#sub .organ .sche .team dd:first-child .teamList li{
		width:100%;
		text-align:Center;
		padding:15px 0px;
		border-bottom:1px solid #bec530;
		font-size:13px;
		color:#444;
		
	}
	
	#sub .organ .sche .team dd:first-child .teamList li:last-child{
		border-bottom:0px solid #bec530
	}
	
	
	
	
	
	
	#sub .organ .sche .team dd:last-child .line{
		width:100px;
		height:1px;
		background:#e5e5e5;
		display:inline-block;
		vertical-align:Middle;
		margin-top:2px;
	}
	
	
	
	#sub .organ .sche .team dd:last-child .nmA .po{
		width:100px;
		padding-bottom:8px;
		text-align:center;
		color:#0083cb;
		border-bottom:3px solid #0083cb;
		display:inline-block;
		vertical-align:middle;
		margin-top:-28px;
		position:relative;
	}
	
	#sub .organ .sche .team dd:last-child .nmA .po:before{
		content:'';
		width:21px;
		height:21px;
		background:#0083cb;
		border-radius:100%;
		position:absolute;
		top:50%;
		margin-top:5px;
		left:-21px;
	}
	
	
	#sub .organ .sche .team dd:last-child .nmA .ico{
		width:130px;
		display:inline-block;
		vertical-align:middle;
		margin-left:-4px;
	
	}
	
	#sub .organ .sche .team dd:last-child .nmA .ico img{
		width:100%;
	}
	
	
	#sub .organ .sche .team dd:last-child .teamList{
		border:1px solid #0083cb;
		margin-top:50px;
		right:-182px;
		position:relative;
	}
	
	#sub .organ .sche .team dd:last-child .teamList:before{
		width:1px;
		height:50px;
		background:#0083cb;
		position:absolute;
		content:'';
		top:-51px;
	}
	
	#sub .organ .sche .team dd:last-child .teamList li{
		width:100%;
		text-align:Center;
		padding:15px 0px;
		border-bottom:1px solid #0083cb;
		font-size:13px;
		color:#444;
		
	}
	
	#sub .organ .sche .team dd:last-child .teamList li:last-child{
		border-bottom:0px solid #0083cb
	}
}

@media screen and (max-width: 767px) {
	
	#sub .organ{
		width:94%;
		margin:3em auto 5em;
	}
	
	#sub .organ .subTitle .commonTit{
		text-align:Center;
	}
	
	
	#sub .organ .sche{
		width:100%;
		text-align:center;
		margin-top:2.5em;
	}
	
	#sub .organ .sche .owner{
		width:100%;
		position:relative;
	}
	
	#sub .organ .sche .owner .ico{
		width:120px;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub .organ .sche .owner .ico img{
		width:100%;
	}
	
	
	#sub .organ .sche .owner .ico:after{
		content:'';
		position:absolute;
		width:3px;
		height:50px;
		background:#00b2e2;
		left:50%;
		transform:translateX(-50%);
		bottom:-50px;
	}
	
	#sub .organ .sche .po{
		font-size:16px;
		font-weight:bold;
	}
	
	#sub .organ .sche .owner .po{
		color:#00b2e2;
		text-align:center;
		margin-top:70px;
	}
	
	#sub .organ .sche .owner .nm{
		font-size:13px;
		color:#444;
		text-align:Center;
		margin-top:5px;
	}
	
	#sub .organ .sche .owner .dot{
		width:15px;
		height:15px;
		background:#00b2e2;
		margin:20px auto 0;
		border-radius:100%;
	}
	
	
	#sub .organ .sche .owner:after{
		width:1px;
		height:110px;
		position:absolute;
		content:'';
		background:#e5e5e5;
		left:50%;
		transform:translateX(-50%);
	}
	
	
	
	#sub .organ .sche .team{
		width:100%;
		margin-top:43px;
	}
	
	#sub .organ .sche .team dd{
		display:block;
		position:relative;
	}
	
	#sub .organ .sche .team dd:first-child .nmA{
		position:relative;
	}
	
	
	#sub .organ .sche .team dd:first-child .nmA:before{
		width:15px;
		height:15px;
		background:#bec530;
		border-radius:100%;
		position:absolute;
		content:'';
		left:50%;
		transform:translateX(-50%);
		margin-top:-7.5px;
	}
	
	
	#sub .organ .sche .team dd:first-child .nmA .ico{
		width:90px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .ico img{
		width:100%;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .po{
		width:100px;
		padding-bottom:8px;
		text-align:center;
		color:#bec530;
		border-bottom:3px solid #bec530;
		display:block;
		margin-left:0px;
		vertical-align:middle;
		margin-top:0px;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		margin-top:15px;
	}
	
	#sub .organ .sche .team dd:first-child .nmA .po:after{
		content:'';
		width:21px;
		height:21px;
		background:#bec530;
		border-radius:100%;
		position:absolute;
		top:50%;
		margin-top:5px;
		right:-21px;
		display:none;
	}
	
	#sub .organ .sche .team dd:first-child .line{
		width:100px;
		height:1px;
		background:#e5e5e5;
		display:inline-block;
		vertical-align:Middle;
		margin-top:2px;
		display:none;
	}
	
	
	
	
	#sub .organ .sche .team dd .teamList{
		width:100%;
		box-sizing:border-box;
	}
	
	
	#sub .organ .sche .team dd:first-child .teamList{
		border:1px solid #bec530;
		margin-left:0px;
		position:relative;
		margin-top:50px;
	}
	
	#sub .organ .sche .team dd:first-child .teamList:before{
		width:1px;
		height:50px;
		background:#bec530;
		position:absolute;
		content:'';
		top:-51px;
	}
	
	#sub .organ .sche .team dd:first-child .teamList li{
		width:100%;
		text-align:Center;
		padding:15px 0px;
		border-bottom:1px solid #bec530;
		font-size:13px;
		color:#444;
		
	}
	
	#sub .organ .sche .team dd:first-child .teamList li:last-child{
		border-bottom:0px solid #bec530
	}
	
	
	
	
	#sub .organ .sche .team dd:last-child:before{
		width:1px;
		height:50px;
		content:'';
		background:#e5e5e5;
		position:absolute;
	}
	
	
	#sub .organ .sche .team dd:last-child .line{
		width:100px;
		height:1px;
		background:#e5e5e5;
		display:block;
		vertical-align:Middle;
		margin-top:2px;
		display:none;
	}
	
	
	
	#sub .organ .sche .team dd:last-child .nmA .po{
		width:100px;
		padding-bottom:8px;
		text-align:center;
		color:#0083cb;
		border-bottom:3px solid #0083cb;
		display:block;
		vertical-align:middle;
		margin-top:0px;
		position:relative;
		margin:0 auto;
		display:none;
	}
	
	
	
	#sub .organ .sche .team dd:last-child .nmA .po:before{
		content:'';
		width:21px;
		height:21px;
		background:#0083cb;
		border-radius:100%;
		position:absolute;
		top:50%;
		margin-top:5px;
		left:-21px;
		display:none;
	}
	
	#sub .organ .sche .team dd:last-child .nmA .moPo{
		width:100px;
		padding-bottom:8px;
		text-align:center;
		color:#0083cb;
		border-bottom:3px solid #0083cb;
		display:block !important;
		vertical-align:middle;
		margin:20px auto 0;
	}
	
	
	#sub .organ .sche .team dd:last-child .nmA .ico{
		width:90px;
		display:inline-block;
		vertical-align:middle;
		margin-left:0px;
		margin-top:50px;
		position:relative;
	}
	
	#sub .organ .sche .team dd:last-child .nmA .ico:before{
		width:15px;
		height:15px;
		position:absolute;
		border-radius:100%;
		margin-top:-7.5px;
		left:50%;
		transform:translateX(-50%);
		content:'';
		background:#0083cb
	}
	
	
	#sub .organ .sche .team dd:last-child .nmA .ico img{
		width:100%;
	}
	
	
	#sub .organ .sche .team dd:last-child .teamList{
		border:1px solid #0083cb;
		margin-top:50px;
		right:0px;
		position:relative;
	}
	
	#sub .organ .sche .team dd:last-child .teamList:before{
		width:1px;
		height:50px;
		background:#0083cb;
		position:absolute;
		content:'';
		top:-51px;
	}
	
	#sub .organ .sche .team dd:last-child .teamList li{
		width:100%;
		text-align:Center;
		padding:15px 0px;
		border-bottom:1px solid #0083cb;
		font-size:13px;
		color:#444;
		
	}
	
	#sub .organ .sche .team dd:last-child .teamList li:last-child{
		border-bottom:0px solid #0083cb
	}
}




/*강사소개*/

@media screen and (max-width: 1180px) {
		
	#sub .teacher{
		width:94%;
		margin:100px auto 100px;
	}
	
	#sub .teacher .subTitle{
		text-align:center;
	}
	
	#sub .teacher .tabMenu{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	#sub .teacher .tabMenu li{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		border-top:1px solid #e5e5e5;
		text-align:Center;
		padding:15px 0px;
		font-size:16px;
		color:#999;
	}
	
	#sub .teacher .tabMenu li:first-child{
		border-left:1px solid #e5e5e5;
	}
	
	#sub .teacher .teacherList{
		width:100%;
	}
	
	#sub .teacher .teacherList dd{
		width:100%;
		margin-top:100px;
	}
	
	#sub .teacher .teacherList dd .name{
		font-size:25px;
		color:#00b2e2;
		font-family:'lato','NEXON Lv2 Gothic';
	}
	
	#sub .teacher .teacherList dd .name span{
		display:inline-block;
		position:relative;
	}
	
	#sub .teacher .teacherList dd .name span:before{
		content:'';
		position:absolute;
		width:5px;
		height:5px;
		background:#00b2e2;
		border-radius:100%;
		left:50%;
		transform:translateX(-50%);
		top:-5px;
	}
	
	#sub .teacher .teacherList dd .slogan{
		font-size:16px;
		color:#666666;
		margin-top:15px;
		font-family:'lato','NEXON Lv2 Gothic';
	}
	
	#sub .teacher .teacherList dd .career{
		width:100%;
		margin-top:30px;
	}
	
	#sub .teacher .teacherList dd .career li{
		width:100%;
		margin-top:15px;
	}
	
	#sub .teacher .teacherList dd .career li .ico{
		width:27px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .teacher .teacherList dd .career li .ico img{
		width:100%;
	}
	
	#sub .teacher .teacherList dd .career li .text{
		font-size:14px;
		color:#222222;
		display:inline-block;
		vertical-align:top;
		width:95%;
		padding-left:10px;
		box-sizing:border-box;
		word-break:keep-all;
		line-height:21px;
	}
	
	
	#sub .teacher .teacherList dd .rc{
		width:100%;
		background:#f7f7f7;
		box-shadow:5px 5px 10px rgba(0,0,0,0.05);
		border-radius:0px 0px 50px 0px;
		margin-top:30px;
	}
	
	#sub .teacher .teacherList dd .rc .thum{
		width:25%;
		display:inline-block;
		vertical-align:Middle;
		border-radius:0px 0px 50px 0px;
		overflow:hidden;
	}
	
	#sub .teacher .teacherList dd .rc .thum img{
		width:100%;
	}
	
	#sub .teacher .teacherList dd .rc .textCont{
		width:74%;
		display:inline-block;
		vertical-align:Middle;
		padding:0px 20px;
		box-sizing:border-box;
		font-size:14px;
		color:#444;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .teacher .teacherList dd .rc .textCont br:first-child{
		display:none;
	}

}

@media screen and (max-width: 767px) {
		
	#sub .teacher{
		width:94%;
		margin:3em auto 5em;
	}
	
	#sub .teacher .subTitle{
		text-align:center;
	}
	
	#sub .teacher .tabMenu{
		width:100%;
		display:flex;
		margin-top:2.5em;
	}
	
	#sub .teacher .tabMenu li{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		border-top:1px solid #e5e5e5;
		text-align:Center;
		padding:15px 0px;
		font-size:13px;
		color:#999;
	}
	
	#sub .teacher .tabMenu li:first-child{
		border-left:1px solid #e5e5e5;
	}
	
	#sub .teacher .teacherList{
		width:100%;
	}
	
	#sub .teacher .teacherList dd{
		width:100%;
		margin-top:100px;
	}
	
	#sub .teacher .teacherList dd .name{
		font-size:20px;
		color:#00b2e2;
		font-family:'lato','NEXON Lv2 Gothic';
	}
	
	#sub .teacher .teacherList dd .name span{
		display:inline-block;
		position:relative;
	}
	
	#sub .teacher .teacherList dd .name span:before{
		content:'';
		position:absolute;
		width:5px;
		height:5px;
		background:#00b2e2;
		border-radius:100%;
		left:50%;
		transform:translateX(-50%);
		top:-5px;
	}
	
	#sub .teacher .teacherList dd .slogan{
		font-size:13px;
		color:#666666;
		margin-top:5px;
		font-family:'lato','NEXON Lv2 Gothic';
	}
	
	#sub .teacher .teacherList dd .career{
		width:100%;
		margin-top:30px;
	}
	
	#sub .teacher .teacherList dd .career li{
		width:100%;
		margin-top:10px;
	}
	
	#sub .teacher .teacherList dd .career li .ico{
		width:27px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .teacher .teacherList dd .career li .ico img{
		width:100%;
	}
	
	#sub .teacher .teacherList dd .career li .text{
		font-size:13px;
		color:#222222;
		display:inline-block;
		vertical-align:top;
		width:92%;
		padding-left:10px;
		box-sizing:border-box;
		word-break:keep-all;
		line-height:21px;
	}
	
	
	#sub .teacher .teacherList dd .rc{
		width:100%;
		background:#f7f7f7;
		box-shadow:5px 5px 10px rgba(0,0,0,0.05);
		border-radius:0px 0px 50px 0px;
		margin-top:30px;
	}
	
	#sub .teacher .teacherList dd .rc .thum{
		width:25%;
		display:inline-block;
		vertical-align:Middle;
		border-radius:0px 0px 50px 0px;
		overflow:hidden;
	}
	
	#sub .teacher .teacherList dd .rc .thum img{
		width:100%;
	}
	
	#sub .teacher .teacherList dd .rc .textCont{
		width:74%;
		display:inline-block;
		vertical-align:Middle;
		padding:20px 20px;
		box-sizing:border-box;
		font-size:14px;
		color:#444;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .teacher .teacherList dd .rc .textCont br:first-child{
		display:none;
	}

}

@media screen and (max-width: 500px) {
	
	#sub .teacher .teacherList dd .rc .thum{
		width:100%;
		display:inline-block;
		vertical-align:Middle;
		border-radius:0px 0px 50px 0px;
		overflow:hidden;
	}
	
	#sub .teacher .teacherList dd .rc .thum img{
		width:100%;
	}
	
	#sub .teacher .teacherList dd .rc .textCont{
		width:100%;
		display:inline-block;
		vertical-align:Middle;
		padding:20px 20px;
		box-sizing:border-box;
		font-size:14px;
		color:#444;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .teacher .teacherList dd .rc .textCont br:first-child{
		display:none;
	}

}




/*오시는길*/

@media screen and (max-width: 1180px) {
		
	#sub .location{
		width:94%;
		margin:100px auto 100px;
	}
	
	
	#sub .location .subTitle{
		text-align:center;
	}
	
	
	#sub .location .lc{
		width:100%;
		margin-top:50px;
	}
	
	#sub .location .lc .map{
		width:100%;
		height:420px;
	}
	
	#sub .location .lc .infoList{
		width:100%;
		margin-top:50px;
	}
	
	#sub .location .lc .infoList li{
		border-bottom:1px solid #e5e5e5;
		width:100%;
	}
	
	#sub .location .lc .infoList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .location .lc .infoList li .subjA{
		width:20%;
		background:#f7f7f7;
		padding: 20px;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#sub .location .lc .infoList li .subjA .ico{
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .location .lc .infoList li .subjA .ico img{
		width:100%;
	}
	
	#sub .location .lc .infoList li .subjA .subj{
		font-size:18px;
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:Middle;
		margin-left:10px;
	}
	
	#sub .location .lc .infoList li .subs{
		width:79%;
		display:inline-block;
		vertical-align:middle;
		padding:0px 20px;
		box-sizing:border-box;
		font-size:16px;
		color:#444;
	}
	
	
	
	
	
	#sub .location .lc .method{
		width:100%;
		margin-top:5em;
	}
	
	#sub .location .lc .method .title{
		width:18%;
		display:inline-block;
		vertical-align:top;
		font-size:24px;
		color:#222;
		font-weight:bold;
	}
	
	
	#sub .location .lc .method .methodList{
		width:81%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .location .lc .method .methodList dd{
		width:100%;
		margin-top:50px;
	}
	
	#sub .location .lc .method .methodList dd:first-child{
		margin-top:0px;
	}
	
	#sub .location .lc .method .methodList dd .subjA{
		width:100%;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .ico{
		width:70px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#sub .location .lc .method .methodList dd .subjA .ico img{
		width:100%;
	}
	
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea{
		width:82%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:20px;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subj{
		font-size:18px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subs{
		font-size:14px;
		color:#777777;
		margin-top:10px;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subs span{
		color:#0083cb;
	}
	
	
	
	#sub .location .lc .method .methodList dd .subsA{
		width:100%;
		padding-left:94px;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .location .lc .method .methodList dd .subsA:nth-child(2){
		margin-top:0px;
	}
	
	#sub .location .lc .method .methodList dd .subsA li{
		font-size:14px;
		display:inline-block;
		padding-right:50px;
		color:#444;
		position:Relative;
		margin-top:10px;
	}
	
	#sub .location .lc .method .methodList dd .subsA li span{
		color:#0083cb;
	}
	
	#sub .location .lc .method .methodList dd .subsA li:after{
		content:'';
		position:absolute;
		background:url(../images/sub/methodArrow.png) no-repeat;
		width:7px;
		height:13px;
		top:50%;
		transform:translateY(-50%);
		margin-left:22px;
	}
	
	
	#sub .location .lc .method .methodList dd .subsA li:last-child:after{
		display:none;
	}
	

}

@media screen and (max-width: 767px) {
		
	#sub .location{
		width:94%;
		margin:3em auto 5em;
	}
	
	
	#sub .location .subTitle{
		text-align:center;
	}
	
	
	#sub .location .lc{
		width:100%;
		margin-top:50px;
	}
	
	#sub .location .lc .map{
		width:100%;
		height:350px;
	}
	
	#sub .location .lc .infoList{
		width:100%;
		margin-top:50px;
	}
	
	#sub .location .lc .infoList li{
		border-bottom:1px solid #e5e5e5;
		width:100%;
	}
	
	#sub .location .lc .infoList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .location .lc .infoList li .subjA{
		width:38%;
		background:#f7f7f7;
		padding: 20px;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#sub .location .lc .infoList li .subjA .ico{
		width:15px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .location .lc .infoList li .subjA .ico img{
		width:100%;
	}
	
	#sub .location .lc .infoList li .subjA .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:Middle;
		margin-left:10px;
	}
	
	#sub .location .lc .infoList li .subs{
		width:60%;
		display:inline-block;
		vertical-align:middle;
		padding:0px 15px;
		box-sizing:border-box;
		font-size:13px;
		color:#444;
		line-height:20px;
	}
	
	
	
	
	
	#sub .location .lc .method{
		width:100%;
		margin-top:5em;
	}
	
	#sub .location .lc .method .title{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:18px;
		color:#222;
		font-weight:bold;
	}
	
	
	#sub .location .lc .method .methodList{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .location .lc .method .methodList dd{
		width:100%;
		margin-top:2.5em;
		border-bottom:1px dashed #e5e5e5;
		padding-bottom:2.5em;
	}
	
	#sub .location .lc .method .methodList dd:first-child{
		margin-top:30px;
	}
	
	#sub .location .lc .method .methodList dd:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .location .lc .method .methodList dd .subjA{
		width:100%;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .ico{
		width:50px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .location .lc .method .methodList dd .subjA .ico img{
		width:100%;
	}
	
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea{
		width:78%;
		display:inline-block;
		vertical-align:top;
		padding-left:10px;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subs{
		font-size:13px;
		color:#777777;
		margin-top:10px;
		word-break:keep-all;
		line-height:20px;
	}
	
	
	#sub .location .lc .method .methodList dd .subjA .textArea .subs span{
		color:#0083cb;
		display:block;
	}
	
	
	
	#sub .location .lc .method .methodList dd .subsA{
		width:100%;
		padding-left:0px;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#sub .location .lc .method .methodList dd .subsA:nth-child(2){
		margin-top:20px;
	}
	
	#sub .location .lc .method .methodList dd .subsA li{
		font-size:13px;
		display:inline-block;
		padding-right:30px;
		color:#444;
		position:Relative;
		margin-top:10px;
	}
	
	#sub .location .lc .method .methodList dd .subsA li span{
		color:#0083cb;
	}
	
	#sub .location .lc .method .methodList dd .subsA li:after{
		content:'';
		position:absolute;
		background:url(../images/sub/methodArrow.png) no-repeat;
		width:7px;
		height:13px;
		top:50%;
		transform:translateY(-50%);
		margin-left:12px;
	}
	
	
	#sub .location .lc .method .methodList dd .subsA li:last-child:after{
		display:none;
	}
	

}




/*noticeList-gallType*/


@media screen and (max-width: 1180px) {
		
	#sub .alarm{
		width:94%;
		margin:5em auto 5empx;
	}
	
	#sub .alarm .board{
		width:100%;
		margin-top:2.5empx;
	}
	
	#sub .alarm .board .search{
		width:100%;
		padding:0px 20px 10px;
		border-bottom:1px solid #222;
		box-sizing:border-box;
		display:inline-block;
	}
	
	
	#sub .alarm .board .search .inputBox{
		width:92%;
		display:inline-block;
		height:27px;
		font-size:16px;
		color:#222;
	}
	
	
	#sub .alarm .board .search .searchBtn{
		width:27px;
		display:inline-block;
		float:right;
	}
	
	
	#sub .alarm .board .alignLine{
		width:100%;
		display:inline-block;
		margin-top:50px;
	}
	
	#sub .alarm .board .alignLine .total{
		font-size:17px;
		color:#777;
		display:inline-block;
	}
	
	#sub .alarm .board .alignLine .total span{
		font-size:17px;
		color:#00b2e2;
		font-weight:bold;
	}
	
	
	#sub .alarm .board .alignLine .alignList{
		display:inline-block;
		float:Right;
	}
	
	#sub .alarm .board .alignLine .alignList li{
		display:inline-block;
		margin-left:20px;
	}
	
	
	#sub .alarm .board .noticeListType02{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	#sub .alarm .board .noticeListType02 li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:40px;
	}
	
	#sub .alarm .board .noticeListType02 li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .alarm .board .noticeListType02 li:nth-child(1),
	#sub .alarm .board .noticeListType02 li:nth-child(2){
		margin-top:0px;
	}
	
	
	
	#sub .alarm .board .noticeListType02 li .thum{
		width:100%;
	}
	
	#sub .alarm .board .noticeListType02 li .thum img{
		width:100%;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine{
		width:100%;
		margin-top:1.5em;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine .bat{
		width:50px;
		background:#00b2e2;
		border-radius:50px;
		color:#fff;
		text-align:center;
		font-size:13px;
		padding:6px 0px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine .subj{
		display:inline-block;
		max-width:83%;
		vertical-align:Middle;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:16px;
		font-weight:bold;
		line-height:27px;
	}
	
	#sub .alarm .board .noticeListType02 li .opL{
		width:100%;
		margin-top:15px;
	}
	
	#sub .alarm .board .noticeListType02 li .opL div{
		display:inline-block;
		padding:0px 10px;
		box-sizing:border-box;
		border-right:1px solid #e5e5e5;
		font-size:14px;
		color:#777;
	}
	
	
	#sub .alarm .board .noticeListType02 li .opL div:first-child{
		padding:0px 13px 0px 0px;
	}
	
	
	#sub .alarm .board .noticeListType02 li .opL div:last-child{
		border-right:0;
	}
	
	#sub .paging{
		width:100%;
		margin-top:50px;
		text-align:Center;
	}
	
	#sub .paging li{
		width:26px;
		line-height:26px;
		display:inline-block;
		vertical-align:Middle;
		margin:0px 3px;
		text-align:Center;
		font-size:14px;
	}
	
	#sub .paging .on{
		background:#00b2e2;
		border-radius:100%;
	}
	
	#sub .paging .on a{
		color:#fff;
	}



}

@media screen and (max-width: 767px) {
		
	#sub .alarm{
		width:94%;
		margin:5em auto 5empx;
	}
	
	#sub .alarm .board{
		width:100%;
		margin-top:2.5empx;
	}
	
	#sub .alarm .board .search{
		width:100%;
		padding:0px 1em 10px;
		border-bottom:1px solid #222;
		box-sizing:border-box;
		display:inline-block;
	}
	
	
	#sub .alarm .board .search .inputBox{
		width:85%;
		display:inline-block;
		height:22px;
		font-size:14px;
		color:#222;
	}
	
	
	
	#sub .alarm .board .search .searchBtn{
		width:22px;
		display:inline-block;
		float:right;
	}
	
	
	#sub .alarm .board .alignLine{
		width:100%;
		display:inline-block;
		margin-top:50px;
	}
	
	#sub .alarm .board .alignLine .total{
		font-size:17px;
		color:#777;
		display:inline-block;
	}
	
	#sub .alarm .board .alignLine .total span{
		font-size:17px;
		color:#00b2e2;
		font-weight:bold;
	}
	
	
	#sub .alarm .board .alignLine .alignList{
		display:inline-block;
		float:Right;
	}
	
	#sub .alarm .board .alignLine .alignList li{
		display:inline-block;
		margin-left:20px;
	}
	
	
	#sub .alarm .board .noticeListType02{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	#sub .alarm .board .noticeListType02 li{
		width:100%;
		display:inline-block;
		float:left;
		margin-left:0%;
		margin-top:40px;
	}
	
	#sub .alarm .board .noticeListType02 li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .alarm .board .noticeListType02 li:nth-child(2){
		margin-top:40px;
	}
	
	
	
	#sub .alarm .board .noticeListType02 li .thum{
		width:100%;
	}
	
	#sub .alarm .board .noticeListType02 li .thum img{
		width:100%;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine{
		width:100%;
		margin-top:1.5em;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine .bat{
		width:50px;
		background:#00b2e2;
		border-radius:50px;
		color:#fff;
		text-align:center;
		font-size:12px;
		padding:6px 0px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#sub .alarm .board .noticeListType02 li .subjLine .subj{
		display:inline-block;
		max-width:82%;
		vertical-align:Middle;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:17px;
		font-weight:bold;
		line-height:27px;
	}
	
	#sub .alarm .board .noticeListType02 li .opL{
		width:100%;
		margin-top:10px;
	}
	
	#sub .alarm .board .noticeListType02 li .opL div{
		display:inline-block;
		padding:0px 10px;
		box-sizing:border-box;
		border-right:1px solid #e5e5e5;
		font-size:14px;
		color:#777;
	}
	
	
	#sub .alarm .board .noticeListType02 li .opL div:first-child{
		padding:0px 13px 0px 0px;
	}
	
	
	#sub .alarm .board .noticeListType02 li .opL div:last-child{
		border-right:0;
	}
	
	#sub .paging{
		width:100%;
		margin-top:50px;
		text-align:Center;
	}
	
	#sub .paging li{
		width:26px;
		line-height:26px;
		display:inline-block;
		vertical-align:Middle;
		margin:0px 3px;
		text-align:Center;
		font-size:14px;
	}
	
	#sub .paging .on{
		background:#00b2e2;
		border-radius:100%;
	}
	
	#sub .paging .on a{
		color:#fff;
	}



}




/*board View*/

@media screen and (max-width: 1180px) {
		
	#sub .alarm .noticeView{
		width:100%;
	}
	
	#sub .alarm .noticeView .subject{
		width:100%;
		text-align:center;
		font-size:26px;
		font-weight:bold;
		word-break:keep-all;
		line-height:36px;
	}
	
	#sub .alarm .noticeView .opL{
		width:100%;
		text-align:center;
		margin-top:10px;
	}
	
	#sub .alarm .noticeView .opL li{
		display:inline-block;
		padding:0px 10px;
		box-sizing:border-box;
		border-left:1px solid #e5e5e5;
		font-size:16px;
		color:#777;
	}
	
	#sub .alarm .noticeView .opL li:first-child{
		border-left:0px solid #e5e5e5;
	}
	
	
	#sub .alarm .noticeView .viewCont{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:50px 0px;
		text-align:center;
	}
	
	#sub .alarm .noticeView .viewCont p{
		font-size:16px;
		margin-top:20px;
	}
	
	#sub .alarm .noticeView .viewCont img{
		width:100%;
	}
	
	
	#sub .alarm .noticeView .slA{
		width:100%;
		display:inline-block;
		margin-top:30px;
	}
	
	#sub .alarm .noticeView .slA .snsList{
		display:inline-block;
	}
	
	#sub .alarm .noticeView .slA .snsList li{
		display:inline-block;
		width:35px;
	}
	
	#sub .alarm .noticeView .slA .snsList li img{
		width:100%;
	}
	
		
	#sub .alarm .noticeView .slA .listIco{
		display:inline-block;
		float:right;
		border-radius:50px;
		border:1px solid #e5e5e5;
		padding:12px 20px;
		box-sizing:border-box;
	}
	
	#sub .alarm .noticeView .slA .listIco .ico{
		width:25px;
		display:inline-block;
		vertical-align:Middle;
	}
	#sub .alarm .noticeView .slA .listIco .ico img{
		width:100%;
	}
	#sub .alarm .noticeView .slA .listIco .text{
		font-size:16px;
		display:inline-block;
		vertical-align:Middle;
		margin-left:5px;
	}
	
}

@media screen and (max-width: 767px) {
		
	#sub .alarm .noticeView{
		width:100%;
	}
	
	#sub .alarm .noticeView .subject{
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		word-break:keep-all;
		line-height:30px;
	}
	
	#sub .alarm .noticeView .opL{
		width:100%;
		text-align:center;
		margin-top:10px;
	}
	
	#sub .alarm .noticeView .opL li{
		display:inline-block;
		padding:0px 10px;
		box-sizing:border-box;
		border-left:1px solid #e5e5e5;
		font-size:14px;
		color:#777;
	}
	
	#sub .alarm .noticeView .opL li:first-child{
		border-left:0px solid #e5e5e5;
	}
	
	
	#sub .alarm .noticeView .viewCont{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:50px 0px;
		text-align:center;
	}
	
	#sub .alarm .noticeView .viewCont p{
		font-size:14px;
		margin-top:20px;
	}
	
	#sub .alarm .noticeView .viewCont img{
		width:100%;
	}
	
	
	#sub .alarm .noticeView .slA{
		width:100%;
		display:inline-block;
		margin-top:30px;
	}
	
	#sub .alarm .noticeView .slA .snsList{
		display:inline-block;
	}
	
	#sub .alarm .noticeView .slA .snsList li{
		display:inline-block;
		width:30px;
	}
	
	#sub .alarm .noticeView .slA .snsList li img{
		width:100%;
	}
	
		
	#sub .alarm .noticeView .slA .listIco{
		display:inline-block;
		float:right;
		border-radius:50px;
		border:1px solid #e5e5e5;
		padding:10px 20px;
		box-sizing:border-box;
		margin-top:-6px;
	}
	
	#sub .alarm .noticeView .slA .listIco .ico{
		width:20px;
		display:inline-block;
		vertical-align:Middle;
	}
	#sub .alarm .noticeView .slA .listIco .ico img{
		width:100%;
	}
	#sub .alarm .noticeView .slA .listIco .text{
		font-size:14px;
		display:inline-block;
		vertical-align:Middle;
		margin-left:5px;
	}

}




/*셔틀버스*/

@media screen and (max-width: 1180px) {
	
	#sub .alarm .busInfo{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .alarm .busInfo .titleIllust{
		width:300px;
		margin:0 auto;
	}
	
	
	#sub .alarm .busInfo .titleIllust img{
		width:100%;
	}
	
	#sub .alarm .busInfo .s_subjA{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .alarm .busInfo .s_subjA{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .alarm .busInfo .s_subjA .s_subjImg{
		width:70px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .alarm .busInfo .s_subjA .s_subjImg img{
		width:100%;
	}
	
	
	#sub .alarm .busInfo .s_subjA .s_subj{
		display:inline-block;
		font-size:20px;
		font-weight:bold;
		vertical-align:middle;
		margin-left:10px;
	}



	#sub .alarm .busInfo .process{
		width:100%;
		position:relative;
	}
	
	#sub .alarm .busInfo .process dd{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .alarm .busInfo .process dd .ico{
		width:60px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .alarm .busInfo .process dd .ico img{
		width:100%;
	}
	
	
	#sub .alarm .busInfo .process dd .txA{
		width:90%;
		display:inline-block;
		vertical-align:top;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA{
		width:100%;
		margin-top:5px;
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA .nmb{
		font-size:14px;
		color:#00b2e2;
		
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA .subj{
		font-size:16px;
		color:#222;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		line-height:24px;
		
	}
	
	
	
	
	#sub .alarm .busInfo .process dd .txA .exA{
		width:100%;
		margin-top:30px;
	}
	
	#sub .alarm .busInfo .process dd .txA .exA .bat{
		width:100px;
		background:#c1c1c1;
		color:#fff;
		border-radius:50px;
		text-align:center;
		font-size:17px;
		padding:15px 0px;
	}
	
	
	#sub .alarm .busInfo .process dd .txA .exA .tx{
		width:100%;
		font-size:14px;
		color:#444444;
		margin-top:10px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	#sub .alarm .busInfo .process dt{
		width:1px;
		height:100%;
		position:absolute;
		left:30px;
		background:#00b2e2;
		z-index:-1;
	}
	
	
	#sub .alarm .busClist{
		width:100%;
		margin-top:80px;
	}
	
		
	#sub .alarm .busClist dt{
		position:relative;
		font-size:20px;
		color:#222;
		font-weight:bold;
		box-sizing:border-box;
	}
	#sub .alarm .busClist dt span{
		width:26px;
		display:inline-block;
		margin-right:5px;
	}
	
	#sub .alarm .busClist dt span img{
		width:100%;
	}
	
	
	#sub .alarm .busClist dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .alarm .busClist dd:nth-child(2){
		margin-top:20px;
	}
	
	
	#sub .alarm .busClist dd .headA{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#sub .alarm .busClist dd .headA .inA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		vertical-align:middle;
		padding:15px 0px;
	}
	
	#sub .alarm .busClist dd .headA .inA .ico{
		width:40px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .alarm .busClist dd .headA .inA .ico img{
		width:100%;
	}
	
	
	
	#sub .alarm .busClist dd .headA .inA .nmb{
		font-size:20px;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}
	
	#sub .alarm .busClist dd:nth-child(2) .headA .inA .nmb{
		color:#bec530;
	}
	
	#sub .alarm .busClist dd:nth-child(3) .headA .inA .nmb{
		color:#0083cb;
	}
	
	#sub .alarm .busClist dd:nth-child(4) .headA .inA .nmb{
		color:#ee4c9b;
	}
	
	#sub .alarm .busClist dd:nth-child(5) .headA .inA .nmb{
		color:#e2a500;
	}
	
	#sub .alarm .busClist dd:nth-child(6) .headA .inA .nmb{
		color:#00b2e2;
	}
	
	
	
	
	#sub .alarm .busClist dd .headA .infA{
		width:100%;
		display:inline-block;
		padding-right:0px;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#sub .alarm .busClist dd .headA .infA .teInf{
		width:100%;
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		font-size:16px;
		color:#444444;
		text-align:center;
	}
	
	
	#sub .alarm .busClist dd .headA .infA .headList{
		width:100%;
		padding:15px 0px;
		display:flex;
	}
	
	#sub .alarm .busClist dd .headA .infA .headList li{
		display:inline-block;
		text-align:center;
		color:#777;
		font-size:14px;
		
	}
	
	#sub .alarm .busClist dd .loca{
		width:55%
	}
	
	#sub .alarm .busClist dd .time{
		width:30%;
	}
	
	
	#sub .alarm .nth_2 dd .time{
		width:55%;
	}
	
	
	
	
	#sub .alarm .busClist dd .lotList{
		width:100%;
	}
	
	#sub .alarm .busClist dd .lotList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#sub .alarm .busClist dd .lotList div{
		display:inline-block;
		vertical-align:middle;
		padding:30px 10px;
		text-align:center;
		font-family:'lato','NEXON Lv2 Gothic';
		box-sizing:border-box;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	
	
	#sub .alarm .busClist dd .lotList div:last-child{
		border-right:0;
	}
	
	
	
	#sub .alarm .busClist dd .lotList li .num{
		width:190px;
		display:none;
	}
	
	#sub .alarm .busClist dd .lotList li .num span{
		padding:10px 15px;
		box-sizing:border-box;
		border-radius:5px;
	}
	
	
	
	#sub .alarm .busClist dd:nth-child(2) .lotList li .num span{
		color:#bec530;
		border:1px solid #bec530;
	}
	
	
	#sub .alarm .busClist dd:nth-child(3) .lotList li .num span{
		color:#0083cb;
		border:1px solid #0083cb;
	}
	
	#sub .alarm .busClist dd:nth-child(4) .lotList li .num span{
		color:#ee4c9b;
		border:1px solid #ee4c9b;
	}
	
	#sub .alarm .busClist dd:nth-child(5) .lotList li .num span{
		color:#e2a500;
		border:1px solid #e2a500;
	}
	
	#sub .alarm .busClist dd:nth-child(6) .lotList li .num span{
		color:#00b2e2;
		border:1px solid #00b2e2;
	}

}

@media screen and (max-width: 767px) {
	
	#sub .alarm .busInfo{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .alarm .busInfo .titleIllust{
		width:230px;
		margin:0 auto;
	}
	
	
	#sub .alarm .busInfo .titleIllust img{
		width:100%;
	}
	
	
	#sub .alarm .busInfo .s_subjA{
		width:100%;
		margin-top:30px;
		text-align:center;
	}
	
	
	#sub .alarm .busInfo .s_subjA .s_subjImg{
		width:60px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .alarm .busInfo .s_subjA .s_subjImg img{
		width:100%;
	}
	
	
	#sub .alarm .busInfo .s_subjA .s_subj{
		display:inline-block;
		font-size:18px;
		font-weight:bold;
		vertical-align:middle;
		margin-left:10px;
	}



	#sub .alarm .busInfo .process{
		width:100%;
		position:relative;
	}
	
	#sub .alarm .busInfo .process dd{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .alarm .busInfo .process dd .ico{
		width:40px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .alarm .busInfo .process dd .ico img{
		width:100%;
	}
	
	
	#sub .alarm .busInfo .process dd .txA{
		width:80%;
		display:inline-block;
		vertical-align:top;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA{
		width:100%;
		margin-top:5px;
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA .nmb{
		font-size:12px;
		color:#00b2e2;
		
	}
	
	#sub .alarm .busInfo .process dd .txA .subjA .subj{
		font-size:14px;
		color:#222;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		line-height:21px;
		
	}
	
	
	
	
	#sub .alarm .busInfo .process dd .txA .exA{
		width:100%;
		margin-top:30px;
	}
	
	#sub .alarm .busInfo .process dd .txA .exA .bat{
		width:70px;
		background:#c1c1c1;
		color:#fff;
		border-radius:50px;
		text-align:center;
		font-size:14px;
		padding:10px 0px;
	}
	
	
	#sub .alarm .busInfo .process dd .txA .exA .tx{
		width:100%;
		font-size:13px;
		color:#444444;
		margin-top:10px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	#sub .alarm .busInfo .process dt{
		width:1px;
		height:100%;
		position:absolute;
		left:20px;
		background:#00b2e2;
		z-index:-1;
	}
	
	
	#sub .alarm .busClist{
		width:100%;
		margin-top:80px;
	}
	
		
	#sub .alarm .busClist dt{
		position:relative;
		font-size:20px;
		color:#222;
		font-weight:bold;
		box-sizing:border-box;
	}
	#sub .alarm .busClist dt span{
		width:26px;
		display:inline-block;
		margin-right:5px;
	}
	
	#sub .alarm .busClist dt span img{
		width:100%;
	}
	
	
	#sub .alarm .busClist dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .alarm .busClist dd:nth-child(2){
		margin-top:20px;
	}
	
	
	#sub .alarm .busClist dd .headA{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#sub .alarm .busClist dd .headA .inA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		vertical-align:middle;
		padding:15px 0px;
	}
	
	#sub .alarm .busClist dd .headA .inA .ico{
		width:40px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .alarm .busClist dd .headA .inA .ico img{
		width:100%;
	}
	
	
	
	#sub .alarm .busClist dd .headA .inA .nmb{
		font-size:18px;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}
	
	#sub .alarm .busClist dd:nth-child(2) .headA .inA .nmb{
		color:#bec530;
	}
	
	#sub .alarm .busClist dd:nth-child(3) .headA .inA .nmb{
		color:#0083cb;
	}
	
	#sub .alarm .busClist dd:nth-child(4) .headA .inA .nmb{
		color:#ee4c9b;
	}
	
	#sub .alarm .busClist dd:nth-child(5) .headA .inA .nmb{
		color:#e2a500;
	}
	
	#sub .alarm .busClist dd:nth-child(6) .headA .inA .nmb{
		color:#00b2e2;
	}
	
	
	
	
	#sub .alarm .busClist dd .headA .infA{
		width:100%;
		display:inline-block;
		padding-right:0px;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#sub .alarm .busClist dd .headA .infA .teInf{
		width:100%;
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		font-size:14px;
		color:#444444;
		text-align:center;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .alarm .busClist dd .headA .infA .headList{
		width:100%;
		padding:15px 0px;
		display:flex;
	}
	
	#sub .alarm .busClist dd .headA .infA .headList li{
		display:inline-block;
		text-align:center;
		color:#777;
		font-size:13px;
		
	}
	
	#sub .alarm .busClist dd .loca{
		width:55%
	}
	
	#sub .alarm .busClist dd .time{
		width:30%;
	}
	
	
	#sub .alarm .nth_2 dd .time{
		width:55%;
	}
	
	
	
	
	#sub .alarm .busClist dd .lotList{
		width:100%;
	}
	
	#sub .alarm .busClist dd .lotList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#sub .alarm .busClist dd .lotList div{
		display:inline-block;
		vertical-align:middle;
		padding:30px 10px;
		text-align:center;
		font-family:'lato','NEXON Lv2 Gothic';
		box-sizing:border-box;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		font-size:13px;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .alarm .busClist dd .lotList div:last-child{
		border-right:0;
	}
	
	
	
	#sub .alarm .busClist dd .lotList li .num{
		width:190px;
		display:none;
	}
	
	#sub .alarm .busClist dd .lotList li .num span{
		padding:10px 15px;
		box-sizing:border-box;
		border-radius:5px;
	}
	
	
	
	#sub .alarm .busClist dd:nth-child(2) .lotList li .num span{
		color:#bec530;
		border:1px solid #bec530;
	}
	
	
	#sub .alarm .busClist dd:nth-child(3) .lotList li .num span{
		color:#0083cb;
		border:1px solid #0083cb;
	}
	
	#sub .alarm .busClist dd:nth-child(4) .lotList li .num span{
		color:#ee4c9b;
		border:1px solid #ee4c9b;
	}
	
	#sub .alarm .busClist dd:nth-child(5) .lotList li .num span{
		color:#e2a500;
		border:1px solid #e2a500;
	}
	
	#sub .alarm .busClist dd:nth-child(6) .lotList li .num span{
		color:#00b2e2;
		border:1px solid #00b2e2;
	}

}




/*faq*/

@media screen and (max-width: 1180px) {
		
	#sub .alarm .faq .tab{
		width:100%;
		margin-top:80px;
		display:flex;
	}
	
	#sub .alarm .faq .tab li{
		width:100%;
		display:inline-block;
		border:1px solid #e5e5e5;
		margin-left:-1px;
		text-align:center;
		padding:20px 0px;
		font-size:16px;
	}
	
	
	
	
	
	
	
	
	#sub .alarm .faq .faqList{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .alarm .faq .faqList li{
		width:100%;
		border-radius:5px;
		background:#f7f7f7;
		margin-top:10px;
		padding:25px 20px;
		box-sizing:border-box;
		cursor:pointer;
	}
	
	#sub .alarm .faq .faqList .toggleClass{
		background:#00b2e2;
	}
	
	
	#sub .alarm .faq .faqList .toggleClass .questionL .question{
		color:#fff;
	}
	
	#sub .alarm .faq .faqList li .questionL{
		width:100%;
		display:inline-block;
	}
	
	#sub .alarm .faq .faqList li .questionL .question{
		width:90%;
		display:inline-block;
		font-size:16px;
		color:#222;
		vertical-align:Middle;
		font-weight:bold;
	}
	
	#sub .alarm .faq .faqList li .questionL .arrow{
		width:15px;
		height:10px;
		display:inline-block;
		float:right;
		background:url(../images/sub/faqArrowDown.png);
	}
	
	
	#sub .alarm .faq .faqList li .questionL .toggleArrow{
		width:15px;
		height:10px;
		display:inline-block;
		float:right;
		background:url(../images/sub/faqArrowUp.png);
	}
	
	
	#sub .alarm .faq .faqList li .answerA{
		background:#fff;
		border-radius:5px;
		padding:25px;
		margin-top:25px;
		box-sizing:border-box;
		width:100%;
		display:none;
		
	}
	
	#sub .alarm .faq .faqList li .answerA .A{
		width:3%;
		display:inline-block;
		vertical-align:top;
		font-weight:bold;
		color:#bec530;
	}
	
	
	#sub .alarm .faq .faqList li .answerA .answer{
		width:96%;
		display:inline-block;
		vertical-align:top;
		color:#444;
		line-height:24px;
		font-size:16px;
		word-break:keep-all;
		
	}

}

@media screen and (max-width: 767px) {
		
	#sub .alarm .faq .tab{
		width:100%;
		margin-top:80px;
		display:flex;
	}
	
	#sub .alarm .faq .tab li{
		width:100%;
		display:inline-block;
		border:1px solid #e5e5e5;
		margin-left:-1px;
		text-align:center;
		padding:20px 0px;
		font-size:14px;
	}
	
	
	
	
	
	
	
	
	#sub .alarm .faq .faqList{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .alarm .faq .faqList li{
		width:100%;
		border-radius:5px;
		background:#f7f7f7;
		margin-top:10px;
		padding:25px 20px;
		box-sizing:border-box;
		cursor:pointer;
	}
	
	#sub .alarm .faq .faqList .toggleClass{
		background:#00b2e2;
	}
	
	
	#sub .alarm .faq .faqList .toggleClass .questionL .question{
		color:#fff;
	}
	
	#sub .alarm .faq .faqList li .questionL{
		width:100%;
		display:inline-block;
	}
	
	#sub .alarm .faq .faqList li .questionL .question{
		width:90%;
		display:inline-block;
		font-size:14px;
		color:#222;
		vertical-align:Middle;
		font-weight:bold;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .alarm .faq .faqList li .questionL .arrow{
		width:15px;
		height:10px;
		display:inline-block;
		float:right;
		background:url(../images/sub/faqArrowDown.png);
	}
	
	
	#sub .alarm .faq .faqList li .questionL .toggleArrow{
		width:15px;
		height:10px;
		display:inline-block;
		float:right;
		background:url(../images/sub/faqArrowUp.png);
	}
	
	
	#sub .alarm .faq .faqList li .answerA{
		background:#fff;
		border-radius:5px;
		padding:20px;
		margin-top:25px;
		box-sizing:border-box;
		width:100%;
		display:none;
		
	}
	
	#sub .alarm .faq .faqList li .answerA .A{
		width:3%;
		display:inline-block;
		vertical-align:top;
		font-weight:bold;
		color:#bec530;
	}
	
	
	#sub .alarm .faq .faqList li .answerA .answer{
		width:100%;
		display:inline-block;
		vertical-align:top;
		color:#444;
		line-height:21px;
		font-size:14px;
		word-break:keep-all;
		margin-top:10px;
		
	}

}




/*교육과정 Common*/

@media screen and (max-width: 1180px) {
	
	#sub .education{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .deThum{
		width:100%;
	}

	#sub .education .deThum img{
		width:100%;
	}
	
	#sub .proInfo{
		width:100%;
	}
	
	#sub .eduSubTitleA{
		width:100%;
	}
	
	#sub  .eduSubTitleA .c_eTit{
		color:#00b3e2;
		font-size:18px;
	}
	
	#sub .eduSubTitleA .tit{
		font-size:26px;
		color:#222;
		font-weight:bold;
		margin-top:12px;
		word-break:keep-all;
		line-height:36px
	}
	
	#sub .eduSubTitleA .substance{
		font-size:17px;
		color:#222222;
		line-height:23px;
		margin-top:20px;
	}
		
	#sub .proInfo .eduSubTitleA{
		width:24%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	
	#sub .proInfo .eduSubTitleA .tabList{
		width:100%;
		margin-top:50px;
		padding-right:20px;
		box-sizing:border-box;
	}
	
	#sub .proInfo .eduSubTitleA .tabList li{
		width:100%;
		margin-top:10px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:18px 20px 12px;
		box-sizing:border-box;
		display:inline-block;
		font-size:16px;
		color:#222;
		vertical-align:Middle;
		margin-top:10px;
		cursor:pointer;
	}
	
	#sub .proInfo .eduSubTitleA .tabList li span{
		display:inline-block;
		text-align:right;
		float:right;
		margin-top:-6px;
	}
	
		
		
	#sub .proInfo .contA{
		width:75%;
		display:inline-block;
		vertical-align:top;
		padding-left:30px;
		box-sizing:border-box;
	}
	
	#sub .proInfo .contA .inTx{
		font-size:17px;
		color:#222222;
		line-height:23px;
		word-break:keep-all;
	}
	
	
	#sub .proInfo .contA .selTabList{
		width:100%;
		display:flex;
	}
	
	
	#sub .proInfo .contA .selTabList li{
		width:100%;
		display:inline-block;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
		box-sizing:border-box;
		font-size:16px;
		padding-bottom:15px;
		cursor:pointer;
	}
	

		
	#sub .proInfo .contA .contList{
		width:100%;
	}
	
	
	#sub .proInfo .contA .contList dd{
		width:49.5%;
		display:inline-block;
		vertical-align:top;
		margin-top:2.5em;
		padding-right:1em;
		box-sizing:border-box;
	}
	
	#sub .proInfo .contA .contList dd:nth-child(2n){
		padding-right:0px;
		padding-left:1em;
	}
	
	#sub .proInfo .contA .contList dd .ico{
		width:120px;
	}
	
	#sub .proInfo .contA .contList dd .ico img{
		width:100%;
	}
	
	#sub .proInfo .contA .contList dd .subj{
		color:#222;
		font-weight:bold;
		font-size:16px;
		margin-top:25px;
	}
	
	#sub .proInfo .contA .contList dd .subs{
		color:#444444;
		font-size:14px;
		margin-top:15px;
		word-break:keep-all;
		line-height:22px;
	}
}

@media screen and (max-width: 767px) {
	
	#sub .education{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .deThum{
		width:100%;
	}

	#sub .education .deThum img{
		width:100%;
	}
	
	#sub .proInfo{
		width:100%;
	}
	
	#sub .eduSubTitleA{
		width:100%;
	}
	
	#sub  .eduSubTitleA .c_eTit{
		color:#00b3e2;
		font-size:17px;
	}
	
	#sub .eduSubTitleA .tit{
		font-size:20px;
		color:#222;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		line-height:28px;
	}
	
	#sub .eduSubTitleA .substance{
		font-size:14px;
		color:#222222;
		line-height:23px;
		margin-top:20px;
	}
		
	#sub .proInfo .eduSubTitleA{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
		
	
	
	
	#sub .proInfo .eduSubTitleA .tabList{
		width:100%;
		margin-top:2em;
		padding-right:0px;
		box-sizing:border-box;
		display:flex;
	}
	
	#sub .proInfo .eduSubTitleA .tabList li{
		width:100%;
		margin-top:0px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:12px 15px 12px;
		box-sizing:border-box;
		display:inline-block;
		font-size:14px;
		color:#222;
		vertical-align:Middle;
		margin-top:10px;
		cursor:pointer;
		margin-left:10px;
	}
	
	#sub .proInfo .eduSubTitleA .tabList li span{
		display:inline-block;
		text-align:right;
		float:right;
		margin-top:-2px;
		width:20px;
	}
	
	#sub .proInfo .eduSubTitleA .tabList li span img{
		width:100%;
	}
	#sub .proInfo .eduSubTitleA .tabList li:first-child{
		margin-left:0px;
	}
	
	
	
	#sub .proInfo .contA{
		width:100%;
		display:inline-block;
		vertical-align:top;
		padding-left:0px;
		margin-top:30px;
		box-sizing:border-box;
	}
	
	#sub .proInfo .contA .inTx{
		font-size:14px;
		color:#222222;
		line-height:22px;
		word-break:keep-all;
	}
	
	#sub .proInfo .contA .selTabList{
		width:100%;
		display:flex;
	}
	
	
	#sub .proInfo .contA .selTabList li{
		width:100%;
		display:inline-block;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
		box-sizing:border-box;
		font-size:14px;
		padding-bottom:15px;
		cursor:pointer;
	}
		
	#sub .proInfo .contA .contList{
		width:100%;
		margin-top:10px;
	}
	
	
	#sub .proInfo .contA .contList dd{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-top:0.7em;
		padding-right:0em;
		box-sizing:border-box;
	}
	
	#sub .proInfo .contA .contList dd:nth-child(2n){
		padding-right:0px;
		padding-left:0em;
	}
	
	#sub .proInfo .contA .contList dd .ico{
		width:60px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .proInfo .contA .contList dd .ico img{
		width:100%;
	}
	
	#sub .proInfo .contA .contList dd .txCt{
		width:78%;
		display:inline-block;
		vertical-align:middle;
		padding-left:0.5em;
		box-sizing:border-box;
	}
	
	#sub .proInfo .contA .contList dd .subj{
		color:#222;
		font-weight:bold;
		font-size:14px;
		margin-top:0px;
	}
	
	#sub .proInfo .contA .contList dd .subs{
		color:#444444;
		font-size:13px;
		margin-top:8px;
		word-break:keep-all;
		line-height:19px;
	}
	
	#sub .proInfo .contA .contList dd .subs span{
		display:none;
	}
}





/*교육과정 글로벌문화체험*/

@media screen and (max-width: 1180px) {
		
	#sub .education .globalCulture{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .globalCulture .deThum{
		width:94%;
		margin:0 auto;
	}
	
	
	#sub .education .globalCulture .proInfo{
		width:94%;
		margin:80px auto 0;
	}
	
	#sub .education .globalCulture .eduProList{
		width:100%;
		margin-top:80px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual{
		width:100%;
		position:relative;
		left:0%;
		margin-left:0px;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-prev{
		background:url(../images/sub/eduProVisualPrev.png) no-repeat;
		width:60px;
		height:60px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:40px;
		margin-left:0px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-next{
		background:url(../images/sub/eduProVisualNext.png) no-repeat;
		width:60px;
		height:60px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:40px;
		margin-right:0px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
	}
	
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd{
		width:100%;
		margin:0px 15px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box{
		background:#fff;
		box-shadow:3px 10px 20px rgba(0,0,0,0.1);
		border-radius:50px 0px 50px 50px;
		padding:40px 4%;
		box-sizing:border-box;
		min-height:754px;
		height:auto;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .num{
		font-size:16px;
		color:#00b3e2;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine{
		width:100%;
		margin-top:10px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine .subj{
		font-size:24px;
		font-weight:bold;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		width:38%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine .line{
		width:61%;
		display:inline-block;
		height:2px;
		background:#222;
		vertical-align:middle;
	}
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon{
		width:100%;
		padding:150px 0px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .inTx{
		text-align:Center;
		font-size:17px;
		color:#222;
		line-height:25px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call{
		text-align:Center;
		margin-top:30px;
	}
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .ico{
		width:24px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .ico img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .tx{
		font-size:24px;
		color:#00b2e2;
		display:inline-block;
		font-family:'lato','NEXON Lv2 Gothic';
		font-weight:bold;
		vertical-align:Middle;
		margin-left:10px;
	}
	

	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha{
		width:100%;
		margin-top:2.5em;
		position:Relative;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine{
		
		position:absolute;
		left:23px;
		top:50%;
		transform:translateY(-50%);
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine div{
		width:5px;
		height:5px;
		border-radius:100%;
		margin-top:5px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine div:first-child{
		margin-top:0px;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .sky{
		background:#00b3e2;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .green{
		background:#bdc532 ;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .pink{
		background:#ee4c9b;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .ico{
		width:50px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .ico img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .text{
		width:88%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:15px;
		box-sizing:border-box;
		font-size:17px;
		color:#222222;
		line-height:23px;
		word-break:keep-all;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .text span{
		display:inline-block;
		background:url("../images/sub/subjBg.png") center bottom repeat-x;
		padding-bottom:3px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri{
	width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .ct{
		width:100%;
		display:inline-block;
	
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .head{
		width:100%;
		background:#f7f7f7;
		padding:12px 0px;
		text-align:center;
		font-size:13px;
		color:#777777;
		background:#f7f7f7;
	
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .body{
		color:#222;
		text-align:center;
		font-size:13px;
		width:100%;
		font-weight:bold;
		padding:20px 0px;
		word-break:Keep-all;
		line-height:19px
	}

	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subject{
		font-size:18px;
		color:#222;
		font-weight:bold;
		padding-left:10px;
		position:relative;
		padding-top:10px;
		z-index:1;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subject:before{
		width:20px;
		height:20px;
		border:2px solid #00b3e2;
		content:'';
		border-radius:20px;
		position:absolute;
		left:0;
		top:0;
		z-index:-1;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subj{
		font-size:16px;
		color:#222;
		margin-top:20px;
		font-weight:bold;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList{
		width:100%;
		margin-top:10px;
		display:flex;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li{
		width:100%;
		margin-left:15px;
	}
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .thum{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .thum img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .text{
		width:100%;
		font-size:13px;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .arlText{
		width:100%;
		margin-top:20px;
		text-align:right;
		color:#777;
		font-size:13px;
	}
	
	
	
	
	
	#sub .education .globalCulture .timeTable{
		width:94%;
		margin:4em auto 5em;
	}
	
	#sub .education .globalCulture .timeTable .timetableList{
		width:100%;
		margin-top:45px;
		display:inline-block;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd{
		width:25%;
		display:inline-block;
		float:left;
		margin-top:-13px;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .num{
		width: 36px;
	    height: 25px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:25px;
	    margin:0 auto;
	    z-index:1;
	    font-size:13px;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .num:before {
		content: "";
		position: absolute;
		top: -9px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-bottom: 9px solid transparent;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .num:after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 9px solid transparent;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .green{
		background:#bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .green:before{
		border-bottom: 9px solid #bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .green:after{
		border-top: 9px solid #bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky{
		background:#02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky:before{
		border-bottom: 9px solid #02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky:after{
		border-top: 9px solid #02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue{
		background:#0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue:before{
		border-bottom: 9px solid #0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue:after{
		border-top: 9px solid #0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold{
		background:#e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold:before{
		border-bottom: 9px solid #e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold:after{
		border-top: 9px solid #e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow{
		background:#f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow:before{
		border-bottom: 9px solid #f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow:after{
		border-top: 9px solid #f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink{
		background:#ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink:before{
		border-bottom: 9px solid #ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink:after{
		border-top: 9px solid #ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red{
		background:#ef3036;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red:before{
		border-bottom: 9px solid #ef3036;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red:after{
		border-top: 9px solid #ef3036;
	}
	
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox{
		width:100%;
		padding:50px 20px;
		box-sizing:border-box;
		position:relative;
		margin-top:-12px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .subj{
		font-size:16px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .subj{
		font-size:14px;
		color:#999999;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .contTx{
		font-size:17px;
		color:#777777;
		margin-top:5px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .greenOpacity{
		background:#f8f9ea;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .skyOpacity{
		background:#e5f7fc;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blueOpacity{
		background:#e5f2fa;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .goldOpacity{
		background:#fcf6e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellowOpacity{
		background:#fef9e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pinkOpacity{
		background:#fdedf5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .redOpacity{
		background:#fdeaeb;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .time{
		width:100%;
		text-align:Center;
		padding:25px 0px;
		color:#fff;
		font-family:'lato';
		font-size:16px;
	}

}

@media screen and (max-width: 767px) {
		
	#sub .education .globalCulture{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .globalCulture .deThum{
		width:94%;
		margin:0 auto;
	}
	
	
	#sub .education .globalCulture .proInfo{
		width:94%;
		margin:4em auto 0;
	}
	
	#sub .education .globalCulture .eduProList{
		width:100%;
		margin-top:4em;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual{
		width:100%;
		position:relative;
		left:0%;
		margin-left:0px;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-prev{
		background:url(../images/sub/eduProVisualPrev.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:0%;
		margin-left:0px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
		background-size:100%;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-next{
		background:url(../images/sub/eduProVisualNext.png) no-repeat;
		width:40px;
		height:40px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:0%;
		margin-right:0px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
		background-size:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-dots{
		width:100%;
		position:absolute;
		top:-22px;
		padding:0px 15px;
		box-sizing:border-box;
		display:inline-block;
		text-align:right;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-dots li{
		width:8px;
		height:8px;
		margin:0 3px;
		outline:0;
		text-indent:-9999px;
		background:#e5e5e5;
		border-radius:10px;
		display:inline-block;
		
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-dots li button{
		display:none;
		
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual .slick-dots li:hover,
	#sub .education .globalCulture .eduProList .eduProVisual .slick-dots li.slick-active{
		background:#00b3e2;
	}

	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd{
		width:100%;
		margin:0px 15px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box{
		background:#fff;
		box-shadow:3px 10px 20px rgba(0,0,0,0.1);
		border-radius:30px 0px 30px 30px;
		padding:30px 4%;
		box-sizing:border-box;
		height:auto;
		min-height:auto;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .num{
		font-size:16px;
		color:#00b3e2;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine{
		width:100%;
		margin-top:10px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine .subj{
		font-size:20px;
		font-weight:bold;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		width:57%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine .line{
		width:41%;
		display:inline-block;
		height:2px;
		background:#222;
		vertical-align:middle;
	}
	
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon{
		width:100%;
		padding:75px 0px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .inTx{
		text-align:Center;
		font-size:14px;
		color:#222;
		line-height:22px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call{
		text-align:Center;
		margin-top:30px;
	}
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .ico{
		width:24px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .ico img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .tx{
		font-size:20px;
		color:#00b2e2;
		display:inline-block;
		font-family:'lato','NEXON Lv2 Gothic';
		font-weight:bold;
		vertical-align:Middle;
		margin-left:10px;
	}
	

	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha{
		width:100%;
		margin-top:2.5em;
		position:Relative;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine{
		
		position:absolute;
		left:23px;
		top:50%;
		transform:translateY(-50%);
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine div{
		width:5px;
		height:5px;
		border-radius:100%;
		margin-top:5px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine div:first-child{
		margin-top:0px;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .sky{
		background:#00b3e2;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .green{
		background:#bdc532 ;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine .pink{
		background:#ee4c9b;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .ico{
		width:50px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .ico img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .text{
		width:79%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:15px;
		box-sizing:border-box;
		font-size:13px;
		color:#222222;
		line-height:19px;
		word-break:keep-all;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .text span{
		display:inline-block;
		background:url("../images/sub/subjBg.png") center bottom repeat-x;
		padding-bottom:3px;
	}
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li{
		width:100%;
		border-bottom:0px solid #e5e5e5;
		display:inline-block;
		vertical-align:bottom;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .ct{
		width:33.30%;
		display:inline-block;
		float:left;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .head{
		width:100%;
		background:#f7f7f7;
		padding:12px 0px;
		text-align:center;
		font-size:13px;
		color:#777777;
		background:#f7f7f7;
	
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .body{
		color:#222;
		text-align:center;
		font-size:13px;
		width:100%;
		font-weight:bold;
		padding:20px 5px;
		word-break:Keep-all;
		line-height:19px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		box-sizing:Border-box;
		border-bottom:1px solid #e5e5e5;
	}
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li:last-child .ct:nth-child(4) .body,
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li:last-child .ct:nth-child(5) .body,
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li:last-child .ct:nth-child(6) .body{
		border-bottom:0;
	}

	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subject{
		font-size:18px;
		color:#222;
		font-weight:bold;
		padding-left:10px;
		position:relative;
		padding-top:10px;
		z-index:1;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subject:before{
		width:20px;
		height:20px;
		border:2px solid #00b3e2;
		content:'';
		border-radius:20px;
		position:absolute;
		left:0;
		top:0;
		z-index:-1;
	}
	
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .subj{
		font-size:16px;
		color:#222;
		margin-top:20px;
		font-weight:bold;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList{
		width:100%;
		margin-top:10px;
		display:flex;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li{
		width:100%;
		margin-left:15px;
	}
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li:last-child{
		display:none;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .thum{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .thum img{
		width:100%;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .box .thumListArea .thumList li .text{
		width:100%;
		font-size:13px;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		line-height:21px;
	}
	
	#sub .education .globalCulture .eduProList .eduProVisual dd .arlText{
		width:100%;
		margin-top:20px;
		text-align:right;
		color:#777;
		font-size:13px;
	}
	
	
	
	
	
	#sub .education .globalCulture .timeTable{
		width:94%;
		margin:4em auto 5em;
	}
	
	#sub .education .globalCulture .timeTable .timetableList{
		width:100%;
		margin-top:45px;
		display:inline-block;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd{
		width:33.3%;
		display:inline-block;
		float:left;
		margin-top:-13px;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .num{
		width: 36px;
	    height: 25px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:25px;
	    margin:0 auto;
	    z-index:1;
	    font-size:13px;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .num:before {
		content: "";
		position: absolute;
		top: -9px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-bottom: 9px solid transparent;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .num:after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 9px solid transparent;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .green{
		background:#bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .green:before{
		border-bottom: 9px solid #bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .green:after{
		border-top: 9px solid #bdc532;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky{
		background:#02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky:before{
		border-bottom: 9px solid #02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .sky:after{
		border-top: 9px solid #02b1e0;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue{
		background:#0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue:before{
		border-bottom: 9px solid #0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blue:after{
		border-top: 9px solid #0083cb;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold{
		background:#e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold:before{
		border-bottom: 9px solid #e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .gold:after{
		border-top: 9px solid #e4a603;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow{
		background:#f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow:before{
		border-bottom: 9px solid #f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellow:after{
		border-top: 9px solid #f9c002;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink{
		background:#ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink:before{
		border-bottom: 9px solid #ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pink:after{
		border-top: 9px solid #ee4d9b;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red{
		background:#ef3036;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red:before{
		border-bottom: 9px solid #ef3036;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .red:after{
		border-top: 9px solid #ef3036;
	}
	
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox{
		width:100%;
		padding:2.5em 1em;
		box-sizing:border-box;
		position:relative;
		margin-top:-12px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex{
		width:100%;
		margin-top:2.5empx;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .subj{
		font-size:13px;
		color:#999999;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .contTx{
		font-size:14px;
		color:#777777;
		margin-top:5px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .greenOpacity{
		background:#f8f9ea;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .skyOpacity{
		background:#e5f7fc;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blueOpacity{
		background:#e5f2fa;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .goldOpacity{
		background:#fcf6e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellowOpacity{
		background:#fef9e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pinkOpacity{
		background:#fdedf5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .redOpacity{
		background:#fdeaeb;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .time{
		width:100%;
		text-align:Center;
		padding:25px 0px;
		color:#fff;
		font-family:'lato';
		font-size:17px;
	}

}

@media screen and (max-width: 500px) {
	
	#sub .education .globalCulture .timeTable .timetableList dd{
		width:50%;
		display:inline-block;
		float:left;
		margin-top:-13px;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .num{
		width: 36px;
	    height: 25px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:25px;
	    margin:0 auto;
	    z-index:1;
	    font-size:13px;
	}
	
	
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox{
		width:100%;
		padding:2.5em 1em;
		box-sizing:border-box;
		position:relative;
		margin-top:-12px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .subj{
		font-size:13px;
		color:#999999;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .contBox .ex .contTx{
		font-size:14px;
		color:#777777;
		margin-top:5px;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .greenOpacity{
		background:#f8f9ea;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .skyOpacity{
		background:#e5f7fc;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .blueOpacity{
		background:#e5f2fa;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .goldOpacity{
		background:#fcf6e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .yellowOpacity{
		background:#fef9e5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .pinkOpacity{
		background:#fdedf5;
	}
	
	#sub .education .globalCulture .timeTable .timetableList dd .redOpacity{
		background:#fdeaeb;
	}
	
	
	#sub .education .globalCulture .timeTable .timetableList dd .time{
		width:100%;
		text-align:Center;
		padding:20px 0px;
		color:#fff;
		font-family:'lato';
		font-size:13px;
	}

}





/*유아 영어 정규 프로그램 */

@media screen and (max-width: 1180px) {
	#sub .education .childEnglish{
		width:94%;
		margin:50px auto 100px;
	}
	
	
	#sub .education .childEnglish .smartstar{
		width:100%;
		margin-top:4em;
	}
	
	#sub .education .childEnglish .smartstar .schematic{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name{
		width:157px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name img{
		width:100%;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name:after{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		bottom:-30px;
	}
	
	#sub .education .childEnglish .smartstar .schematic .verLine{
		width:75%;
		height:1px;
		background:#e5e5e5;
		margin:30px auto 0;
	}
	
	
	#sub .education .childEnglish .smartstar .schematic .scList{
		width:100%;
		display:flex;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li{
		width:100%;
		display:inline-block;
		margin-top:30px;
		position:relative;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li:before{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		top:-30px;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li .ico{
		width:120px;
		margin:0 auto;
	}
	#sub .education .childEnglish .smartstar .schematic .scList li .ico img{
		width:100%;
	}

	
	#sub .education .childEnglish .smartstar .schematic .scList li .text{
		text-align:Center;
		color:#444444;
		font-size:14px;
		margin-top:20px;
		padding:0px 10px;
		box-sizing:border-box;
		line-height:22px;
		word-break:keep-all;
	}
		
		
	#sub .education .childEnglish .smartstar .infoList{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .education .childEnglish .smartstar .infoList li{
		width:100%;
		padding:50px 30px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .education .childEnglish .smartstar .infoList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .education .childEnglish .smartstar .infoList li .subjA{
		width:25%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .education .childEnglish .smartstar .infoList li .subjA .num{
		font-size:14px;
		color:#00b3e2;
	}
	
	#sub .education .childEnglish .smartstar .infoList li .subjA .subj{
		font-size:20px;
		color:#222222;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		line-height:30px;
	}
	
	
	
	#sub .education .childEnglish .smartstar .infoList li .substance{
		width:74%;
		display:inline-block;
		vertical-align:middle;
		padding-left:30px;
		box-sizing:border-box;
		font-size:17px;
		color:#444444;
		line-height:24px;
		word-break:keep-all;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal{
		width:100%;
		margin-top:4em;
	}
	#sub .education .childEnglish .lessonGoal .levelList{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd{
		width:100%;
		display:inline-block;
		place-self:flex-end;
		position:relative;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level{
		width: 60px;
	    height: 40px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:21px;
	    margin:0 auto;
	    z-index:1;
	    font-size:17px;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level:before {
		content: "";
		position: absolute;
		top: -15px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 15px solid transparent;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level:after {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 15px solid transparent;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox{
		width:100%;
		padding:50px 20px;
		box-sizing:border-box;
		margin-top:-17.5px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .substance{
		font-size:17px;
		color:#222222;
		line-height:23px;
		word-break:keep-all;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .subj{
		display:inline-block;
		padding:15px 20px;
		border-radius:50px;
		box-sizing:border-box;
		color:#fff;
		margin-top:40px;
		font-size:17px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .studyList{
		width:100%;
		margin-top:10px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .studyList li{
		list-style:disc;
		font-size:17px;
		margin-top:10px;
		word-break:keep-all;
		line-height:23px;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList{
		widtH:100%;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList li{
		widtH:100%;
		text-align:center;
		font-size:17px;
		color:#222222;
		padding:15px 0px;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .yellowBack{
		background:#f9c002;
	}
	
	#sub .education .childEnglish .lessonGoal .yellowOpacity{
		background:#fef8e1;
	}
	
	#sub .education .childEnglish .lessonGoal .yellowText{
		color:#f9c002;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .yellowBack:before {
		border-bottom: 15px solid #f9c002;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .yellowBack:after {
		border-top: 15px solid #f9c002;
	}
	
	
	#sub .education .childEnglish .lessonGoal .nmList .yellowOpacity{
		border-top:1px solid #f9c002;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .redBack{
		background:#ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .redOpacity{
		background:#fee8e8;
	}
	
	#sub .education .childEnglish .lessonGoal .redText{
		color:#ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .redBack:before {
		border-bottom: 15px solid #ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .redBack:after {
		border-top: 15px solid #ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .nmList .redOpacity{
		border-top:1px solid #ef3036;
	}
	
	
	#sub .education .childEnglish .lessonGoal .greenBack{
		background:#88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .greenOpacity{
		background:#f2f9e9;
	}
	
	#sub .education .childEnglish .lessonGoal .greenText{
		color:#88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .greenBack:before {
		border-bottom: 15px solid #88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .greenBack:after {
		border-top: 15px solid #88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .nmList .greenOpacity{
		border-top:1px solid #88c33d;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .blueBack{
		background:#4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .blueOpacity{
		background:#e2ecff;
	}
	
	#sub .education .childEnglish .lessonGoal .blueText{
		color:#4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .blueBack:before {
		border-bottom: 15px solid #4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .blueBack:after {
		border-top: 15px solid #4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList .blueOpacity{
		border-top:1px solid #4a87ff;
	}
	
	
	
	
	#sub .education .childEnglish .lessonGoal .cuList{
		width:100%;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd{
		width:100%;
		border-bottom:1px dashed #e5e5e5;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul{
		width:100%;
		display:flex;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li{
		width:100%;
		display:inline-block;
		padding:30px 20px;
		box-sizing:border-box;
		border-right:1px dashed #e5e5e5;
	}
	
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li:last-child{
		border-right:0px dashed #e5e5e5;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .num{
		font-size:13px;
		color:#777777;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .subj{
		font-size:16px;
		font-weight:bold;
		margin-top:8px;
		word-break:keep-all;
		line-height:24px;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .subs{
		font-size:14px;
		color:#222222;
		margin-top:15px;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	
	#sub .education .childEnglish .storybook{
		width:100%;
		margin-top:80px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .ico{
		width:41px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .subj{
		font-size:18px;
		display:inline-block;
		vertical-align:middle;
		font-weight:bold;
		margin-left:5px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .skyText{
		color:#00b3e2
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .blueText{
		color:#4a87ff
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .pinkText{
		color:#ee4d9b
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .purpleText{
		color:#6a41bd
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .greenText{
		color:#88c33d
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subs{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
		line-height:22px;
		color:#444;
		word-break:keep-all;
		margin-top:15px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li{
		width:23.5%;
		display:inline-block;
		vertical-align:top;
		float:left;
		margin-left:2%;
		position:relative;
		border-radius:30px;
		overflow:hidden;
			cursor:pointer;
	
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li:first-child{
		margin-left:0%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .thum{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .thum img{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .hoverCont{
		width:100%;
		height:100%;
		background:rgba(0,179,226,0.9);
		position:absolute;
		left:0;
		top:0;
		opacity:0;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .hoverCont .text{
		text-align:Center;
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		color:#fff;
		font-size:18px;
		font-weight:bold;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li:hover .hoverCont{
		opacity:0.9;
		transition:all .5s;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA{
		width:100%;
		border-radius:50px;
		overflow:hidden;
		margin-top:30px;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .thum{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .thum img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList{
		width:100%;
		background:#edf3ff;
		padding:2.5em;
		box-sizing:Border-box;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .num{
		width:60px;
		line-height:60px;
		border-radius:100%;
		color:#fff;
		text-align:Center;
		background:#4a87ff;
		font-size:20px;
		font-family:'lato';
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA{
		width:80%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:20px;
		box-sizing:borer-box;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA .subj{
		font-size:20px;
		color:#4a87ff;
		font-weight:bold;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA .subs{
		font-size:16px;
		color:#222222;
		margin-top:10px;
		line-height:24px;
		word-break:keep-all
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList{
		width:100%;
		margin-top:30px;
		display:flex;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li{
		width:100%;
		display:inline-block;
		padding:0px 20px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .ico{
		width:100px;
		margin:0 auto;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .ico img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .subj{
		font-size:16px;
		color:#222;
		font-weight:bold;
		margin-top:20px;
		text-align:center;
		word-break:keep-all;
	}
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .subs{
		font-size:14px;
		color:#444444;
		margin-top:10px;
		text-align:center;
		line-height:22px;
		word-break:keep-all;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li{
		width:100%;
		display:inline-block;
		margin-left:20px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li img{
		width:100%;
	}
	
	
	
	#sub .education .childEnglish .addList{
		width:100%;
		margin-top:30px;
		display:flex;
	}
	
	#sub .education .childEnglish .addList li{
		width:100%;
		display:inline-block;
		background:#efeaf8;
		color:#222;
		text-align:center;
		font-size:14px;
		position:relative;
		margin-left:80px;
		padding:30px 0px;
		border-radius:10px;
		float:left;
		word-break:keep-all;
	}
	
	#sub .education .childEnglish .addList li:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .childEnglish .addList li:after{
		width:30px;
		height:30px;
		position:absolute;
		content:'';
		background:url(../images/sub/phonicsPlus.png) no-repeat;
		box-shadow:5px 5px 10px rgba(0,0,0,0.1);
		background-size:100%;
		border-radius:100%;
		top:50%;
		transform:translateY(-50%);
		right:-60px;
		background-size:100%;
	}
	
	#sub .education .childEnglish .addList li:last-child:after{
		display:none;
	}
	
	
	
	#sub .education .childEnglish .openBookList{
		width:100%;
		margin-top:30px;
		display:flex;
	}
	
	#sub .education .childEnglish .openBookList li{
		width:100%;
		display:inline-block;
		margin-left:40px;
		border:1px solid #e5e5e5;
		border-radius:10px;
		box-sizing:border-box;
		position:relative;
	}
	
	#sub .education .childEnglish .openBookList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .childEnglish .openBookList li .bookThum{
		width:100%;
	}
	
	#sub .education .childEnglish .openBookList li .bookThum img{
		width:100%;
	}
	
	#sub .education .childEnglish .openBookList li .subj{
		width:130px;
		background:#e5e5e5;
		color:#fff; 
		position:absolute;
		left:50%;
		margin-left:-65px;
		border-radius:0px 0px 10px 10px;
		text-align:Center;
		padding:12px 0px;
		font-size:14px;
	}
	
	#sub .education .childEnglish .openBookList li:hover{
		border:1px solid #6a41bd
	}
	
	
	#sub .education .childEnglish .openBookList li:hover .subj{
		background:#6a41bd;
	}
	
	
	#sub .education .childEnglish .appInfo{
		width:100%;
		position:relative;
		margin-top:50px;
	}
	#sub .education .childEnglish .appInfo .bg{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .bg img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		display:inline-block;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA{
		width:59.5%;
		display:inline-block;
		vertical-align:middle;
		padding-right:50px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .titleImg{
		width:80%;
		margin:0 auto;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .titleImg img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .substance{
		width:100%;
		text-align:center;
		margin-top:20px;
		color:#fff;
		font-size:18px;
		word-break:keep-all;
		padding:0px 20px;
		line-height:28px;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList{
		width:100%;
		margin-top:50px;
		text-align:center;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .qrcode{
		width:120px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .qrcode img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList{
		width:140px;
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li{
		width:100%;
		margin-top:20px;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li:first-child{
		margin-top:0px;
	}
	
	
	
	#sub .education .childEnglish .appInfo .txCont .phone{
		width:39.5%;
		display:inline-block;
		vertical-align:middle;
		padding-left:50px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .appInfo .txCont .phone img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appIntroduce{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	
	#sub .education .childEnglish .appIntroduce li{
		width:100%;
		margin-left:50px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .appIntroduce li:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .childEnglish .appIntroduce li .phoneThum{
		width:90%;
		margin:0 auto;
	}
	
	#sub .education .childEnglish .appIntroduce li .phoneThum img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appIntroduce li .subj{
		width:150px;
		border-radius:50px;
		color:#88c33d;
		border:1px solid #88c33d;
		margin:50px auto 0;
		text-align:Center;
		padding:15px 0px;
	}
	
	#sub .education .childEnglish .appIntroduce li .subs{
		text-align:center;
		color:#222;
		margin-top:20px;
		font-size:16px;
		color:#222;
		line-height:24px;
		word-break:keep-all;
	}
	

}

@media screen and (max-width: 767px) {
	#sub .education .childEnglish{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	
	#sub .education .childEnglish .smartstar{
		width:100%;
		margin-top:4em;
	}
	
	#sub .education .childEnglish .smartstar .schematic{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name{
		width:90px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name img{
		width:100%;
	}
	
	#sub .education .childEnglish .smartstar .schematic .name:after{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		bottom:-30px;
	}
	
	#sub .education .childEnglish .smartstar .schematic .verLine{
		width:50%;
		height:1px;
		background:#e5e5e5;
		margin:30px auto 0;
	}
	
	
	#sub .education .childEnglish .smartstar .schematic .scList{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li{
		width:50%;
		display:inline-block;
		margin-top:30px;
		position:relative;
		float:left;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li:before{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		top:-30px;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li:nth-child(3):before,
	#sub .education .childEnglish .smartstar .schematic .scList li:nth-child(4):before{
		display:none;
	}
	
	#sub .education .childEnglish .smartstar .schematic .scList li .ico{
		width:80px;
		margin:0 auto;
	}
	#sub .education .childEnglish .smartstar .schematic .scList li .ico img{
		width:100%;
	}

	
	#sub .education .childEnglish .smartstar .schematic .scList li .text{
		text-align:Center;
		color:#444444;
		font-size:13px;
		margin-top:20px;
		padding:0px 10px;
		box-sizing:border-box;
		line-height:21px;
		word-break:keep-all;
	}
		
		
	#sub .education .childEnglish .smartstar .infoList{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .education .childEnglish .smartstar .infoList li{
		width:100%;
		padding:2.5em 1em;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .education .childEnglish .smartstar .infoList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .education .childEnglish .smartstar .infoList li .subjA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .education .childEnglish .smartstar .infoList li .subjA .num{
		font-size:13px;
		color:#00b3e2;
	}
	
	#sub .education .childEnglish .smartstar .infoList li .subjA .subj{
		font-size:18px;
		color:#222222;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		line-height:26px;
	}
	
	
	
	#sub .education .childEnglish .smartstar .infoList li .substance{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding-left:0px;
		box-sizing:border-box;
		font-size:14px;
		color:#444444;
		line-height:22px;
		word-break:keep-all;
		margin-top:20px;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal{
		width:100%;
		margin-top:4em;
	}
	#sub .education .childEnglish .lessonGoal .levelList{
		width:100%;
		margin-top:50px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd{
		width:100%;
		display:inline-block;
		place-self:flex-end;
		position:relative;
		margin-top:30px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level{
		width: 60px;
	    height: 40px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:21px;
	    margin:0 0px 0px 10px;
	    z-index:1;
	    font-size:17px;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level:before {
		content: "";
		position: absolute;
		top: -15px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 15px solid transparent;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .level:after {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 15px solid transparent;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox{
		width:100%;
		padding:50px 20px;
		box-sizing:border-box;
		margin-top:-17.5px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .substance{
		font-size:17px;
		color:#222222;
		line-height:23px;
		word-break:keep-all;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .subj{
		display:inline-block;
		padding:12px 15px;
		border-radius:50px;
		box-sizing:border-box;
		color:#fff;
		margin-top:40px;
		font-size:14px;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .studyList{
		width:100%;
		margin-top:10px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .contBox .studyList li{
		list-style:disc;
		font-size:14px;
		margin-top:5px;
		word-break:keep-all;
		line-height:20px;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList{
		widtH:100%;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList li{
		widtH:100%;
		text-align:center;
		font-size:13px;
		color:#222222;
		padding:15px 0px;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .yellowBack{
		background:#f9c002;
	}
	
	#sub .education .childEnglish .lessonGoal .yellowOpacity{
		background:#fef8e1;
	}
	
	#sub .education .childEnglish .lessonGoal .yellowText{
		color:#f9c002;
	}
	
	
	#sub .education .childEnglish .lessonGoal .levelList dd .yellowBack:before {
		border-bottom: 15px solid #f9c002;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .yellowBack:after {
		border-top: 15px solid #f9c002;
	}
	
	
	#sub .education .childEnglish .lessonGoal .nmList .yellowOpacity{
		border-top:1px solid #f9c002;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .redBack{
		background:#ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .redOpacity{
		background:#fee8e8;
	}
	
	#sub .education .childEnglish .lessonGoal .redText{
		color:#ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .redBack:before {
		border-bottom: 15px solid #ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .redBack:after {
		border-top: 15px solid #ef3036;
	}
	
	#sub .education .childEnglish .lessonGoal .nmList .redOpacity{
		border-top:1px solid #ef3036;
	}
	
	
	#sub .education .childEnglish .lessonGoal .greenBack{
		background:#88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .greenOpacity{
		background:#f2f9e9;
	}
	
	#sub .education .childEnglish .lessonGoal .greenText{
		color:#88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .greenBack:before {
		border-bottom: 15px solid #88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .greenBack:after {
		border-top: 15px solid #88c33d;
	}
	
	#sub .education .childEnglish .lessonGoal .nmList .greenOpacity{
		border-top:1px solid #88c33d;
	}
	
	
	
	#sub .education .childEnglish .lessonGoal .blueBack{
		background:#4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .blueOpacity{
		background:#e2ecff;
	}
	
	#sub .education .childEnglish .lessonGoal .blueText{
		color:#4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .blueBack:before {
		border-bottom: 15px solid #4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .blueBack:after {
		border-top: 15px solid #4a87ff;
	}
	
	#sub .education .childEnglish .lessonGoal .levelList dd .nmList .blueOpacity{
		border-top:1px solid #4a87ff;
	}
	
	
	
	
	#sub .education .childEnglish .lessonGoal .cuList{
		width:100%;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd{
		width:100%;
		border-bottom:1px solid #c1c1c1;
		vertical-align:bottom;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li{
		width:50%;
		display:inline-block;
		padding:30px 20px;
		box-sizing:border-box;
		border-right:1px dashed #e5e5e5;
		border-bottom:1px dashed #e5e5e5;
		float:left;
		min-height:205px;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li:nth-child(2n){
		border-right:0px dashed #e5e5e5;
	}
	
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li:nth-child(3),
	#sub .education .childEnglish .lessonGoal .cuList dd ul li:nth-child(4){
		border-bottom:0px dashed #e5e5e5;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .num{
		font-size:12px;
		color:#777777;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .subj{
		font-size:14px;
		font-weight:bold;
		margin-top:8px;
		word-break:keep-all;
		line-height:22px;
	}
	
	#sub .education .childEnglish .lessonGoal .cuList dd ul li .subs{
		font-size:13px;
		color:#222222;
		margin-top:15px;
		word-break:keep-all;
		line-height:20px;
	}
	
	
	
	#sub .education .childEnglish .storybook{
		width:100%;
		margin-top:80px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .ico{
		width:35px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .ico img{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .subj{
		font-size:16px;
		display:inline-block;
		vertical-align:middle;
		font-weight:bold;
		margin-left:5px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .skyText{
		color:#00b3e2
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .blueText{
		color:#4a87ff
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .pinkText{
		color:#ee4d9b
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .purpleText{
		color:#6a41bd
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subjA .greenText{
		color:#88c33d
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookNm .subs{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
		line-height:22px;
		color:#444;
		word-break:keep-all;
		margin-top:15px;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList{
		width:100%;
		margin-top:15px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li{
		width:49%;
		display:inline-block;
		vertical-align:top;
		float:left;
		margin-left:2%;
		position:relative;
		border-radius:20px;
		overflow:hidden;
		cursor:pointer;
		margin-top:2%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li:nth-child(2n+1){
		margin-left:0%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .thum{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .thum img{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .hoverCont{
		width:100%;
		height:100%;
		background:rgba(0,179,226,0.9);
		position:absolute;
		left:0;
		top:0;
		opacity:0;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li .hoverCont .text{
		text-align:Center;
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		color:#fff;
		font-size:18px;
		font-weight:bold;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .bookList li:hover .hoverCont{
		opacity:0.9;
		transition:all .5s;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA{
		width:100%;
		border-radius:30px;
		overflow:hidden;
		margin-top:30px;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .thum{
		width:100%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .thum img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList{
		width:100%;
		background:#edf3ff;
		padding:1.5em;
		box-sizing:Border-box;
	}
	
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .num{
		width:40px;
		line-height:40px;
		border-radius:100%;
		color:#fff;
		text-align:Center;
		background:#4a87ff;
		font-size:16px;
		font-family:'lato';
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA{
		width:72%;
		display:inline-block;
		vertical-align:top;
		padding-left:10px;
		box-sizing:borer-box;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA .subj{
		font-size:16px;
		color:#4a87ff;
		font-weight:bold;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA .subs{
		font-size:13px;
		color:#222222;
		margin-top:10px;
		line-height:21px;
		word-break:keep-all
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList{
		width:100%;
		margin-top:0px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li{
		width:49%;
		display:inline-block;
		padding:0px 10px;
		box-sizing:border-box;
		margin-top:30px;
		vertical-align:top;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .ico{
		width:70px;
		margin:0 auto;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .ico img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .subj{
		font-size:17px;
		color:#222;
		font-weight:bold;
		margin-top:20px;
		text-align:center;
		word-break:keep-all;
	}
	#sub .education .childEnglish .storybook .storybookCont dd .icList li .subs{
		font-size:13px;
		color:#444444;
		margin-top:10px;
		text-align:center;
		line-height:21px;
		word-break:keep-all;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList{
		width:100%;
		margin-top:50px;
		display:inline-block;
	}
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li{
		width:49%;
		display:inline-block;
		margin-left:2%;
		float:left;
		margin-top:2%;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li:last-child{
		display:none;
	}
	
	#sub .education .childEnglish .storybook .storybookCont dd .thumList li img{
		width:100%;
	}
	
	
	
	#sub .education .childEnglish .addList{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .addList li{
		width:100%;
		display:inline-block;
		background:#efeaf8;
		color:#222;
		text-align:center;
		font-size:14px;
		position:relative;
		margin-left:0px;
		padding:30px 0px;
		border-radius:5px;
		float:left;
		word-break:keep-all;
		margin-top:10px;
	}
	
	#sub .education .childEnglish .addList li:first-child{
		margin-top:0px;
	}
	
	#sub .education .childEnglish .addList li:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .childEnglish .addList li:after{
		width:30px;
		height:30px;
		position:absolute;
		content:'';
		background:url(../images/sub/phonicsPlus.png) no-repeat;
		box-shadow:5px 5px 10px rgba(0,0,0,0.1);
		background-size:100%;
		border-radius:100%;
		bottom:-15px;
		top:auto;
		transform:translateY(0%);
		right:auto;
		left:50%;
		margin-left:-15px;
		background-size:100%;
		z-index:1;
	}
	
	#sub .education .childEnglish .addList li:last-child:after{
		display:none;
	}
	
	
	
	#sub .education .childEnglish .openBookList{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	#sub .education .childEnglish .openBookList li{
		width:100%;
		display:inline-block;
		margin-left:0px;
		border:1px solid #e5e5e5;
		border-radius:10px;
		box-sizing:border-box;
		position:relative;
		margin-top:10px;
	}
	
	#sub .education .childEnglish .openBookList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .childEnglish .openBookList li .bookThum{
		width:100%;
		margin-top:15px;
	}
	
	#sub .education .childEnglish .openBookList li .bookThum img{
		width:100%;
	}
	
	#sub .education .childEnglish .openBookList li .subj{
		width:130px;
		background:#e5e5e5;
		color:#fff; 
		position:absolute;
		left:50%;
		margin-left:-65px;
		border-radius:0px 0px 10px 10px;
		text-align:Center;
		padding:10px 0px;
		font-size:14px;
	}
	
	#sub .education .childEnglish .openBookList li:hover{
		border:1px solid #6a41bd
	}
	
	
	#sub .education .childEnglish .openBookList li:hover .subj{
		background:#6a41bd;
	}
	
	
	#sub .education .childEnglish .appInfo{
		width:100%;
		position:relative;
		margin-top:2.5em;
	}
	#sub .education .childEnglish .appInfo .bg{
		width:100%;
		position:absolute;
		z-index:-1;
		top:0;
		
	}
	
	#sub .education .childEnglish .appInfo .bg img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont{
		width:100%;
		position:relative;
		top:0%;
		transform:translateY(0%);
		display:inline-block;
		z-index:1
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding-right:0px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .titleImg{
		width:80%;
		margin:33% auto 0;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .titleImg img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont .textA .substance{
		width:100%;
		text-align:center;
		margin-top:20px;
		color:#fff;
		font-size:13px;
		word-break:keep-all;
		padding:0px 20px;
		line-height:21px;
		box-sizing:border-box;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList{
		width:100%;
		margin-top:2.5em;
		text-align:center;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .qrcode{
		width:90px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .qrcode img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList{
		width:100px;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li{
		width:100%;
		margin-top:10px;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li img{
		width:100%;
	}
	
	#sub .education .childEnglish .appInfo .txCont .downList .storeList li:first-child{
		margin-top:0px;
	}
	
	
	
	#sub .education .childEnglish .appInfo .txCont .phone{
		width:39.5%;
		display:inline-block;
		vertical-align:middle;
		padding-left:50px;
		box-sizing:border-box;
		display:none;
	}
	
	#sub .education .childEnglish .appInfo .txCont .phone img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appIntroduce{
		width:100%;
		margin-top:1em;
		display:inline-block;
	}
	
	
	#sub .education .childEnglish .appIntroduce li{
		width:100%;
		margin-left:0px;
		display:inline-block;
		margin-top:2.5em
	}
	
	#sub .education .childEnglish .appIntroduce li:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .childEnglish .appIntroduce li .phoneThum{
		width:90%;
		margin:0 auto;
	}
	
	#sub .education .childEnglish .appIntroduce li .phoneThum img{
		width:100%;
	}
	
	
	#sub .education .childEnglish .appIntroduce li .subj{
		width:150px;
		border-radius:50px;
		color:#88c33d;
		border:1px solid #88c33d;
		margin:50px auto 0;
		text-align:Center;
		padding:12px 0px;
		font-size:17px;
	}
	
	#sub .education .childEnglish .appIntroduce li .subs{
		text-align:center;
		color:#222;
		margin-top:20px;
		font-size:13px;
		color:#222;
		line-height:21px;
		word-break:keep-all;
	}
	

}





/*성인부*/

@media screen and (max-width: 1180px) {
	#sub .education .adultLang .smartstar{
		width:94%;
		margin:50px auto 0;
	}
	
	
	#sub .education .adultLang .smartstar .schematic{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .adultLang .smartstar .schematic .name{
		width:157px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .adultLang .smartstar .schematic .name img{
		width:100%;
	}
	
	#sub .education .adultLang .smartstar .schematic .name:after{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		bottom:-30px;
	}
	
	#sub .education .adultLang .smartstar .schematic .verLine{
		width:50%;
		height:1px;
		background:#e5e5e5;
		margin:30px auto 0;
	}
	
	
	#sub .education .adultLang .smartstar .schematic .scList{
		width:100%;
		display:flex;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li{
		width:100%;
		display:inline-block;
		margin-top:30px;
		position:relative;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li:before{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		top:-30px;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li .ico{
		width:150px;
		margin:0 auto;
	}
	#sub .education .adultLang .smartstar .schematic .scList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li .subj{
		text-align:Center;
		color:#444444;
		font-size:18px;
		margin-top:20px;
		padding:0px 0px;
		box-sizing:border-box;
		line-height:24px;
		word-break:keep-all;
		font-weight:bold;
	}
	
	
	
	#sub .education .adultLang .smartstar .schematic .scList li .text{
		text-align:Center;
		color:#444444;
		font-size:16px;
		margin-top:10px;
		padding:0px 50px;
		box-sizing:border-box;
		line-height:24px;
		word-break:keep-all;
	}
	
	#sub .education .adultLang .infoTable{
		width:94%;
		margin:4em auto 0;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .illust{
		position:relative;
		right:0;
		top:0;
		width:100%;
		margin:50px auto 0;
		text-align:Center;
	}
	
	#sub .education .adultLang .adultChinese .inner .illust img{
		width:100%;
	}
	
	
	
	#sub .education .adultLang .program01{
		width:94%;
		margin:5em auto 0;
	}
	
	
	
	
	
	
	#sub .education .adultLang .program01 .programList{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .education .adultLang .program01 .programList dd{
		width:100%;
		display:inline-block;
		place-self:flex-end;
	}
	
	
	
	#sub .education .adultLang .program01 .programList dd .num{
		width: 50px;
	    height: 35px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:35px;
	    margin:0 auto;
	    z-index:1;
	}
	
	#sub .education .adultLang .program01 .programList dd .num:before {
		content: "";
		position: absolute;
		top: -12.5px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-bottom: 12.5px solid transparent;
	}
	
	#sub .education .adultLang .program01 .programList dd .num:after {
		content: "";
		position: absolute;
		bottom: -12.5px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 12.5px solid transparent;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .yellowBack:before {
		border-bottom: 12.5px solid #f9c002;
	}
	
	#sub .education .adultLang .program01 .programList dd .yellowBack:after {
		border-top: 12.5px solid #f9c002;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .redBack:before {
		border-bottom: 12.5px solid #ef3036;
	}
	
	#sub .education .adultLang .program01 .programList dd .redBack:after {
		border-top: 12.5px solid #ef3036;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .greenBack:before {
		border-bottom: 12.5px solid #88c33d;
	}
	
	#sub .education .adultLang .program01 .programList dd .greenBack:after {
		border-top: 12.5px solid #88c33d;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .blueBack:before {
		border-bottom: 12.5px solid #4a87ff;
	}
	
	#sub .education .adultLang .program01 .programList dd .blueBack:after {
		border-top: 12.5px solid #4a87ff;
	}
	
	
	
	
	#sub .education .adultLang .program01 .programList dd .contBox{
		width:100%;
		box-sizing:border-box;
		margin-top:-9px;
	}
	
	#sub .education .adultLang .program01 .programList dd:first-child .contBox{
		padding:10px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(2) .contBox{
		padding:80px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(3) .contBox{
		padding:120px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(4) .contBox{
		padding:120px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd .contBox .studyList{
		width:100%;
		padding-left:15px;
		box-sizing:border-box;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .contBox .studyList li{
		list-style:disc;
		margin-top:20px;
		font-size:14px;
		color:#444;
		line-height:24px;
		word-break:keep-all;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .step{
		text-align:Center;
		padding:20px 0px;
		font-weight:bold;
		color:#fff;
	}
	
	#sub .education .adultLang .program01 .programList dd .bookThum{
		border-bottom:1px solid #e5e5e5;
		padding:2.5em 0px;
		border-right:1px dashed #e5e5e5;
		box-sizing:border-box;
		text-align:Center;
	}
	
	#sub .education .adultLang .program01 .programList dd .bookThum img{
		margin:0 auto;
		width:130px
	}
	
	
	#sub .education .adultLang .program01 .programList dd:last-child .bookThum{
		border-right:0px dashed #e5e5e5;
	}
	
	
	#sub .education .adultLang .program02{
		width:94%;
		margin:5empx auto 0;
	}
	
	#sub .education .adultLang .program02 .program02List{
		width:100%;
	}
	
	#sub .education .adultLang .program02 .program02List dd{
		width:100%;
		margin-top:4em;
	}
	
	#sub .education .adultLang .program02 .program02List dd:first-child{
		margin-top:2.5em;
	}
	
	
	
	#sub .education .adultLang .program02 .program02List dd:nth-child(2n) .thum{
		padding-right:0px;
		padding-left:0px;
	}
	#sub .education .adultLang .program02 .program02List dd:nth-child(2n) .textArea{
		padding-left:0px;
		padding-right:2.5em;
	}

	
	
	#sub .education .adultLang .program02 .program02List dd .thum{
		width:25%;
		display:inline-block;
		vertical-align:Middle;
		padding-right:0px;
		box-sizing:border-box;
	}
	
	#sub .education .adultLang .program02 .program02List dd .thum img{
		box-shadow:10px 10px 10px 1px rgba(0,0,0,0.05);
		width:100%;
	}
	
	
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea{
		width:74%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:50px;
		box-sizing:border-box;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .tit{
		font-size:24px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .subTit{
		font-size:18px;
		color:#777777;
		margin-top:10px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .subs{
		font-size:16px;
		color:#444444;
		margin-top:1em;
		line-height:26px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList{
		width:100%;
		display:flex;
		margin-top:3em;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li{
		display:inline-block;
		margin-left:50px;
		position:relative;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:after{
		width:130px;
		height:1px;
		content:'';
		background:#4a87ff;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:-130px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:last-child:after{
		display:none;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .bg{
		width:100%;
	}
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .bg img{
		width:100%;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont{
		position:absolute;
		width:100%;
		text-align:Center;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont .num{
		font-size:13px;
		color:#fff;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont .subj{
		font-size:17px;
		color:#fff;
		font-weight:bold;
		margin-top:10px;
		word-break:keep-all;
		padding:0px 10px;
		box-sizing:border-box;
		line-height:24px;
	}
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:nth-child(2n) .cont .num{
		color:#4a87ff;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:nth-child(2n) .cont .subj{
		color:#4a87ff;
	}
	
	
	
	#sub .education .adultLang .adultChinese{
		width:100%;
		margin-top:100px;
		background:#f7f7f7;
		padding:80px 0px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd:first-child{
		margin-top:50px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL{
		width:100%;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num{
		width:46px;
	    height:26px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:26px;
	    z-index:1;
	    background:#00b3e2;
	    display:inline-block;
	    vertical-align:middle;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num:before {
		content: "";
		position: absolute;
		top: -13px;
		left: 0;
		width: 0;
		height: 0;
		border-left:23px solid transparent;
		border-right:23px solid transparent;
		border-bottom:13px solid #00b3e2;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num:after {
		content: "";
		position: absolute;
		bottom: -13px;
		left: 0;
		width: 0;
		height: 0;
		border-left:23px solid transparent;
		border-right:23px solid transparent;
		border-top:13px solid #00b3e2;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .subject{
		display:inline-block;
		vertical-align:middle;
		color:#222222;
		font-weight:bold;
		font-size:24px;
		margin-left:10px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList{
		width:100%;
		display:flex;
		border-radius:50px 0px 50px 0px;
		overflow:hidden;
		margin-top:30px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li{
		width:100%;
		display:inline-block;
		padding:4em 10px;
		box-sizing:border-box;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:first-child{
		background:#fca5cb;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:nth-child(2){
		background:#feb969;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:nth-child(3){
		background:#44dcce;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .ico{
		width:80px;
		margin:0 auto;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .st{
		color:#fff;
		text-align:center;
		margin-top:2.5em;
		font-size:16px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .subst{
		color:#fff;
		text-align:center;
		margin-top:20px;
		font-weight:bold;
		font-size:17px;
		word-break:keep-all;
		line-height:24px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList{
		width:100%;
		display:flex;
		margin-top:1.5em;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li{
		display:inline-block;
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .ico{
		width:80px;
		margin:0 auto;
	}
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .subj{
		font-size:18px;
		color:#222;
		font-weight:bold;
		text-align:Center;
		margin-top:20px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .subst{
		font-size:17px;
		color:#444444;
		text-align:Center;
		margin-top:10px;
		word-break:keep-all;
	}
	

}

@media screen and (max-width: 767px) {
	#sub .education .adultLang{
		width:100%;
	}
	
	#sub .education .adultLang .smartstar{
		width:94%;
		margin:2.5em auto 0;
	}
	
	
	#sub .education .adultLang .smartstar .schematic{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .adultLang .smartstar .schematic .name{
		width:90px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .adultLang .smartstar .schematic .name img{
		width:100%;
	}
	
	#sub .education .adultLang .smartstar .schematic .name:after{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		bottom:-30px;
	}
	
	#sub .education .adultLang .smartstar .schematic .verLine{
		width:50%;
		height:1px;
		background:#e5e5e5;
		margin:30px auto 0;
	}
	
	
	#sub .education .adultLang .smartstar .schematic .scList{
		width:100%;
		display:flex;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li{
		width:50%;
		display:inline-block;
		margin-top:30px;
		position:relative;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li:before{
		width:1px;
		height:30px;
		content:'';
		position:absolute;
		background:#e5e5e5;
		left:50%;
		top:-30px;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li .ico{
		width:80px;
		margin:0 auto;
	}
	#sub .education .adultLang .smartstar .schematic .scList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .smartstar .schematic .scList li .subj{
		text-align:Center;
		color:#444444;
		font-size:17px;
		margin-top:20px;
		padding:0px 0px;
		box-sizing:border-box;
		line-height:24px;
		word-break:keep-all;
		font-weight:bold;
	}
	
	
	
	#sub .education .adultLang .smartstar .schematic .scList li .text{
		text-align:Center;
		color:#444444;
		font-size:13px;
		margin-top:10px;
		padding:0px 5px;
		box-sizing:border-box;
		line-height:22px;
		word-break:keep-all;
	}
	
	#sub .education .adultLang .infoTable{
		width:94%;
		margin:4em auto 0;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	#sub .education .adultLang .infoTable .tx .normal{
		display:inline-block;
		margin-left:6px;
	}
	
	
	#sub .education .adultLang .program01{
		width:94%;
		margin:5em auto 0;
	}
	
	#sub .education .adultLang .program01 .programList{
		width:100%;
		margin-top:50px;
		display:inline-block;
	}
	
	#sub .education .adultLang .program01 .programList dd{
		width:100%;
		display:block;
	}
	
	
	
	#sub .education .adultLang .program01 .programList dd .num{
		width: 50px;
	    height: 35px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:35px;
	    margin:0 auto;
	    z-index:1;
	}
	
	#sub .education .adultLang .program01 .programList dd .num:before {
		content: "";
		position: absolute;
		top: -12.5px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-bottom: 12.5px solid transparent;
	}
	
	#sub .education .adultLang .program01 .programList dd .num:after {
		content: "";
		position: absolute;
		bottom: -12.5px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 12.5px solid transparent;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .yellowBack:before {
		border-bottom: 12.5px solid #f9c002;
	}
	
	#sub .education .adultLang .program01 .programList dd .yellowBack:after {
		border-top: 12.5px solid #f9c002;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .redBack:before {
		border-bottom: 12.5px solid #ef3036;
	}
	
	#sub .education .adultLang .program01 .programList dd .redBack:after {
		border-top: 12.5px solid #ef3036;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .greenBack:before {
		border-bottom: 12.5px solid #88c33d;
	}
	
	#sub .education .adultLang .program01 .programList dd .greenBack:after {
		border-top: 12.5px solid #88c33d;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .blueBack:before {
		border-bottom: 12.5px solid #4a87ff;
	}
	
	#sub .education .adultLang .program01 .programList dd .blueBack:after {
		border-top: 12.5px solid #4a87ff;
	}
	
	
	
	
	#sub .education .adultLang .program01 .programList dd .contBox{
		width:100%;
		box-sizing:border-box;
		margin-top:-9px;
	}
	
	#sub .education .adultLang .program01 .programList dd:first-child .contBox{
		padding:30px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(2) .contBox{
		padding:30px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(3) .contBox{
		padding:30px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd:nth-child(4) .contBox{
		padding:30px 10px;
	}
	
	#sub .education .adultLang .program01 .programList dd .contBox .studyList{
		width:100%;
		padding-left:15px;
		box-sizing:border-box;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .contBox .studyList li{
		list-style:disc;
		margin-top:20px;
		font-size:14px;
		color:#444;
		line-height:24px;
		word-break:keep-all;
	}
	
	
	#sub .education .adultLang .program01 .programList dd .step{
		text-align:Center;
		padding:20px 0px;
		font-weight:bold;
		color:#fff;
	}
	
	#sub .education .adultLang .program01 .programList dd .bookThum{
		border-bottom:0px solid #e5e5e5;
		padding:2.5em 0px;
		border-right:0px dashed #e5e5e5;
		box-sizing:border-box;
		text-align:Center;
	}
	
	#sub .education .adultLang .program01 .programList dd .bookThum img{
		margin:0 auto;
		width:130px
	}
	
	
	#sub .education .adultLang .program01 .programList dd:last-child .bookThum{
		border-right:0px dashed #e5e5e5;
	}
	
	
	#sub .education .adultLang .program02{
		width:94%;
		margin:5empx auto 0;
	}
	
	#sub .education .adultLang .program02 .program02List{
		width:100%;
	}
	
	#sub .education .adultLang .program02 .program02List dd{
		width:100%;
		margin-top:4em;
	}
	
	#sub .education .adultLang .program02 .program02List dd:first-child{
		margin-top:0em;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:4em;
	}
	
	
	
	#sub .education .adultLang .program02 .program02List dd:nth-child(2n) .thum{
		padding-right:0px;
		padding-left:0px;
		margin-top:20px;
	}
	#sub .education .adultLang .program02 .program02List dd:nth-child(2n) .textArea{
		padding-left:0px;
		padding-right:0em;
	}

	
	
	#sub .education .adultLang .program02 .program02List dd .thum{
		width:100%;
		display:block;
		vertical-align:Middle;
		padding-right:0px;
		box-sizing:border-box;
		text-align:Center;
	}
	
	#sub .education .adultLang .program02 .program02List dd .thum img{
		box-shadow:10px 10px 10px 1px rgba(0,0,0,0.05);
		width:200px;
		margin:0 auto;
	}
	
	
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea{
		width:100%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:0px;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .tit{
		font-size:18px;
		color:#222;
		font-weight:bold;
		text-align:center;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .subTit{
		font-size:14px;
		color:#777777;
		margin-top:10px;
		text-align:center;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .subs{
		font-size:13px;
		color:#444444;
		margin-top:1em;
		line-height:21px;
		text-align:Center;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList{
		width:100%;
		display:inline-block;
		margin-top:3em;
		text-align:Center;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li{
		display:inline-block;
		margin-left:10px;
		position:relative;
		width:30%;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:after{
		width:14px;
		height:1px;
		content:'';
		background:#4a87ff;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:-14px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:last-child:after{
		display:none;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:first-child{
		margin-left:0px;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .bg{
		width:100%;
	}
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .bg img{
		width:100%;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont{
		position:absolute;
		width:100%;
		text-align:Center;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont .num{
		font-size:13px;
		color:#fff;
		display:none;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont .subj{
		font-size:12px;
		color:#fff;
		font-weight:bold;
		margin-top:0px;
		word-break:keep-all;
		padding:0px 10px;
		box-sizing:border-box;
		line-height:19px;
	}
	
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:nth-child(2n) .cont .num{
		color:#4a87ff;
	}
	
	#sub .education .adultLang .program02 .program02List dd .textArea .stepList li:nth-child(2n) .cont .subj{
		color:#4a87ff;
	}
	
	
	
	#sub .education .adultLang .adultChinese{
		width:100%;
		margin-top:100px;
		background:#f7f7f7;
		padding:80px 0px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .eduSubTitleA{
		position:relative;
	}
	
	#sub .education .adultLang .adultChinese .inner .illust{
		position:absolute;
		right:0;
		top:0;
		display:none;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd{
		width:100%;
		margin-top:80px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd:first-child{
		margin-top:50px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL{
		width:100%;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num{
		width:46px;
	    height:26px;
	    position: relative;
	    color:#fff;
	    text-align:center;
	    line-height:26px;
	    z-index:1;
	    background:#00b3e2;
	    display:inline-block;
	    vertical-align:middle;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num:before {
		content: "";
		position: absolute;
		top: -13px;
		left: 0;
		width: 0;
		height: 0;
		border-left:23px solid transparent;
		border-right:23px solid transparent;
		border-bottom:13px solid #00b3e2;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .num:after {
		content: "";
		position: absolute;
		bottom: -13px;
		left: 0;
		width: 0;
		height: 0;
		border-left:23px solid transparent;
		border-right:23px solid transparent;
		border-top:13px solid #00b3e2;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .subjL .subject{
		display:inline-block;
		vertical-align:middle;
		color:#222222;
		font-weight:bold;
		font-size:20px;
		margin-left:10px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList{
		width:100%;
		display:inline-block;
		border-radius:50px 0px 50px 0px;
		overflow:hidden;
		margin-top:30px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li{
		width:100%;
		display:inline-block;
		padding:3em 10px;
		box-sizing:border-box;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:first-child{
		background:#fca5cb;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:nth-child(2){
		background:#feb969;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li:nth-child(3){
		background:#44dcce;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .ico{
		width:80px;
		margin:0 auto;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .st{
		color:#fff;
		text-align:center;
		margin-top:2.5em;
		font-size:16px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .subst{
		color:#fff;
		text-align:center;
		margin-top:20px;
		font-weight:bold;
		font-size:17px;
		word-break:keep-all;
		line-height:24px;
	}
	
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList{
		width:100%;
		display:inline-block;
		text-align:center;
		margin-top:0;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li{
		display:inline-block;
		width:49%;
		vertical-align:Top;
		margin-top:1.5em;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .ico{
		width:70px;
		margin:0 auto;
	}
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .ico img{
		width:100%;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .subj{
		font-size:18px;
		color:#222;
		font-weight:bold;
		text-align:Center;
		margin-top:20px;
	}
	
	#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList li .subst{
		font-size:13px;
		color:#444444;
		text-align:Center;
		margin-top:10px;
		word-break:keep-all;
		line-height:22px;
		padding:0px 10px;
		box-sizing:border-box;
	}
	

}




/*주니어부 초등영어정규프로그램*/

@media screen and (max-width: 1180px) {
	#sub .education .jonior01{
		 width:94%;
		 margin:50px auto 100px;
	}
	
		
	#sub .education .jonior01 .progression{
		 width:100%;
		 margin-top:5em;
	}
	
	#sub .education .jonior01 .progression .programList{
		 width:100%;
		 display:inline-block;
		 margin-top:30px;
	}
	
	#sub .education .jonior01 .progression .programList dd{
		display:inline-block;
		place-self:flex-end;
		width:25%;
		float:left;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox{
		width:100%;
		padding:20px;
		box-sizing:border-box;
		min-height:235px !important;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox .studyList{
		width:100%;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox .studyList li{
		width:100%;
		word-break:keep-all;
		margin-top:15px;
		font-size:14px;
		line-height:22px;
		padding-left:15px;
		box-sizing:border-box;
		position:relative;
	}
	#sub .education .jonior01 .progression .programList dd .contBox .studyList li:before{
		content:'+';
		position:absolute;
		left:0;
	}
	
	#sub .education .jonior01 .progression .programList dd .step{
		width:100%;
		padding:20px 0px;
		text-align:center;
		color:#fff;
	}
	
	
	#sub .education .jonior01 .curriculum{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .jonior01 .curriculum .curriList{
		width:100%;
		margin-top:0px;
		display:inline-block;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd{
		width:32.5%;
		padding:0px 20px;
		box-sizing:border-box;
		display:inline-block;
		vertical-align:top;
		margin-top:2.5em;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .ico{
		width:120px;
		margin:0 auto;
	}
	
	
	#sub .education .jonior01 .curriculum .curriList dd .ico img{
		width:100%;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .subj{
		font-size:20px;
		text-align:center;
		font-family:'lato';
		font-weight:bold;
		margin-top:20px;
	}
	
	
	#sub .education .jonior01 .curriculum .curriList dd .deList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
		margin-top:20px;
		min-height:270px;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .deList li{
		word-break:keep-all;
		width:100%;
		margin-top:15px;
		list-style:disc;
		font-size:14px;
		color:#444;
		line-height:22px;
	}
	
	#sub .education .jonior01 .curriculum02{
		widtH:100%;
		margin-top:100px;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable{
		widtH:100%;
		margin-top:50px;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table{
		widtH:100%;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table thead{
		border:1px solid #e5e5e5;
		border-radius:10px;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table thead tr:last-child th{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table  th{
		text-align:Center;
		padding:15px 0px;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		font-family:'lato','NEXON Lv2 Gothic';
		font-weight:normal;
		font-size:13px;
	}
	
	#sub .education .jonior01 .curriculum02 .timetable{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .jonior01 .curriculum02 .timetable table{
		width:100%;
		border:1px solid #e5e5e5;
	}
	
	
	#sub .education .jonior01 .curriculum02 .timetable table th{
		padding:10px;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-family:'lato','NEXON Lv2 Gothic';
		font-size:13px;
	}
	
	
	#sub .education .jonior01 .level{
		width:100%;
		margin-top:100px;
	}
	
	#sub .education .jonior01 .level .levelList{
		width:100%;
		background:#f7f7f7;
		padding:20px;
		box-sizing:border-box;
		margin-top:30px;
		display:inline-block;
	}
	
	
	#sub .education .jonior01 .level .levelList dd:nth-child(2n+1){
		margin-left:0%;
	}
	
	#sub .education .jonior01 .level .levelList dd:nth-child(1){
		margin-top:0%;
	}
	
	#sub .education .jonior01 .level .levelList dd{
		width:100%;
		display:inline-block;
		background:#fff;
		float:left;
		margin-left:0%;
		margin-top:20px;
		padding:1em;
		box-sizing:border-box;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .title{
		font-size:24px;
		font-weight:bold;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .subTit{
		font-size:18px;
		color:#222;
		margin-top:10px;
	}
	
	#sub .education .jonior01 .level .levelList dd .subs{
		font-size:16px;
		color:#444;
		margin-top:20px;
		word-break:keep-all;
		line-height:24px;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList{
		width:100%;
		margin-top:30px;
		text-align:Center;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList li{
		width:100px;
		height:100px;
		border-radius:100%;
		text-align:Center;
		word-break:keep-all;
		display:inline-block;
		margin:0px 5px;
		vertical-align:top;
		margin-top:10px;
		position:relative;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList li span{
		width:100%;
		position:absolute;
		text-align:center;
		top:50%;
		transform:translateY(-50%);
		left:0;
		font-size:13px;
		font-family:'lato';
		line-height:19px;
		word-break:keep-all;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .ct{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .subj{
		font-size:18px;
		font-weight:bold;
		color:#222;
		font-family:'lato';
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .ctList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .ctList li{
		width:100%;
		margin-top:10px;
		list-style:disc;
		color:#777;
		line-height:24px;
		font-size:14px;
		word-break:keep-all;
	}



}

@media screen and (max-width: 767px) {
	#sub .education .jonior01{
		 width:94%;
		 margin:2.5em auto 5em;
	}
	
		
	#sub .education .jonior01 .progression{
		 width:100%;
		 margin-top:5em;
	}
	
	#sub .education .jonior01 .progression .programList{
		 width:100%;
		 display:inline-block;
		 margin-top:30px;
	}
	
	#sub .education .jonior01 .progression .programList dd{
		display:inline-block;
		place-self:flex-end;
		width:50%;
		float:left;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox{
		width:100%;
		padding:20px;
		box-sizing:border-box;
		min-height:235px;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox .studyList{
		width:100%;
	}
	
	#sub .education .jonior01 .progression .programList dd .contBox .studyList li{
		width:100%;
		word-break:keep-all;
		margin-top:15px;
		font-size:14px;
		line-height:22px;
		padding-left:15px;
		box-sizing:border-box;
		position:relative;
	}
	#sub .education .jonior01 .progression .programList dd .contBox .studyList li:before{
		content:'+';
		position:absolute;
		left:0;
	}
	
	#sub .education .jonior01 .progression .programList dd .step{
		width:100%;
		padding:20px 0px;
		text-align:center;
		color:#fff;
	}
	
	
	#sub .education .jonior01 .curriculum{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .jonior01 .curriculum .curriList{
		width:100%;
		margin-top:0px;
		display:inline-block;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd{
		width:49%;
		padding:0px 20px;
		box-sizing:border-box;
		display:inline-block;
		vertical-align:top;
		margin-top:2.5em;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .ico{
		width:120px;
		margin:0 auto;
	}
	
	
	#sub .education .jonior01 .curriculum .curriList dd .ico img{
		width:100%;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .subj{
		font-size:20px;
		text-align:center;
		font-family:'lato';
		font-weight:bold;
		margin-top:20px;
	}
	
	
	#sub .education .jonior01 .curriculum .curriList dd .deList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
		margin-top:20px;
		min-height:320px;
	}
	
	#sub .education .jonior01 .curriculum .curriList dd .deList li{
		word-break:keep-all;
		width:100%;
		margin-top:15px;
		list-style:disc;
		font-size:14px;
		color:#444;
		line-height:22px;
	}
	
	#sub .education .jonior01 .curriculum02{
		widtH:100%;
		margin-top:100px;
		display:none;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable{
		widtH:100%;
		margin-top:50px;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table{
		widtH:100%;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table thead{
		border:1px solid #e5e5e5;
		border-radius:10px;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table thead tr:last-child th{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .education .jonior01 .curriculum02 .currTable table  th{
		text-align:Center;
		padding:15px 0px;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		font-family:'lato','NEXON Lv2 Gothic';
		font-weight:normal;
		font-size:13px;
	}
	
	#sub .education .jonior01 .curriculum02 .timetable{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .jonior01 .curriculum02 .timetable table{
		width:100%;
		border:1px solid #e5e5e5;
	}
	
	
	#sub .education .jonior01 .curriculum02 .timetable table th{
		padding:10px;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-family:'lato','NEXON Lv2 Gothic';
		font-size:13px;
	}
	
	
	#sub .education .jonior01 .level{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .jonior01 .level .levelList{
		width:100%;
		background:#f7f7f7;
		padding:1em;
		box-sizing:border-box;
		margin-top:30px;
		display:inline-block;
	}
	
	
	#sub .education .jonior01 .level .levelList dd:nth-child(2n+1){
		margin-left:0%;
	}
	
	#sub .education .jonior01 .level .levelList dd:nth-child(1),
	#sub .education .jonior01 .level .levelList dd:nth-child(2){
		margin-top:0%;
	}
	
	#sub .education .jonior01 .level .levelList dd{
		width:100%;
		display:inline-block;
		background:#fff;
		float:left;
		margin-left:2%;
		margin-top:20px;
		padding:1.5em;
		box-sizing:border-box;
		min-height:auto;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .title{
		font-size:20px;
		font-weight:bold;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .subTit{
		font-size:16px;
		color:#222;
		margin-top:10px;
	}
	
	#sub .education .jonior01 .level .levelList dd .subs{
		font-size:14px;
		color:#444;
		margin-top:20px;
		word-break:keep-all;
		line-height:24px;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList{
		width:100%;
		margin-top:30px;
		text-align:Center;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList li{
		width:100px;
		height:100px;
		border-radius:100%;
		text-align:Center;
		word-break:keep-all;
		display:inline-block;
		margin:0px 5px;
		vertical-align:top;
		margin-top:10px;
		position:relative;
	}
	
	#sub .education .jonior01 .level .levelList dd .cirList li span{
		width:100%;
		position:absolute;
		text-align:center;
		top:50%;
		transform:translateY(-50%);
		left:0;
		font-size:13px;
		font-family:'lato';
		line-height:19px;
		word-break:keep-all;
	}
	
	
	#sub .education .jonior01 .level .levelList dd .ct{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .subj{
		font-size:18px;
		font-weight:bold;
		color:#222;
		font-family:'lato';
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .ctList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .jonior01 .level .levelList dd .ct .ctList li{
		width:100%;
		margin-top:10px;
		list-style:disc;
		color:#777;
		line-height:24px;
		font-size:14px;
		word-break:keep-all;
	}



}



/*주니어 에이스쿨*/

@media screen and (max-width: 1180px) {
	#sub .education .jonior03{
		 width:94%;
		 margin:50px auto 100px;
	}
	
	#sub .education .jonior03 .ctArea{
		 width:100%;
		 padding:20px;
		 box-sizing:border-box;
		 background:#f7f7f7;
		 display:inline-block;
		margin-top:100px;
	}
	#sub .education .jonior03 .ctArea dd{
		 width:49%;
		 background:#fff;
		 padding:30px;
		 box-sizing:border-box;
		 margin-left:2%;
		 display:inline-block;
		 float:left;
		 min-height:563px;
	}
	
	#sub .education .jonior03 .ctArea dd:first-child{
		 margin-left:0px;
	}
	
	#sub .education .jonior03 .ctArea dd .subj{
		 font-size:20px;
		 font-weight:bold;
	}
	
	#sub .education .jonior03 .ctArea dd .ct{
		 width:100%;
		 margin-top:30px;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .ctSubj{
		 font-size:16px;
		 color:#222;
		 font-weight:bold;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .ctSubs{
		 font-size:14px;
		 color:#444;
		 margin-top:20px;
		 word-break:keep-all;
		 line-height:26px;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .bookList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .bookList li{
		width:100%;
		margin-top:10px;
		list-style:disc;
	}
}


@media screen and (max-width: 767px) {
	#sub .education .jonior03{
		 width:94%;
		 margin:50px auto 100px;
	}
	
	#sub .education .jonior03 .ctArea{
		 width:100%;
		 padding:20px;
		 box-sizing:border-box;
		 background:#f7f7f7;
		 display:inline-block;
		margin-top:100px;
	}
	#sub .education .jonior03 .ctArea dd{
		 width:100%;
		 background:#fff;
		 padding:1em;
		 box-sizing:border-box;
		 margin-left:0%;
		 display:inline-block;
		 float:left;
		 min-height:auto;
		 margin-top:20px;
	}
	
	#sub .education .jonior03 .ctArea dd:first-child{
		 margin-left:0px;
		 margin-top:0;
	}
	
	#sub .education .jonior03 .ctArea dd .subj{
		 font-size:18px;
		 font-weight:bold;
	}
	
	#sub .education .jonior03 .ctArea dd .ct{
		 width:100%;
		 margin-top:30px;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .ctSubj{
		 font-size:16px;
		 color:#222;
		 font-weight:bold;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .ctSubs{
		 font-size:14px;
		 color:#444;
		 margin-top:20px;
		 word-break:keep-all;
		 line-height:26px;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .bookList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .jonior03 .ctArea dd .ct .bookList li{
		width:100%;
		margin-top:10px;
		list-style:disc;
	}
}




/*주니어부 영어독서프로그램*/

@media screen and (max-width: 1180px) {
	#sub .education .jonior04{
		 width:94%;
		 margin:50px auto 100px;
	}
	
	#sub .education .jonior04 .storybook{
		width:100%;
		margin-top:100px;
	}
	
	#sub .education .jonior04 .storybook .bookListCont{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .txBox{
		width:100%;
		padding:50px 0px;
		text-align:Center;
		font-size:16px;
		line-height:26px;
		color:#444;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		word-break:keep-all;
		border-radius:5px;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA{
		width:100%;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd{
		width:100%;
		display:inline-block;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA{
		width:100%;
		display:block;
		text-align:Center;
		padding:30px 0px;
		border-bottom:1px dashed #e5e5e5;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico{
		width:60px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico img{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .subj{
		display:inline-block;
		margin-top:0px;
		font-size:20px;
		font-weight:bold;
		word-break:keep-all;
		margin-left:5px;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding:0px 0px 50px;
		box-sizing:border-box;
		border-left:0px solid #e5e5e5;
		text-align:center;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li{
		width:17.8%;
		display:inline-block;
		margin-left:2%;
		margin-top:50px;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li:nth-child(5n+1){
		margin-left:0%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .thum{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .thum img{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .subject{
		width:100%;
		text-align:Center;
		margin-top:15px;
		font-size:16px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	#sub .education .jonior04 .goal{
		width:100%;
		margin-top:100px;
	}
	
	#sub .education .jonior04 .goal .goalList{
		width:100%;
		display:flex;
	}
	
	#sub .education .jonior04 .goal .goalList dd{
		width:100%;
		display:inline-block;
		margin-left:10px;
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .ico{
		width:160px;
		margin:0 auto;
	}
	
	#sub .education .jonior04 .goal .goalList dd .ico img{
		width:100%;
	}
	
	#sub .education .jonior04 .goal .goalList dd .nm{
		margin-top:30px;
		text-align:Center;
		font-size:20px;
		font-weight:bold;
		color:#222;
	}
	
	
	
	
	#sub .education .jonior04 .goal .goalList dd .dot{
		width:18px;
		height:18px;
		border-radius:100%;
		margin:30px auto 0;
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child .dot{
		border:2px solid #30d7c5
	}
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .dot{
		border:2px solid #53c1ff
	}
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .dot{
		border:2px solid #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .golBox{
		width:100%;
		padding:50px 20px;
		margin-top:30px;
		border-radius:5px;
		box-sizing:border-box;
		position:relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox:before{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		top:-32px;
		left:50%;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox:after{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		bottom:-32px;
		left:50%;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox{
		border:1px solid #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox{
		border:1px solid #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox{
		border:1px solid #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox:before{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox:before{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox:before{
		border:1px dashed #dca3f0
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox:after{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox:after{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox:after{
		border:1px dashed #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .golBox .subj{
		font-size:16px;
		text-align:center;
		font-weight:bold;
		color:#222;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox .subsT{
		font-size:14px;
		text-align:center;
		color:#444;
		word-break:keep-all;
		line-height:22px;
		margin-top:10px;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd .verLine{
		width:50%;
		margin:30px auto 0;
		position:Relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .verLine{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .verLine{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .verLine{
		border:1px dashed #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList{
		width:100%;
		display:flex;
		margin-top:20px
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList li{
		width:50%;
		display:inline-block;
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList .dot{
		margin:0 auto;
		position:relative;
		z-index:1;
		background:#fff;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg{
		width:105px;
		height:105px;
		border-radius:100%;
		box-sizing:border-box;
		margin:-12px auto;
		position:relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:first-child .bg{
		background:#30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg{
		border:1px solid #30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:first-child .bg{
		background:#53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg{
		border:1px solid #53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:first-child .bg{
		background:#dca3f0;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg{
		border:1px solid #dca3f0;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg:before{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		top:-32px;
		left:50%;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li .bg:before{
		border:1px dashed #30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li .bg:before{
		border:1px dashed #53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li .bg:before{
		border:1px dashed #dca3f0;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span .subj{
		text-align:center;
		font-size:17px;
		color:#fff;
		font-weight:bold;
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span .subs{
		text-align:center;
		font-size:13px;
		color:#fff;
		margin-top:10px;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg span .subj{
		color:#30d7c6
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg span .subs{
		color:#30d7c6
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg span .subj{
		color:#53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg span .subs{
		color:#53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg span .subj{
		color:#dca3f0
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg span .subs{
		color:#dca3f0
	}
	
}	

@media screen and (max-width: 767px) {
	#sub .education .jonior04{
		 width:94%;
		 margin:2.5em auto 5em;
	}
	
	#sub .education .jonior04 .storybook{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .jonior04 .storybook .bookListCont{
		width:100%;
		margin-top:1.5em;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .txBox{
		width:100%;
		padding:20px 10px;
		text-align:Center;
		font-size:14px;
		line-height:22px;
		color:#444;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		word-break:keep-all;
		border-radius:5px;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA{
		width:100%;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd{
		width:100%;
		display:inline-block;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA{
		width:100%;
		display:block;
		text-align:Center;
		padding:30px 0px;
		border-bottom:1px dashed #e5e5e5;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico{
		width:50px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico img{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .subj{
		display:inline-block;
		margin-top:0px;
		font-size:18px;
		font-weight:bold;
		word-break:keep-all;
		margin-left:5px;
	}
	
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding:0px 0px 50px;
		box-sizing:border-box;
		border-left:0px solid #e5e5e5;
		text-align:left;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li{
		width:31%;
		display:inline-block;
		margin-left:2%;
		margin-top:50px;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li:nth-child(5n+1){
		margin-left:2%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li:nth-child(3n+1){
		margin-left:0%;
	}
	
	
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .thum{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .thum img{
		width:100%;
	}
	
	#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li .subject{
		width:100%;
		text-align:Center;
		margin-top:15px;
		font-size:16px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	#sub .education .jonior04 .goal{
		width:100%;
		margin-top:5em;
	}
	
	#sub .education .jonior04 .goal .goalList{
		width:100%;
		display:block;
	}
	
	#sub .education .jonior04 .goal .goalList dd{
		width:100%;
		display:inline-block;
		margin-left:0px;
		margin-top:5em
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child{
		margin-top:0em
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child{
		margin-left:0px;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .ico{
		width:120px;
		margin:0 auto;
	}
	
	#sub .education .jonior04 .goal .goalList dd .ico img{
		width:100%;
	}
	
	#sub .education .jonior04 .goal .goalList dd .nm{
		margin-top:30px;
		text-align:Center;
		font-size:20px;
		font-weight:bold;
		color:#222;
	}
	
	
	
	
	#sub .education .jonior04 .goal .goalList dd .dot{
		width:18px;
		height:18px;
		border-radius:100%;
		margin:30px auto 0;
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child .dot{
		border:2px solid #30d7c5
	}
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .dot{
		border:2px solid #53c1ff
	}
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .dot{
		border:2px solid #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .golBox{
		width:100%;
		padding:50px 20px;
		margin-top:30px;
		border-radius:5px;
		box-sizing:border-box;
		position:relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox:before{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		top:-32px;
		left:50%;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox:after{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		bottom:-32px;
		left:50%;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox{
		border:1px solid #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox{
		border:1px solid #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox{
		border:1px solid #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox:before{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox:before{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox:before{
		border:1px dashed #dca3f0
	}
	
	#sub .education .jonior04 .goal .goalList dd:first-child .golBox:after{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .golBox:after{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .golBox:after{
		border:1px dashed #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .golBox .subj{
		font-size:16px;
		text-align:center;
		font-weight:bold;
		color:#222;
	}
	
	#sub .education .jonior04 .goal .goalList dd .golBox .subsT{
		font-size:14px;
		text-align:center;
		color:#444;
		word-break:keep-all;
		line-height:22px;
		margin-top:10px;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd .verLine{
		width:50%;
		margin:30px auto 0;
		position:Relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .verLine{
		border:1px dashed #30d7c5
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .verLine{
		border:1px dashed #53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .verLine{
		border:1px dashed #dca3f0
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList{
		width:100%;
		display:flex;
		margin-top:20px
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList li{
		width:50%;
		display:inline-block;
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList .dot{
		margin:0 auto;
		position:relative;
		z-index:1;
		background:#fff;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg{
		width:105px;
		height:105px;
		border-radius:100%;
		box-sizing:border-box;
		margin:-12px auto;
		position:relative;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:first-child .bg{
		background:#30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg{
		border:1px solid #30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:first-child .bg{
		background:#53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg{
		border:1px solid #53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:first-child .bg{
		background:#dca3f0;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg{
		border:1px solid #dca3f0;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg:before{
		width:0px;
		height:30px;
		content:'';
		position:absolute;
		top:-32px;
		left:50%;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li .bg:before{
		border:1px dashed #30d7c6;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li .bg:before{
		border:1px dashed #53c1ff;
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li .bg:before{
		border:1px dashed #dca3f0;
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span .subj{
		text-align:center;
		font-size:17px;
		color:#fff;
		font-weight:bold;
	}
	
	#sub .education .jonior04 .goal .goalList dd .wtList li .bg span .subs{
		text-align:center;
		font-size:13px;
		color:#fff;
		margin-top:10px;
	}
	
	
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg span .subj{
		color:#30d7c6
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(1) .wtList li:last-child .bg span .subs{
		color:#30d7c6
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg span .subj{
		color:#53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(2) .wtList li:last-child .bg span .subs{
		color:#53c1ff
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg span .subj{
		color:#dca3f0
	}
	
	#sub .education .jonior04 .goal .goalList dd:nth-child(3) .wtList li:last-child .bg span .subs{
		color:#dca3f0
	}
	
}	






/*주니어부 토요프로그램*/ 

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

	#sub .education .junior05{
		width:100%;
		margin-top:50px;
	}
	
	#sub .education .junior05 .infoTable{
		width:94%;
		margin-left:3%;
	}
	
	#sub .education .junior05 .deThum{
		width:94%;
		margin:0 auto;
	}
	
	#sub .education .junior05 .deThum img{
		width:100%;
	}
	
	
	#sub .education .junior05 .proInfo{
		width:94%;
		margin:2.5em auto 0;
	}
	
	
	#sub .education .junior05 .artnboard{
		widtH:94%;
		margin:5em auto 0;
	}
	
	#sub .education .junior05 .artnboard .abCont{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList{
		width:100%;
		display:flex;
		position:relative;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd{
		width:45%;
		display:inline-block;
		padding:0px 30px 30px;
		box-sizing:border-box;
		margin-left:10%;
		
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:after{
		width:40px;
		height:10px;
		background:url(../images/sub/artnboardDot.png) no-repeat;
		position:absolute;
		content:'';
		top:50%;
		transform:translate(-50%, -50%);
		left:50%;
		background-size:100%;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child:after{
		display:none;
	}
	
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:first-child{
		background:#edf3ff;
		border-radius:0px 0px 50px 0px;
		margin-left:0;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child{
		background:#efeaf8;
		border-radius:50px 0px 0px 0px;
	}
	
	
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .subj{
		width:190px;
		margin:0 auto;
		padding:15px 0px;
		border-radius:0px 0px 10px 10px;
		color:#fff;
		text-align:Center;
		font-size:18px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:first-child .subj{
		background:#4a87ff;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child .subj{
		background:#6a41bd;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .thum{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .thum img{
		width:100%;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .detList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .detList li{
		width:100%;
		list-style:disc;
		margin-top:10px;
		font-size:14px;
		color:#444;
		line-height:23px;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList{
		width:100%;
		margin-top:50px;
		display:flex;
		text-align:Center;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li{
		width:150px;
		height:150px;
		display:inline-block;
		border-radius:100%;
		position:relative;
		margin-left:6%;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:after{
		content:'';
		background:url(../images/sub/artnboardPlus.png) no-repeat;
		width:30px;
		height:30px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:0px;
		margin-right:-37px;
		background-size:100%;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:last-child:after{
		display:none;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(1){
		background:#00b3e2;
		margin-left:0;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(2){
		background:#4a87ff;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(3){
		background:#6a41bd;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(4){
		background:#ee4d9b;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:100%;
		left:0;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span .enT{
		font-size:18px;
		color:#ffffff;
		text-align:Center;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span .krT{
		font-size:17px;
		color:#ffffff;
		text-align:Center;
		font-weight:bold;
		margin-top:10px;
	}
	
	
	#sub .education .junior05 .science{
		width:100%;
		margin-top:100px;
		padding:100px 0px;
		background:#f7f7f7;
	}
	
	#sub .education .junior05 .science .inner{
		widtH:94%;
		margin:0 auto;
	}
	
	#sub .education .junior05 .science .inner .scCont{
		width:100%;
		background:#fff;
		margin-top:30px;
		border-radius:50px 0px 50px 0px;
		box-shadow:5px 5px 10px rgba(0,0,0,0.1);
		padding:3em;
		box-sizing:border-box;
		display:flex;
	}
	
	#sub .education .junior05 .science .inner .scCont dd{
		width:100%;
		display:inline-block;
		margin-left:10%;
	}
	
	#sub .education .junior05 .science .inner .scCont dd:first-child{
		margin-left:0%;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .thum{
		width:100%;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .thum img{
		width:100%;
	}
	
	
	#sub .education .junior05 .science .inner .scCont dd .subj{
		font-size:18px;
		color:#222222;
		font-weight:bold;
		margin-top:30px;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .scContList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .scContList li{
		width:100%;
		font-size:14px;
		color:#444444;
		margin-top:10px;
		list-style:disc;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	
	#sub .education .junior05 .look{
		widtH:94%;
		margin:100px auto 100px;
	}
	
	#sub .education .junior05 .look .eduSubTitleA{
		widtH:100%;
		margin-top:100px;
	}
	
	#sub .education .junior05 .look .bookThum{
		widtH:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .education .junior05 .look .bookThum li{
		widtH:100%;
		display:inline-block;
		margin-left:10px;
	}
	
	#sub .education .junior05 .look .bookThum li:first-child{
		margin-left:0px;
	}
	
	#sub .education .junior05 .look .bookThum li img{
		widtH:100%;
	}
	
}
	
@media screen and (max-width: 767px) {

	#sub .education .junior05{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .education .junior05 .deThum{
		width:94%;
		margin:0 auto;
	}
	
	#sub .education .junior05 .deThum img{
		width:100%;
	}
	
	
	#sub .education .junior05 .proInfo{
		width:94%;
		margin:2.5em auto 0;
	}
	
	#sub .education .junior05 .artnboard{
		widtH:94%;
		margin:5em auto 0;
	}
	
	#sub .education .junior05 .artnboard .abCont{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd{
		width:100%;
		display:inline-block;
		padding:0px 1.5em 1.5em;
		box-sizing:border-box;
		margin-left:0%;
		margin-top:70px;
		position:Relative;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:first-child{
		margin-top:0px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:after{
		width:40px;
		height:10px;
		background:url(../images/sub/artnboardDot.png) no-repeat;
		position:absolute;
		content:'';
		top:107%;
		transform:translate(0%, 0px);
		left:50%;
		background-size:100%;
		transform:rotate(90deg);
		margin-left:-20px;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child:after{
		display:none;
	}
	
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:first-child{
		background:#edf3ff;
		border-radius:0px 0px 50px 0px;
		margin-left:0;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child{
		background:#efeaf8;
		border-radius:50px 0px 0px 0px;
	}
	
	
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .subj{
		width:190px;
		margin:0 auto;
		padding:15px 0px;
		border-radius:0px 0px 10px 10px;
		color:#fff;
		text-align:Center;
		font-size:18px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:first-child .subj{
		background:#4a87ff;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd:last-child .subj{
		background:#6a41bd;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .thum{
		width:100%;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .thum img{
		width:100%;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .detList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .lectureList dd .detList li{
		width:100%;
		list-style:disc;
		margin-top:10px;
		font-size:14px;
		color:#444;
		line-height:23px;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList{
		width:100%;
		margin-top:20px;
		display:inline-block;
		text-align:Center;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li{
		width:130px;
		height:130px;
		display:inline-block;
		border-radius:100%;
		position:relative;
		margin-left:10%;
		margin-top:30px;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:after{
		content:'';
		background:url(../images/sub/artnboardPlus.png) no-repeat;
		width:30px;
		height:30px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:0px;
		margin-right:-34px;
		background-size:100%;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(2n):after{
		display:none;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(1){
		background:#00b3e2;
		margin-left:0;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(2){
		background:#4a87ff;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(3){
		background:#6a41bd;
		margin-left:0;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li:nth-child(4){
		background:#ee4d9b;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:100%;
		left:0;
	}
	
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span .enT{
		font-size:18px;
		color:#ffffff;
		text-align:Center;
	}
	
	#sub .education .junior05 .artnboard .abCont .keywordList li span .krT{
		font-size:17px;
		color:#ffffff;
		text-align:Center;
		font-weight:bold;
		margin-top:10px;
	}
	
	
	#sub .education .junior05 .science{
		width:100%;
		margin-top:100px;
		padding:100px 0px;
		background:#f7f7f7;
	}
	
	#sub .education .junior05 .science .inner{
		widtH:94%;
		margin:0 auto;
	}
	
	#sub .education .junior05 .science .inner .scCont{
		width:100%;
		background:#fff;
		margin-top:30px;
		border-radius:50px 0px 50px 0px;
		box-shadow:5px 5px 10px rgba(0,0,0,0.1);
		padding:1em;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#sub .education .junior05 .science .inner .scCont dd{
		width:100%;
		display:inline-block;
		margin-left:0%;
		margin-top:40px;
	}
	
	#sub .education .junior05 .science .inner .scCont dd:first-child{
		margin-left:0%;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .thum{
		width:100%;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .thum img{
		width:100%;
	}
	
	
	#sub .education .junior05 .science .inner .scCont dd .subj{
		font-size:16px;
		color:#222222;
		font-weight:bold;
		margin-top:30px;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .scContList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .education .junior05 .science .inner .scCont dd .scContList li{
		width:100%;
		font-size:14px;
		color:#444444;
		margin-top:10px;
		list-style:disc;
		line-height:22px;
		word-break:keep-all;
	}
	
	#sub .education .junior05 .look{
		widtH:94%;
		margin:100px auto 100px;
	}
	
	#sub .education .junior05 .look .eduSubTitleA{
		widtH:100%;
		margin-top:100px;
	}
	
	#sub .education .junior05 .look .bookThum{
		widtH:100%;
		margin-top:2em;
		display:inline-block;
	}
	
	#sub .education .junior05 .look .bookThum li{
		widtH:30%;
		display:inline-block;
		margin-left:10px;
		margin-top:10px;
	}
	
	#sub .education .junior05 .look .bookThum li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#sub .education .junior05 .look .bookThum li img{
		widtH:100%;
	}
}
		
	
	
	
	

/*창의미술 프로그램*/

@media screen and (max-width: 1180px) {
	#sub .education .art{
		 width:94%;
		 margin:50px auto 100px;
	}
	
	#sub .education .art .proInfo{
		 width:100%;
		 margin-top:50px;
	}

}
	
@media screen and (max-width:767px) {
	#sub .education .art{
		 width:94%;
		 margin:2.5em auto 5em;
	}
	
	#sub .education .art .proInfo{
		 width:100%;
		 margin-top:2.5em;
	}
	
	
	#sub .education .art .picList{
		 width:100%;
		 display:inline-block;
		 margin-top:5em;
		 border-top:1px solid #e5e5e5;
		 padding-top:4em;
	}
	
	#sub .education .art .picList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:1em;
		border-radius:5px;
		overflow:hidden;
	}
	
	#sub .education .art .picList li:nth-child(3n+1){
		margin-left:4%;
	}
	
	#sub .education .art .picList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .education .art .picList li img{
		width:100%;
	}


}
		
	
	
	

/*초등 중국어 프로그램*/

@media screen and (max-width: 1180px) {
	#sub .education .junior02{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .education .junior02 .infoA{
		widtH:100%;
		margin-top:4em;
	}
	
	#sub .education .junior02 .infoA .goalList{
		widtH:100%;
		display:flex;
		margin-top:50px;
	}
	
	#sub .education .junior02 .infoA .goalList li{
		widtH:100%;
		display:inline-block;
		position:Relative;
	}
	
	
	#sub .education .junior02 .infoA .goalList li .ico{
		width:100px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .junior02 .infoA .goalList li .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .infoA .goalList li .ico:after{
		display:none;
	}
	
	#sub .education .junior02 .infoA .goalList li:last-child .ico:after{
		display:none;
	}
	
	
	
	#sub .education .junior02 .infoA .goalList li .text{
		text-align:center;
		margin-top:20px;
		font-size:16px;
		color:#222;
		line-height:24px;
		box-sizing:border-box;
		word-break:keep-all;
	}
	
	
	#sub .education .junior02 .infoA .who{
		width:100%;
		text-align:center;
		margin-top:4em;
	}
	
	#sub .education .junior02 .infoA .who li{
		width:49%;
		display:inline-block;
		vertical-align:top;
		position:relative;
	}
	
	#sub .education .junior02 .infoA .who li:nth-child(2){
		margin-top:150px;
		text-align:right;
	}
	
	#sub .education .junior02 .infoA .who li:nth-child(3){
		margin-top:-100px;
		margin-left:-300px;
	}
	
	
	
	#sub .education .junior02 .infoA .who li .bg{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .junior02 .infoA .who li .bg img{
		width:100%;
	}
	
	
	#sub .education .junior02 .infoA .who li .cont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
	}
	
	#sub .education .junior02 .infoA .who li .cont .ico{
		width:97px;
		margin:0 auto;
	}
	
	#sub .education .junior02 .infoA .who li .cont .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .infoA .who li .cont .tx{
		text-align:Center;
		font-size:18px;
		color:#fff;
		margin-top:20px;
		line-height:28px;
	}
	
	#sub .education .junior02 .who_ver02{
		width:100%;
		margin-top:80px;
		display:flex;
	}
	#sub .education .junior02 .who_ver02 li{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .junior02 .who_ver02 li .ico{
		width:90px;
		margin:0 auto;
	}
	
	#sub .education .junior02 .who_ver02 li .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .who_ver02 li .tx{
		text-align:Center;
		margin-top:20px;
		font-size:16px;
		line-height:24px;
	}
		
}
	

@media screen and (max-width: 767px) {
	#sub .education .junior02{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .education .junior02 .infoA{
		widtH:100%;
		margin-top:4em;
	}
	
	#sub .education .junior02 .infoA .goalList{
		widtH:100%;
		display:inline-block;
		margin-top:20px;
		text-align:center;
	}
	
	#sub .education .junior02 .infoA .goalList li{
		widtH:32%;
		display:inline-block;
		position:Relative;
		margin-top:30px;
	}
	
	
	#sub .education .junior02 .infoA .goalList li .ico{
		width:70px;
		margin:0 auto;
		position:relative;
	}
	
	#sub .education .junior02 .infoA .goalList li .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .infoA .goalList li .ico:after{
		display:none;
	}
	
	#sub .education .junior02 .infoA .goalList li:last-child .ico:after{
		display:none;
	}
	
	
	
	#sub .education .junior02 .infoA .goalList li .text{
		text-align:center;
		margin-top:20px;
		font-size:14px;
		color:#222;
		line-height:22px;
		box-sizing:border-box;
		word-break:keep-all;
	}
	
	
	#sub .education .junior02 .infoA .who{
		width:100%;
		text-align:left;
		margin-top:4em;
	}
	
	#sub .education .junior02 .infoA .who li{
		width:49.2%;
		display:inline-block;
		vertical-align:top;
		position:relative;
	}
	
	#sub .education .junior02 .infoA .who li:nth-child(2){
		margin-top:100px;
		text-align:right;
	}
	
	#sub .education .junior02 .infoA .who li:nth-child(3){
		margin-top:-60px;
		margin-left:0px;
	}
	
	
	
	#sub .education .junior02 .infoA .who li .bg{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .junior02 .infoA .who li .bg img{
		width:100%;
	}
	
	
	#sub .education .junior02 .infoA .who li .cont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
	}
	
	#sub .education .junior02 .infoA .who li .cont .ico{
		width:60px;
		margin:0 auto;
	}
	
	#sub .education .junior02 .infoA .who li .cont .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .infoA .who li .cont .tx{
		text-align:Center;
		font-size:14px;
		color:#fff;
		margin-top:15px;
		line-height:21px;
	}
	
	#sub .education .junior02 .who_ver02{
		width:100%;
		margin-top:80px;
		display:flex;
	}
	#sub .education .junior02 .who_ver02 li{
		width:100%;
		display:inline-block;
	}
	
	#sub .education .junior02 .who_ver02 li .ico{
		width:50px;
		margin:0 auto;
	}
	
	#sub .education .junior02 .who_ver02 li .ico img{
		width:100%;
	}
	
	#sub .education .junior02 .who_ver02 li .tx{
		text-align:Center;
		margin-top:20px;
		font-size:13px;
		line-height:22px;
	}
}
	
	
	
	
	
	

/*등록절차*/
	
@media screen and (max-width: 1180px) {
	
		
	#sub .information{
		width:100%;
		margin-top:100px;
	}
	
	#sub .information .information01{
		width:94%;
		margin:50px auto 100px;
	}
	
	#sub .information .information01 .process01{
		width:100%;
		display:flex;
	}
	
	#sub .information .information01 .process01 dd{
		width:46%;
		display:inline-block;
		vertical-align:Middle;
		margin-left:8%;
		position:Relative;
	}
	
	#sub .information .information01 .process01 dd:first-child{
		margin-left:0%;
	}
	
	#sub .information .information01 .process01 dd .cirA{
		width:222px;
		height:222px;
		margin:0 auto;
		border-radius:100%;
		position:relative;
	}
	
	
	#sub .information .information01 .process01 dd .cirA:after{
		width:1px;
		height:30px;
		position:absolute;
		left:50%;
		content:'';
		bottom:-30px;
	}
	
	
	
	#sub .information .information01 .process01 dd:first-child .cirA:after{
		background:#00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .cirA:after{
		background:#4a87ff;
	}
	
	
	
	
	#sub .information .information01 .process01 dd:first-child .cirA{
		border:1px solid #00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .cirA{
		border:1px solid #4a87ff;
	}
	
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont .ico{
		width:70px;
		margin:0 auto;
	}
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont .tx{
		text-align:center;
		color:#222;
		font-size:18px;
		margin-top:15px;
		word-break:keep-all;
	}
	
	
	
	#sub .information .information01 .process01 dd .boxA{
		width:100%;
		box-sizing:border-box;
		text-align:Center;
		padding:30px 0px;
		border:1px solid #e5e5e5;
		margin-top:30px;
		position:relative;
		height:200px;
	}
	
	#sub .information .information01 .process01 dd .boxA:before{
		width:10px;
		height:10px;
		content:'';
		border-radius:100%;
		left:50%;
		margin-left:-5px;
		position:absolute;
		top:0;
		margin-top:-5px;
	}
	
	#sub .information .information01 .process01 dd:first-child .boxA:before{
		background:#00b3e2
	}
	
	#sub .information .information01 .process01 dd:last-child .boxA:before{
		background:#4a87ff
	}
	
	
	
	#sub .information .information01 .process01 dd .boxA .boxCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
	}
	
	
	#sub .information .information01 .process01 dd .boxA .boxCont .subj{
		font-size:20px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .information01 .process01 dd .boxA .boxCont .subj span{
		margin-right:10px;
		display:inline-block;
	}
	
	
	#sub .information .information01 .process01 dd:first-child .boxA .boxCont .subj span{
		color:#00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .boxA .boxCont .subj span{
		color:#4a87ff;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .subs{
		font-size:16px;
		margin-top:20px;
		color:#222;
		text-align:Center;
		line-height:26px;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList{
		width:100%;
		margin-top:20px;
		padding:0px 50px;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li{
		width:100%;
		margin-top:10px;
		font-size:17px;
		color:#444;
		text-align:left;
		position:relative;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li:before{
		width:5px;
		height:5px;
		border-radius:100%;
		background:#4a87ff;
		content:'';
		position:absolute;
		margin-left:-10px;
		left:0;
		top:50%;
		transform:translateY(-50%)
	}
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li span{
		font-weight:bold;
		color:#222;
		display:inline-block;
		margin-right:10px;
	}
	
	#sub .information .information01 .onlineTest{
		width:100%;
		margin-top:4em;
	}
	
	
	#sub .information .information01 .onlineTest .eduSubTitleA{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn{
		width:204px;
		margin-top:30px;
	}
	
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn a{
		width:100%;
		border-radius:0px 0px 10px 0px;
		border:1px solid #4a87ff;
		color:#4a87ff;
		display:block;
		text-align:center;
		padding:15px 0px;
	}
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn a:hover{
		background:#4a87ff;
		color:#fff;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-top:50px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList{
		width:100%;
		display:flex;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		position:relative;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:after{
		width:43px;
		height:43px;
		position:absolute;
		right:-21.5px;
		content:'';
		background:url(../images/sub/onlineTestArrow.png);
		top:50%;
		transform:TranslateY(-50%);
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:last-child:after{
		display:none;
	}
	
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .num{
		font-size:16px;
		text-align:Center;
		font-family:'lato';
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(1) .num{
		color:#44dcce;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(2) .num{
		color:#00b3e2;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(3) .num{
		color:#feb969;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(4) .num{
		color:#fca5cb;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .icon{
		width:90px;
		margin:20px auto;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .icon img{
		width:100%;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .text{
		font-size:16px;
		text-align:center;
		color:#444444;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox{
		width:100%;
		margin-top:50px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:30px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList{
		width:100%;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd{
		width:100%;
		margin-top:30px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd:first-child{
		margin-top:0px;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .num{
		width:50px;
		line-height:50px;
		border-radius:100%;
		text-align:Center;
		color:#fff;
		font-size:18px;
		background:#4a87ff;
		font-weight:bold;
		font-family:'lato';
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont{
		width:80%;
		display:inline-block;
		vertical-align:top;
		padding-left:20px;
		margin-top:5px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .subj{
		font-size:18px;
		color:#222222;
		font-weight:bold;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .subs{
		font-size:16px;
		color:#444;
		margin-top:10px;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList{
		width:100%;
		margin-top:30px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li{
		width:49%;
		display:inline-block;
		padding-left:15px;
		box-sizing:border-box;
		position:relative;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li:before{
		content:'';
		width:5px;
		height:5px;
		background:#4a87ff;
		border-radius:50%;
		top:50%;
		transform:translateY(-50%);
		left:0px;
		position:absolute;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li .subject{
		width:25%;
		display:inline-block;
		font-size:16px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li .substance{
		width:70%;
		display:inline-block;
		font-size:16px;
		color:#444;
	}
	
	
	#sub .information .information01 .cardPay{
		width:100%;
		margin-top:80px;
	}
	
	#sub .information .information01 .cardPay .cardPayList{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .information .information01 .cardPay .cardPayList li{
		width:100%;
		display:inline-block;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .ico{
		width:80px;
		margin:0 auto;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .ico img{
		width:100%;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .subj{
		font-size:18px;
		text-align:center;
		margin-top:30px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .line{
		width:20px;
		height:2px;
		background:#222;
		margin:20px auto;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .subs{
		font-size:16px;
		color:#444444;
		text-align:Center;
		line-height:26px;
		word-break:keep-all;
	}
	
	#sub .information .information01 .dnwPay{
		width:100%;
		margin-top:80px;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList{
		width:100%;
		text-align:right;
	}
	
	
	#sub .information .information01 .dnwPay .dnwPayList li{
		width:29.8%;
		display:inline-block;
		text-align:Center;
		margin-top:50px;
		margin-left:4.6%;
		padding:20px 0px;
		border-radius:50px;
		color:#fff;
		position:Relative;
		font-size:14px;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(1),
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(3), 
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(4){
		background:#44dcce;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(2),
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(5){
		background:#00b3e2;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:first-child{
		margin-left:0px;
	}
	
	
	
	#sub .information .information01 .dnwPay .dnwPayList li:after{
		content:'';
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:15px;
		height:25px;
		background:url(../images/sub/dnwArrow01.png);
		right:-11%;
		margin-left:-10px;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(3):after{
		content:'';
		position:absolute;
		bottom:0px;
		transform:translateY(0%);
		margin-top:45px;
		width:24px;
		height:14px;
		background:url(../images/sub/dnwArrow02.png);
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(5):after{
		display:none;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(4):after{
		transform:rotate(180deg);
		margin-top:-10px;
	}

	
}	
	
@media screen and (max-width: 767px) {
	
		
	#sub .information{
		width:100%;
		margin-top:5em;
	}
	
	#sub .information .information01{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information01 .process01{
		width:100%;
		display:inline-block;
	}
	
	#sub .information .information01 .process01 dd{
		width:100%;
		display:inline-block;
		vertical-align:Middle;
		margin-left:0%;
		position:Relative;
		padding:0px 20px;
		box-sizing:border-box;
		margin-top:50px;
	}
	
	#sub .information .information01 .process01 dd:first-child{
		margin-left:0%;
		margin-top:0;
	}
	
	#sub .information .information01 .process01 dd .cirA{
		width:222px;
		height:222px;
		margin:0 auto;
		border-radius:100%;
		position:relative;
	}
	
	
	#sub .information .information01 .process01 dd .cirA:after{
		width:1px;
		height:30px;
		position:absolute;
		left:50%;
		content:'';
		bottom:-30px;
	}
	
	
	
	#sub .information .information01 .process01 dd:first-child .cirA:after{
		background:#00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .cirA:after{
		background:#4a87ff;
	}
	
	
	
	
	#sub .information .information01 .process01 dd:first-child .cirA{
		border:1px solid #00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .cirA{
		border:1px solid #4a87ff;
	}
	
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont .ico{
		width:70px;
		margin:0 auto;
	}
	
	
	#sub .information .information01 .process01 dd .cirA .cirCont .tx{
		text-align:center;
		color:#222;
		font-size:16px;
		margin-top:15px;
		word-break:keep-all;
	}
	
	
	
	#sub .information .information01 .process01 dd .boxA{
		width:100%;
		box-sizing:border-box;
		text-align:Center;
		padding:30px 0px;
		border:1px solid #e5e5e5;
		margin-top:30px;
		position:relative;
		height:200px;
	}
	
	#sub .information .information01 .process01 dd .boxA:before{
		width:10px;
		height:10px;
		content:'';
		border-radius:100%;
		left:50%;
		margin-left:-5px;
		position:absolute;
		top:0;
		margin-top:-5px;
	}
	
	#sub .information .information01 .process01 dd:first-child .boxA:before{
		background:#00b3e2
	}
	
	#sub .information .information01 .process01 dd:last-child .boxA:before{
		background:#4a87ff
	}
	
	
	
	#sub .information .information01 .process01 dd .boxA .boxCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
	}
	
	
	#sub .information .information01 .process01 dd .boxA .boxCont .subj{
		font-size:16px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .information01 .process01 dd .boxA .boxCont .subj span{
		margin-right:10px;
		display:inline-block;
	}
	
	
	#sub .information .information01 .process01 dd:first-child .boxA .boxCont .subj span{
		color:#00b3e2;
	}
	
	#sub .information .information01 .process01 dd:last-child .boxA .boxCont .subj span{
		color:#4a87ff;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .subs{
		font-size:13px;
		margin-top:20px;
		color:#222;
		text-align:Center;
		line-height:26px;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList{
		width:100%;
		margin-top:20px;
		padding:0px 30px;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li{
		width:100%;
		margin-top:10px;
		font-size:14px;
		color:#444;
		text-align:left;
		position:relative;
	}
	
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li:before{
		width:5px;
		height:5px;
		border-radius:100%;
		background:#4a87ff;
		content:'';
		position:absolute;
		margin-left:-10px;
		left:0;
		top:50%;
		transform:translateY(-50%)
	}
	#sub .information .information01 .process01 .boxA .boxCont .boxContList li span{
		font-weight:bold;
		color:#222;
		display:inline-block;
		margin-right:10px;
	}
	
	#sub .information .information01 .onlineTest{
		width:100%;
		margin-top:4em;
	}
	
	
	#sub .information .information01 .onlineTest .eduSubTitleA{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn{
		width:204px;
		margin-top:30px;
	}
	
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn a{
		width:100%;
		border-radius:0px 0px 10px 0px;
		border:1px solid #4a87ff;
		color:#4a87ff;
		display:block;
		text-align:center;
		padding:15px 0px;
		font-size:14px;
	}
	
	#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn a:hover{
		background:#4a87ff;
		color:#fff;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-top:50px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList{
		width:100%;
		display:inline-block;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li{
		width:50%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		position:relative;
		float:left;
		border-bottom:1px solid #e5e5e5;
		padding:30px 0px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(2n){
		border-right:0px solid #e5e5e5;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(3),
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(4){
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:after{
		width:43px;
		height:43px;
		position:absolute;
		right:-21.5px;
		content:'';
		background:url(../images/sub/onlineTestArrow.png);
		top:50%;
		transform:TranslateY(-50%);
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(2n):after{
		display:none;
	}
	
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .num{
		font-size:16px;
		text-align:Center;
		font-family:'lato';
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(1) .num{
		color:#44dcce;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(2) .num{
		color:#00b3e2;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(3) .num{
		color:#feb969;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li:nth-child(4) .num{
		color:#fca5cb;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .icon{
		width:70px;
		margin:20px auto;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .icon img{
		width:100%;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .processList li .text{
		font-size:14px;
		text-align:center;
		color:#444444;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox{
		width:100%;
		margin-top:50px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:20px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList{
		width:100%;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd{
		width:100%;
		margin-top:30px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd:first-child{
		margin-top:0px;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .num{
		width:40px;
		line-height:40px;
		border-radius:100%;
		text-align:Center;
		color:#fff;
		font-size:17px;
		background:#4a87ff;
		font-weight:bold;
		font-family:'lato';
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont{
		width:70%;
		display:inline-block;
		vertical-align:top;
		padding-left:10px;
		margin-top:5px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .subj{
		font-size:16px;
		color:#222222;
		font-weight:bold;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .subs{
		font-size:14px;
		color:#444;
		margin-top:10px;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList{
		width:100%;
		margin-top:0px;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li{
		width:100%;
		display:inline-block;
		padding-left:15px;
		box-sizing:border-box;
		position:relative;
		margin-top:20px;
	}
	
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li:before{
		content:'';
		width:5px;
		height:5px;
		background:#4a87ff;
		border-radius:50%;
		top:50%;
		transform:translateY(-50%);
		left:0px;
		position:absolute;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li .subject{
		width:100%;
		display:inline-block;
		font-size:14px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li .substance{
		width:100%;
		display:inline-block;
		font-size:14px;
		color:#444;
		margin-top:10px;
	}
	
	
	#sub .information .information01 .cardPay{
		width:100%;
		margin-top:4em;
	}
	
	#sub .information .information01 .cardPay .cardPayList{
		width:100%;
		margin-top:0em;
		display:inline-block;
	}
	
	#sub .information .information01 .cardPay .cardPayList li{
		width:49%;
		display:inline-block;
		margin-top:2.5em;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .ico{
		width:60px;
		margin:0 auto;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .ico img{
		width:100%;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .subj{
		font-size:16px;
		text-align:center;
		margin-top:30px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .line{
		width:20px;
		height:2px;
		background:#222;
		margin:20px auto;
		display:none;
	}
	
	#sub .information .information01 .cardPay .cardPayList li .subs{
		font-size:13px;
		color:#444444;
		text-align:Center;
		line-height:21px;
		word-break:keep-all;
		margin-top:10px;
	}
	
	#sub .information .information01 .dnwPay{
		width:100%;
		margin-top:80px;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList{
		width:100%;
		text-align:left;
	}
	
	
	#sub .information .information01 .dnwPay .dnwPayList li{
		width:100%;
		display:inline-block;
		text-align:Center;
		margin-top:50px;
		margin-left:0%;
		padding:20px 0px;
		border-radius:50px;
		color:#fff;
		position:Relative;
		font-size:14px;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(1),
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(3), 
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(4){
		background:#44dcce;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(2),
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(5){
		background:#00b3e2;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	
	#sub .information .information01 .dnwPay .dnwPayList li:after{
		content:'';
		position:absolute;
		bottom:0px;
		transform:translateY(0%);
		margin-top:45px;
		width:24px;
		height:14px;
		background:url(../images/sub/dnwArrow02.png);
		left:50%;
		transform:translateX(-50%);
		transform:rotate(0deg);
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(3):after{
		content:'';
		position:absolute;
		bottom:0px;
		transform:translateY(0%);
		margin-top:45px;
		width:24px;
		height:14px;
		background:url(../images/sub/dnwArrow02.png);
		left:50%;
		transform:translateX(-50%);
		transform:rotate(0deg);
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(5):after{
		display:none;
	}
	
	#sub .information .information01 .dnwPay .dnwPayList li:nth-child(4):after{
		transform:rotate(0deg);
		margin-top:45px;
	}

	
}		
	

	
	
	
	
	
/*수강등록 및 환불 규정*/
	
@media screen and (max-width: 1180px) {
	
	
	#sub .information .information02{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information02 .infor02List{
		width:100%;
		margin-top:4em;
	}
	
	#sub .information .information02 .infor02List dt{
		width:100%;
	}
	
	#sub .information .information02 .infor02List dt .num{
		width:50px;
		line-height:50px;
		background:#00b3e2;
		border-radius:100%;
		text-align:Center;
		font-family:'lato';
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
	}
	
	#sub .information .information02 .infor02List dt .tx{
		font-size:24px;
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	
	#sub .information .information02 .infor02List dd{
		width:100%;
		margin-top:50px;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .information .information02 .infor02List dd .topHead{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		border-radius:5px;
	}
	
	#sub .information .information02 .infor02List dd .topHead .ico{
		width:14.5%;
		display:inline-block;
		text-align:center;
		vertical-align:middle;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .ico img{
		width:51px;
		margin:0 auto;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont{
		width:84.5%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .information .information02 .infor02List dd .topHead .headCont .top{
		width:100%;
		padding:20px 0px;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
		font-size:18px;
		color:#444;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont .bottom{
		width:100%;
		display:flex;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont .bottom li{
		width:100%;
		display:inline-block;
		padding:20px 0px;
		font-size:17px;
		color:#777;
		text-align:center;
		line-height:23px;
	}
	
	
	#sub .information .information02 .infor02List dd .reCont{
		width:100%;
	}
	
	#sub .information .information02 .infor02List dd .reCont .classNm{
		width:14.5%;
		vertical-align:Middle;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		display:inline-block;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList{
		width:84.5%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .information .information02 .infor02List dd .reCont .reContList li div{
		width:100%;
		display:inline-block;
		text-align:Center;
		padding:20px 0px;
		font-size:17px;
		border-left:1px solid #e5e5e5;
		line-height:26px;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li div span{
		color:#777;
		font-size:14px;
		line-height:22px;
		display:block;
		margin-top:10px;
		word-break:keep-all;
	}
	
	#sub .information .information02 .infor02List .arlText{
		width:100%;
		text-align:Right;
		font-size:14px;
		color:#777;
		margin-top:20px;
		line-height:24px;
	}
	
	#sub .information .information02 .infor02List .arlText span{
		display:block;
		font-size:16px;
		font-weight:bold;
	}
	
	
	
	#sub .information .information02 .infor02List .pinkColor{
		color:#ee4c9b
	}
	
	#sub .information .information02 .infor02List .blueColor{
		color:#00b3e2
	}
	
	#sub .information .information02 .infor02List .greenColor{
		color:#bec530
	}
	
	
	
	#sub .information .arlBox{
		width:100%;
		margin-top:80px;
		background:#f7f7f7;
		padding:30px;
		box-sizing:border-box;
	}
	
	#sub .information .arlBox .subjLine{
		width:100%;
	}
	
	#sub .information .arlBox .subjLine .ico{
		width:52px;
		display:inline-block;
		vertical-align:Middle;
	}
	#sub .information .arlBox .subjLine .tx{
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:Middle;
		font-size:24px;
	}
	
	
	#sub .information .arlBox .jTxSubjA{
		width:100%;
		margin-top:20px;
	}
	
	#sub .information .arlBox .jTxSubjA .jTxSubj{
		font-size:18px;
		color:#222222;
	}
	
	#sub .information .arlBox .jTxSubjA .jTxSubs{
		font-size:17px;
		color:#777777;
		margin-top:10px;
	}
	
	#sub .information .arlBox .jTxListA{
		width:100%;
	}
	
	#sub .information .arlBox .jTxListA dd{
		width:100%;
		margin-top:50px;
		padding-left:15px;
		box-sizing:border-box;
		position:Relative;
	}
	
	#sub .information .arlBox .jTxListA dd:before{
		content:'';
		position:absolute;
		width:5px;
		height:5px;
		border-radius:100%;
		background:#222;
		left:0;
		margin-top:5px;
	}
	
	
	#sub .information .arlBox .jTxListA dd .jTx{
		font-size:17px;
		color:#222;
	}
	
	
	#sub .information .arlBox .jTxListA dd .subs{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:17px;
		color:#444;
		margin-top:20px;
		line-height:24px;
	}
	
	
	#sub .information .arlBox .jTxListA dd .jTxList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li{
		width:100%;
		margin-top:10px;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li .subj{
		width:30%;
		display:inline-block;
		vertical-align:top;
		font-size:17px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li .subs{
		width:69%;
		display:inline-block;
		vertical-align:top;
		font-size:17px;
		color:#444;
		margin-top:0;
	}

}
	
@media screen and (max-width: 767px) {
	
	
	#sub .information .information02{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information02 .infor02List{
		width:100%;
		margin-top:4em;
	}
	
	#sub .information .information02 .infor02List dt{
		width:100%;
	}
	
	#sub .information .information02 .infor02List dt .num{
		width:40px;
		line-height:40px;
		background:#00b3e2;
		border-radius:100%;
		text-align:Center;
		font-family:'lato';
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
	}
	
	#sub .information .information02 .infor02List dt .tx{
		font-size:18px;
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	
	#sub .information .information02 .infor02List dd{
		width:100%;
		margin-top:2.5em;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .information .information02 .infor02List dd .topHead{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		border-radius:5px;
	}
	
	#sub .information .information02 .infor02List dd .topHead .ico{
		width:14.5%;
		display:inline-block;
		text-align:center;
		vertical-align:middle;
		display:none;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .ico img{
		width:51px;
		margin:0 auto;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .information .information02 .infor02List dd .topHead .headCont .top{
		width:100%;
		padding:20px 0px;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
		font-size:17px;
		color:#444;
		word-break:Keep-all;
		line-height:23px;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont .bottom{
		width:100%;
		display:flex;
	}
	
	
	#sub .information .information02 .infor02List dd .topHead .headCont .bottom li{
		width:100%;
		display:inline-block;
		padding:20px 0px;
		font-size:13px;
		color:#777;
		text-align:center;
		line-height:21px;
	}
	
	
	#sub .information .information02 .infor02List dd .reCont{
		width:100%;
	}
	
	#sub .information .information02 .infor02List dd .reCont .classNm{
		width:100%;
		vertical-align:Middle;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		display:inline-block;
		border-bottom:1px solid #e5e5e5;
		padding:20px 0px;
	}
	
	#sub .information .information02 .infor02List dd .reCont .classNm br{
		display:none;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	
	#sub .information .information02 .infor02List dd .reCont .reContList li div{
		width:100%;
		display:inline-block;
		text-align:Center;
		padding:20px 0px;
		font-size:13px;
		border-left:1px solid #e5e5e5;
		line-height:21px;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li div:first-child{
		border-left:0px solid #e5e5e5;
	}
	
	#sub .information .information02 .infor02List dd .reCont .reContList li div span{
		color:#777;
		font-size:12px;
		line-height:20px;
		display:block;
		margin-top:10px;
		word-break:keep-all;
	}
	
	#sub .information .information02 .infor02List .arlText{
		width:100%;
		text-align:Right;
		font-size:13px;
		color:#777;
		margin-top:20px;
		line-height:24px;
		word-break:keep-all;
		
	}
	
	#sub .information .information02 .infor02List .arlText span{
		display:block;
		font-size:14px;
		font-weight:bold;
	}
	
	
	
	#sub .information .information02 .infor02List .pinkColor{
		color:#ee4c9b
	}
	
	#sub .information .information02 .infor02List .blueColor{
		color:#00b3e2
	}
	
	#sub .information .information02 .infor02List .greenColor{
		color:#bec530
	}
	
	
	
	#sub .information .arlBox{
		width:100%;
		margin-top:80px;
		background:#f7f7f7;
		padding:20px;
		box-sizing:border-box;
	}
	
	#sub .information .arlBox .subjLine{
		width:100%;
	}
	
	#sub .information .arlBox .subjLine .ico{
		width:40px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#sub .information .arlBox .subjLine .ico img{
		width:100%;
	}
	#sub .information .arlBox .subjLine .tx{
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:Middle;
		font-size:18px;
		width:80%;
		word-break:keep-all;
		line-height:26px;
	}
	
	
	#sub .information .arlBox .jTxSubjA{
		width:100%;
		margin-top:20px;
	}
	
	#sub .information .arlBox .jTxSubjA .jTxSubj{
		font-size:16px;
		color:#222222;
		line-height:24px;
		word-break:keep-all;
	}
	
	#sub .information .arlBox .jTxSubjA .jTxSubs{
		font-size:13px;
		color:#777777;
		margin-top:10px;
	}
	
	#sub .information .arlBox .jTxListA{
		width:100%;
	}
	
	#sub .information .arlBox .jTxListA dd{
		width:100%;
		margin-top:2.5em;
		padding-left:15px;
		box-sizing:border-box;
		position:Relative;
	}
	
	#sub .information .arlBox .jTxListA dd:before{
		content:'';
		position:absolute;
		width:5px;
		height:5px;
		border-radius:100%;
		background:#222;
		left:0;
		margin-top:8px;
	}
	
	
	#sub .information .arlBox .jTxListA dd .jTx{
		font-size:14px;
		color:#222;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	#sub .information .arlBox .jTxListA dd .subs{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#444;
		margin-top:10px;
		line-height:21px;
		word-break:keep-all;
	}
	
	
	#sub .information .arlBox .jTxListA dd .jTxList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li{
		width:100%;
		margin-top:20px;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li .subj{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		font-weight:bold;
		color:#222;
	}
	
	#sub .information .arlBox .jTxListA dd .jTxList li .subs{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		color:#444;
		margin-top:5px;
	}

}
	
	
	
	
	
	
/*수강료감면안내*/	
	
@media screen and (max-width: 1180px) {
	

	#sub .information .information03{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information03 .infor03List{
		width:100%;
		margin-top:0em;
		display:inline-block;
	}
	
	#sub .information .information03 .infor03List li{
		display:inline-block;
		width:49.5%;
		vertical-align:top;
		margin-top:2.5em;
	}
	
	#sub .information .information03 .infor03List li .ico{
		width:100px;
		margin:0 auto;
	}
	#sub .information .information03 .infor03List li .ico img{
		width:100%;
	}
	
	#sub .information .information03 .infor03List li .tx{
		font-size:14px;
		color:#444444;
		text-align:center;
		margin-top:20px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	#sub .information .information03 .arlBox .jTxSubjA{
		margin-top:2.5em;
	}
	
	#sub .information .information03 .arlBox .jTxListA dd:first-child{
		margin-top:1em;
	}

}	

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

	#sub .information .information03{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information03 .infor03List{
		width:100%;
		margin-top:0em;
		display:inline-block;
	}
	
	#sub .information .information03 .infor03List li{
		display:inline-block;
		width:100%;
		vertical-align:top;
		margin-top:2.5em;
	}
	
	#sub .information .information03 .infor03List li .ico{
		width:80px;
		margin:0 auto;
	}
	#sub .information .information03 .infor03List li .ico img{
		width:100%;
	}
	
	#sub .information .information03 .infor03List li .tx{
		font-size:14px;
		color:#444444;
		text-align:center;
		margin-top:20px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	#sub .information .information03 .arlBox .jTxSubjA{
		margin-top:2.5em;
	}
	
	#sub .information .information03 .arlBox .jTxListA dd:first-child{
		margin-top:1em;
	}

}	
	
		



	
/*교재구입안내*/
	
@media screen and (max-width: 1180px) {
		
	#sub .information .information04{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information04 .subjA{
		width:100%;
	}
	
	#sub .information .information04 .subjA .subs{
		width:100%;
		font-size:18px;
		text-align:Center;
		color:#222;
	}
	
	#sub .information .information04 .subjA .subj{
		width:100%;
		font-size:24px;
		text-align:Center;
		color:#222;
		font-weight:bold;
		margin-top:20px;
	}
	
	#sub .information .information04 .subjA .btnList{
		width:100%;
		margin-top:2.5em;
		text-align:center;
	}
	
	#sub .information .information04 .subjA .btnList li{
		width:225px;
		display:inline-block;
		border-radius:0px 0px 10px 0px;
		border:1px solid #4a87ff;
		font-family:'lato';
		margin:0px 2px;
		font-size:18px;
		overflow:hidden;
	}
	
	
	#sub .information .information04 .subjA .btnList li:first-child a{
		background:#fff;
		color:#4a87ff;
		display:block;
		padding:20px 0px;
		text-align:Center;
		width:100%;
	}
	#sub .information .information04 .subjA .btnList li:last-child a{
		background:#4a87ff;
		color:#fff;
		display:block;
		padding:20px 0px;
		text-align:Center;
		width:100%;
	}
	
	#sub .information .information04 .bookProcess{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .information .information04 .bookProcess li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	
	#sub .information .information04 .bookProcess li:after{
		content:'';
		position:absolute;
		top:50%;
		margin-top:-55px;
		width:15px;
		height:25px;
		background:url(../images/sub/dnwArrow01.png);
		right:0%;
	}
	
	#sub .information .information04 .bookProcess li:last-child:after{
		display:none;
	}
	
	
	#sub .information .information04 .bookProcess li .ico{
		width:110px;
		margin:0 auto;
	}
	
	#sub .information .information04 .bookProcess li .ico img{
		width:100%;
	}
	
	#sub .information .information04 .bookProcess li .text{
		text-align:center;
		margin-top:20px;
		line-height:26px;
		font-size:16px;
	}
	
	#sub .information .information04 .bookProThumList{
		width:100%;
		margin-top:10px;
		display:flex;
	}
	
	#sub .information .information04 .bookProThumList li{
		width:100%;
		margin-left:10px;
	}
	
	#sub .information .information04 .bookProThumList li:first-child{
		margin-left:0px;
	}
	
	#sub .information .information04 .bookProThumList li .thum{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	
	#sub .information .information04 .bookProThumList li .thum img{
		width:100%;
	}
	
	#sub .information .information04 .bookProThumList li .tx{
		width:100%;
		text-align:Center;
		margin-top:20px;
		font-size:14px;
	}
	
}
	
@media screen and (max-width: 767px) {
		
	#sub .information .information04{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	#sub .information .information04 .subjA{
		width:100%;
	}
	
	#sub .information .information04 .subjA .subs{
		width:100%;
		font-size:17px;
		text-align:Center;
		color:#222;
	}
	
	#sub .information .information04 .subjA .subj{
		width:100%;
		font-size:18px;
		text-align:Center;
		color:#222;
		font-weight:bold;
		margin-top:1em;
	}
	
	#sub .information .information04 .subjA .btnList{
		width:100%;
		margin-top:2.5em;
		text-align:center;
	}
	
	#sub .information .information04 .subjA .btnList li{
		width:47%;
		display:inline-block;
		border-radius:0px 0px 10px 0px;
		border:1px solid #4a87ff;
		font-family:'lato';
		margin:0px 2px;
		font-size:17px;
		overflow:hidden;
	}
	
	
	#sub .information .information04 .subjA .btnList li:first-child a{
		background:#fff;
		color:#4a87ff;
		display:block;
		padding:15px 0px;
		text-align:Center;
		width:100%;
	}
	#sub .information .information04 .subjA .btnList li:last-child a{
		background:#4a87ff;
		color:#fff;
		display:block;
		padding:15px 0px;
		text-align:Center;
		width:100%;
	}
	
	#sub .information .information04 .bookProcess{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	#sub .information .information04 .bookProcess li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	
	#sub .information .information04 .bookProcess li:after{
		content:'';
		position:absolute;
		top:50%;
		margin-top:-55px;
		width:15px;
		height:25px;
		background:url(../images/sub/dnwArrow01.png);
		display:none;
		right:0%;
	}
	
	#sub .information .information04 .bookProcess li:last-child:after{
		display:none;
	}
	
	
	#sub .information .information04 .bookProcess li .ico{
		width:70px;
		margin:0 auto;
	}
	
	#sub .information .information04 .bookProcess li .ico img{
		width:100%;
	}
	
	#sub .information .information04 .bookProcess li .text{
		text-align:center;
		margin-top:20px;
		line-height:21px;
		font-size:13px;
	}
	
	#sub .information .information04 .bookProThumList{
		width:100%;
		margin-top:0em;
		display:inline-block;
	}
	
	#sub .information .information04 .bookProThumList li{
		width:100%;
		margin-left:0%;
		display:inline-block;
		margin-top:1em
	}
	
	#sub .information .information04 .bookProThumList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .information .information04 .bookProThumList li .thum{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	
	#sub .information .information04 .bookProThumList li .thum img{
		width:100%;
	}
	
	#sub .information .information04 .bookProThumList li .tx{
		width:100%;
		text-align:Center;
		margin-top:10px;
		font-size:13px;
	}
	
}
	

	
	
/*대관안내*/	
	
@media screen and (max-width: 1180px) {
		
	#sub .information .information05{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	
	#sub .information .information05 .infor05DeText{
		font-size:16px;
		color:#777777;
		width:100%;
		text-align:Center;
		margin:0 auto;
		line-height:24px;
		word-break:keep-all;
	}
	#sub .information .information05 .infor05DeText br{
		display:none;
	}
	
	#sub .information .information05 .info05Visual{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .information .information05 .info05Visual .info05v{
		width:100%;
	}
	
	#sub .information .information05 .info05Visual .info05v .slick-list{
		overflow:hidden;;
		
	}
	
	
	
	#sub .information .information05 .info05Visual .info05v li{
		margin:0px 0px;
	}
	
	#sub .information .information05 .info05Visual .info05v li img{
		width:100%;
	}
	
	#sub .information .information05 .info05Visual .info05v .slick-prev{
		background:url(../images/sub/info05Prev.png) no-repeat;
		width:50px;
		height:50px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:0%;
		margin-left:0px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
	}
	
	
	#sub .information .information05 .info05Visual .info05v .slick-next{
		background:url(../images/sub/info05Next.png) no-repeat;
		width:50px;
		height:50px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:0%;
		margin-right:0px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
	}
	
	
	
	
	
	#sub .information .information05 .proInfo{
		width:100%;
		margin-top:80px;
	}
	
	#sub .information .information05 .proInfo .inTx{
		width:100%;
		margin-top:50px;
		line-height:28px;
	}
	
}	

@media screen and (max-width: 767px) {
		
	#sub .information .information05{
		width:94%;
		margin:2.5em auto 5em;
	}
	
	
	#sub .information .information05 .infor05DeText{
		font-size:14px;
		color:#777777;
		width:100%;
		text-align:Center;
		margin:0 auto;
		line-height:22px;
		word-break:keep-all;
	}
	#sub .information .information05 .infor05DeText br{
		display:none;
	}
	
	#sub .information .information05 .info05Visual{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .information .information05 .info05Visual .info05v{
		width:100%;
	}
	
	#sub .information .information05 .info05Visual .info05v .slick-list{
		overflow:hidden;;
		
	}
	
	
	
	#sub .information .information05 .info05Visual .info05v li{
		margin:0px 0px;
	}
	
	#sub .information .information05 .info05Visual .info05v li img{
		width:100%;
	}
	
	#sub .information .information05 .info05Visual .info05v .slick-prev{
		background:url(../images/sub/info05Prev.png) no-repeat;
		width:30px;
		height:30px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:0%;
		margin-left:0px;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
		cursor:pointer;
		background-size:100%;
	}
	
	
	#sub .information .information05 .info05Visual .info05v .slick-next{
		background:url(../images/sub/info05Next.png) no-repeat;
		width:30px;
		height:30px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		right:0%;
		margin-right:0px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
		background-size:100%;
	}
	
	
	
	
	
	#sub .information .information05 .proInfo{
		width:100%;
		margin-top:4em;
	}
	
	#sub .information .information05 .proInfo .inTx{
		width:100%;
		margin-top:2.5em;
		line-height:23px;
	}
	
}	

		
	
	
	
/*communityList*/

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

	#sub .alarm .communityList{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	
	#sub .alarm .board .communityList li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:2%;
		margin-top:40px;
	}
	
	#sub .alarm .board .communityList li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#sub .alarm .board .communityList li:nth-child(1),
	#sub .alarm .board .communityList li:nth-child(2),
	#sub .alarm .board .communityList li:nth-child(3){
		margin-top:0px;
	}
	
	#sub .alarm .board .communityList li .thum{
		width:100%;
	}
	#sub .alarm .board .communityList li .thum img{
		width:100%;
	}
	
	#sub .alarm .board .communityList li .subj{
		width:100%;
		margin-top:15px;
		font-size:16px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}

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

	#sub .alarm .communityList{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	
	#sub .alarm .board .communityList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:40px;
	}
	
	#sub .alarm .board .communityList li:nth-child(3n+1){
		margin-left:4%;
	}
	
	
	#sub .alarm .board .communityList li:nth-child(2n+1){
		margin-left:0px !important;
	}
	
	
	#sub .alarm .board .communityList li:nth-child(1),
	#sub .alarm .board .communityList li:nth-child(2){
		margin-left:4%;
	}
	
	#sub .alarm .board .communityList li:nth-child(3){
		margin-top:40px;
	}

	
	#sub .alarm .board .communityList li .thum{
		width:100%;
	}
	#sub .alarm .board .communityList li .thum img{
		width:100%;
	}
	
	#sub .alarm .board .communityList li .subj{
		width:100%;
		margin-top:15px;
		font-size:14px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}

}





















/*셔틀버스*/

@media screen and (max-width: 1180px) {
	
	#sub .alarm .businfo{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .alarm .businfo .busTab{
		width:100%;
		background:#f7f7f7;
		display:flex;
	}
	
	#sub .alarm .businfo .busTab li{
		width:100%;
		display:inline-block;
		text-align:center;
		padding:1.5em 0px;
		cursor:pointer;
		font-size:16px;
		color:#999999;
		font-family: 'yg-jalnan';
	}
	
	#sub .alarm .businfo .busTab li span{
		display:block;
		font-size:13px;
	}
	
	#sub .alarm .businfo .deInfoA{
		width:100%;
		padding:30px 0px 0px;
		text-align:Center;
	}
	
	#sub .alarm .businfo .deInfoA .busIco{
		width:70px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#sub .alarm .businfo .deInfoA .busIco img{
		width:100%;
	}
	
	#sub .alarm .businfo .deInfoA .infoTx{
		font-size:16px;
		color:#222222;
		display:inline-block;
		vertical-align:Middle;
		margin-left:10px;
		font-family: 'yg-jalnan';
	}
	
	#sub .alarm .businfo .businfoList{
		width:100%;
	}
	
	#sub .alarm .businfo .businfoList dd{
		width:100%;
		padding:20px 0px;
		display:flex;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .alarm .businfo .businfoList dd:first-child{
		background:#f0e9fe
	}
	
	#sub .alarm .businfo .businfoList dd:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .alarm .businfo .businfoList dd .num{
		width:10%;
	}
	
	#sub .alarm .businfo .businfoList dd .time{
		width:30%;
	}
	
	#sub .alarm .businfo .businfoList dd .pin{
		width:60%;
	}
	
	#sub .alarm .businfo .businfoList dd div{
		display:inline-block;
		text-align:center;
		font-size:14px;
		color:#444;
	}
	
	#sub .alarm .arlList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .alarm .arlList li{
		width:100%;
		text-align:right;
		margin-top:10px;
		font-size:14px;
	}

}


@media screen and (max-width: 767px) {
	
	#sub .alarm .businfo{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .alarm .businfo .busTab{
		width:100%;
		background:#f7f7f7;
		display:inline-block;
	}
	
	#sub .alarm .businfo .busTab li{
		width:33%;
		display:inline-block;
		float:left;
		text-align:center;
		padding:1.5em 0px;
		cursor:pointer;
		font-size:16px;
		color:#999999;
		font-family: 'yg-jalnan';
	}
	
	#sub .alarm .businfo .busTab li span{
		display:block;
		font-size:13px;
	}
	
	#sub .alarm .businfo .deInfoA{
		width:100%;
		padding:20px 10px 20px;
		text-align:Center;
		box-sizing:border-box;
	}
	
	#sub .center .businfo .deInfoA .busIco{
		width:60px;
		display:block;
		margin:0 auto;
	}
	
	#sub .alarm .businfo .deInfoA .busIco img{
		width:100%;
	}
	
	#sub .alarm .businfo .deInfoA .infoTx{
		font-size:16px;
		color:#222222;
		display:block;
		margin-left:0px;
		font-family: 'yg-jalnan';
		margin-top:15px;
		word-break:keep-all;
	}
	
	#sub .alarm .businfo .businfoList{
		width:100%;
	}
	
	#sub .alarm .businfo .businfoList dd{
		width:100%;
		padding:20px 0px;
		display:flex;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .alarm .businfo .businfoList dd:first-child{
		background:#f0e9fe
	}
	
	#sub .alarm .businfo .businfoList dd:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .alarm .businfo .businfoList dd .num{
		width:10%;
		display:none;
	}
	
	#sub .alarm .businfo .businfoList dd .time{
		width:30%;
	}
	
	#sub .alarm .businfo .businfoList dd .pin{
		width:70%;
	}
	
	#sub .alarm .businfo .businfoList dd div{
		display:inline-block;
		text-align:center;
		font-size:13px;
		color:#444;
		word-break:keep-all;
		line-height:20px;
	}
	
	#sub .alarm .arlList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .alarm .arlList li{
		width:100%;
		text-align:right;
		margin-top:10px;
		word-break:keep-all;
		line-height:20px;
		font-size:13px;
	}

}