/*@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');*/


body, table, div, p {font-family: 'Nanum Barun Gothic', sans-serif;}
html, body {width: 100%; height: 100%;}
body{background-color: #5294CF; margin: 0;padding: 0;}

#wrap{
	margin: 0 auto;
	/*width: 1400px;
	height: 1000px;*/
	width: 100%;
	height: 100%;
	position: relative;
}

.home{
	width: 17.85714%;
	height: 100%;
	min-height: 1000px;
	min-width: 190px;
	background-color: #5294CF;
	display: inline-block;
	position: relative;
	z-index: 200;
}

.home > .logoDiv{
	position: absolute;
	width: 100%;
	/*top: 10.0885%;*/
	top: 124px;
}

.home > .logoDiv img{
	position: absolute;
	right: 24px;
	cursor: pointer;
}

#topMenu{
	position: absolute;
	/*top: 22.5%;*/
	top: 263px;
	position: relative;
	margin-right: 10px;
}

#topMenu > ul > li{
	list-style: none;
	color: #FFF;
	line-height: 50px;
	text-align: right;
	font-size: 1.15em;
	width: 100%;
	font-weight: 700;
	letter-spacing: -1px;
}

#topMenu ul ul{display: none;}
#topMenu ul img{visibility: hidden; transition: visibility .2s;}
#topMenu ul li{list-style: none; cursor: pointer;}
#topMenu ul li a{text-decoration: none; color: #FFFFFF;}
#topMenu li li{font-size: 0.8em; font-weight: 300; line-height:38px; letter-spacing: -1.8px; cursor: pointer; text-align: left;width: 134%; margin-left: 10px; transition: background-color .2s;}
#topMenu li li:hover{background-color: #5294CF;}

#topMenu > ul > li:hover > ul{display: block;transition: display .2s;}
#topMenu > ul > li:hover > img{visibility: visible;}

.submenu{
	position:absolute;
	margin-top: -42px;
	right: -28.421428%;
	width: 28.421428%;
}

.submenu li{padding-left: 10px;}

.iconBox_1{
	position: absolute;
	width: 100%;
	height: 7%;
	/*top: 68.5%;*/
	top: 684.5px;
}

.iconBox_2{
	position: absolute;
	width: 200px;
	height: 20px;
	/* top: 120px; */
	/*top: 68.5%;*/
	font-size: 12px;
	overflow: hidden;
}

.iconBox_2 > div{
	width: 20px;
	height: 20px;
	/* float: left; */
	cursor: pointer;
}

/*.iconBox_1 img{
	display:inline-block;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}*/

.iconBoxIconBox{
	display:inline-block;
	width: 42px;
	height: 60px;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}

.iconBoxIconBox_1{
	background-image: url('../assets/images/iconBox/remoteControlImg.png');
	background-repeat: no-repeat;
	transition: background-image .2s;
}

.iconBoxIconBox_2{
	background-image: url('../assets/images/iconBox/freeTestImg.png');
	background-repeat: no-repeat;
	transition: background-image .2s;
}

.iconBoxIconBox_3{
	background-image: url('../assets/images/iconBox/noticeImg.png');
	background-repeat: no-repeat;
	transition: background-image .2s;
}

.iconBoxIconBox_1:hover{
	background-image: url('../assets/images/iconBox/remoteControlImgHover.png');
	background-repeat: no-repeat;
}

.iconBoxIconBox_2:hover{
	background-image: url('../assets/images/iconBox/freeTestImgHover.png');
	background-repeat: no-repeat;
}

.iconBoxIconBox_3:hover{
	background-image: url('../assets/images/iconBox/noticeImgHover.png');
	background-repeat: no-repeat;
}


.bottomBox{
	position: absolute;
	width: 100%;
	height: 154px;
	background-color: #5294CF;
	background-size: cover;
	
	border-top: 1px solid #FFFFFF;
	bottom: 0;
}

/***************************************************************************************************************************/

.marginTop_5{margin-top: 5px;}
.marginTop_10{margin-top: 10px;}
.marginTop_15{margin-top: 15px;}
.marginTop_18{margin-top: 18px;}
.marginTop_23{margin-top: 23px;}
.marginTop_30{margin-top: 30px;}
.marginTop_35{margin-top: 35px;}
.marginTop_40{margin-top: 40px;}
.marginTop_43{margin-top: 43px;}
.marginTop_48{margin-top: 48px;}
.marginTop_50{margin-top: 50px;}
.marginTop_65{margin-top: 65px;}
.marginTop_85{margin-top: 85px;}
.marginTop_100{margin-top: 100px;}
.marginTop_150{margin-top: 150px;}
.marginTop_264{margin-top: 264px;}
.marginTop_308{margin-top: 308px;}
.marginLeft_5{margin-left: 5px;}
.marginLeft_10{margin-left: 10px;}
.marginLeft_20{margin-left: 20px;}
.marginLeft_23{margin-left: 23px;}
.marginLeft_25{margin-left: 25px;}
.marginLeft_-33{margin-left: -33px;}
.marginLeft_32{margin-left: 32px;}
.marginLeft_33{margin-left: 33px;}
.marginLeft_45{margin-left: 45px;}
.marginLeft_80{margin-left: 80px;}
.marginLeft_100{margin-left: 100px;}
.marginRight_20{margin-right: 20px;}
.marginRight_50{margin-right: 54px;}
.marginRight_70{margin-right: 85px;}
.marginBottom_10{margin-bottom: 10px;}
.marginBottom_20{margin-bottom: 20px;}
.lineHeihgt14{line-height: 14px;}
.lineHeihgt16{line-height: 16px;}
.lineHeihgt18{line-height: 18px;}
.lineHeihgt22{line-height: 22px;}
.inlineBlock{display: inline-block;}
.magrin0auto{ margin: 0 auto;}

#wrap aside{
	position: absolute;
	width: 7.142857%;
	height: 100%;
	min-height: 1000px;
	min-width: 100px;
	left: 17.85714%;
	background-color: #000000;
	background-attachment: inherit;
	background-size: cover;
	display: inline-block;
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*메인페이지*/
.homeSection{
	background-image: url('../assets/images/children.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: cover;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1000px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

/* ################################################ */

.blackBar{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 120px;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	z-index: 10000;
}

.balckSpan{
	position: relative;
	display: block;
	text-align: center;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
}

.balckSpan2{
	position: relative;
	display: block;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

.blackImgDiv{
	position: relative;
	height: 30px;
	text-align: center;
}

.blackImgDiv > img{
	cursor: pointer;
	margin-left: 25px;
}

.blackImgDiv > img:nth-child(1){
	margin-left: 0px;
}

/* ################################################ */

.sliderSpots{
	position: absolute;
	list-style: none;
	width: 100px;
	right: 3.3%;
	top: 23.45%;
}

.sliderSpots_li{
	width: 6px;
	height: 6px;
	background-color: #FFFFFF;
	margin-right: 16px;
	cursor: pointer;
	float: left;
}

.sliderImg{
	position:absolute;
	display: inline-block;
	left: 0%;
	width: 100%;
	height: 29%;
	top: 25%;
}

.intro_img_1{
	background-image: url('../assets/images/home/1.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: cover;
	
	width: 100%;
	height: 100%;
	position:absolute;
}

.intro_img_2{
	background-image: url('../assets/images/home/2.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: cover;
	
	width: 100%;
	height: 100%;
	position:absolute;
}

.intro_img_3{
	background-image: url('../assets/images/home/3.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: cover;
	
	width: 100%;
	height: 100%;
	position:absolute;
}

.intro_img_4{
	background-image: url('../assets/images/home/4.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: cover;
	
	width: 100%;
	height: 100%;
	position:absolute;
}

.displayBlock{display: block;}
.displayInlineBlock{display: inline-block;}
.displayNone{display: none;}
.visibleFalse{visibility: hidden;}
.redBack{ background-color: #FF0000; }


/*********************************************************************************************************************************/

#wrap footer{
	width: 17.85714%;
	height: 100%;
	min-height: 1000px;
	min-width: 250px;
	
	background-color: #5294CF;
	background-attachment: fixed;
	background-size: cover;
	
	left: 82.142857%;
	display: inline-block;
	position: absolute;
	
	z-index: 201;
}

#loginBox, #loginBox_2{
	position: absolute;
	/*top: 9.54%;*/
	top: 124.3px;
	width: 100%;
	height: 13%;
	max-height: 130px;
	background-color: #BCBEC0;
}

.loginInputImg{
	position:absolute;
	margin-left: 150px;
	margin-top: -20px;
}

.loginInputImgSE{
	position:relative;
	width: 95%;
	height: 58px;
	text-align: right;
	margin-top: 14px;
	/*margin-right: 18px;*/
}

#loginBox input[type=text], #loginBox input[type=password]{
	border-radius: 20px;
	padding-left: 20px;;
	padding-right: 20px;
	width: 118px;
	height: 20px;
	color: #6D6E71;
	border: 1px solid #BCBEC0;
	font-size: 13px;
	line-height: 13px;
}

.userNameBox{
	margin-top: -15px;
	margin-left: 18px;
}

.userNameBoxSE{
	margin-top: 14px;
	margin-left: 18px;
}

.nameSpan_1{
	color: #231F20;
	font-size: 19px;
}

.nameSpan_2{
	color: #231F20;
	font-size: 13.3px;
}

#loginBox input[type=text]:focus, #loginBox input[type=password]:focus{
	border: 1px solid #5294CF;
	border-radius: 20px;
}

#loginBox input[type=text]{
	margin-left: 16.5px;
	margin-top: 21.6px;
}

#loginBox input[type=password]{
	margin-left: 16.5px;
	margin-top: 8px;
}

#loginBox > div:last-child{margin-left: 17px;}

.loginBtnClass{
	width: 75px;
	height: 16px;
	line-height: 12px;
	text-align: right;
	background-color: #1870B8;
	padding-right: 10px;
	color: #FFFFFF;
	border: 0;
	border-radius: 16px;
	font-size: 9px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s;
}

.loginBtnClass:hover{
	background-color: #5294CF;
}

.iconBox_2{
	position: absolute;
	width: 100%;
	height: 30%;
	/*top: 22.3%;*/
	top: 293px;
	
}

.iconBox_2 img{
	display: block;
	margin-left: 20px;
	margin-bottom: 25px;
	cursor: pointer;
}
.iconBox_2 img:nth-child(1){cursor: default;}

.bottomBox > span{
	color: #FFF;
	letter-spacing: -1px;
	font-size: 11px;
	margin-left: 15px;
	line-height: 12px;
	display: inline-block;
	width: 250px;
	text-overflow: ellipsis;
}

.bottomBox > span:last-child{
	color: #FFF;
	letter-spacing: -1.4px;
	font-size: 8px;
}

/*********************************************************************************************************************************/
/*회사소개*/
.business{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1306px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.siteHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/man.png');
	background-repeat: no-repeat;
	background-position: 87% 100%;
	width: 100%;
	height: 22%;
	max-height: 255px;
}

.siteHeader > img, 
.siteHeader2 > img, 
.siteHeader3 > img, 
.gaipHeader > img, 
.loginHeader > img,
.freeTrialHeader > img,
.remotelHeader > img,
.board_1_Header > img,
.bookGuipHeader > img,
.mypageHeader > img{
	position: absolute;
	display: inline-block;
	bottom: 30.738px;
	left: 58.363px;
}

.siteHeader > h1, 
.siteHeader2 > h1, 
.siteHeader3 > h1, 
.gaipHeader > h1, 
.loginHeader > h1,
.freeTrialHeader > h1,
.remotelHeader > h1,
.board_1_Header > h1,
.bookGuipHeader > h1,
.mypageHeader > h1{
	position: absolute;
	bottom: 38.367px;
	left: 171.414px;
	color: #5294CF;
	/*font-size: 2em;*/
	font-size: 27px;
	letter-spacing: -1.6px;
}

.siteHeader > p, 
.siteHeader2 > p, 
.siteHeader3 > p, 
.gaipHeader > p, 
.loginHeader > p, 
.freeTrialHeader > p, 
.remotelHeader > p, 
.board_1_Header > p, 
.bookGuipHeader > p, 
.mypageHeader > p{
	position: absolute;
	bottom: 14.061px;
	left: 172.414px;
	color: #808285;
	font-size: 16px;
}

.article1{
	position: absolute;
	margin-left: 58px;
	width: 82%;
}

.article1Div{
	width: 330px;
	height: 26px;
	background-color: #5294CF;
	border-radius: 6px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 8px;
	line-height: 28px;
	text-indent: 16.5px;
	letter-spacing: -0.5px;
}

.article1Div685{
	width: 685px;
}

.article1Span{
	color: #58595B;
	font-size: 15.5px;
	line-height: 25px;
}

.addColor{
	color: #231F20;
}

.firstSpan{
	font-weight: 700;
	color: #5294CF;
}

.secondSpan{
	font-weight: 700;
	color: #58595B;
}

.fontSize_20{
	font-size: 20px;
	font-weight: bold;
}

.fontSize_25{
	font-size: 25px;
}

.textIndent23{
	text-indent: 23px;
}

/*********************************************************************************************************************************/
/*회사연혁*/
.article2{
	position: absolute;
	margin-left: 58px;
	width: 90%;
}

.yearDiv{
	display: inline-block;
	width: 100px;
	height: 20px;
	border-radius: 4px;
	background-color: #5294CF;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 18px;
	text-indent: 46px;
}

.boxSpan{
	display: inline-block;
	width: 44px;
	font-size: 15.5px;
	font-weight: 700;
	text-align: right;
	color: #5294CF;
	line-height: 14px;
}

.txtSpan{
	margin-left: 8px;
	color: #58595B;
	font-size: 15.5px;
	line-height: 14px;
}

/*********************************************************************************************************************************/
/*사업분야*/
.fieldPharos{
	width: 220px;
	height: 26px;
	margin-left: 111.5px;
	background-color: #5294CF;
	border-radius: 6px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-indent: 16.5px;
	letter-spacing: -0.5px;
}

.fieldDiv{
	width: 441px;
	margin-left: 111.5px;
	margin-top: 13.8px;
	margin-bottom: 23.5px;
}

.fieldDiv > span{
	line-height: 23px;
}

/*********************************************************************************************************************************/
/*조직도*/
.OrganizationPharos{
	width: 220px;
	height: 26px;
	background-color: #5294CF;
	border-radius: 6px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-indent: 16.5px;
	letter-spacing: -0.5px;
}

.width300{
	width: 300px;
}

/*********************************************************************************************************************************/
/*콘텐츠소개*/
.contents{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg2.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1100px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}
.contents2{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg2.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 5600px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}
.contents3{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg2.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 3034px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.contents4{
	min-height: 2200px;
}

.siteHeader2{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/contents.png');
	background-repeat: no-repeat;
	background-position: 92% 63%;
	width: 100%;
	height: 25%;
	max-height: 255px;
}

.toggle{
	position: absolute;
	width: 550px;
	height: 22px;
}

.toggle_before{
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #58595B;
	cursor: pointer;
	width: 120px;
	letter-spacing: -1px;
	clear: both;
}

.toggle_after{
	color: #5294CF;
}

/*********************************************************************************************************************************/
/*코스북소개*/
.bookBoxDiv{
	position: relative;
	width: 678px;
	height: 220px;
	border: 5px solid #DCDDDE;
	border-radius: 20px;
}

.bookTitleBox{
	width: 273px;
	height: 45px;
	top: 31px;
	border-left: 5px solid #5294CF;
	margin-left: -5px;
	margin-top: 26px;
}

.bookTitleSpan1{
	display: inline-block;
	font-family: "Arial";
	font-size: 25px;
	color: #5294CF;
	letter-spacing: -2.5px;
	text-indent: 20px;
}

.bookTitleSpan2{
	display: inline-block;
	font-family: "Arial";
	font-size: 21px;
	color: #58595B;
	letter-spacing: -2.5px;
	text-indent: 20px;
}

.bookBoxDiv>img{
	position: relative;
	left: 283px;
	top: -170px;
}

.bookPreviewDiv{
	position: relative;
	width: 109px;
	height: 60px;
	margin-top: 70px;
	margin-left: 120px;
	text-align: center;
}

.bookPreviewBtn{
	width: 109px;
	height: 20px;
	line-height: 10px;
	text-align: center;
	background-color: #5294CF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s;
	transition: color .2s;
}

.bookPreviewBtn:hover{
	background-color: #FFF;
	color: #5294CF;
	border: 1.5px solid #5294CF;
	/*width: 106px;
	height: 17px;*/
}

.bookDetailDiv{
	height: 23px;
}

.detailSpanTitle{
	display: inline-block;
	font-weight: 400;
	font-size: 15.5px;
	color: #5294CF;
	text-indent: 5px;
}

.detailSpan{
	display: inline-block;
	font-size: 15.5px;
	line-height: 22px;
	color: #58595B;
	text-indent: 32px;
}

.detailSpan2{
	font-size: 15.5px;
	line-height: 22px;
	color: #58595B;
}

.detailSpan3{
	display: inline-block;
	font-size: 15.5px;
	line-height: 22px;
	color: #58595B;
	margin-left: 32px;
}

.detailSpan3SE{
	display: inline-block;
	font-size: 15.5px;
	line-height: 22px;
	color: #58595B;
	margin-left: 13px;
}

.detailSpan4{
	display: inline-block;
	font-size: 15.5px;
	line-height: 22px;
	color: #58595B;
	margin-left: 44px;
}

.letterSpacing_2{letter-spacing: -0.5px;}
.letterSpacing2{letter-spacing: 2px;}
.letterSpacing3{letter-spacing: 4px;}
.letterSpacing10{letter-spacing: 10.5px;}
.letterSpacing20{letter-spacing: 20.5px;}
.letterSpacing7{letter-spacing: 6.4px;}

.letterSpacing_05{letter-spacing: 0.58px;}
.letterSpacing_028{letter-spacing: 0.29px;}
.letterSpacing_06{letter-spacing: -0.6px;}

/*********************************************************************************************************************************/
/*리딩북소개*/
.imgAlingCenter{
	width: 100%;
	text-align: center;
}


.bookTitleSpan3{
	display: inline-block;
	font-family: "Arial";
	font-size: 23px;
	line-height: 27px;
	color: #5294CF;
	letter-spacing: -2.5px;
	text-indent: 20px;
}

.bookTitleSpan4{
	display: inline-block;
	font-family: "Arial";
	font-size: 20px;
	line-height: 21px;
	color: #58595B;
	letter-spacing: -2.5px;
	text-indent: 20px;
}

/*********************************************************************************************************************************/
/*프로그램특징*/
.program{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg3.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1100px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.program2{	min-height: 5600px;}
.program3{	min-height: 3824px;}
.program4{	min-height: 2200px;}
.program5{	min-height: 2565px;}

.toggle2, .toggle3, .toggle4{
	position: absolute;
	width: 550px;
	height: 22px;
}

.toggle_before2{
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #58595B;
	cursor: pointer;
	/*width: 120px;*/
	margin-right: 30px;
	letter-spacing: -1px;
	clear: both;
}

.toggle_after2{
	color: #5294CF;
}

.siteHeader3{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/headSetImg.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 25%;
	max-height: 255px;
}

/*********************************************************************************************************************************/
/*코스북*/
.programArticle{
	position: absolute;
	margin-left: 58px;
	width: 86%;
}

.programTitleSpan{
	display: inline-block;
	font-family: "Arial";
	color: #5294CF;
	font-size: 30px;
	letter-spacing: -1px;
}

.programDetailDiv{
	height: 63px;
}

.detailProgramSpanTitle{
	position: relative;
	margin-bottom: 17px;
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	color: #5294CF;
	text-indent: 6px;
	vertical-align: middle;
}

.detailProgramSpanTitle2{
	color: #58595B;
}

.fullBox{
	position:relative;
	width: 100%;
}

.leftBox{
	vertical-align: top;
	display: inline-block;
	width: 310px;
}

.rightBox{
	display: inline-block;
	width: 310px;
	margin-left: 64px;
}

.programBackRect{
	width: 304px;
	height: 224px;
	border: 3px solid #BCBEC0;
	background-color: rgba(255,255,255,1);
	border-radius: 12px;
	
	background-image: url('../assets/images/program/programSpot.png');
	background-repeat: no-repeat;
	background-position: center 99%;
}

.programBackImg{
	position: relative;
	margin-left: 14px;
	margin-top: 14px;
}

.programBackShadow{
	position: relative;
	width: 332px;
	height: 27px;
	margin-left: -17px;
	background-image: url('../assets/images/program/programBackShadow.png');
}

.programSpan1{
	position: relative;
	display: block;
	color: #5294CF;
	font-weight: 700;
	font-size: 15.5px;
	line-height: 12px;
	margin-left: 5px;
	margin-top: -8px;
}

.programSpan2{
	display: inline-block;
	color: #58595B;
	font-size: 15.5px;
	line-height: 23px;
	margin-left: 5px;
	margin-top: -8px;
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*체크박스*/
.checks {position: relative;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 17px;  /* 체크박스의 너비를 지정 */
  height: 17px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -4.5px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #FFF;
  border: 2px solid #A5C1E5;
  border-radius : 4px;
  color: #58595B;
  /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #5294CF;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
  line-height: 10px;
  /*letter-spacing: 3px;
  background: #e9ecee;
  border-color: #5294CF;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
}

.checks.small input[type="checkbox"] + label {
  font-size: 14px;
  padding-left: -18px;
  padding-right: 18px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 15px;
  height: 15px;
  line-height: 17px;
  font-size: 16px;
}


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*라디오버튼*/
.radioDiv input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.radioDiv input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radioDiv input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /*top: -4px;*/
  top: 2px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #FFF;
  border: 1px solid #5294CF;
  border-radius: 100%;
  /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
}
.radioDiv input[type="radio"]:checked + label:before {
  background: #FFF;
  border-color: #5294CF;
}
.radioDiv input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  /*top: 1px;*/
  top: 8px;
  left: 6px;
  width: 11px;
  height: 11px;
  background: #5294CF;
  border-radius: 100%;
  /*box-shadow: inset 0px 0px 10px rgba(82,148,207,1.0);*/
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
.w150_h24_btn{
	width: 150px;
	height: 24px;
	background-color: #5294CF;
	color: #FFF;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	line-height: 12px;
	border: 0;
	transition: background-color .2s;
}

.w150_h24_btn:hover{
	background-color: #00669D;
}

.w150_h24_btn:disabled{
	background-color: #939598;
}

.w150_h24_btn-SE{
	width: 150px;
	height: 24px;
	background-color: #FFFFFF;
	color: #58595B;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	border: 2px solid #5294CF;
	line-height: 12px;
	transition: background-color .2s;
}

.w150_h24_btn-SE:hover{
	background-color: #5294CF;
	color: #FFFFFF;
}

.btnWidth80{width: 80px;line-height: 16px;}
.btnWidth92{width: 92px;line-height: 16px;}
.btnWidth100{width: 100px;line-height: 16px;}
.btnWidth130{width: 130px;line-height: 16px;}
.btnWidth180{width: 180px;line-height: 16px;}
.btnWidth250{width: 250px;line-height: 16px;}

.btnWidth140{width: 140px;height: 26px;line-height: 22px;}
.btnWidth170{width: 170px;height: 26px;line-height: 22px;}
.btnWidth190{width: 170px;height: 24px;line-height: 22px;}
.btnWidth300{width: 300px;height: 30px;line-height: 22px;}

.width100{ position: relative;	display: inline-block; width: 685px;}
.width50{ display: inline-block; width: 49.5%; border: 0px;}
.width40{ display: inline-block; width: 42%; border: 0px;}
.clearBoth{	clear: both;}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.textAlignLeft{ text-align: left;}
.textAlignCenter{ text-align: center;}
.textAlignRight{ text-align: right;}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*회원가입*/
.gaipSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/gaipBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1244px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.gaipSection2{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/bottomImg3.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1000px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.gaipHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/gaip/gaipSetImg.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}

.txtArea{
	width: 645px;
	height: 110px;
	padding: 20px;
	border: 1px solid #939598;
}

.gaipBottomBack{
	position: absolute;
	background-color: #B1B3B6;
	width: 100%;
	height: 40px;
	bottom: 0;
}

.gaipBackRect{
	/*position: absolute;*/
	width: 685px;
	height: 443px;
	padding-top: 27px;
	border-radius: 14px;
	background-color: #E6E7E8;
}

.gaipInforBox{
	position: relative;
	width: 98%;
	height: 39px;
}

.gaipInforBox2{
	position: relative;
	width: 98%;
	height: 70px;
}

.gaipInput{
	width: 185px;
	height: 24px;
	border: 1px solid #5294CF;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 100;
	color: #58595B;
}

.gaipInput:disabled{
	background-color: #D8E3F4;
	border: 1px solid #5294CF;
}

.width92{	width: 92px;}
.width160{	width: 160px;}
.width358{	width: 358px;}

input[type=text]:disabled{
	background-color: #D8E3F4;
	border: 1px solid #5294CF;
}

.radioDiv{
	position: relative;
	display: inline-block;
}

.gaipDiv_1{
	float: left;
	display: inline-block;
	width: 100px;
	line-height: 28px;
}

.gaipDiv_2{
	display: inline-block;
	width: 530px;
	line-height: 28px;
}

.gaipDiv_3{
	float: left;
	display: inline-block;
	width: 130px;
	line-height: 28px;
}

.positionRelative{
	position: relative;
}


/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/*academyPop, noticePop*/
#academyPop, #noticePop{
	width: 650px;
	height: 790px;
	background-color: #FFF;
}

#academyPop > div:first-child, #noticePop > div:first-child{
	height: 40px;
	text-align: right;
	background-color: #C6D6EE;
}

#academyPop > div:first-child img, #noticePop > div:first-child img{
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.popupHeader{
	width: 100%;
	height: 110px;
	
	background-image: url('../assets/images/popupBackImg.png');
	background-repeat: no-repeat;
	background-position: 90% 18px;
	background-attachment: inherit;
	
	background-color: #5294CF;
}

.noticePopHeader{
	width: 100%;
	height: 110px;
	
	/*background-image: url('../assets/images/noticeBackImg.png');
	background-repeat: no-repeat;
	background-position: 88% 68px;
	background-attachment: inherit;*/
	
	background-color: #5294CF;
}

.noticeDots{
	position: relative;
	width: 580px;
	text-align: right;
	top: 100px;
}

.noticeDots_div{
	display: inline-block;
	width: 18.5px;
	height: 18.5px;
	border-radius: 50%;
	background-color: #74A4D8;
	margin-left: 10px;
	cursor: pointer;
}

.noticeDots_div:hover{
	background-color: rgba(255,255,255,0.6);
	transition: background-color .2s;
}

.noticeTxtArea{
	width: 517px;
	height: 329px;
	padding-top: 10px; padding-bottom: 10px;
	border: none;
	color: #58595B;
	text-indent: 40px;
	font-weight: 200;
	line-height: 30px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	resize: none;
}

.whiteBack{
	background-color: #FFF;
}

.popupHeader div{
	position: absolute;
	margin-left: 60px;
	margin-top: 60px;
	color: #FFF;
	font-size: 21px;
	font-weight: 400;
	line-height: 30px;
	vertical-align: middle;
}

.noticePopHeader div{
	position: absolute;
	margin-left: 60px;
	margin-top: 50px;
	color: #FFF;
	font-size: 21px;
	font-weight: 400;
	line-height: 30px;
	vertical-align: middle;
}

.popupHeader span{position:relative; display: inline-block; padding-left: 10px; padding-top: -10px;}

.noticePopHeader span{position:relative; font-size: 24px; display: inline-block; padding-left: 5px; letter-spacing: -0.8px;}

.popSerchBox{
	margin-left: 57px;
	margin-top: 52px;
}

/*************************************************************************************************/

.popContentsBox{
	position: relative;
	margin-top: 20px;
	margin-left: 57px;
	width: 522px;
	height: 407px;
	border-radius: 12px;
	border: 4px solid #A5C1E5;
}

.noticeContentsBox{
	height: 450px;
	margin-top: 53px;
}

.popContentsBoxheader{
	height: 30px;
	width: 522px;
	
	background-color: #D8E2F3;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	text-align: center;
	color: #58595B;
	font-size: 17px;
	line-height: 36px;
	border: 0;
}

.noticeContentsBoxheader{
	height: 100px;
	width: 522px;
	
	background-color: #D8E2F3;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #58595B;
	font-size: 17px;
	line-height: 166px;
	text-indent: 40px;
	border: 0;
}

.listScroll{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 377px;
}

.acaList{
	width: 522px;
	height: 30px;
	border-bottom: 1px solid #A7A9AC;
	color: #58595B;
	text-align: center;
	font-weight: 200;
	/*transition: font-weight .2s;*/
	cursor: pointer;
	line-height: 30px;
}

.acaList:hover{
	color: #5294CF;
	font-weight: 700;
}

.popWhakinBox{
	margin-left: 60px;
	width: 522px;
	text-align: center;
}

/*********************************************************************************************************************************/
/*가입완료  , 로그인*/
.completeClass{
	width: 100%;
	magin: 0 auto;
	text-align: center;
}

.gaipInputComplete{
	display: inline-block;
	width: 300px;
	height: 30px;
	border: 1px solid #5294CF;
	font-size: 16px;
	font-weight: 100;
	text-align: center;
	color: #58595B;
	margin-top: 13px;
}

.completeSpanClass{
	color: #58595B;
	font-size: 14px;
	letter-spacing: -1px;
	cursor: pointer;
	display: inline-block;
	line-height: 10px;
	height: 26px;
}

.completeSpanClass:hover{
	color: #5294CF;
	font-weight: 400;
}

.wrapBox{
	position: relative;
	height: 50px;
	margin: 0 auto;
	left: 2px;
	width: 303px;
	margin-top: 15px;
}

.gaipLastBox{
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.wrapBox > img{
	position: absolute;
	display: inline-block;
	margin-left: -7px;
	margin-top: -2px;
}

.gaipLastBox-se{
	position: relative;
	display: inline-block;
	letter-spacing: -1px;
	margin-left: 17px;
}

.completeSpan_1{
	font-size: 37px;
	color: #58595B;
	font-weight: 100;
	line-height: 53px;
	cursor: pointer;
}

.completeSpan_2{
	font-size: 10.5px;
	color: #58595B;
	font-weight: 200;
}

/*********************************************************************************************************************************/
/*로그인 페이지*/
.loginSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/login/loginBottm.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1000px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}


.loginHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/login/loginHeader2.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}

/*********************************************************************************************************************************/
/*아이디 패스워드 찾기*/
.idPop, .idSerchPop, .pwPop, .pwSerchPop, .pwSerchPop-SE{
	width: 1300px;
	height: 500px;
	background-color: #FFF;
	border-radius: 24px;
	z-index: 200000000;
}

.idPopFirstchild{
	height: 85px;
	text-align: right;
}

.idPopFirstchildImg{
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.popTitleBox{
	margin-left: 300px;
}

.popTitleBox span{
	color: #58595B;
	font-size: 18px;
}

.popTitleBox img{
	position: absolute;
	top: 94px;
	display: inline-block;
	margin-left: 10px;
}

.popTitleBox > span:first-child{
	display: inline-block;
	font-size: 33px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

.popDiv_1{
	float: left;
	display: inline-block;
	width: 120px;
	line-height: 34px;
}

.popDiv_2{
	display: inline-block;
	width: 470px;
	line-height: 34px;
}

.popDiv_3{
	float: left;
	display: inline-block;
	width: 605px;
	border-bottom: 1px solid #5294CF;
}

.popDiv_4{
	display: inline-block;
	width: 790px;
	border-bottom: 1px solid #5294CF;
}

.popInput{
	width: 250px;
	height: 30px;
	border: 1px solid #5294CF;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 100;
	color: #58595B;
}

.spanBtn{ color: #5294CF;transition: color .2s;cursor: pointer; line-height: 16.5px;}
.spanBtn:hover{	color: #2B3990;font-weight: 700; font-size: 16.5px; letter-spacing: -0.3px; line-height: 16.5px;}

.spanBtn2{ color: #5294CF; font-size: 16.5px; transition: color .2s;cursor: pointer; line-height: 16.5px;}
.spanBtn2:hover{ color: #2B3990; font-weight: 700; font-size: 16.5px; letter-spacing: -1.9px; line-height: 16.5px;}

.popBtnBox{
	margin-left: 425px;
}

.popBtnBox > input[type=button]:first-child{
	margin-right: 15px;
}

.fontSize_33{font-size: 33px;line-height: 20px;color: #58595B;}

.idSerchPopSpan{
	font-size: 18px;
	display: inline-block;
	margin-top: 33px;
}

.pwSerchPopSpan{
	font-size: 33px;
	display: inline-block;
	margin-bottom: 20px;
	color: #58595B;
}

/*********************************************************************************************************************************/
/*alerts 팝업*/
.alertsPop, .alertsPopSE{
	width: 444px;
	height: 294px;
	
	border: 28px solid #D1D3D4;
	border-radius: 24px;
	background-color: #FFFFFF;
}

.alertsPopFirstchild{
	height: 70px;
	text-align: right;
}

.alertsPopchildImg{
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.fontSize_25{font-size: 25px; font-weight:200; color: #58595B;}

/********************************************************************/
/*mypage*/
.mypageSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/gaipBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1306px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.mypageHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/login/mypageHeader2.png');
	background-repeat: no-repeat;
	background-position: 92% 70%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}

.mypageBackRect{
	width: 685px;
	height: 645px;
	padding-top: 27px;
	border-radius: 14px;
	background-color: #E6E7E8;
}

.underLine610{
	height: 13px;
	border-bottom: 1px solid #5294CF;
	margin-bottom: 23px;
}

/********************************************************************/
/*free-trial*/
.freeTrialHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/freeTrialHeader_2.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}


/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/*토글버튼*/
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 76px;
	height: 26px;
	border-radius: 45px;
	border: 7px solid #5294CF;
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 14.4px;
	font-weight: 700;
	line-height: 13px;
	text-transform: uppercase;
	background: #58595B;
	border-radius: inherit;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #58595B;
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #231F20;
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	width: 26px;
	height: 26px;
	background-color: #F9ED32;
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
/********************************************************************/
.switch-flat {
	padding: 0;
	background: #FFF;
	background-image: none;
}
.switch-flat .switch-label {
	background: #FFF;
	box-shadow: none;
}
.switch-flat .switch-label:after {
	color: #F15A29;
}
.switch-flat .switch-handle {
	top: 0;
	left: 0;
	background: #F9ED32;
	width: 26px;
	height: 26px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
.switch-flat .switch-input:checked ~ .switch-handle {
	left: 50px;
	background: #F9ED32;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.toggleBox{
	width: 685px;
}
.toggleDiv{
	float: left;
}
.toggleTxtDiv{
	margin-top: -40px;
	margin-left: 100px;
	width: 105px;
}
.toggleSpan_1{
	color: #5294CF;
	font-size: 20px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: -1.3px;
}
.toggleSpan_2{
	color: #58595B;
	font-size: 13px;
	line-height: 4px;
}

/*********************************************************************************************************************************/
/*무료체험 신청 페이지*/
.freeTrialSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/login/loginBottm.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1163px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.freeTrialBackRect{
	/*position: absolute;*/
	width: 685px;
	height: 335px;
	padding-top: 35px;
	border-radius: 14px;
	background-color: #E6E7E8;
}
/*********************************************************************************************************************************/
/*원격지원 페이지*/
.remoteSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/remoteBackImg.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1163px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.remotelHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/remoteHeader_2.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}

.remoteDivBox{
	width: 665px;
	height: 120px;
	border-radius: 38px;
	border: 10px solid #D8E2F3;
}

.remoteSpan_1{
	display: inline-block;
	font-size: 21px;
	font-weight: 100;
	color: #58595B;
	line-height: 15.5px;
	height: 37.5px;
	vertical-align: middle;
}

.remoteSpan_2{
	font-size: 37.5px;
	color: #58595B;
	letter-spacing: -2px;
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*게시판*/
.boardSection_1{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/boardBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1500px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.freeBoardSection{
	background-image: url('../assets/images/board/freeBoardBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.board_1_Header{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/boardHeaderIcon2.png');
	background-repeat: no-repeat;
	background-position: 87% 87%;
	width: 100%;
	height: 22%;
	max-height: 255px;
}

.freeBoardHeader{
	background-image: url('../assets/images/board/freeBoardHeaderIcon2.png');
	background-repeat: no-repeat;
	background-position: 87% 87%;
}

.boardArticle1{
	position: absolute;
	margin-left: 58px;
	width: 685px;
}

.boardBox_1{
	width: 685px;
	height: 30px;
	text-align: left;
	text-indent: 8px;
	line-height: 32px;
}

.boardInput_1{
	position: absolute;
	/*width: 620px;*/
	width: 89.7%;
	height: 24px;
	border-radius: 4px;
	border: none;
	margin-left: 15px;
	margin-top: 2px;
	color: #58595B;
	font-size: 15px;
	text-indent: 15px;
}

.boardTopBox{
	position: relative;
	top: -465px;
}

.boardSelect{
	position: relative;
	display: inline-block;
	/*top: -450px;*/
	width: 135px;
	height: 24px;
	border: 1px solid #5294CF;
	cursor: pointer;
	color: #58595B;
	background-image: url('../assets/images/iconBox/selectButton.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	text-indent: 8px;
}

.serchSelect{
	position: relative;
	display: inline-block;
	width: 100px;
	height: 24px;
	top:-501px;
	margin-bottom: 14px;
	background-color: #FFF;
	background-image: url('../assets/images/blueDownArrow.png');
	background-repeat: no-repeat;
	background-position: 101% 50%;
	cursor: pointer;
	border: 1px solid #5896D0;
}

.serchSelect_span{
	display: inline-block;
	width: 100px;
	text-align: left;
	color: #1D1D1B;
	font-size: 15.5px;
	line-height: 26px;
	/*margin-bottom: 5px;*/
}

.serchSelect > li{
	display: none;
	width: 140px;
	height: 25px;
	margin-left: -41px;
	line-height: 28px;
	list-style: none;
	color: #1D1D1B;
	text-align: center;
	border-left: 1px solid #5294CF;
	border-right: 1px solid #5294CF;
	border-bottom: 1px solid #5294CF;
	background-color: #FFF;
	cursor: pointer;
}

.serchSelect:hover > li{
	display: block;
}

.serchSelect > li:hover{
	background-color: #5294CF;
	color: #FFF;
	transition: background-color .2s;
}


/*******************************************************/

.boardSeBox{
	position: relative;
	display: inline-block;
	width: 372px;
	height: 24px;
	top: 4px;
	left: 12px;
}

.board3Box{
	position: relative;
	display: inline-block;
	width: 156px;
	height: 24px;
	top: 4px;
	left: 12px;
}

.board3Box img{
	padding-left: 20px;
	vertical-align: bottom;
}

.board4Box{
	visibility: hidden;
	position: relative;
	display: inline-block;
	width: 672px;
	height: 24px;
	top: 4px;
	left: 12px;
	text-align: right;
}

.board4Box img{
	padding-left: 20px;
	vertical-align: bottom;
}

/*******************************************************/

.boardTitleBox{
	width: 685px;
	height: 26px;
	background: #5294CF;
	border-radius: 5px;
}

.boardTitleInnerBox{
	display: inline-block;
	width: 60px;
	height: 14.8px;
	margin-top: 6px;
	border-right: 1px solid #FFF;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	line-height: 16px;
	vertical-align: middle;
}

.boardTitleInnerBox_0{ width: 40px; padding-right: 20px;}
.boardTitleInnerBox_1{ width: 430px; }
.boardTitleInnerBox_2{ width: 84px;}
.boardTitleInnerBox_22{ width: 84px; text-align: left; text-indent: 10px; overflow: hidden;}
.boardTitleInnerBox_3{ width: 88px; border: none; }
/*.boardTitleInnerBox_4{ width: 50px; border: none; }*/

.fontSize13{
	font-size: 13px;
}

.boardWrapper{
	height: 330px;
}

.qnaWrapper{
	width: 685px;
}

.boardContent, .qnaContent, .freeBoardContent{
	width: 685px;
	height: 32px;
	border-bottom: 1px solid #5294CF;
	text-align: center;
}

.boardContent span, .qnaContent span, .freeBoardContent span{
	display: inline-block;
	line-height: 30px;
	font-weight: 200;
	vertical-align: middle;
	color: #58595B;
	letter-spacing: -1px;
	cursor: pointer;
	text-overflow: clip;
	overflow: hidden;
}

.boardContent span:hover, .qnaContent span:hover, .freeBoardContent span:hover{
	color: #5294CF;
	font-weight: 700;
}

.boardPagingBox, .moviePagingBox, .freeBoardPagingBox{
	position: relative;
	text-align: center;
	height: 23.4px;
	margin: 0 auto;
}

.boardPagingTxt{
	display: inline-block;
	font-size: 20.7px;
	color: #939598;
	line-height: 23px;
	padding-left: 3px;
	vertical-align: bottom;
	width: 23.4px;
	font-family: Arial;
	font-weight: bold;
	letter-spacing: 3px;
	cursor: pointer;
	text-align: center;
}

.boardPagingNumBox, .moviePagingNumBox, .freeBoardPagingNumBox{
	position: relative;
	display: inline-block;
	width: 23.4px;
	height: 23.4px;
	margin-left: 8px;
	border-radius: 50%;
	background-color: #5294CF;
	color: #FFF;
	text-align: center;
	vertical-align: bottom;
	line-height: 23.4px;
	font-family: Arial;
	cursor: pointer;
	/*letter-spacing: -2px;*/
}

.boardPagingNumBoxSE, .moviePagingNumBoxSE, .freeBoardPagingNumBoxSE{
	width: 19.4px;
	height: 19.4px;
	border-radius: 50%;
	background-color: #FFF;
	color: #5294CF;
	border: 2px solid #5294CF;
	line-height: 19.4px;
	transition: background-color .2s;
}

/*******************************************************/

.boardSujungDiv{
	width: 672px;
	text-align: right;
	margin-bottom: 15px;
}

.titleBox{
	width: 685px;
	height: 100px;
	background-color: #D8E2F3;
}

.titleInnerBox{
	position: relative;
	width: 685px;
	height: 26px;
	background-color: #5294CF;
	color: #FFF;
	font-weight: 700;
	text-indent: 15px;
	border-radius: 6px;
}

.titleBottomBox{position: relative;width: 685px;top: 47px;	height: 32px;}
.t_1_inner{	display: inline-block;width: 683px;}
.t_2_inner{	display: inline-block;width: 71px; visibility: hidden;}
.t_1_span{	display: inline-block;width: 70px;text-align: center;color: #5294CF;font-weight: 700;}
.t_2_span{	display: inline-block;width: 395px;color: #58595B;}
.t_3_span{	display: inline-block;width: 50px;color: #5294CF;font-weight: 700;}
.t_4_span{	display: inline-block;width: 140px;color: #58595B;}
.t_5_span{	display: inline-block;font-weight: 700;color: #5294CF;}
.t_6_span{	display: inline-block;color: #58595B;}

#freeHtmlArea{
	width: 661px;
	padding: 12px;
}

.titleInnerBoxSE{
	width: 675px;
	background-color: #E6E7E8;
	border-radius: 0px;
	background-image: url('../assets/images/iconBox/writePen.png');
	background-repeat: no-repeat;
	background-position: 3% 100%;
	text-align: right;
	color: #58595B;
	padding-right: 10px;
	line-height: 26px;
}

.cumbuArea{
	width: 663px;
	height: 50px;
	padding: 10px;
	border: 1px solid #939598;
	resize: none;
}

.contentsBox{
	width: 685px;
	height: 130px;
	border-bottom: 1px solid #B6CBEA;
}

.contentsHeader{
	background-color: #D8E2F3;
	width: 685px;
	height: 30px;
	line-height: 30px;
}

.contentsBody{
	position:relative;
	width: 685px;
	height: 99px;
}

.contentsImg{
	position:absolute;
	display: inline-block;
	width: 53px;
	height: 99px;
	background-image: url('../assets/images/iconBox/contentsImg.png');
	background-repeat: no-repeat;
	background-position: 70% 20%;
}

.innerContents{
	position:relative;
	padding-left: 27px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	display: inline-block;
	width: 615px;
	height: 79px;
	color: #5294CF;
	font-size: 16px;
}

.innerSpan1{display: inline-block;width: 80px;color: #5294CF;font-weight: 700; text-align: center;}
.innerSpan2{display: inline-block;width: 360px;color: #58595B;}
.innerSpan3{display: inline-block;width: 60px;color: #5294CF;font-weight: 700;}
.innerSpan4{display: inline-block;color: #58595B;}

.innerSpan5{
	position:relative;
	display: inline-block;
	color: #58595B;
	cursor: pointer;
	top: -10px;
}

.innerSpan5:hover{
	color: #5294CF;
}

/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/*교재주문*/
.bookGuipSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/guip/bookGuipBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1448px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.bookGuipSectionSE{
	min-height: 1704px;
}

.bookGuipHeader{
	position: absolute;
	background-color: #D8E2F3;
	background-image: url('../assets/images/guip/bookGuipHeader_2.png');
	background-repeat: no-repeat;
	background-position: 92% 73%;
	width: 100%;
	height: 255px;
	/*max-height: 255px;*/
}

.voucherGuipHeader{
	background-image: url('../assets/images/guip/bookGuipHeader_3.png');
	background-position: 85% 73%;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/
/*매거진소개*/
.magazineHeader{
	background-image: url('../assets/images/magazine/magazineHeader.png');
	background-position: 85% 60%;
}

.mListDiv0{
	position: relative;
	width: 685px;
	height: 380px;
}

.mListDiv{
	position: relative;
	width: 685px;
	height: 76px;
	vertical-align: middle;
}

.mListDiv_1{
	position: relative;
	width: 500px;
	height: 76px;
	background-image: url('../assets/images/magazine/circleIcon.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
}

.mListDiv_span_1{
	display: inline-block;
	font-size: 21px;
	font-weight: 700;
	color: #5294CF;
	text-indent: 66px;
}

.mListDiv_span_2{
	display: inline-block;
	font-size: 15.5px;
	color: #58595B;
	line-height: 44px;
	text-indent: 66px;
}

.mListDiv_span_3, .mListDiv_span_4{
	display: inline-block;
	font-size: 15.5px;
	color: #58595B;
	line-height: 27px;
}

.mListDiv_span_4:first-letter{
	display: inline-block;
	font-size: 15.5px;
	color: #5294CF;
	font-weight: 700;
	line-height: 27px;
}

.mListDiv_span_3_bold{
	font-weight: 700;
	letter-spacing: -1px;
}

.mListDiv_span_4_bold{
	font-weight: 700;
	color: #231F20;
	letter-spacing: -1px;
}

.mListDiv_span_5_bold{
	font-weight: 500;
	color: #FF000;
}

.w180_h24_btn{
	width: 180px;
	height: 24px;
	background-color: #5294CF;
	color: #FFF;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	line-height: 12px;
	border: 0;
	transition: background-color .2s;
}

.w180_h24_btn:hover{
	background-color: #FFF;
	border: 1px solid #5294CF;
	color: #5294CF;
}

.headsetDiv{
	width: 685px;
	height: 135px;
	background-image: url('../assets/images/magazine/circleIcon.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.cameraDiv{
	background-image: url('../assets/images/magazine/circleIcon2.png');
}

.yellowBarDiv{
	height: 26px;
	background-image: url('../assets/images/magazine/yellowBar.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 26px;
	color: #5294CF;
	text-indent: 20px;
}

.yellowBarSpan{
	font-size: 15px;
}

.pointDiv{
	height: 38px;
	background-image: url('../assets/images/magazine/pointImg.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 20px;
	font-weight: 500;
	color: #5294CF;
	text-indent: 50px;
	line-height: 52px;
	letter-spacing: -1px;
}

.pointDiv2{
	background-image: url('../assets/images/magazine/pointImg2.png');
}

.pointDiv3{
	text-indent: 56px;
	background-image: url('../assets/images/magazine/pointImg3.png');
}

.pointDiv4{
	float: left;
	width: 45px;
	height: 38px;
	background-image: url('../assets/images/magazine/pointImg4.png');
	background-position: 0% 0%;
}

.movieDiv_1{
	width: 400px;
	height: 330px;
	background-color: #FFF;
	border: 4px solid #BCBEC0;
	border-radius: 12.921px;
	margin: 0 auto;
}

.iframe_1{
	margin-left: 13px;
	margin-top: 14px;
}

.iframe_1_bottomimg{
	display: block;
	margin: 0 auto;
}

.youtube_a{
	text-decoration: none;
	color: #5294CF;
	font-size: 15.5px;
	font-weight: 700;
}

.guipGuideBox_1{
	width: 685px;
	height: 350px;
	background-color: #5896D0;
	background-image: url('../assets/images/guip/guipguide_1.png');
	background-repeat: no-repeat;
	background-position: 50% 35%;
	text-align:center;
	border-radius: 20px;
}

.guipYellowBtn{
	display: inline-block;
	width: 168px;
	height: 20px;
	text-align: center;
	color: #FFF;
	background-color: rgba(0,0,0,0);
	border-radius: 13px;
	border: 2px solid #D6CA64;
	cursor: pointer;
	line-height: 22px;
}

.guipYellowBtn:hover{
	width: 170px;
	height: 24px;
	background-color: #D6CA64;
	transition: background-color .2s;
	border: none;
	line-height: 26px;
}

.guipCountNumber{
	/*float: right;*/
	position: absolute;
	left: 532px;
	display: inline-block;
	width: 150px;
	text-align: right;
	height: 20px;
	margin-top: -22px;
	padding-right: 10px;
}

.guipCountNumberSpan{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 24px;
	color: #5896D0;
	text-align: center;
	margin-left: 12px;
	clear: both;
}

.guipCountNumberSpanSE{
	background-color: #5896D0;
	color: #FFF;
}

.guipGuideBox_2{
	width: 675px;
	height: 340px;
	background-color: #FFF;
	border: 5px solid #D0D0D0;
	background-image: url('../assets/images/guip/yellowLine.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align:center;
	border-radius: 20px;
}

.guipBookImgDiv{
	display: inline-block;
	width: 83px;
	height: 83px;
	border-radius: 50%;
	background-color: #5896D0;
	margin-right: 15px;
	background-image: url('../assets/images/guip/onlinePCImg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.guipLeftLine{
	position: absolute;
	top: 104px;
	width: 5px;
	height: 83.374px;
}

.guipGuideBox_2P{
	position: relative;
	color: #1D1D1B;
	font-size: 18px;
	font-weight: 500;
}

/***********************************************************/

.guip_1_ul{
	position: absolute;
	display: inline-block;
	width: 540px;
	height: 26px;
	margin-top: -380px;
	margin-left: 53px;
	background-color: #5896D0;
	background-image: url('../assets/images/guip/line3.png'), url('../assets/images/guip/guipUnderArrow.png');
	background-repeat: no-repeat;
	background-position: 2% 50%, 98% 50%;
	cursor: pointer;
}

.guip_1_ul:hover{
	background-color: #1B6AB3;
	transition: background-color .2s;
}

.guip_1_ul:hover > li{
	display: block;
}

.guip_1_span{
	display: inline-block;
	width: 490px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
}

.guip_1_ul > li{
	display: none;
	width: 580px;
	height: 25px;
	text-align: left;
	line-height: 28px;
	list-style: none;
	background-color: #E3E3E3;
	border-bottom: 1px solid #B2B2B2;
	color: #1D1D1B;
	margin-left: -40px;
	text-indent: 65px;
	cursor: pointer;
}

/*.guip_1_ul > li:nth-child(11), .guip_1_ul > li:nth-child(17){
	border-bottom: 2px solid #5896D0;
}*/

.guip_1_ul > li:hover{
	background-color: #FFF;
	background-image: url('../assets/images/guip/guipBlueLine.png');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	transition: background-color .2s;
}

/********************************************************/

.guipGuideBox_3{
	width: 675px;
	height: 340px;
	margin-left: 52px;
	margin-top: -590px;
}

.guipGuideBox_3_innerDiv{
	display: inline-block;
}

.guip_2_ul{
	position: relative;
	display: inline-block;
	width: 168px;
	height: 26px;
	margin-top: 0;
	background-color: #FFF;
	background-image: url('../assets/images/guip/serchImg.png'), url('../assets/images/guip/blueDownArrow.png');
	background-repeat: no-repeat;
	background-position: 0% 50%, 95% 50%;
	cursor: pointer;
	border: 1px solid #5896D0;
}

.guip_2_span{
	display: inline-block;
	width: 150px;
	text-align: center;
	color: #1D1D1B;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px;
}

.guip_2_ul > li{
	display: none;
	width: 170px;
	height: 25px;
	text-align: left;
	line-height: 28px;
	list-style: none;
	background-color: #E3E3E3;
	border-bottom: 1px solid #B2B2B2;
	color: #1D1D1B;
	/*margin-left: -41px;*/
	text-align: center;
	cursor: pointer;
}

.guip_2_ul:hover > li{
	display: block;
}

.guip_2_ul > li:hover{
	background-color: #FFF;
	background-image: url('../assets/images/guip/guipBlueLine.png');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	transition: background-color .2s;
}

/*************************************************/
.guipCountBox{
	position: absolute;
	display: inline-block;
	width: 200px;
	height: 26px;
	background-color: #FFF;
	background-image: url('../assets/images/guip/dot3.png');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	cursor: pointer;
	border: 1px solid #5896D0;
	margin-top: -340px;
	margin-left: 293px;
}

.guipCountBoxSpan{
	position: relative;
	display: inline-block;
	width: 130px;
	height: 24px;
	border: 0;
	line-height: 24px;
	position: relative;
	display: inline-block;
	margin-left: 40px;
	text-align: center;
}

.guipUpDiv{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 13px;
	background-image: url('../assets/images/guip/blueUpArrow.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	top: -2px;
	left: 5px;
}

.guipUpDiv:hover{
	background-image: url('../assets/images/guip/blueUpOverArrow.png');
	transition: background-image .2s;
}

.guipDownDiv{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 13px;
	background-image: url('../assets/images/guip/blueDownArrow.png');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	margin-left: -13px;
	top: 7px;
}

.guipDownDiv:hover{
	background-image: url('../assets/images/guip/blueDownOverArrow.png');
	transition: background-image .2s;
}

.guipBookButton{
	position: absolute;
	display: inline-block;
	width: 108px;
	height: 26px;
	background-color: #FFF;
	background-image: url('../assets/images/guip/blueCheckImg.png');
	background-repeat: no-repeat;
	background-position: 30% 50%;
	border: 1px solid #5896D0;
	color: #1D1D1B;
	text-indent: 50px;
	line-height: 28px;
	margin-top: -340px;
	margin-left: 523px;
	cursor: pointer;
}

.guipBookButton:hover{
	color: #FFF;
	background-color: #5896D0;
	background-image: url('../assets/images/guip/whiteCheckImg.png');
	transition: background-color .2s;
}

/*************************************************/

.guipGuideBox_4{
	width: 675px;
	height: 490px;
	background-color: #FFF;
	border: 5px solid #D0D0D0;
	background-image: url('../assets/images/guip/yellowLine.png');
	background-position: 50% 2%;
	background-repeat: no-repeat;
	text-align: center;
	border-radius: 20px;
	margin-top: 20px;
}

.height340{	height: 340px;}

.guipGuideBox_4_P{
	position: relative;
	color: #1D1D1B;
	font-size: 18x;
	font-weight: bold;
	letter-spacing: -0.5px;
	top: 27px;
}

.w130_h22_btn{
	display: inline-block;
	width: 130px;
	height: 22px;
	background-color: #5294CF;
	color: #FFF;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	line-height: 20px;
	border: 0;
	transition: background-color .2s;
}

.w130_h22_btn:hover{
	width: 126px;
	height: 18px;
	color: #5294CF;
	line-height: 16px;
	border: 2px solid #5294CF;
	background-color: #FFF;
}

.w130_h22_SEbtn{
	display: inline-block;
	width: 130px;
	height: 22px;
	background-color: #5294CF;
	color: #FFF;
	font-size: 15.5px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	line-height: 18px;
	border: 0;
	transition: background-color .2s;
}

.w130_h22_SEbtn:hover{
	width: 130px;
	height: 22px;
	color: #5294CF;
	line-height: 16px;
	border: 2px solid #5294CF;
	background-color: #FFF;
}

.guipListBox{
	position: relative;
	width: 624px;
	height: 336px;
	border: 2px solid #5896D0;
	margin: 0 auto;
	margin-top: 46px;
	overflow-x: hidden;
	overflow-y: auto;
}

.guipListBox_inner{
	width: 100%;
	height: 32.6px;
	color: #575756;
	line-height: 33px;
	border-bottom: 1px solid #5896D0;
}

.guipListBox_inner1{
	display: inline-block;
	text-align: right;
	width: 53px;
	height: 32.6px;
	padding-right: 15px;
	border-right: 1px solid #5896D0;
}

.guipListBox_inner2{
	display: inline-block;
	text-align: left;
	text-indent: 20px;
	width: 450px;
	height: 32.6px;
	border-right: 1px solid #5896D0;
}

.guipListBox_inner3{
	display: inline-block;
	width: 75px;
	height: 32.6px;
}

/******************************************************************/

.guipGuideBox_5{
	width: 675px;
	height: 795px;
	background-color: #FFF;
	border: 5px solid #D0D0D0;
	text-align:center;
	border-radius: 20px;
}

.blueBox_1{
	width: 625px;
	height: 45px;
	background-color: #5896D0;
	color: #FFF;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-align: center;
	margin: 0 auto;
	line-height: 45px;
	margin-top: 25px;
}

.blueBox_2{
	width: 625px;
	height: 73px;
	background-color: #DBEFF9;
	color: #575756;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	line-height: 73px;
}

.guipLeftLine2{
	position: absolute;
	top: 104px;
	width: 5px;
	height: 48.439px;
}

.academyNameSpan{
	color: #5896D0;
	font-size: 23px;
	
}

.adminNameSpan{
	color: #575756;
	font-size: 20px;
	line-height: 28px;
}

.jumunTitleBox{
	position: relative;
	width: 685px;
	height: 50px;
	margin-left: -5px;
	background-color: #5896D0;
	color: #FFF;
	line-height: 70px;
	text-align: center;
}

.width55{ width: 55px;}
.width75{ width: 75px;}
.width130{ width: 130px;}
.width410{ width: 400px;}
.border1px{border: 1px solid #F00;}


.jumunContentsBox{
	width: 685px;
	height: 536px;
	overflow-y: auto;
	overflow-x: hidden;
}

.height32{
	height: 32.5px;
	 border-bottom: 1px solid #5896D0;
	 border-right: 1px solid #5896D0;
}

.jumunContentsBox_div_0{
	position: relative;
	display:block;
	width: 679px;
	height: 32.5px;
	margin-left: -5px;
	border-left: 3px solid #5896D0;
	border-right: 3px solid #5896D0;
	border-bottom: 1px solid #5896D0;
	line-height: 35px;
	background-color: #FFF;
}

.jumunContentsBox_div_1{
	float: left;
	position: relative;
	display: inline-block;
	width: 33px;
	height: 32.5px;
	text-align: right;
	padding-right: 20px;
	border-right: 1px solid #5896D0;
}

.jumunContentsBox_div_2{
	float: left;
	position: relative;
	display: inline-block;
	width: 415px;
	height: 32.5px;
	text-align: left;
	text-indent: 15px;
	border-right: 1px solid #5896D0;
}

.jumunContentsBox_div_3{
	float: left;
	position: relative;
	display: inline-block;
	width: 51px;
	height: 32.5px;
	text-align: right;
	padding-right: 22px;
	border-right: 1px solid #5896D0;
}

.jumunContentsBox_div_4{
	float: left;
	position: relative;
	display: inline-block;
	width: 110px;
	height: 32.5px;
	text-align: right;
	padding-right: 20px;
}

.jumunResultBox{
	position: relative;
	width: 679px;
	height: 33px;
	margin-left: -5px;
	border-left: 3px solid #5896D0;
	border-right: 3px solid #5896D0;
	border-top: 2px solid #5896D0;
	border-bottom: 3px solid #5896D0;
	background-color: #DBEFF9;
	line-height: 33px;
}

.leftLine{
	position: absolute;
	width: 3px;
	height: 577px;
	background-color: #5896D0;
	top: 200px;
}

/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/*교재주문*/
.voucherGuipSection{
	background-color: #FFFFFF;
	
	background-image: url('../assets/images/guip/bookGuipBottom.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: inherit;
	background-size:contain;
	
	left: 25%;
	width: 57.142857%;
	height: 100%;
	min-height: 1704px;
	min-width: 800px;
	display: inline-block;
	position: absolute;
}

.voucherGuipSection1540{
	min-height: 1540px;
}

/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*라디오버튼*/
.radioDiv2 input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.radioDiv2 input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-left: 48px;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radioDiv2 input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /*top: -4px;*/
  top: 2px;
  width: 29px;
  height: 29px;
  text-align: center;
  background-color: #FFF;
  border: 4px solid #B4C8E9;
  border-radius: 100%;
  /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
}
.radioDiv2 input[type="radio"]:checked + label:before {
  background: #FFF;
  border-color: #5294CF;
  background-color: #5294CF;
}
.radioDiv2 input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  /*top: 1px;*/
  top: 2px;
  left: 0px;
  width: 35px;
  height: 35px;
  background-color #5294CF;
  border-radius: 100%;
  border: 0px;
  transition: background-color .2s;
  /*box-shadow: inset 0px 0px 10px rgba(82,148,207,1.0);*/
}

/************************************************************************************************/

.ticketSelectBox{
	width: 616px;
	border: 2px solid #5896D0;
	background-color: #fff;
	border-radius: 5px;
	margin: 0 auto;
}

.ticketInnerSpan{
	display: inline-block;
	font-size: 18px;
	color: #1D1D1B;
	font-weight: 700;
}

.ticketInner{
	width: 620px;
	padding-top: 33px;
	margin-left: -2px;
	height: 27px;
	background-color: #5896D0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFF;
}

.ticketSpan{
	float: left;
	display: inline-block;
	text-align: center;
	width: 205px;
}

.ticketSpan_width205{	width: 220px;}
.ticketSpan_width176{	width: 161px;}
.ticketSpan_width152{	width: 152px;}
.ticketSpan_width80{	width: 84px;}

.ticketInnerDiv0{
	margin-top: -20px;
}

.ticketInnerDiv{
	width: 616px;
	height: 45px;
	border-bottom: 1px solid #5896D0;
	line-height: 48px;
}

.ticketInnerDiv:last-child{
	border: 0;
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*체크박스*/
.checkRadio {position: relative;}

.checkRadio input[type="radio"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0;
}
.checkRadio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkRadio input[type="radio"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 17px;  /* 체크박스의 너비를 지정 */
  height: 17px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -4.5px 5px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #FFF;
  border: 2px solid #A5C1E5;
  border-radius : 4px;
  color: #58595B;
  /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
}

.checkRadio input[type="radio"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #5294CF;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
  text-indent: -1px;
  line-height: 10px;
  transition: color .2s;
  /*letter-spacing: 3px;
  background: #e9ecee;
  border-color: #5294CF;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
}

/*********************************************************************************************************************************/

.ticketInnerDiv_1{
	float: left;
	display: inline-block;
	width: 218px;
	height: 45px;
	line-height: 47px;
	text-align: left;
	border-right: 1px solid #5896D0;
	text-indent: 3px;
}

.ticketInnerDiv_2{
	display: inline-block;
	width: 155px;
	height: 45px;
	line-height: 47px;
	text-align: center;
	border-right: 1px solid #5896D0;
}

.ticketInnerDiv_3{
	display: inline-block;
	width: 77px;
	height: 45px;
	line-height: 47px;
	text-align: center;
	border-right: 1px solid #5896D0;
}

.ticketInnerDiv_4{
	display: inline-block;
	width: 150px;
	height: 45px;
	line-height: 47px;
	text-align: center;
}

/************************************************************************************************/

.ticketBoxSE{
	width: 675px;
	/*height: 390px;*/
	border: 5px solid #D0D0D0;
	background-color: #fff;
	text-align: center;
	border-radius: 20px;
	background-image: url('../assets/images/guip/yellowLine.png');
	background-position: 50% 2%;
	background-repeat: no-repeat;
}

.ticketBoxSE_innerDiv{
	width: 616px;
	border: 2px solid #5896D0;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 64.5px;
}

.ticketBoxSE_innerDivSE{
	width: 616px;
	/*height: 196px;*/
	border: 2px solid #5896D0;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 40px;
}

.innerLeft{
	float: left;
	position: relative;
	display: inline-block;
	width: 240px;
	/*height: 200px;*/
	margin-left: -2px;
	margin-top: -3px;
	background-color: #5896D0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #FFF;
	background-image: url('../assets/images/guip/yellowLine.png');
	background-position: 0% 10%;
	background-repeat: no-repeat;
}

.innerLeftSE{
	background-image: none;
}

.innerLeftDiv{
	position: relative;
	width: 100%;
	height: 50px;
	display: inline-block;
	line-height: 56px;
	text-align: left;
	text-indent: 100px;
}

.innerRight{
	position: relative;
	display: inline-block;
	width: 374px;
	/*height: 196px;*/
	margin-top: -5px;
}

.innerRightDiv{
	display: inline-block;
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #5896D0;
	line-height: 56px;
	font-size: 16px;
	color: #575756;
	text-align: left;
	text-indent: 30px;
}

.innerRight > div:last-child{
	border: 0px;
}

.innerP{
	position: relative;
	text-align: left;
	color: #575756;
	font-size: 16px;
	top: -4px;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/
/*매뉴얼 영상*/
.manualSection{
	background-image: url('../assets/images/manual/manual_bottom.png');
	background-position: 100% 100%;
}

.manualHeader{
	background-image: url('../assets/images/manual/manualHeader_2.png');
	background-position: 85% 70%;
}

.maualTitle{
	height: 36.235px;
	background-image: url('../assets/images/manual/yellowPoint.png');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	letter-spacing: -1px;
	color: #231F20;
	font-size: 18px;
	text-indent: 20px;
	line-height: 56px;
}

.manualMovieBox{
	width: 685px;
	height: 300px;
	background-color: #5294CF;
	border-radius: 20px;
}

.manualMovieBox > video{
	margin-left: 162.5px;
	margin-top: 30px;
}

.manualViewBox_1{
	position: relative;
	width: 685px;
	height: 215px;
	background-color: #DCDDDE;
	border-radius: 20px;
}

.manualViewBox_2{height: 585px;}
.manualViewBox_3{height: 270px;}

.mPointDiv{
	position: relative;
	width: 624px;
	height: 22px;
	background-image: url('../assets/images/manual/bluePoint.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 15px;
	font-weight: 500;
	color: #5294CF;
	text-indent: 40px;
	line-height: 32px;
	letter-spacing: -1px;
	margin: 0 auto;
}

.manualButton{
	float: left;
	position: relative;
	display: inline-block;
	width: 300px;
	height: 32px;
	color: #FFF;
	border-radius: 8px;
	text-align: left;
	text-indent: 20px;
	line-height:30px;
	border: 0px;
	background-color: #5294CF;
	background-image: url('../assets/images/manual/manualBtnUp.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
}

.manualButton:hover{
	/*width: 300px;
	height: 32px;*/
	background-image: url('../assets/images/manual/manualBtnOver.png');
	background-color: #FFF;
	border: 1px solid #5294CF;
	color: #58595B;
	transition: border .2s;
	transition: color .2s;
	transition: background-image .2s;
	transition: background-color .2s;
}

.height30{height: 30px;}

/************************************************************/
/*학생동영상*/
#movieWrap{
	position: relative;
	height: 1350px;
}

.stud_div{
	position: relative;
	width: 685px;
	height: 256px;
}

.stud_inner_1{
	position: relative;
	display: inline-block;
	width: 334px;
	height: 256px;
	background-image: url('../assets/images/stud_back.png');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

.stud_inner_1 > img{
	width: 276px;
	height: 196px;
	margin-left: 29px;
	margin-top: 17px;
	cursor: pointer;
}

.stud_inner_2{
	position: relative;
	float: right;
	display: inline-block;
	width: 317px;
	margin-left: 30px;
	margin-top: 100px;
}

.in2_1{
	position: relative;
	height: 53px;
	border-bottom: 1px solid #5896D0;
	background-image: url('../assets/images/manImg.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	color: #5294CF;
	font-weight: 700;
	font-size: 20px;
	text-indent: 55px;
	line-height: 58px;
}

.stud_inner_2 > span{
	display: inline-block;
	font-size: 15.5px;
	color: #58595B;
	line-height: 24px;
}

.r_ArrowClass, .free_R_ArrowClass, .r_ArrowClassSE{
	position: relative;
	display: inline-block;
	top: 2px;
	width: 23.4px;
	height: 23.4px;
	background-image: url('../assets/images/r_up_arrow.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	cursor: pointer;
}

.r_ArrowClass:hover, .free_R_ArrowClass:hover, .r_ArrowClassSE:hover{
	background-image: url('../assets/images/r_over_arrow.png');
	transition: background-image .2s;
}

.l_ArrowClass, .free_L_ArrowClass, .l_ArrowClassSE{
	position: relative;
	display: inline-block;
	top: -0.5px;
	left: 10px;
	width: 23.4px;
	height: 23.4px;
	background-image: url('../assets/images/l_up_arrow.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	cursor: pointer;
}

.l_ArrowClass:hover, .free_L_ArrowClass:hover, .l_ArrowClassSE:hover{
	background-image: url('../assets/images/l_over_arrow.png');
	transition: background-image .2s;
}

/******************************************************/
/*상담예약*/
.consultingDiv{
	width: 675px;
	height: 320px;
	background-color: #FFF;
	border: 10px solid #D8E2F3;
	border-radius: 40px;
	color: #58595B;
	font-size: 14px;
}

.underDiv{
	width: 100%;
	height: 5px;
	background-color: #D8E2F3;
}

.consultingDiv_1{
	float: left;
	display: inline-block;
	width: 300px;
	line-height: 28px;
	font-size: 14px;
	color: #58595B;
}

.consultingDiv_2{
	display: inline-block;
	width: 330px;
	line-height: 28px;
	font-size: 14px;
	color: #58595B;
}

.consulting_ul{
	position: relative;
	display: inline-block;
	width: 303px;
	height: 24px;
	margin-top: 0;
	background-color: #FFF;
	background-image: url('../assets/images/consultinArrow.png'), url('../assets/images/guip/blueDownArrow.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
	cursor: pointer;
	border: 1px solid #5896D0;
}

.consulting_ul_span{
	display: inline-block;
	width: 300px;
	color: #58595B;
	line-height: 28px;
}

.consulting_ul > li{
	display: none;
	width: 343px;
	height: 25px;
	line-height: 28px;
	list-style: none;
	background-color: #FFF;
	color: #58595B;
	margin-left: -41px;
	cursor: pointer;
	text-indent: 41px;
	border-left: 1px solid #5896D0;
	border-right: 1px solid #5896D0;
}

.consulting_ul > li:last-child{
	border-bottom: 1px solid #5896D0;
}

.consulting_ul:hover > li{
	display: block;
}

.consulting_ul > li:hover{
	background-color: #5294CF;
	color: #FFF;
	transition: background-color .2s;
}

/******************************************************/
/*자료실*/
.freeTextArea{
	width: 643px;
	height: 300px;
	border: 1px solid #939598;
	padding: 20px;
}

.feeViewTxtArea{
	idth: 643px;
	height: 300px;
	padding: 20px;
}

.fileBackDiv{
	width: 685px;
	height: 60px;
	background-color: #E6E7E8;
}

.file_input_textbox{
	float: left;
	color: #575756;
	width: 150px;
	margin-top: 18px;
	margin-left: 41px;
	text-indent: 10px;
}
 
.file_input_div{
	position: relative;
	width: 100px;
	height: 43px;
	overflow: hidden;
	margin-top: 20px;
	
}
 
.file_input_button{
	width: 100px;
	position: absolute;
	top: 20px;
	background-color: rgba(0,0,0,0);
	color: #575756;
	text-decoration: underline;
	border: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
 
.file_input_hidden{
	font-size: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.downloadDiv{
	width: 685px;
	height: 55px;
	text-align: center;
}

.downloadDiv > img{
	text-align: center;
}

.download_btn{
	width: 220px;
	height: 24px;
	background-color: #FFF;
	border: 1px solid #5294CF;
	color: #5294CF;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 12px;
	line-height: 12px;
	transition: background-color .2s;
}

.download_btn:hover{
	background-color: #5294CF;
	color: #FFF;
	border: none;
}

.uploadSpan{
	position: relative;
	display: inline-block;
	left: 330px;
	top: -22px;
	font-size: 12px;
}

/*********************************************************/
/*********************************************************/
/*********************************************************/

.fixAlertClass{
	display: inline-block;
	width: 600px;
}

.fixAlertClass > div{
	position:relative;
	display: inline-block;
	float: left;
}

.fixAlert{
	position:relative;
	width: 260px;
	height: 286px;
	border: 1px solid #6D6E71;
	background-color: #CDCCCC;
	
	/* background-image: url('../assets/images/vocaDownImg.png'); */
	background-image: url('../assets/images/chromePop.png');	
	background-repeat: no-repeat;
	background-position: 0% 0%;
	
	cursor: pointer;
}

.fixAlert_back2{
	background-image: url('../assets/images/beforeEpharosImg.png');
	/* background-image: url('../assets/images/server.png'); */
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.fixAlertBottom{
	position:relative;
	top: -30px;
	width: 260px;
	height: 29px;
	line-height: 29px;
}

.fixSpan_1{
	display: inline-block;
	width: 125px;
	height: 29px;
	line-height: 29px;
	color: #1D1D1B;
	font-size: 12px;
	cursor: pointer;
	text-indent: 12px;
}

.fixSpan_2{
	display: inline-block;
	width: 122px;
	height: 29px;
	line-height: 29px;
	color: #1D1D1B;
	font-size: 12px;
	text-align: right;
	padding-right: 8px;
	cursor: pointer;
}



/*********************************************************/
/*********************************************************/
/*********************************************************/

.fixAlertClass2{
	display: inline-block;
	width: 430px;
}

.fixAlert2{
	position:relative;
	width: 430px;
	height: 530px;
	border: 1px solid #58595B;
	
	
	background-color: #BCBEC0;
	background-image: url('../assets/apps.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	
	cursor: pointer;
}

.fixAlert2 img{
	position: relative;
	float: left;
	width: 180px;
	top: 150px;
	left: 37px;
}

.fixAlert2 img:nth-child(2){
	margin-left: 18px;
}

.fixAlertBottom2{
	position:relative;
	top: -30px;
	width: 430px;
	height: 29px;
	line-height: 29px;
}


.fixSpan_3{
	display: inline-block;
	width: 292px;
	height: 29px;
	line-height: 29px;
	color: #1D1D1B;
	font-size: 12px;
	text-align: right;
	padding-right: 8px;
	cursor: pointer;
}

/*********************************************************/
/*********************************************************/
/*********************************************************/

.fixAlertClass3{
	display: inline-block;
	width: 430px;
}

.fixAlert3{
	position:relative;
	width: 430px;
	height: 590px;
	border: 1px solid #58595B;
	
	background-color: #82A2D4;
	background-image: url('../assets/images/chromePop.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	text-align: center;
}

.fixAlert3Btn{
	position: relative;
	width: 75%;
	height: 28px;
	background-color: #5A5A5B;
	border-radius: 8px;
	margin: 0 auto;
	top: 436px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
}

/*********************************************************/
/*********************************************************/
/*********************************************************/

.minH1000{min-height: 1000px;}
.minH1100{min-height: 1100px;}
.minH1163{min-height: 1163px;}
.minH1244{min-height: 1244px;}
.minH1306{min-height: 1306px;}
.minH1448{min-height: 1448px;}
.minH1500{min-height: 1500px;}
.minH1540{min-height: 1540px;}
.minH1565{min-height: 1565px;}
.minH1704{min-height: 1704px;}
.minH1965{min-height: 1965px;}
.minH2200{min-height: 2200px;}
.minH2565{min-height: 2565px;}
.minH3034{min-height: 3034px;}
.minH4500{min-height: 4500px;}
.minH5600{min-height: 5600px;}
.height8000{min-height: 8000px;}
.height8350{min-height: 8350px;}
.height1000{min-height: 1000px;}
.height9800{min-height: 9800px;}

.imgNone{display: none;}