/*sub page common*/

#sub{
	width:100%;
	overflow:Hidden;
}	

#sub .nav{
	width:100%;
	padding:22px 0px;
	background:#f7f7f7;
	z-index:99
}	

#sub .nav .inner{
	width:1180px;
	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:240px;
	display:inline-block;
	position:Relative;
	cursor:pointer;
}	

#sub .nav .inner .nc .tx{
	font-size:17px;
	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;
	/* z-index: 10; */
}

#sub .nav .inner .nc .navDropMenu li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
}

#sub .nav .inner .nc .navDropMenu li a{
	color:#777;
	padding:20px;
	box-sizing:border-box;
	font-size:14px;
	width:100%;
	display:block;
}
#sub .nav .inner .nc .navDropMenu li:last-child{
	border-bottom:0px solid #e5e5e5;
}

#sub .nav .inner .nc .navDropMenu li a:hover{
	color:#00b3e2;
	font-weight:bold;
}

#sub .nav .inner .nc .display{
	display:block;
}

#sub .nav .inner .nc .displaynone{
	display:none;
}



#sub .subTitle{
	width:100%;
}

#sub .subTitle .logoImg{
	widtH:113px;
	margin:0 auto 20px;
}

#sub .subTitle .commonTit{
	font-size:36px;
	color:#222;
	font-weight:bold;
	text-align:center;
}

#sub .subTitle .commonSubj{
	font-size:24px;
	color:#777777;
	margin-top:20px;
	text-align:center;
	word-break:keep-all;
}



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




#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:100%;
}

#sub .introduce .greeting .cont{
	width:1180px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-590px;
	transform:translateY(-50%);
}

#sub .introduce .greeting .cont .inner{
	width:55%;
}

#sub .introduce .greeting .cont .inner .subj{
	font-size:24px;
	color:#00b2e2;
}

#sub .introduce .greeting .cont .inner .nm{
	font-size:36px;
	color:#222222;
	font-weight:bold;
	margin-top:30px;
}

#sub .introduce .greeting .cont .inner .subs{
	font-size:18px;
	color:#444;
	margin-top:60px;
	word-break:keep-all;
	line-height:26px;
}


#sub .introduce .why{
	width:100%;
	padding:100px 0px 0px;
	background:#f7f7f7;
}

#sub .introduce .why .inner{
	width:1180px;
	margin:0 auto;
}

#sub .introduce .why .inner .titA{
	width:49.6%;
	display:inline-block;
	vertical-align:top;
	padding-right:40px;
	box-sizing:border-box;
}

#sub .introduce .why .inner .titA .tit{
	font-size:36px;
	color:#222;
	font-weight:bold;
	line-height:48px;
	word-break:keep-all;
}

#sub .introduce .why .inner .titA .subTit{
	font-size:24px;
	color:#222;
	line-height:34px;
	margin-top:30px;
	word-break:keep-all;
}

#sub .introduce .why .inner .titA .illust{
	width:100%;
	margin-top:80px;
}

#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:40px;
	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:22px;
	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:17px;
	color:#444;
	margin-top:20px;
	word-break:keep-all;
	line-height:24px;
}


#sub .introduce .program{
	width:1180px;
	margin:100px auto 0;
}

#sub .introduce .program .tit{
	font-size:36px;
	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{
	width:180px;
	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:-95px;
	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:-95px;
	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:490px;
	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:17px;
	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:17px;
	color:#777777;
	margin-top:12px;
	line-height:24px;
}

#sub .introduce .program .programVisual .child .illust{
	width:100%;
	margin-top:20px;
}

#sub .introduce .program .programVisual .child .illust img{
	width:100%;
}

#sub .introduce .program .programVisual .child .subs{
	font-size:17px;
	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:17px;
	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:18px;
	color:#222;
	font-weight:bold;
}

#sub .introduce .program .programVisual .adult .programList li .subs{
	font-size:17px;
	color:#444;
	margin-top:10px;
	line-height:25px;
	word-break:keep-all;
}


#sub .introduce .grBanner{
	width:1180px;
	margin:100px auto 0;
	position:relative;
	left:50%;
	margin-left:-590px;
}

#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:24px;
	text-align:Center;
	line-height:34px;
	margin-top:20px;
	color:#fff;
}
#sub .introduce .grBanner .cont .subs{
	font-size:18px;
	text-align:Center;
	margin-top:50px;
	line-height:26px;
	color:#fff;
}


#sub .introduce .grBanner .bg{
	width:100%;
}

#sub .introduce .grBanner .bg img{
	width:100%;
}






/*센터 둘러보기*/


#sub .center{
	width:100%;
	margin:100px 0px;
}

#sub .center .subTitle .commonTit{
	text-align:center;
}

#sub .center .inA{
	width:1180px;
	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:75px;
	height:75px;
	border:0;
	text-indent:-9999px;
	position:absolute;
	left:-95px;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
	cursor:pointer;
}


#sub .center .inA .centerVisual .slick-next{
	background:url(../images/sub/circleNext.png) no-repeat;
	width:75px;
	height:75px;
	border:0;
	text-indent:-9999px;
	position:absolute;
	right:-95px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}



#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 50px;
	box-sizing:border-box;
	background-size:100%;
}

#sub .center .deA .deList{
	width:1180px;
	margin:0 auto;
}

#sub .center .deA .deList li{
	width:550px;
	display:inline-block;
	margin-left:75px;
	margin-top:100px;
}

#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:24px;
	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%;
}






/*조직도*/

#sub .organ{
	width:1180px;
	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:17px;
	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:245px;
	box-sizing:border-box;
}


#sub .organ .sche .team dd:first-child .teamList{
	border:1px solid #bec530;
	margin-left:-58px;
	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:17px;
	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 .moPo{
	display:none !important;
}


#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:-148px;
	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:17px;
	color:#444;
	
}

#sub .organ .sche .team dd:last-child .teamList li:last-child{
	border-bottom:0px solid #0083cb
}




/*강사소개*/


#sub .teacher{
	width:1180px;
	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:18px;
	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:30px;
	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:18px;
	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:17px;
	color:#222222;
	display:inline-block;
	vertical-align:top;
	width:97%;
	padding-left:10px;
	box-sizing:border-box;
	word-break:keep-all;
	line-height:23px;
}


#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:60px;
}

#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 30px;
	box-sizing:border-box;
	font-size:17px;
	color:#444;
	word-break:keep-all;
	line-height:24px;
}



/*오시는길*/


#sub .location{
	width:1180px;
	margin:100px auto 100px;
}
#sub .location .tabMenu{
	width:100%;
	display:flex;
	margin-top:50px;
}

#sub .location .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:18px;
	color:#999;
}

#sub .location .tabMenu li:first-child{
	border-left:1px solid #e5e5e5;
}


#sub .location .subTitle{
	text-align:center;
}


#sub .location .lc{
	width:100%;
	margin-top:50px;
}

#sub .location .lc .map{
	width:100%;
	height:490px;
}

#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:25px;
	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:20px;
	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:18px;
	color:#444;
}





#sub .location .lc .method{
	width:100%;
	margin-top:100px;
}

#sub .location .lc .method .title{
	width:15%;
	display:inline-block;
	vertical-align:top;
	font-size:24px;
	color:#222;
	font-weight:bold;
}


#sub .location .lc .method .methodList{
	width:84.5%;
	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:84px;
	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:88%;
	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:7px;
}


#sub .location .lc .method .methodList dd .subjA .textArea .subs span{
	color:#0083cb;
}



#sub .location .lc .method .methodList dd .subsA{
	width:100%;
	padding-left:108px;
	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:17px;
	display:inline-block;
	padding-right:50px;
	color:#444;
	position:Relative;
	margin-top:14px;
}

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




/*noticeList-gallType*/

#sub .alarm{
	width:1180px;
	margin:100px auto 100px;
}

#sub .alarm .board{
	width:100%;
	margin-top:50px;
}

#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:17px;
	color:#222;
}

#sub .alarm .board .search .inputBox::placeholder{
	color:#c1c1c1;
}

#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:570px;
	display:inline-block;
	float:left;
	margin-left:40px;
	margin-top:40px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px;
	box-sizing:Border-box;
}

#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:0px;
}

#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:90%;
	vertical-align:Middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	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;
}


/*board View*/

#sub .alarm .noticeView{
	width:100%;
}

#sub .alarm .noticeView .subject{
	width:100%;
	text-align:center;
	font-size:36px;
	font-weight:bold;
}

#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:17px;
	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:17px;
	margin-top:20px;
}


#sub .alarm .noticeView .viewCont img{
	max-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:17px;
	display:inline-block;
	vertical-align:Middle;
	margin-left:5px;
}


/*셔틀버스*/


#sub .alarm .busInfo{
	width:1180px;
	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 .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:26px;
	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:18px;
	color:#00b2e2;
	
}

#sub .alarm .busInfo .process dd .txA .subjA .subj{
	font-size:20px;
	color:#222;
	font-weight:bold;
	margin-top:10px;
	
}




#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:18px;
	padding:15px 0px;
}


#sub .alarm .busInfo .process dd .txA .exA .tx{
	width:100%;
	font-size:17px;
	color:#444444;
	margin-top:10px;
	line-height:28px;
	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:24px;
	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%;
	box-sizing:border-box;
	display:inline-block;
}

#sub .alarm .busClist dd:nth-child(2) .headA{
	background:#feffee;
	border:1px solid #bec530;
}

#sub .alarm .busClist dd:nth-child(3) .headA{
	background:#eff9ff;
	border:1px solid #0083cb;
}

#sub .alarm .busClist dd:nth-child(4) .headA{
	background:#fff4f9;
	border:1px solid #ee4c9b;
}

#sub .alarm .busClist dd:nth-child(5) .headA{
	background:#fff9e7;
	border:1px solid #e2a500;
}

#sub .alarm .busClist dd:nth-child(6) .headA{
	background:#e1f9ff;
	border:1px solid #00b2e2;
}

#sub .alarm .busClist dd .headA .inA{
	width:190px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	vertical-align:middle;
}

#sub .alarm .busClist dd .headA .inA .ico{
	width:54px;
	display:inline-block;
	vertical-align:middle;
}


#sub .alarm .busClist dd .headA .inA .nmb{
	font-size:24px;
	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:984px;
	display:inline-block;
	padding-right:20px;
	box-sizing:border-box;
	vertical-align:middle;
}

#sub .alarm .busClist dd .headA .infA .teInf{
	width:100%;
	padding:15px 0px;
	font-size:18px;
	color:#444444;
	text-align:center;
}

#sub .alarm .busClist dd:nth-child(2) .headA .infA .teInf{
	border-bottom:1px solid #bec530;
}

#sub .alarm .busClist dd:nth-child(3) .headA .infA .teInf{
	border-bottom:1px solid #0083cb;
}

#sub .alarm .busClist dd:nth-child(4) .headA .infA .teInf{
	border-bottom:1px solid #ee4c9b;
}

#sub .alarm .busClist dd:nth-child(5) .headA .infA .teInf{
	border-bottom:1px solid #e2a500;
}

#sub .alarm .busClist dd:nth-child(6) .headA .infA .teInf{
	border-bottom:1px solid #00b2e2;
}


#sub .alarm .busClist dd .headA .infA .headList{
	width:100%;
	padding:15px 0px;
	display:inline-block;
}

#sub .alarm .busClist dd .headA .infA .headList li{
	display:inline-block;
	text-align:center;
	color:#777;
	font-size:17px
}

#sub .alarm .busClist dd .loca{
	width:496px;
}

#sub .alarm .busClist dd .time{
	width:230px;
}


#sub .alarm .nth_2 dd .time{
	width:460px;
}




#sub .alarm .busClist dd .lotList{
	width:100%;
}

#sub .alarm .busClist dd .lotList li{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #e5e5e5;
	
}

#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:nth-child(2) .lotList li{
	border-bottom:1px solid #bec530;
}

#sub .alarm .busClist dd:nth-child(3) .lotList li{
	border-bottom:1px solid #0083cb;
}

#sub .alarm .busClist dd:nth-child(4) .lotList li{
	border-bottom:1px solid #ee4c9b;
}

#sub .alarm .busClist dd:nth-child(5) .lotList li{
	border-bottom:1px solid #e2a500;
}

#sub .alarm .busClist dd:nth-child(6) .lotList li{
	border-bottom:1px solid #00b2e2;
}



#sub .alarm .busClist dd:nth-child(2) .lotList div{
	border-right:1px solid #bec530;
}

#sub .alarm .busClist dd:nth-child(3) .lotList div{
	border-right:1px solid #0083cb;
}

#sub .alarm .busClist dd:nth-child(4) .lotList div{
	border-right:1px solid #ee4c9b;
}

#sub .alarm .busClist dd:nth-child(5) .lotList div{
	border-right:1px solid #e2a500;
}

#sub .alarm .busClist dd:nth-child(6) .lotList div{
	border-right:1px solid #00b2e2;
}



#sub .alarm .busClist dd .lotList div:last-child{
	border-right:0;
}



#sub .alarm .busClist dd .lotList li .num{
	width:190px;
}

#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*/

#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:18px;
}








#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:17px;
	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:17px;
	word-break:keep-all;
	
}





/*교육과정 Common*/

#sub .education{
	width:100%;
	margin-top:100px;
}

#sub .deThum{
	width:100%;
}

#sub .deThum img{
	width:100%;
}

#sub .proInfo{
	width:100%;
}

#sub .education .eduSubTitleA{
	width:100%;
}

#sub .eduSubTitleA .c_eTit{
	color:#00b3e2;
	font-size:18px;
}

#sub .eduSubTitleA .tit{
	font-size:30px;
	color:#222;
	font-weight:bold;
	margin-top:12px;
	word-break:keep-all;
	line-height:40px
}

#sub .eduSubTitleA .substance{
	font-size:18px;
	color:#222222;
	line-height:28px;
	margin-top:20px;
	word-break:keep-all;
}



#sub .proInfo .eduSubTitleA{
	width:24.5%;
	display:inline-block;
	vertical-align:top;
}


#sub .proInfo .eduSubTitleA .tabList{
	width:100%;
	margin-top:50px;
	padding-right:80px;
	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:17px;
	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;
}

#sub .proInfo .contA .inTx{
	font-size:18px;
	color:#222222;
}

#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:18px;
	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:50px;
	padding-right:20px;
	box-sizing:border-box;
}

#sub .proInfo .contA .contList dd:nth-child(2n){
	padding-right:0px;
	padding-left:20px;
}

#sub .proInfo .contA .contList dd .ico{
	width:160px;
}

#sub .proInfo .contA .contList dd .ico img{
	width:100%;
}

#sub .proInfo .contA .contList dd .subj{
	color:#222;
	font-weight:bold;
	font-size:20px;
	margin-top:25px;
}

#sub .proInfo .contA .contList dd .subs{
	color:#444444;
	font-size:17px;
	margin-top:15px;
	word-break:keep-all;
	line-height:24px;
}



#sub .education .infoTable{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:flex;
}

#sub .education .infoTable dd{
	width:25%;
	display:inline-block;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .education .infoTable .width{
	width:80%;
}

#sub .education .infoTable .width02{
	width:40%;
}

#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:18px;
}

#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:80px 20px;
	box-sizing:border-box;
	position:relative;
	height:calc(100% - 51px);
}

#sub .education .infoTable dd .cont .cirCont{
	width:115px;
	margin:0 auto;
}

#sub .education .infoTable dd .cont .cirCont img{
	width:100%;
}

#sub .education .infoTable dd .cont .tx{
	font-size:18px;
	color:#222;
	text-align:center;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
}

#sub .education .infoTable dd .cont .tx span{
	display:block;
}

#sub .education .infoTable dd .dayCont{
	width:100%;
	display:flex;
	height:calc(100% - 53px);
}

#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:17px;
	color:#222222;
	height:30%;
	position:relative;
	word-break:keep-all;
	line-height:23px;
}


#sub .education .infoTable dd .dayCont li .time{
	width:100%;
	text-align:center;
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	font-size:17px;
	color:#777777;
	height:35%;
	position:relative;
	line-height:23px;
	word-break:keep-all;
}


#sub .education .infoTable dd .dayCont li .time:last-child{
	border-bottom:0px solid #e5e5e5;
}

#sub .education .infoTable dd .dayCont li .h_100{
	height:70% !important;
}

#sub .education .infoTable dd .dayCont li .h_33{
	height:22.5% !important;
}

#sub .education .infoTable dd .dayCont li div p{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
	margin-top:1px;
}



#sub .education .infoTable dd .cont .etcList{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:20px 0px 20px 20px;
	box-sizing:border-box;
	
}

#sub .education .infoTable dd .cont .etcList li{
	font-size:14px;
	color:#222;
	list-style:disc;
	margin-top:10px;
	word-break:keep-all;
	line-height:24px;
	padding-right:20px;
}

#sub .education .infoTable dd .cont .etcList li:first-child{
	margin-top:0px;
}


#sub .education .infoTableArlText{
	width:100%;
	text-align:right;
	font-size:14px;
	color:#444;
	margin-top:15px;
}




#sub .education .yellowBack{
	background:#f9c002;
}

#sub .education .yellowOpacity{
	background:#fef8e1;
}

#sub .education .yellowText{
	color:#f9c002;
}




#sub .education .redBack{
	background:#ef3036;
}

#sub .education .redOpacity{
	background:#fee8e8;
}

#sub .education .redText{
	color:#ef3036;
}



#sub .education .greenBack{
	background:#88c33d;
}

#sub .education .greenOpacity{
	background:#f2f9e9;
}

#sub .education .greenText{
	color:#88c33d;
}




#sub .education .blueBack{
	background:#4a87ff;
}

#sub .education .blueOpacity{
	background:#e2ecff;
}

#sub .education .blueText{
	color:#4a87ff;
}





#sub .education .skyBack{
	background:#02b1e0;
}

#sub .education .skyOpacity{
	background:#e5f7fc;
}

#sub .education .skyText{
	color:#02b1e0;
}



#sub .education .darkYellowBack{
	background:#e4a603;
}

#sub .education .darkYellowOpacity{
	background:#fcf6e5;
}

#sub .education .darkYellowText{
	color:#f9c002;
}



#sub .education .orageBack{
	background:#ea7a20;
}

#sub .education .orangeOpacity{
	background:#fdf1e8;
}

#sub .education .orangeText{
	color:#ea7a20;
}



#sub .education .pinkBack{
	background:#ee4d9b;
}

#sub .education .pinkOpacity{
	background:#fdedf5;
}

#sub .education .pinkText{
	color:#ee4d9b;
}


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

#sub .education .globalCulture{
	width:100%;
	margin-top:50px;
}

#sub .education .globalCulture .deThum{
	width:1180px;
	margin:0 auto;
}


#sub .education .globalCulture .proInfo{
	width:1180px;
	margin:80px auto 0;
}

#sub .education .globalCulture .eduProList{
	width:100%;
	margin-top:80px;
}

#sub .education .globalCulture .eduProList .eduProVisual{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}


#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:50%;
	margin-left:-540px;
	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:50%;
	margin-right:-540px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}




#sub .education .globalCulture .eduProList .eduProVisual dd{
	width:100%;
	margin:0px 60px;
}

#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:7%;
	box-sizing:border-box;
	height:972px;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA{
	width:100%;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .num{
	font-size:18px;
	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:30px;
	font-weight:bold;
	color:#222;
	display:inline-block;
	vertical-align:middle;
	width:30%;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .subjA .subjLine .line{
	width:69%;
	display:inline-block;
	height:2px;
	background:#222;
	vertical-align:middle;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon{
	width:100%;
	padding:200px 0px;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .inTx{
	text-align:Center;
	font-size:20px;
	color:#222;
	line-height:30px;
}

#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:30px;
	display:inline-block;
	vertical-align:middle;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .comminsoon .call .tx{
	font-size:30px;
	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:50px;
	position:Relative;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .dotLine{
	
	position:absolute;
	left:28px;
	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:45px;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .ico{
	width:60px;
	display:inline-block;
	vertical-align:middle;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .box .cha .chaList li .text{
	width:90%;
	display:inline-block;
	vertical-align:Middle;
	padding-left:15px;
	box-sizing:border-box;
	font-size:18px;
	color:#222222;
	line-height:26px;
}

#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:71px;
}



#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:15px 0px;
	text-align:center;
	font-size:17px;
	color:#777777;
	background:#f7f7f7;

}


#sub .education .globalCulture .eduProList .eduProVisual dd .box .mmCurri li .body{
	color:#222;
	text-align:center;
	font-size:14px;
	width:100%;
	font-weight:bold;
	padding:30px 0px;
}



#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:18px;
	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:17px;
	color:#777;
	margin-top:10px;
}

#sub .education .globalCulture .eduProList .eduProVisual dd .arlText{
	width:100%;
	margin-top:20px;
	text-align:right;
	color:#777;
	font-size:17px;
}





#sub .education .globalCulture .timeTable{
	width:1180px;
	margin:80px auto 100px;
}

#sub .education .globalCulture .timeTable .timetableList{
	width:100%;
	margin-top:30px;
	display:flex;
}

#sub .education .globalCulture .timeTable .timetableList dd{
	width:100%;
	display:inline-block;
}


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


#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:18px;
	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:15px 0px;
	color:#fff;
	font-family:'lato';
	font-size:18px;
}





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


#sub .education .childEnglish{
	width:1180px;
	margin:50px auto 100px;
}

#sub .education .childEnglish .smartstar{
	width:100%;
	margin-top:80px;
}

#sub .education .childEnglish .smartstar .schematic{
	width:100%;
	margin-top:50px;
}

#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:180px;
	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:17px;
	margin-top:20px;
	padding:0px 20px;
	box-sizing:border-box;
	line-height:24px;
	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:17px;
	color:#00b3e2;
}

#sub .education .childEnglish .smartstar .infoList li .subjA .subj{
	font-size:24px;
	color:#222222;
	font-weight:bold;
	margin-top:10px;
}



#sub .education .childEnglish .smartstar .infoList li .substance{
	width:74%;
	display:inline-block;
	vertical-align:middle;
	padding-left:30px;
	box-sizing:border-box;
	font-size:18px;
	color:#444444;
	line-height:28px;
	word-break:keep-all;
}



#sub .education .childEnglish .lessonGoal{
	width:100%;
	margin-top:80px;
}
#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: 70px;
    height: 45px;
    position: relative;
    color:#fff;
    text-align:center;
    line-height:24px;
    margin:0 auto;
    z-index:1;
    font-size:17px;
}


#sub .education .childEnglish .lessonGoal .levelList dd .level:before {
	content: "";
	position: absolute;
	top: -17.5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 17.5px solid transparent;
}

#sub .education .childEnglish .lessonGoal .levelList dd .level:after {
	content: "";
	position: absolute;
	bottom: -17.5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 17.5px solid transparent;
}

#sub .education .childEnglish .lessonGoal .levelList dd .contBox{
	width:100%;
	padding:70px 20px;
	box-sizing:border-box;
	margin-top:-17.5px;
}

#sub .education .childEnglish .lessonGoal .levelList dd .contBox .substance{
	font-size:18px;
	color:#222222;
	line-height:26px;
	word-break:keep-all;
}

#sub .education .childEnglish .lessonGoal .levelList dd .contBox .subj{
	display:inline-block;
	padding:15px 25px;
	border-radius:50px;
	box-sizing:border-box;
	color:#fff;
	margin-top:40px;
}

#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:18px;
	margin-top:10px;
	word-break:keep-all;
}


#sub .education .childEnglish .lessonGoal .levelList dd .nmList{
	widtH:100%;
}

#sub .education .childEnglish .lessonGoal .levelList dd .nmList li{
	widtH:100%;
	text-align:center;
	font-size:18px;
	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: 17.5px solid #f9c002;
}

#sub .education .childEnglish .lessonGoal .levelList dd .yellowBack:after {
	border-top: 17.5px 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: 17.5px solid #ef3036;
}

#sub .education .childEnglish .lessonGoal .levelList dd .redBack:after {
	border-top: 17.5px 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: 17.5px solid #88c33d;
}

#sub .education .childEnglish .lessonGoal .levelList dd .greenBack:after {
	border-top: 17.5px 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: 17.5px solid #4a87ff;
}

#sub .education .childEnglish .lessonGoal .levelList dd .blueBack:after {
	border-top: 17.5px 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 25px;
	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:17px;
	color:#777777;
}

#sub .education .childEnglish .lessonGoal .cuList dd ul li .subj{
	font-size:18px;
	font-weight:bold;
	margin-top:8px;
}

#sub .education .childEnglish .lessonGoal .cuList dd ul li .subs{
	font-size:17px;
	color:#222222;
	margin-top:15px;
	word-break:keep-all;
	line-height:26px;
}



#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:24%;
	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:75%;
	display:inline-block;
	vertical-align:middle;
	font-size:17px;
	line-height:26px;
	color:#444;
	word-break:keep-all;
}


#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:50px;
	box-sizing:Border-box;
}



#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li{
	width:100%;
	margin-top:50px;
}

#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:90px;
	line-height:90px;
	border-radius:100%;
	color:#fff;
	text-align:Center;
	background:#4a87ff;
	font-size:30px;
	font-family:'lato';
	display:inline-block;
	vertical-align:middle;
}

#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA{
	width:88%;
	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:24px;
	color:#4a87ff;
	font-weight:bold;
}

#sub .education .childEnglish .storybook .storybookCont dd .contA .contList li .txA .subs{
	font-size:18px;
	color:#222222;
	margin-top:10px;
	line-height:28px;
	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:129px;
	margin:0 auto;
}


#sub .education .childEnglish .storybook .storybookCont dd .icList li .subj{
	font-size:18px;
	color:#222;
	font-weight:bold;
	margin-top:20px;
	text-align:center;
}
#sub .education .childEnglish .storybook .storybookCont dd .icList li .subs{
	font-size:17px;
	color:#444444;
	margin-top:10px;
	text-align:center;
	line-height:24px;
	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:18px;
	position:relative;
	margin-left:80px;
	padding:30px 0px;
	border-radius:10px;
	float:left;
}

#sub .education .childEnglish .addList li:first-child{
	margin-left:0px;
}


#sub .education .childEnglish .addList li:after{
	width:37px;
	height:37px;
	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;
}

#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:80px;
	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:17px;
}

#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:150px;
	display:inline-block;
	vertical-align:middle;
}

#sub .education .childEnglish .appInfo .txCont .downList .qrcode img{
	width:100%;
}


#sub .education .childEnglish .appInfo .txCont .downList .storeList{
	width:176px;
	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:18px;
	color:#222;
	line-height:28px;
	word-break:keep-all;
}




/*성인부*/


#sub .education .adultLang .smartstar{
	width:1180px;
	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:180px;
	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:20px;
	margin-top:20px;
	padding:0px 20px;
	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:17px;
	margin-top:10px;
	padding:0px 100px;
	box-sizing:border-box;
	line-height:24px;
	word-break:keep-all;
}

#sub .education .adultLang .infoTable{
	width:1180px;
	margin:80px auto 0;
}


#sub .education .adultLang .program01{
	width:1180px;
	margin:100px 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%;
	padding:50px 20px;
	box-sizing:border-box;
	margin-top:-9px;
}

#sub .education .adultLang .program01 .programList dd:first-child .contBox{
	padding:30px 20px;
}

#sub .education .adultLang .program01 .programList dd:nth-child(2) .contBox{
	padding:90px 20px;
}

#sub .education .adultLang .program01 .programList dd:nth-child(3) .contBox{
	padding:110px 20px;
}

#sub .education .adultLang .program01 .programList dd:nth-child(4) .contBox{
	padding:100px 20px;
}

#sub .education .adultLang .program01 .programList dd .contBox .studyList{
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
}


#sub .education .adultLang .program01 .programList dd .contBox .studyList li{
	list-style:disc;
	margin-top:20px;
	font-size:17px;
	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:50px 0px;
	border-right:1px dashed #e5e5e5;
	box-sizing:border-box;
	text-align:Center;
}

#sub .education .adultLang .program01 .programList dd .bookThum img{
	margin:0 auto;
}


#sub .education .adultLang .program01 .programList dd:last-child .bookThum{
	border-right:0px dashed #e5e5e5;
}


#sub .education .adultLang .program02{
	width:1180px;
	margin:100px auto 0;
}

#sub .education .adultLang .program02 .program02List{
	width:100%;
}

#sub .education .adultLang .program02 .program02List dd{
	width:100%;
	margin-top:80px;
}

#sub .education .adultLang .program02 .program02List dd:first-child{
	margin-top:50px;
}


#sub .education .adultLang .program02 .program02List dd .thum{
	width:25%;
	display:inline-block;
	vertical-align:Middle;
	padding-right:20px;
	box-sizing:border-box;
}

#sub .education .adultLang .program02 .program02List dd .thum img{
	box-shadow:10px 10px 10px 1px rgba(0,0,0,0.05);
}




#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:nth-child(2n) .thum{
	padding-right:0px;
	padding-left:20px;
}
#sub .education .adultLang .program02 .program02List dd:nth-child(2n) .textArea{
	padding-left:0px;
	padding-right:50px;
}


#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:17px;
	color:#444444;
	margin-top:30px;
	line-height:26px;
	word-break:keep-all;
}

#sub .education .adultLang .program02 .program02List dd .textArea .stepList{
	width:100%;
	display:flex;
	margin-top:60px;
}

#sub .education .adultLang .program02 .program02List dd .textArea .stepList li{
	display:inline-block;
	margin-left:130px;
	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:17px;
	color:#fff;
}

#sub .education .adultLang .program02 .program02List dd .textArea .stepList li .cont .subj{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	word-break:keep-all;
	padding:0px 10px;
	box-sizing:border-box;
	line-height:26px;
}


#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:1180px;
	margin:0 auto;
}

#sub .education .adultLang .adultChinese .inner .eduSubTitleA{
	position:relative;
}

#sub .education .adultLang .adultChinese .inner .illust{
	position:absolute;
	right:0;
	top:0;
	width:580px;
}

#sub .education .adultLang .adultChinese .inner .illust img{
	width:100%;
}

#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:80px 50px;
	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:132px;
	margin:0 auto;
}

#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .st{
	color:#fff;
	text-align:center;
	margin-top:50px;
	font-size:17px;
}

#sub .education .adultLang .adultChinese .inner .lecInfo dd .lecInfoList li .subst{
	color:#fff;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
	font-size:18px;
	word-break:keep-all;
	line-height:28px;
}


#sub .education .adultLang .adultChinese .inner .lecInfo dd .goalList{
	width:100%;
	display:flex;
	margin-top:30px;
}

#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:97px;
	margin:0 auto;
}


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




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


#sub .education .jonior01{
	 width:1180px;
	 margin:50px auto 100px;
}

#sub .education .jonior01 .progression{
	 width:100%;
	 margin-top:100px;
}

#sub .education .jonior01 .progression .programList{
	 width:100%;
	 display:flex;
	 margin-top:30px;
}

#sub .education .jonior01 .progression .programList dd{
	display:inline-block;
	place-self:flex-end;
	width:100%;
}

#sub .education .jonior01 .progression .programList dd .contBox{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	min-height:235px;
}

#sub .education .jonior01 .progression .programList dd:nth-child(2) .contBox{
	min-height:255px;
}

#sub .education .jonior01 .progression .programList dd:nth-child(3) .contBox{
	min-height:275px;
}


#sub .education .jonior01 .progression .programList dd:nth-child(4) .contBox{
	min-height:295px;
}

#sub .education .jonior01 .progression .programList dd:nth-child(5) .contBox{
	min-height:315px;
}
#sub .education .jonior01 .progression .programList dd:nth-child(6) .contBox{
	min-height:335px;
}

#sub .education .jonior01 .progression .programList dd:nth-child(7) .contBox{
	min-height:355px;
}

#sub .education .jonior01 .progression .programList dd:nth-child(8) .contBox{
	min-height:375px;
}



#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:100px;
}

#sub .education .jonior01 .curriculum .curriList{
	width:100%;
	margin-top:50px;
	display:flex;
}

#sub .education .jonior01 .curriculum .curriList dd{
	width:100%;
	padding:0px 20px;
	box-sizing:border-box;
	display:inline-block;
}

#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:350px;
}

#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 .curriculum .curriList dd .weekList{
	width:100%;
}

#sub .education .jonior01 .curriculum .curriList dd .weekList li{
	width:100%;
	text-align:center;
	padding:15px 0px;
}

#sub .education .jonior01 .curriculum .curriList dd .weekList li .ico{
	width:30px;
	display:inline-block;
	vertical-align:Middle;
}

#sub .education .jonior01 .curriculum .curriList dd .weekList li .ico img{
	width:100%;
}


#sub .education .jonior01 .curriculum .curriList dd .weekList li .tx{
	font-size:17px;
	color:#444;
	display:inline-block;
	vertical-align:Middle;
}
#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;
}

#sub .education .jonior01 .curriculum02 .timetable{
	width:100%;
	margin-top:20px;
}

#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'
}

#sub .education .jonior01 .curriculum02 .arlText{
	width:100%;
	text-align:right;
	margin-top:50px;
}

#sub .education .jonior01 .curriculum02 .arlText li{
	display:inline-block;
	margin-left:25px;
	color:#777;
	font-size:14px;
	position:Relative;
}

#sub .education .jonior01 .curriculum02 .arlText li:before{
	position:absolute;
	content:'';
	width:5px;
	height:5px;
	background:#777;
	margin-left:-10px;
	top:50%;
	transform:translateY(-50%);
	border-radius:50%
}


#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:30px;
	box-sizing:border-box;
}

#sub .education .jonior01 .level .levelList dd .arlTitle{
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
	word-break:keep-all;
	line-height:24px;
}



#sub .education .jonior01 .level .levelList dd .title{
	font-size:24px;
	font-weight:bold;
}

#sub .education .jonior01 .level .levelList dd .title span{
	display:inline-block;
	margin-right:10px;
}
#sub .education .jonior01 .level .levelList dd .subTit{
	font-size:18px;
	color:#222;
	margin-top:10px;
}

#sub .education .jonior01 .level .levelList dd .subs{
	font-size:17px;
	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:140px;
	height:140px;
	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:17px;
	font-family:'lato';
	line-height:24px;
	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;
}




/*주니어 에이스쿨*/


#sub .education .jonior03{
	 width:1180px;
	 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:22px;
	 font-weight:bold;
}

#sub .education .jonior03 .ctArea dd .ct{
	 width:100%;
	 margin-top:30px;
}

#sub .education .jonior03 .ctArea dd .ct .ctSubj{
	 font-size:18px;
	 color:#222;
	 font-weight:bold;
}

#sub .education .jonior03 .ctArea dd .ct .ctSubs{
	 font-size:17px;
	 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;
}

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


#sub .education .jonior04{
	 width:1180px;
	 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:17px;
	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:20%;
	display:inline-block;
	vertical-align:middle;
}

#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico{
	width:60px;
	margin:0 auto;
}

#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .ico img{
	width:100%;
}

#sub .education .jonior04 .storybook .bookListCont .bookListA dd .subjA .subj{
	text-align:Center;
	margin-top:15px;
	font-size:20px;
	font-weight:bold;
	word-break:keep-all;
}


#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList{
	width:79.5%;
	display:inline-block;
	vertical-align:middle;
	padding:0px 30px 50px;
	box-sizing:border-box;
	border-left:1px solid #e5e5e5;
}

#sub .education .jonior04 .storybook .bookListCont .bookListA dd .bookList li{
	width:18%;
	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:17px;
	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:50px;
}

#sub .education .jonior04 .goal .goalList dd:first-child{
	margin-left:0px;
}


#sub .education .jonior04 .goal .goalList dd .ico{
	width:230px;
	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:24px;
	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 50px;
	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:18px;
	text-align:center;
	font-weight:bold;
	color:#222;
}

#sub .education .jonior04 .goal .goalList dd .golBox .subsT{
	font-size:17px;
	text-align:center;
	color:#444;
	word-break:keep-all;
	line-height:24px;
	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:150px;
	height:150px;
	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:18px;
	color:#fff;
	font-weight:bold;
}

#sub .education .jonior04 .goal .goalList dd .wtList li .bg span .subs{
	text-align:center;
	font-size:17px;
	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
}



/*교육과정 주니어부 토요프로그램*/ 

#sub .education .junior05{
	width:100%;
	margin-top:50px;
}

#sub .education .junior05 .infoTable{
	width:1180px;
	margin:0 auto;
}

#sub .education .junior05 .infoTable p{
	font-size:14px;
	color:#999;
	font-weight:normal;
	margin-top:5px;
}

#sub .education .junior05 .deThum{
	width:1180px;
	margin:0 auto;
}

#sub .education .junior05 .deThum img{
	width:100%;
}


#sub .education .junior05 .proInfo{
	width:1180px;
	margin:50px auto 0;
}



#sub .education .junior05 .artnboard{
	widtH:1180px;
	margin:100px 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:70px;
	height:10px;
	background:url(../images/sub/artnboardDot.png) no-repeat;
	position:absolute;
	content:'';
	top:50%;
	transform:translate(-50%, -50%);
	left:50%;
}


#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:17px;
	color:#444;
}


#sub .education .junior05 .artnboard .abCont .keywordList{
	width:100%;
	margin-top:50px;
	display:flex;
	text-align:Center;
}

#sub .education .junior05 .artnboard .abCont .keywordList li{
	width:160px;
	height:160px;
	display:inline-block;
	border-radius:100%;
	position:relative;
	margin-left:15%;
}

#sub .education .junior05 .artnboard .abCont .keywordList li:after{
	content:'';
	background:url(../images/sub/artnboardPlus.png) no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0px;
	margin-right:-97px
}

#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:1180px;
	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:80px;
	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:20px;
	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:17px;
	color:#444444;
	margin-top:10px;
	list-style:disc;
	line-height:24px;
}


#sub .education .junior05 .look{
	widtH:1180px;
	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%;
}



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

#sub .education .art{
	 width:1180px;
	 margin:50px auto 100px;
}

#sub .education .art .proInfo{
	 width:100%;
	 margin-top:50px;
}


#sub .education .art .picList{
	 width:100%;
	 display:inline-block;
	 margin-top:100px;
	 border-top:1px solid #e5e5e5;
	 padding-top:80px;
}

#sub .education .art .picList li{
	width:32%;
	display:inline-block;
	float:left;
	margin-left:2%;
	margin-top:20px;
	border-radius:5px;
	overflow:hidden;
}

#sub .education .art .picList li:nth-child(3n+1){
	margin-left:0px;
}

#sub .education .art .picList li img{
	width:100%;
}

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


#sub .education .junior02{
	width:1180px;
	margin:50px auto 100px;
}

#sub .education .junior02 .infoA{
	widtH:100%;
	margin-top:80px;
}

#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:142px;
	margin:0 auto;
	position:relative;
}

#sub .education .junior02 .infoA .goalList li .ico:after{
	content:'';
	position:absolute;
	width:23px;
	height:23px;
	background:url(../images/sub/junior02Plus.png);
	top:50%;
	transform:TranslateY(-50%);
	margin-left:32px;
}

#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:17px;
	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:80px;
}

#sub .education .junior02 .infoA .who li{
	width:45%;
	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:90%;
	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:20px;
	color:#fff;
	margin-top:20px;
	line-height:30px;
	font-weight:bold;
	background:rgba(255,255,255,0.3);
	display:inline-block;
	padding:10px 30px;
}

#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:120px;
	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:17px;
	line-height:24px;
}

/*등록절차*/

#sub .information{
	width:100%;
	margin-top:100px;
}

#sub .information .information01{
	width:1180px;
	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:17px;
	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 155px;
}

#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:80px;
}


#sub .information .information01 .onlineTest .eduSubTitleA{
	width:24.5%;
	display:inline-block;
	vertical-align:top;
}

#sub .information .information01 .onlineTest .eduSubTitleA .linkBtn{
	width:70%;
	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:75%;
	display:inline-block;
	vertical-align:top;
}

#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:17px;
	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:104px;
	margin:20px auto;
}

#sub .information .information01 .onlineTest .onlinetestCont .processList li .text{
	font-size:17px;
	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:17px;
	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:17px;
	color:#222;
	font-weight:bold;
}

#sub .information .information01 .onlineTest .onlinetestCont .deInfoBox .deInfoList dd .txCont .pcList li .substance{
	width:70%;
	display:inline-block;
	font-size:17px;
	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:106px;
	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:17px;
	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:30%;
	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:17px;
}

#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:-10%;
	margin-left:-7px;
}

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







/*수강등록 및 환불 규정*/


#sub .information .information02{
	width:1180px;
	margin:50px auto 100px;
}

#sub .information .information02 .infor02List{
	width:100%;
	margin-top:80px;
}

#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:15%;
	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;
}


#sub .information .information02 .infor02List dd .reCont{
	width:100%;
}

#sub .information .information02 .infor02List dd .reCont .classNm{
	width:15%;
	vertical-align:Middle;
	text-align:center;
	font-size:24px;
	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:18px;
	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;
}

#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:17px;
	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 .information02 .infor02List .skyBack_info{
	background:#dbe9ed;
}

#sub .information .information02 .infor02List .khakiBack_info{
	background:#eeefdd;
}


#sub .information .information02 .infor02List .pinkBack_info{
	background:#f4e5ec;
}













#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:20%;
	display:inline-block;
	vertical-align:top;
	font-size:17px;
	font-weight:bold;
	color:#222;
}

#sub .information .arlBox .jTxListA dd .jTxList li .subs{
	width:79%;
	display:inline-block;
	vertical-align:top;
	font-size:17px;
	color:#444;
	margin-top:0;
}





/*수강료감면안내*/

#sub .information .information03{
	width:1180px;
	margin:50px auto 100px;
}

#sub .information .information03 .infor03List{
	width:100%;
	margin-top:50px;
	display:flex;
}

#sub .information .information03 .infor03List li{
	display:inline-block;
	width:100%;
}

#sub .information .information03 .infor03List li .ico{
	width:160px;
	margin:0 auto;
}
#sub .information .information03 .infor03List li .ico img{
	width:100%;
}

#sub .information .information03 .infor03List li .tx{
	font-size:17px;
	color:#444444;
	text-align:center;
	margin-top:20px;
	line-height:24px;
	word-break:keep-all;
}



#sub .information .information03 .arlBox .jTxSubjA{
	margin-top:50px;
}

#sub .information .information03 .arlBox .jTxListA dd:first-child{
	margin-top:20px;
}




/*교재구입안내*/


#sub .information .information04{
	width:1180px;
	margin:50px auto 100px;
}

#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:26px;
	text-align:Center;
	color:#222;
	font-weight:bold;
	margin-top:20px;
}

#sub .information .information04 .subjA .btnList{
	width:100%;
	margin-top:50px;
	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;
	margin-bottom:60px;
}

#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:138px;
	margin:0 auto;
}

#sub .information .information04 .bookProcess li .text{
	text-align:center;
	margin-top:20px;
	line-height:26px;
	font-size:17px;
}

#sub .information .information04 .bookProThumList{
	width:100%;
	margin-top:20px;
	display:flex;
}

#sub .information .information04 .bookProThumList li{
	width:100%;
	margin-left:20px;
}

#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:17px;
}


/*대관안내*/


#sub .information .information05{
	width:1180px;
	margin:50px auto 100px;
}


#sub .information .information05 .infor05DeText{
	font-size:18px;
	color:#777777;
	width:1180px;
	text-align:Center;
	margin:0 auto;
	line-height:26px;
}
#sub .information .information05 .addText{
	color:#00b3e2;
	padding-top: 10px;
	}


#sub .information .information05 .info05Visual{
	width:100%;
	margin-top:50px;
}


#sub .information .information05 .info05Visual .info05v{
	width:100%;
}

#sub .information .information05 .info05Visual .info05v .slick-list{
	overflow:visible;
	
}



#sub .information .information05 .info05Visual .info05v li{
	margin:0px 50px;
}

#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:50%;
	margin-left:-540px;
	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:50%;
	margin-right:-540px;
	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;
	word-break:keep-all;
}





/*communityList*/



#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:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

















/*셔틀수정*/




#sub .alarm .businfo{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin-top:50px;
}

#sub .alarm .businfo .subj{
	font-size:24px;
	padding:20px 0px;
	color:#222;
	text-align:Center;
	border-bottom:1px solid #e5e5e5;
	font-weight:bold;
}


#sub .alarm .businfo .busTab{
	width:100%;
	background:#f7f7f7;
	display:flex;
}

#sub .alarm .businfo .busTab li{
	width:100%;
	display:inline-block;
	text-align:center;
	padding:30px 0px;
	cursor:pointer;
	font-size:22px;
	color:#999999;
}

#sub .alarm .businfo .busTab li span{
	display:block;
	font-size:18px;
}

#sub .alarm .businfo .deInfoA{
	width:100%;
	padding:30px 0px 0px;
	text-align:Center;
}

#sub .alarm .businfo .busIco{
	width:94px;
	display:inline-block;
	vertical-align:Middle;
}

#sub .alarm .businfo .busIco img{
	width:100%;
}

#sub .alarm .businfo .infoTx{
	font-size:18px;
	color:#222222;
	display:inline-block;
	vertical-align:Middle;
	margin-left:10px;
}

#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 #boardList dd:first-child{
	background:none
}
#sub .alarm .businfo .businfoList #boardList2 dd:first-child{
	background:none
}
#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:17px;
	color:#444;
}

#sub .alarm .arlList{
	width:100%;
	margin-top:20px;
}

#sub .alarm .arlList li{
	width:100%;
	text-align:right;
	margin-top:10px;
	font-size:17px;
}


#sub .notifyBg{
	background:#f2f4da;
}