/*----메인----*/
.layout_language {
	position:absolute;right:23px;top:50px;z-index:1000;display:none
}
.layout_language li {
	background:#ffffff
}


.br_pc { display:block }
.br_tablet { display:none }
.br_mobile { display:none }
.response_mobile { display:none !important}
.response_nomobile { display:block !important }



.smssend {position:fixed; width:103px; right:20px; top:120px;  margin-top:0; z-index:10000;}
.smssend ul li{padding:0px 0}


#inquire_warp {position:fixed; width:100%; height:100px;  bottom:0px;z-index:100; }
.inquire{width:100%; color:#fff}
.inquire_left{position:absolute; width:50%; height:100px;  right:50%; padding-right:20px; padding-top:2px; text-align:right; background:#c38a81;  }
.inquire_right{position:absolute; width:50%; height:100px; left:50%;  padding-left:20px;padding-top:2px; background:#5e122c; }
.inquire_up{position:absolute; top:0px; right:5%;  z-index:2}
.inquire_down{position:absolute; top:-50px; right:5%;  z-index:2}

/*--------- head ---------*/
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

/* 상단 레이아웃 */    
#m_hd {height: 70px;display: none;border-bottom: 1px solid #dedede;background:#fff}
#m_hd:after {display:block;visibility:hidden;clear:both;content:""}
#m_hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_hd_wrapper{background: #fff;}
#m_logo {position: absolute; width:130px; margin:0 auto; text-align:center;top:8px; left:0px; right:0px}
#m_gnb_open {position:absolute; top:20px; left:20px;height:2.6em;border:0;width:20px; background:#fff;}
#m_call {position:absolute; top:24px; right:20px;height:2.6em;border:0;width:20px; background:#fff;}
#m_call img {width:100%}
#m_write {position:absolute; top:24px; right:55px;height:2.6em;border:0;width:24px; background:#fff;}
#m_write img {width:100%}
#m_gnb {display:none;background:#282828}
#m_gnb a {display:block;color:#efefef}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}
.select {position: relative;display: block; margin: 0 auto; width: 88%; color: #cccccc; vertical-align: middle; text-align: left;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder02 {position: relative; display: block; z-index: 1; padding: 1.4em; cursor: pointer;}
.select .submenu02:after, .select .submenu05:after {position: absolute;right: 1em; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.select.is-open .placeholder:after { content: '\f077';}
.select.select--white .placeholder02 {color: #5a5a5a;}
#slide_menu{position:fixed;top:0;width:85%;height:100%;background:#fafafa;}
#slide_menu .logo_wrap{width:100%;height:80px;background:#fff;}
#slide_menu .m_list{width:100%;margin:0 auto;; padding:0;list-style:none;}
#slide_menu .m_list li{width:50%;float:left;height:100px;color:#fff;text-align:center;font-size:1.1em;background:#1d9cdf;font-weight:bold;letter-spacing:-1px;}
#slide_menu .m_list li a{text-decoration: none;}
#m_close{width:20px;float:right;margin-right:20px;margin-top:25px;}
.submenu_wrap { left:-1020px;z-index:10000; }
a:hover, a:focus, a:active { text-decoration:none; }
#m_logo2{width:140px;float:left;font-size:1.5em;font-weight:bold;padding:15px 0px 10px 10px }

#mobile_sns{width:100%; height:400px;  border-bottom:1px solid #e9e9e9; background:#fff; padding-top:0px} 
#mobile_sns ul li{width:50%;  border-top:1px solid #e9e9e9; height:60px; padding-top:18px; padding-left:30px; float:left}
#mobile_sns li img {width:20%}


#mobile_login{clear:both; width:100%; height:60px; background:#fff}
#mobile_login ul li {width:40%; height:40px; margin:0 auto; border-radius:50px; font-size:14px; padding-top:12px; background:#eee; float:left; text-align:center; margin:0 10px}
#mobile_login ul li:first-child{background:#41dbcf; color:#fff}
#mobile_login ul li:first-child a {color:#fff}

.select .placeholder {
	clear:both;
    position: relative;
    display: block;

	height:60px;
    z-index: 1;
    padding: 1.4em;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}


.select.select--white .placeholder {
    font-weight: bold;
    font-size: 15px;
    color: #212121;
    position: relative;
    display: block;
    z-index: 1;
    padding: 20px 10px;
    cursor: pointer;
}

.select ul li {
    text-align: left;
    padding: 1em 1.8em;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    padding-left: 28px;

}

.select ul li:hover {
  background: #41dbcf;
  color:#fff;
}
/*--------- 모바일 head end ---------*/


.top_menus_container {
	width: 100%;
	display: flex;
	justify-content: center;
	height: 110px;
    padding-top: 10px;
}



#top_warp{width:100%; margin:0 auto; padding-top:10px}
.top_container { width:1600px; height:110px; padding-top:40px; }

.logo{margin-left:50px; margin-right:50px; float:left}
.menu{float:left;width:800px}
.top_right_menu{width:200px; float:right}
.top_right_menu ul li{ font-size:13px; padding:0 20px;  margin-top:22px; float:left}

.top_right_menu_m{display:none}

/*--------- head ---------*/
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";




@media(max-width:1400px) {
	.menu{width:560px}
	.gnb_1da {padding:0 20px;}
	.logo{margin-left: 30px;margin-right: 20px; }
}

@media(max-width:1000px) {
	.top_menus_container { display:none;}
	#m_hd { display:block; }
	#mainTopContainer .mainDivs {height: 500px;margin-top: -50px}
}


body {
	
}

/***main***/
#mainTopContainer {
	width:100%;
	overflow:hidden;
}
#mainTopContainer .mainDivs{
	position:relative;height:1000px;
}
#mainTopContainer .mainDivs .shape:nth-child(1) {
	position:absolute;/*top:350px;*/
}
#mainTopContainer .mainDivs .shape img {
	width:100%;
}
#mainTopContainer.onScreen .mainDivs .shape:nth-child(1) {
	animation: mainTopShapeAnimation1 2s ease forwards;
}
@keyframes mainTopShapeAnimation1 {
	0% {
		left: -300px;
		top: 50px;
	}
	to {
		left: 0px;
		top: 350px;
	}
}

#mainTopContainer .mainDivs .shape:nth-child(2) {
	position:absolute;top:100px;right:90px;opacity:0;
}
#mainTopContainer.onScreen .mainDivs .shape:nth-child(2) {
	animation: mainTopShapeAnimation2 1.3s ease forwards 0.5s;
}
@keyframes mainTopShapeAnimation2 {
	0% {
		right: -300px;
		opacity:0;
		top:1000px;
	}
	to {
		right: 90px;
		opacity:1;
		top:100px;
	}
}

#mainTopContainer .mainDivs .shape:nth-child(3) {
	position:absolute;top:100px;right:0;opacity:0;
}
#mainTopContainer.onScreen .mainDivs .shape:nth-child(3) {
	animation: mainTopShapeAnimation3 1.5s ease forwards 0.3s;
}
@keyframes mainTopShapeAnimation3 {
	0% {
		right:50px;
		opacity:0;
		top:-100px;
	}
	to {
		right: 0px;
		opacity:1;
		top:100px;
	}
}

#mainTopContainer .mainDivs .shape:nth-child(4) {
	position:absolute;top:80px;left:780px;
}
#mainTopContainer.onScreen .mainDivs .shape:nth-child(4) {
	animation: mainTopShapeAnimation4 1.5s ease forwards;
}
@keyframes mainTopShapeAnimation4 {
	0% {
		opacity:0;
	}
	to {
		opacity:1;
	}
}



#mainTopContainer .line {
	position: absolute;
	top:103px;
	left:804px;
    height: 2px;
	width:0px;
    background-color: #000;
    background-size: 2px 2px;
	transform: rotate(60deg);
    transform-origin: left top;
}

#mainTopContainer.onScreen .line {
    animation: mainLineContainerAnimation1 2.5s ease forwards;
}
@keyframes mainLineContainerAnimation1 {
	0% {
		width: 0;
	}
	to {
		width: 1035px;
	}
}

#mainTopContainer .textcontainer {
	position:absolute;top:250px;left:300px;
}
#mainTopContainer .textcontainer div {
	opacity:0;
}
#mainTopContainer .textcontainer div:nth-child(1), #mainTopContainer .textcontainer div:nth-child(2) {
	margin-bottom:34px;
}
#mainTopContainer .textcontainer div:nth-child(4) {
	margin-top: 40px;
}
#mainTopContainer .textcontainer div:nth-child(4) span {
	font-size: 1.6em;font-weight: 700;line-height: 1.1em;
}

#mainTopContainer.onScreen .textcontainer div:nth-child(1) {
	animation: fadeUpDownAnimation 2.5s ease infinite alternate;
}
#mainTopContainer.onScreen .textcontainer div:nth-child(2) {
	animation: fadeUpDownAnimation 2.5s ease infinite alternate 0.3s;
}
#mainTopContainer.onScreen .textcontainer div:nth-child(3) {
	animation: fadeUpDownAnimation 2.5s ease infinite alternate 0.6s;
}
#mainTopContainer.onScreen .textcontainer div:nth-child(4) {
	animation: fadeUpDownAnimation 2.5s ease infinite alternate 0.9s;
}

@keyframes fadeUpDownAnimation {
	0% {
		opacity: 0;
		transform: translate3d(0, -25%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeDownUpAnimation {
	0% {
		opacity: 0;
		transform: translate3d(0, 25%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeRightLeftAnimation {
	0% {
		opacity: 0;
		transform: translate3d(15%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeAnimation {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@media(max-width:1600px) {
	#mainTopContainer .mainDivs { height:840px; }
	#mainTopContainer .mainDivs .shape:nth-child(4), #mainTopContainer .mainDivs .line {
		display:none;
	}
	#mainTopContainer .mainDivs .shape:nth-child(3) {
		width:300px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(2) {
		width:485px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(1) {
		width:150px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(1) img {
		width:260px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(2) img {
		width:350px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(3) img {
		width:200px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) span {
		font-size:1.4em;
	}
}

@media(max-width:1200px) {
	#mainTopContainer .mainDivs { height:840px; }
	#mainTopContainer .textcontainer {
		left:200px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(1) img {
		width:190px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(2) img {
		width:235px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(3) img {
		width:133px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) span {
		font-size:1.2em;
	}
	#mainTopContainer .textcontainer div:nth-child(1), #mainTopContainer .textcontainer div:nth-child(2) {
		margin-bottom:20px;
	}

	
}

@media(max-width:1000px) {
	#mainTopContainer .mainDivs { height:760px; }
	#mainTopContainer .mainDivs .shape:nth-child(3) {
		width:250px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(2) {
		width:395px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(1) {
		width:130px;
	}
	#mainTopContainer .textcontainer {
		left:150px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(1) img {
		width:190px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(2) img {
		width:235px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(3) img {
		width:133px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) span {
		font-size:1.2em;
	}
	#mainTopContainer .textcontainer div:nth-child(1), #mainTopContainer .textcontainer div:nth-child(2) {
		margin-bottom:20px;
	}

	
}

@media(max-width:700px) {
	#mainTopContainer .mainDivs { height:510px; }
	#mainTopContainer .mainDivs .shape:nth-child(3) {
		width: 150px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(2) {
	    width: 235px;
		right: 50px !important;
	}
	#mainTopContainer .mainDivs .shape:nth-child(1) {
	    width: 70px;
		top: 270px !important;
	}
	#mainTopContainer .textcontainer {
		left:70px;
		top:200px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(1) img {
		width:120px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(2) img {
		width:163px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(3) img {
		width:96px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) span {
		font-size:1.0em;
	}
	#mainTopContainer .textcontainer div:nth-child(1), #mainTopContainer .textcontainer div:nth-child(2) {
		margin-bottom:12px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) {
		margin-top:20px;
	}
	

}

@media(max-width:400px) {
	#mainTopContainer .mainDivs { height:440px; }
	#mainTopContainer .mainDivs .shape:nth-child(3) {
		width: 120px;
	}
	#mainTopContainer .mainDivs .shape:nth-child(2) {
	    width: 175px;
		right: 50px !important;
	}
	#mainTopContainer .mainDivs .shape:nth-child(1) {
	    width: 40px;
		top: 270px !important;
	}
	#mainTopContainer .textcontainer {
		left:50px;
		top:150px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(1) img {
		width:93px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(2) img {
		width:123px;
	}
	#mainTopContainer .mainDivs .textcontainer div:nth-child(3) img {
		width:70px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) span {
		font-size:.9em;
	}
	#mainTopContainer .textcontainer div:nth-child(1), #mainTopContainer .textcontainer div:nth-child(2) {
		margin-bottom:12px;
	}
	#mainTopContainer .textcontainer div:nth-child(4) {
		margin-top:15px;
	}

}

#mainMiddleContainer {
	width:100%;
}
#mainMiddleContainer .mainDivs{
	position:relative;
}
#mainMiddleContainer .txtcontainer{
	position:relative;display:inline-block;margin-left: 160px;vertical-align: top;
}
#mainMiddleContainer .txtcontainer .title{
    font-size: 4.7em;
    font-weight: 700;
    margin-bottom: 15px;
    padding-top: 70px;
}
#mainMiddleContainer.onScreen .txtcontainer .title {
    animation: fadeUpDownAnimation 2.5s ease forwards;
}
#mainMiddleContainer .txtcontainer .textcopy {
    font-size: 2.3em;
}
#mainMiddleContainer.onScreen .txtcontainer .textcopy {
    animation: fadeRightLeftAnimation 2s ease forwards 0.3s;
}
#mainMiddleContainer .txtcontainer .textbtn {
    margin-top: 100px;
	margin-left: -12px;
}
#mainMiddleContainer .txtcontainer .textbtn span {
    background: #000;
    color: #fff;
    padding: 15px 20px 15px 20px;
    font-size: 1.3em;
    font-weight: 700;
}
#mainMiddleContainer.onScreen .txtcontainer .textbtn span{
    animation: fadeUpDownAnimation 2s ease forwards 0.3s;
}
#mainMiddleContainer .txtcontainer .line {
    position: absolute;
    top: 169px;
    left: -12px;
    height: 2px;
    width: 367px;
    background-color: #000;
    background-size: 2px 2px;
    transform: rotate(90deg);
    transform-origin: left top;
}
#mainMiddleContainer.onScreen .txtcontainer .line {
    animation: mainMiddleContainerLine 2s ease forwards 0.3s;
}
@keyframes mainMiddleContainerLine {
	0% {
		width: 0;
	}
	to {
		width: 367px;
	}
}

#mainMiddleContainer .slideconatiner {
	display:inline-block;padding-left: 140px;
}
#mainMiddleContainer .slideconatiner .slidebox {
	width: 1030px;opacity:0;
}
#mainMiddleContainer.onScreen .slideconatiner .slidebox {
	animation: fadeDownUpAnimation 2s ease forwards 0.3s;
}
#mainMiddleContainer #slider1 .swiper-slide img {
	border-radius: 120px;
    width: 100%;
}
#mainMiddleContainer #slider1 .swiper-slide .textcontainer {
	position: absolute;
    right: 0;
    top: 80px;
    color: #fff;
    margin-right: 20px;
    z-index: 1;
    width: 140px;
    text-align: right;
}
#mainMiddleContainer #slider1 .swiper-slide .textcontainer .title {
	font-size: 1.7em;
    font-weight: 700;
    margin-bottom: 5px;
}
#mainMiddleContainer #slider1 .swiper-slide .shape {
	position: absolute;
    width: 253px;
    height: 421px;
    top: 0;
    right: 0;
    background-image: url('/images/main/middle_shape2.png');
}
#mainMiddleContainer #slider1 #slider1_next:after, #slider1_prev:after {
	display:none;
}
#mainMiddleContainer #slider1 #slider1_prev img {
	margin-left:60px; 
}
#mainMiddleContainer #slider1 #slider1_next img {
	margin-right:60px; 
}
#mainMiddleContainer #slider1_swiper-pagination { 
	position: absolute;
    top: 20px;
    right: 90px;
    bottom: unset;
    left: unset;
	text-align:right;
}
#mainMiddleContainer #slider1_swiper-pagination .swiper-pagination-bullet { width:13px; height:13px; background: #ffffff; }




@media(max-width:1800px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 940px;
	}
}

@media(max-width:1700px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 810px;
	}
}

@media(max-width:1600px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 710px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 80px; }
}

@media(max-width:1400px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 710px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 60px; }
	#mainMiddleContainer .slideconatiner { padding-left:70px;}
	
	#mainMiddleContainer .txtcontainer .title {
		font-size: 3.7em;
		padding-top: 40px;
	}
	#mainMiddleContainer .txtcontainer .textcopy {
		font-size: 1.8em;
	}
	#mainMiddleContainer .txtcontainer .line {
		top:68px;
	}
}

@media(max-width:1200px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 550px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 40px; }
	#mainMiddleContainer .slideconatiner { padding-left:40px;}

	#mainMiddleContainer .txtcontainer .title {
		font-size: 3.7em;
		padding-top: 40px;
	}
	#mainMiddleContainer .txtcontainer .textcopy {
		font-size: 1.8em;
	}
	#mainMiddleContainer .txtcontainer .line {
		top:68px;
	}

	#mainMiddleContainer #slider1 .swiper-slide .textcontainer {
		display:none;
	}
	#mainMiddleContainer #slider1 .swiper-slide .shape {
		display:none;
	}
}

@media(max-width:1000px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 550px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 40px; }
	#mainMiddleContainer .slideconatiner { padding-left:40px;}

	#mainMiddleContainer .txtcontainer .title {
		font-size: 3.0em;
		padding-top: 20px;
	}
	#mainMiddleContainer .txtcontainer .textcopy {
		font-size: 1.3em;
	}
	#mainMiddleContainer .txtcontainer .line {
		top:68px;
		width: 287px !important;
	}

	#mainMiddleContainer #slider1 .swiper-slide .textcontainer {
		display:none;
	}
	#mainMiddleContainer #slider1 .swiper-slide .shape {
		display:none;
	}
}

@media(max-width:900px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 100%;padding:30px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 70px; }
	#mainMiddleContainer .slideconatiner { padding-left:20px;}

	#mainMiddleContainer .txtcontainer .title {
		font-size: 2.5em;
		padding-top: 10px;
	}
	#mainMiddleContainer .txtcontainer .textcopy {
		font-size: 1.0em;
	}
	#mainMiddleContainer .txtcontainer .line {
		top:68px;
		width: 189px !important;
	}
	#mainMiddleContainer .txtcontainer .textbtn span {
		padding: 10px 15px 10px 15px;
		font-size: 1.1em;
	}
	#mainMiddleContainer .txtcontainer .textbtn {
		margin-top: 60px;
	}

	#mainMiddleContainer .slideconatiner {
		display:unset !important;
	}

	#mainMiddleContainer #slider1 .swiper-slide .textcontainer {
		display:none;
	}
	#mainMiddleContainer #slider1 .swiper-slide .shape {
		display:none;
	}

	#mainMiddleContainer .slideconatiner .slidebox {
		
	}
}

@media(max-width:400px) {
	#mainMiddleContainer .slideconatiner .slidebox {
		width: 100%;padding:30px;
	}
	#mainMiddleContainer .txtcontainer { margin-left: 70px; }
	#mainMiddleContainer .slideconatiner { padding-left:20px;}

	#mainMiddleContainer .txtcontainer .title {
		font-size: 2.5em;
		padding-top: 10px;
	}
	#mainMiddleContainer .txtcontainer .textcopy {
		font-size: 1.0em;
	}
	#mainMiddleContainer .txtcontainer .line {
		top:68px;
		width: 189px !important;
	}
	#mainMiddleContainer .txtcontainer .textbtn span {
		padding: 10px 15px 10px 15px;
		font-size: 1.1em;
	}
	#mainMiddleContainer .txtcontainer .textbtn {
		margin-top: 60px;
	}

	#mainMiddleContainer .slideconatiner {
		display:unset !important;
	}
	
	#mainMiddleContainer #slider1 .swiper-slide .textcontainer {
		display:none;
	}
	#mainMiddleContainer #slider1 .swiper-slide .shape {
		display:none;
	}

}




#mainLectureContainer {
	width:100%;	
	margin-top:20px;
	padding-bottom:20px;
	background:#eceeee;
	opacity:1;
}
#mainLectureContainer.onScreen {
	animation: fadeUpDownAnimation 2s ease forwards 0.3s;
}
#mainLectureContainer .mainDivs {
	position:relative;
}
#mainLectureContainer .mainDivs .txtcontainer {
	width: 49%;
    display: inline-block;
    padding: 80px 50px 80px 140px;
    vertical-align: top;
}
#mainLectureContainer .mainDivs .txtcontainer .numtitle {
	font-size: 1.3em;
	color: #555;
}
#mainLectureContainer .mainDivs .txtcontainer .title {
	font-size: 2.2em;
	font-weight: 700;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap {
    margin-top: 50px;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv {
    display: inline-block;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv:nth-child(1) {
    display: inline-block;
	margin-right:100px;
	margin-bottom:15px;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv:nth-child(2) {
    display: inline-block;
	margin-left:0px;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p {
    font-size: 1.3em;
	color: #555;
	margin-top: 5px;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p span {
	font-size: 1.3rem;
	color: #111;
	margin-top: 5px;
}

#mainLectureContainer .mainDivs .btncontainer {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
    text-align: center;
}
#mainLectureContainer .mainDivs .txtcontainer .contentwrap #counselnumber {
	margin-left:120px;
}


@media(max-width:1600px) {

}

@media(max-width:1400px) {
	#mainLectureContainer .mainDivs .btncontainer img {
		width: 250px;
	}
	#mainLectureContainer .mainDivs .txtcontainer {
		padding: 80px 50px 80px 50px;
	}

	#mainLectureContainer .mainDivs .txtcontainer .contentwrap #counselnumber {
		margin-left:0px;
	}
}

@media(max-width:1200px) {
	#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv:nth-child(2) {
		margin-left: 0px;
	}

	#mainLectureContainer .mainDivs .txtcontainer .contentwrap #counselnumber {
		margin-left:0px;
	}
}

@media(max-width:1000px) {
	#mainLectureContainer .mainDivs .btncontainer img {
		width: 200px;
	}
	#mainLectureContainer .mainDivs .txtcontainer {
		padding: 50px 30px 50px 30px;
	}
}

@media(max-width:900px) {
	#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p:nth-child(1) {
		font-size: 1.1em;
	}
	#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p:nth-child(2),
	#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p:nth-child(3) {
		font-size: 1.0em;
	}
}

@media(max-width:760px) {
	#mainLectureContainer .mainDivs .txtcontainer {
		width:100%;
	}
	#mainLectureContainer .mainDivs .btncontainer {
		width:100%;
	}
	#mainLectureContainer .mainDivs .btncontainer img {
		width:45%;
	}
	#mainLectureContainer .mainDivs .btncontainer {
		margin-top:0;
	}
}


#mainIncruitContainer {
	width:100%;
	height:460px;
	background:#99a3ff;
	background-image:url('/images/main/middle_background1.jpg');
	background-size:cover;
	background-position:50%;
	overflow:hidden;
}
#mainIncruitContainer .mainDivs {
	position:relative;
}
#mainIncruitContainer .mainDivs .txtcontainer {
	width: 70%;
    display: inline-block;
    padding: 80px 50px 80px 140px;
    vertical-align: top;
}
#mainIncruitContainer .mainDivs .txtcontainer .numtitle {
	font-size: 1.3em;
	color: #fff;
	margin-bottom:10px;
}
#mainIncruitContainer .mainDivs .txtcontainer .numtitle .line {
    width: 50px;
    height: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#mainIncruitContainer .mainDivs .txtcontainer .title {
	font-size: 2.9em;
	font-weight: 700;
	color:#2e3751;
	opacity:0;
}
#mainIncruitContainer.onScreen .mainDivs .txtcontainer .title {
	animation: fadeUpDownAnimation 2.5s ease forwards;
}
#mainIncruitContainer.onScreen .mainDivs .txtcontainer .title:nth-child(2) {
	animation-delay: 0.3s;
}
#mainIncruitContainer .mainDivs .txtcontainer .contentwrap {
    margin-top: 50px;
	opacity:0;
}
#mainIncruitContainer.onScreen .mainDivs .txtcontainer .contentwrap {
    animation: fadeUpDownAnimation 2.5s ease forwards 0.6s;
}
#mainIncruitContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p {
	display:inline-block;
	line-height: 1.7em;
    font-size: 1.2em;
}
#mainIncruitContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p:nth-child(1) {
	width:100px;
}
#mainIncruitContainer .mainDivs .txtcontainer .contentwrap .subtextdiv p:nth-child(2) {
	color:#555;
}
#mainIncruitContainer .mainDivs .character1 {
    position: absolute;
    right: 100px;
    top: 23px;
}
#mainIncruitContainer.onScreen .mainDivs .character1 {
	animation: characterAnimation 7s linear infinite alternate;
}
#mainIncruitContainer.onScreen .mainDivs .character2 {
	animation: characterAnimation 9s linear infinite alternate 0.5s;
}




@keyframes characterAnimation {
	0% {
		transform: translate3d(0, 0, 0)
	}
	10% {
		transform: translate3d(2%, 2%, 2%)
	}
	20% {
		transform: translate3d(4%, 4%, 0)
	}
	30% {
		transform: translate3d(6%, 6%, 6%)
	}
	40% {
		transform: translate3d(4%, 4%, 0)
	}
	50% {
		transform: translate3d(2%, 2%, 0)
	}
	60% {
		transform: translate3d(0, 0, 0)
	}
	70% {
		transform: translate3d(2%, 2%, 2%)
	}
	80% {
		transform: translate3d(4%, 4%, 0)
	}
	90% {
		transform: translate3d(6%, 6%, 6%)
	}
	100% {
		transform: translate3d(3%, 3%, 0)
	}
}

#mainIncruitContainer .mainDivs .character2 {
    position: absolute;
    right: 336px;
    top: 93px;
}


@media(max-width:1600px) {
	#mainIncruitContainer .mainDivs .character1 {
		top: 63px;
		width: 300px;	
	}
	#mainIncruitContainer .mainDivs .character1 img {
		width: 100%;	
	}
	#mainIncruitContainer .mainDivs .character2 {
		width: 286px;
		right: 304px;
		top: 142px;
	}
	#mainIncruitContainer .mainDivs .character2 img {
		width: 100%;
	}
	
	#mainIncruitContainer .mainDivs .txtcontainer {
		width: 45%;
		padding: 80px 50px 80px 55px;
	}
}

@media(max-width:1400px) {

}

@media(max-width:1200px) {
	#mainIncruitContainer .mainDivs .txtcontainer .title {
		font-size: 2.5em;
	}
}

@media(max-width:1000px) {
	#mainIncruitContainer .mainDivs .character1 {
		top: 143px;
		width: 250px;	
	}
	#mainIncruitContainer .mainDivs .character1 img {
		width: 100%;	
	}
	#mainIncruitContainer .mainDivs .character2 {
		width: 236px;
		right: 284px;
		top: 202px;
	}
	#mainIncruitContainer .mainDivs .character2 img {
		width: 100%;
	}

	#mainIncruitContainer .mainDivs .txtcontainer .title {
		font-size: 2.1em;
	}
}

@media(max-width:900px) {
	
}

@media(max-width:760px) {
	#mainIncruitContainer .mainDivs .character1 {
		top: 303px;
		width: 150px;
		right:10px;
	}
	#mainIncruitContainer .mainDivs .character1 img {
		width: 100%;	
	}
	#mainIncruitContainer .mainDivs .character2 {
		width: 136px;
		right: 94px;
		top: 342px;
	}
	#mainIncruitContainer .mainDivs .character2 img {
		width: 100%;
	}
	#mainIncruitContainer .mainDivs .txtcontainer {
		width:100%;
		padding: 50px 50px 80px 55px;
	}

	#mainIncruitContainer .mainDivs .txtcontainer .title {
		font-size: 1.7em;
	}
	
	#mainLectureContainer .mainDivs .txtcontainer .contentwrap .subtextdiv:nth-child(1) {
		margin-right:0;
	}
}


/***fotter***/
#fotterContainer {
	width:100%;background:#111;position:absolute;padding-bottom:20px;
}
#fotterContainer .container {
	position:relative;width:1400px;margin:0 auto;color:#fff;
}
#fotterContainer .container .txtcontainer {
	
}
#fotterContainer .container .txtcontainer .logodiv {
	padding-top:80px;display:inline-block;vertical-align:top;
}
#fotterContainer .container .txtcontainer .textdiv {
	padding-top:80px;display:inline-block;vertical-align:top;padding-left:70px;font-size: 14px;color: #ccc;line-height: 23px;
}


@media(max-width:700px) {
	#fotterContainer .container .txtcontainer {
		width:100%;
	}
	#fotterContainer .container .txtcontainer .logodiv {
		width: 100%;
		text-align: center;
		padding-top: 40px;
	}
	#fotterContainer .container .txtcontainer .textdiv {
		padding-top: 40px;
		display: inline-block;
		vertical-align: top;
		padding-left: 0px;
		font-size: 14px;
		color: #ccc;
		line-height: 23px;
	}
	#fotterContainer .container {
		width: calc(100% + 1px);
		padding:15px;
	}

}



/***subtop***/
#subtopContainer {
	width:100%;height:300px;background-size:cover;background-position:50%;margin-bottom:30px;
}
#subtopContainer .subtopdiv {
	position:absolute;width:100%;height:300px;background:rgb(0,0,0,0.1);
}
#subtopContainer .subtopdiv .subtitle {
	position:absolute;font-size: 3em;font-weight: 600;color: #fff;padding-top: 110px;text-shadow: 0px 1px rgb(0,0,0,0.1);width:100%;text-align:center;line-height: 100%;
}
#subtopContainer .subtopdiv .subtitle span {
	font-size:0.45em;
}

.subtitlewrap { text-align:center;padding:20px; }


/* sub responsible */
@media(max-width:1400px) {
}

@media(max-width:1000px) {
	#sub_board_warp {
		width: 100% !important;
		padding:10px;
	}
	#subtopContainer {
		height:150px;
	}
	#subtopContainer .subtopdiv {
		height:150px;
	}
	#subtopContainer .subtopdiv .subtitle {
		font-size:2.5em;
		padding-top:35px;
	}
}

/***common***/
.font1_1em { font-size:1.1em }
.font1_2em { font-size:1.2em }
.font1_3em { font-size:1.3em }
.font1_4em { font-size:1.4em }
.font1_5em { font-size:1.5em }
.font1_6em { font-size:1.6em }
.font1_7em { font-size:1.7em }
.font1_8em { font-size:1.8em }
.font1_9em { font-size:1.9em }
.font2_0em { font-size:2.0em }
.font2_1em { font-size:2.1em }
.font2_2em { font-size:2.2em }
.font2_3em { font-size:2.3em }
.font2_4em { font-size:2.4em }
.font2_5em { font-size:2.5em }
.font2_6em { font-size:2.6em }
.font2_7em { font-size:2.7em }
.font2_8em { font-size:2.8em }
.font2_9em { font-size:2.9em }
.font3_0em { font-size:3.0em }

.fontbold700 { font-weight:700 }
.fontbold800 { font-weight:800 }
.fontbold900 { font-weight:900 }