.stit{font-size:40px; color:#000; font-weight:600; text-align:Center;}
.stit_1{font-size:20px; font-weight:400; text-align:Center; line-height:45px;}
.stit_1 span{font-weight:700; font-size:18px;}


@media all and (max-width:1024px){
.stit{font-size:30px; color:#000; font-weight:600; text-align:Center;}
.stit_1{font-size:18px; font-weight:400; text-align:Center; line-height:45px;}

}

@media all and (max-width:768px){
.stit{font-size:25px; color:#000; font-weight:600; text-align:Center;}
.stit_1{font-size:16px; font-weight:400; text-align:Center; line-height:45px;}

}



.con{width:1500px; margin:0 auto;   border:0px solid red; overflow:hidden;}
.conleft{width:17%; float:left;  border:0px solid red;  }
.nation_menu{width:100%; border:0px solid red; margin-top:50px;  }
.nation_menu div{width:100%; background: url(/img/arrow.jpg)no-repeat  right; border:0px solid red;  font-size:21px; font-weight:500;  
 padding-bottom:15px; padding-top:15px; }
.nation_menu div a{color:#000; font-weight:600}
.nation_menu div img{width:60px; padding-right:5px; }
.nation_menu ul{width:100%; background:#f9f9f9; padding:5%;}
.nation_menu ul li{width:90%;  padding:2%; line-height:30px; font-size:18px;  }
.nation_menu ul li a{color:#000; font-weight:600;}
.nation_menu ul li a:hover{color:#8340e0}
.nation_menu_1{display: block; margin-top:15px;  margin-bottom:15px;}
.nation_menu_1 a{color:#000; font-weight:600;  font-size:21px;  }
.nation_menu_1 a:hover{color:#8340e0;}
.nation_menu_1 img{width:50px !important; height:28px !important;}


.conright{width:100%; float:left;   border:0px solid red; margin-top:3% !important; }



@media all and (max-width:1599px){
.con{width:100%;}
.conleft{width:18%; float:left;  border:0px solid red;  }
.conright{width:100%; float:left;  border:0px solid red;  }
}

.program{
	width: 100%;
max-width:1500px; 
padding:80px 0px; 
margin:0 auto; 
border:0px solid red; 
overflow:hidden;}

.program ul{display: flex; justify-content: center; width:100%;  margin-top:2%; }
.program ul li{width:23%; margin:1%; border:0px solid red; border-radius:3%; overflow:hidden; height:200px; }
.program ul li img{
	width:100%; 
	height:200px !important;
	object-fit: cover;
}


@media all and (max-width:1299px) {
	.con{width:100%;}
.program{width:100%;}

.conleft{width:20%; float:left;  border:0px solid red;  }
.conright{width:100%; }

}

@media all and (max-width:1024px) {

.program ul{display: block; }
.program ul li{width:46%; margin:2%; float:left; height:200px;}

.conleft{width:100%; float:left;  border:0px solid red;  }
.conright{width:100%; margin-top:5% !important; }

.nation_menu ul{width:100%; background:#f9f9f9; padding:2%;}
.nation_menu ul li{width:48%; display:inline-block; padding:1%; line-height:20px; font-size:15px;}
}




.actionImg10 
{ background-color: #fff;  
	overflow: hidden;  
	position: relative;  
	height:240px; 
	border-radius:0px; 
}

.actionImg10 .lm_img img {
  filter: grayscale(0%);   
  transition: all 0.8s ease 0s; 
/*  width: 100%;  
  height:100%; */
}
.actionImg10 .lm_txt 
{ position: absolute; border:0px solid red; left:0%; 
  bottom:25%; width:100%; float:right;  text-align:center; color:#fff; z-index:11; font-size:20px; font-weight:600;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9),  0 0 8px rgba(0, 0, 0, 0.7) !important
}

.actionImg10 .lm_txt h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p { font-size:18px; line-height:15px; }

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:15%; width:63%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt1 p { font-size:18px; line-height:15px;}

.actionImg10 .lm_txt .more { width:170px; text-align:center; margin:20px auto 0;
background:url(/img/main/s_bt_bg.png) repeat; border:1px solid #fff; font-size:15px; padding:7px 0; }
.actionImg10 a:hover .lm_txt {display:show; cursor:pointer; }
.actionImg10:hover::after {transform: scaleX(1.1); }
.actionImg10:hover .lm_img img { filter: grayscale(0%); transform: scale(1.1); }


.actionImg10 .lm_txt2 {z-index:5;position: absolute; border:0px solid red; left:1%;   top:1%; width:100%; padding:10%;   text-align:center; color:#fff}
.actionImg10 .lm_txt2 h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt2 p { font-size:22px;  font-weight:600; line-height:15px;}


@media all and (max-width:1024px) {
.actionImg10{height:220px;}
.actionImg10 .lm_txt{bottom:55%;}
.actionImg10 .lm_txt2 p{line-height:30px; font-size:20px;}
}



.usabg{ background: url('/img/usacitybg.jpg')top no-repeat; background-size:100%;}


@media all and (max-width:640px){
.usabg{background-size: 300%;}
}


.mt35{margin-top:35px !important;}
.mt55{margin-top:55px !important;}

.line{width:100%; height:1px; background:#ccc;}

.national_city{width:100%;padding-top: 5%;  /*padding:100px 0px 100px 0px;*/ margin:0 auto; border:0px solid red; overflow:hidden;  }
.national_city_list{width:1500px; border:0px solid red; overflow:hidden; margin:0 auto;padding-top:0px;}
.national_city_list ul{display:block;  margin-top:5%; text-align:center }
.national_city_list ul li { 
	border-radius:3%; 
	overflow:hidden; 
	display:inline-block; 
	position:relative; 
	width:18%; 
/*	height:240px; */
	margin:1%; 
	bordeR:0px solid red;
}

.national_city_list ul li img{
	width:100%;
	 height:240px;
	 object-fit: cover;
}
.usacity01{ background: url('/img/usacity01.jpg')top no-repeat; background-size:100%;}


.guide{width:100%; padding:70px 0px; margin:0 auto; border:0px solid red; overflow:hidden; background: #f5f5f5;}
.guide div{display: flex; justify-content: center}
.guide div p{width:160px; padding-top:20px;height:160px; border-radius:50%; background:#fff; margin:1%;  text-align: center; font-size:22px; color:#000; font-weight:600;}



@media all and (max-width:640px){

.guide div{display: block;}
.guide div p{display: inline-block; margin:2%; width:140px; height:140px;  font-size:20px;  }
}


.guide1{width:100%; padding:70px 0px; margin:0 auto; border:0px solid red; overflow:hidden; background: #f5f5f5;}
.main_program_list{width:1500px; padding:80px 0px; margin:0 auto; border:0px solid red; overflow:hidden;}
.program_list{width:100%; padding:80px 0px; margin:0 auto; border:0px solid red; overflow:hidden;}



@media all and (max-width:1299px){
.program_list{width:100%; padding:80px 0px; margin:0 auto; border:0px solid red; overflow:hidden;}
.main_program_list{width:100%; padding:80px 0px; margin:0 auto; border:0px solid red; overflow:hidden;}
.national_city_list{width:100%; }
}



@media all and (max-width:640px){
.national_city{padding:60px 0px 60px 0px;}

.national_city_list ul li {width:46%; margin:2%;  float:left; height:190px;}
.national_city_list ul li img{width:100%; height:190px; object-fit:cover; }

.program_list{ padding:50px 0px;}

}


.recommend{width:100%; padding:100px 0px; margin:0 auto; border:0px solid red; overflow:hidden;  }
.recommend_list{width:1400px; border:0px solid red; overflow:hidden; margin:0 auto;padding-top:55px;}
.recommend_list ul{width:100%; } 

.recommend_list ul li{width:100%; padding:4%; position:relative; overflow: hidden;}
.recommend_list ul li:nth-child(2n-1) {background:#f5f5f5;}


.recommend_list ul li dl{width:100%; float:left;}
.recommend_list ul li dl dt{width:25%; float: left;}
.recommend_list ul li dl dt img{border-radius: 5px; border: 1px solid #ccc; overflow:hidden;}
.recommend_list ul li dl dd{width:75%; float:left; padding-left: 5%; }
.recommend_list ul li dl dd .con{width:90%; position: relative; float:left;}

.contit{font-size:28px; color:#000; font-weight:600;}
.contit_1{font-size:19px; font-weight:400;color:#000; line-height:35px; }
.contit_2{padding-top:25px; font-size:18px; color:#333; line-height:28px;}
.contit_3{padding-top:25px; font-size:18px; color:#000;  line-height:30px;}





#m_board {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	position: relative;
	
	margin: 0 auto;
	border:0px solid red;
	padding-top:45px;
}

#m_board .tabs {
	height:40px; text-align: center;}
#m_board .tabs ul{width:100%; 	border:0px solid red ;margin:0 auto !important; text-align: center !important; height:45px;}
#m_board .tabs li {
	display: inline-block;
	font-size: 15px;	
	text-align: center;
	color: #999;
}
#m_board .tabs li a {
	display: block;	
	box-sizing: border-box;
	font-size: 18px;	color: #666;	
	border-radius:35px;
	border:1px solid #999;
	margin-right:9px;
	padding:10px 25px;
	
}


#m_board .tabs li a:hover {
	color: #fff;	
	box-sizing: border-box;
	font-size:18px;
	font-weight: 500;
	background:#833cd8;
	border: 1px solid #833cd8;
}
#m_board .tabs .active a {
	color: #fff;
	
	box-sizing: border-box;
	font-size:18px;
	font-weight: 500;
	background:#833cd8;
	border: 1px solid #833cd8;
}
#m_board .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
}
#m_board .more a:hover {
	border: 1px solid #1e83eb
}
#m_board .tab_container {
	margin-top: 20px;
	padding:20px  10px;
	border: 0px solid red;
	text-align: left;	
	border: 0px solid red;
	
}

#m_board .tab_content {display: flex;
	justify-content: cetner; width:100%;}

#m_board .tab_content div {
	
	WIDTH:19%;
	margin:0.5%;
	border:1px solid #ddd;
	border-radius:5px;	
	overflow:hidden;
	
}
#m_board .tab_content div img{width:100%; height:200px; overflow:hidden;object-fit: cover;}
#m_board .tab_content div .programtit_01{ padding:20px; color:#0066cc; font-size:21px; text-decoration:underline; font-weight:700; }
#m_board .tab_content div .programtit_02{ padding:20px; color:#6633cc; font-size:21px; text-decoration:underline; font-weight:700; }
 
#m_board .tab_content div .programcon{padding:20px 20px 20px 20px; color:#000; font-size:19px; line-height:28px;  font-weight:600;}
#m_board .tab_content div .programcon1{padding:0px 20px 20px 20px; color:#999; font-size:17px; 
overflow: hidden; text-overflow: ellipsis;  display:-webkit-box;   -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;line-height:1.2em; 
height:3.6em; margin-bottom:1em; }

#m_board .tab_content div .programcon2{margin-top:20px; margin-left:20px;display:inline-block;padding:6px 15px;
 background:#833cd8;color:#fff; border-radius:20px; font-size:16px; border:1px solid #833cd8;}

.btnarea{width:100%; text-align:center; border:0px solid red; margin-top:3%;}
.morebtn{display: inline-block; font-weight:200; font-size:19px; padding:3px 25px; border-radius:35px; color:#000; line-height:45px; border:1px solid #666666; }
.morebtn:hover{background:#666666; color:#fff;}



@media all and (max-width:978px){

#m_board .tabs ul{width:100%; 	border:0px solid red ;margin:0 auto !important; text-align: center !important; height:45px;}
#m_board .tabs li {
	display: inline-block;
		
	text-align: center;
	color: #999;	width:33%;
	float:left; margin-bottom:1%;
		
}
#m_board .tabs li a {
	display: block;	
	box-sizing: border-box;
	font-size: 16px;	
	color: #666;	
	border-radius:10px;
	border:1px solid #999;
	margin-right:4px;
	padding:10px 0px;}

#m_board .tabs li a:hover {	font-size: 16px;	}
#m_board .tabs .active a{	font-size: 16px;	}


#m_board .tab_content {display: block;	 width:100%;}

#m_board .tab_content div {	display: inline-block; float :left;
	
	WIDTH:48%;
	margin:1%;
	border:1px solid #ddd;
	border-radius:5px;	
	overflow:hidden;
	
}
#m_board .tab_content div:last-child{display: none;}
}


@media all and (max-width:640px){

#m_board {padding-top:25px;}
#m_board .tabs{overflow:hidden; height:auto;}
#m_board .tab_content div {WIDTH:98%;}
#m_board .tab_content div:last-child{display:block;}
#m_board .tab_container{margin-top:5px;}
}




#m_board1 {

	position: relative;
	width:1300px;
	margin: 0 auto;
	position: relative;

	margin: 0 auto;
	border:0px solid red;
	padding-top:35px;
}

#m_board1 .tabs1 {
 text-align: center;}
#m_board1 .tabs1 ul{width:100%; 	border:0px solid red ;margin:0 auto !important; text-align: center !important; }
#m_board1 .tabs1 li {
	display: inline-block;
	font-size: 15px;	
	text-align: center;
	color: #000;
	width:20%;
	float:left;


}
#m_board1 .tabs1 li a {
	display: block;	
	box-sizing: border-box;
	font-size: 18px;	color: #666;	
		border-radius:10px;
	border:1px solid #ccc;
	margin-right:9px;
	line-height:45px;
	background:#fff; 	color: #000;
	
}
#m_board1 .tabs1 li img{width:30px; display: inline-block; padding-top:5px; padding-right:5px;}

#m_board1 .tabs1 li a:hover {
	color: #fff;	
	box-sizing: border-box;
	font-size:18px;
	font-weight: 500;
	background:#833cd8;
	border: 1px solid #833cd8;
}
#m_board1 .tabs1 .active a {
	color: #fff;
	
	box-sizing: border-box;
	font-size:18px;
	font-weight: 500;
	background:#833cd8;
	border: 1px solid #833cd8;
}
#m_board1 .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board1 .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
}
#m_board1 .more a:hover {
	border: 1px solid #1e83eb
}
#m_board1 .tab_container1 {
	margin-top: 20px;
	padding: 15px 0 0 10px;
	border: 0px solid red;
	text-align: left;	
	border: 0px solid red;
	width:100%;

}

#m_board1 .tab_content1 {
	display: flex;
	justify-content: cetner; 
	width:100%;
	line-height: 1.53;
}

#m_board1 .tab_content1 div {
	
	WIDTH:100%;
	margin:0%;
	border:0px solid #ddd;
	border-radius:0px;	
	overflow:hidden;
	background: #fff;
	padding:2%; 
	
}

@media all and (max-width:1299px){
#m_board1 {width:100%;}


}


@media all and (max-width:978px){
#m_board1 {width:100%;}
#m_board1 .tabs1 li {
	display: inline-block;
	font-size: 15px;	
	text-align: center;
	color: #999;
	width:33%;
	float:left;
	margin-top:1%;}

}

@media all and (max-width:480px){
	#m_board .tabs{padding-left:1.5%;}
#m_board1 .tabs1{padding-left:1.5%;}
#m_board1 .tabs1 li {
	display: inline-block;
	font-size: 14px;	
	text-align: center;
	color: #999;
	width:50%;
	float:left; 
	margin-top:1%;}
}

}





.eventprogram{width:100%; margin:0 auto; bordeR:0px solid red; min-height:500px; text-align: center;     padding: 70px 0px;}
.eventprogram ul{display:block;  margin-top:5%; }
.eventprogram ul li{float:left; display:inline-block; position:relative; width:23%; height:240px; margin:1%; bordeR:0px solid red;  border-radius:3%; overflow:hidden;}
.eventprogram ul li img{width:100%; height:240px !important;     object-fit: cover;}


.eduguide{width:1300px; margin:0 auto; bordeR:1px solid red;min-height:500px; text-align: center;}

@media all and (max-width:1299px){

.eventprogram{width:100%;}
}




@media all and (max-width:978px){
.eventprogram{width:100%;}
.eduguide{width:100%;}

.eventprogram ul li{width:48%; height:220px;}

}



/***학교정보상세 css***/
 
.school_info{width:1300px; margin:0 auto; bordeR:0px solid red; padding:0px 0px; overflow:hidden;} 

.school_info_left{width:40%; float:left; position: relative;}
/* .school_info_left img{border-radius:3%; } 이전*/
.school_info_left img{border-radius:3%;     width: 100%;
    max-width: 450px;
}
.school_info_right{width:60%;  float:left; position: relative;}
.school_info_right p{}
.school_info_right span{}
.school_info_right ul{width:100%; margin-top:0%; }
.school_info_right ul li{position:relative; width:100%;}
.school_info_right ul li dl{width:100%; float:left;  margin-bottom:1%; }
.school_info_right ul li dl dt{width:20%; float:left; font-size:18px; line-height:37px; background:#efefef;  	border-radius:5px; text-align: center;}
.school_info_right ul li dl dd{padding-left:2%; width:80%; float:left; font-size:18px; color:#000; font-weight:600;  line-height:37px;}
.school_info_right ul li dl dd span{padding-right:15px; }



@media all and (max-width:1299px){
.school_info{width:100%;}
.school_info_left img{border-radius:3%;     width: 98%;
    max-width:98% !important;
}

}



@media all and (max-width:1000px){

.school_info{width:100%;}

.school_info_left{width:100%;}
.school_info_right{width:100%;  float:left; position: relative;}
.school_info_right ul {margin-top:3%;}
.school_info_right ul li{padding:0%; border:0px solid red;} 
.school_info_right ul li dl{width:50%; border:0px solid red; float:left; display: inline-block;}
.school_info_right ul li dl dt{width:30%; float:left; font-size:15px; margin-top:5px; text-align:center; line-height:35px; background:#efefef;  
	padding-left:0px; 
	border-radius:5px;}
.school_info_right ul li dl dd{width:70%; float:left; font-size:16px; color:#000; font-weight:600;  line-height:35px; padding-left:10px;}

}



@media all and (max-width:568px){

.school_info{width:100%;}

.school_info_left{width:100%;}
.school_info_right{width:100%;  float:left; position: relative;}
.school_info_right ul li{padding:2%; }
.school_info_right ul li dl{width:100%;}
.school_info_right ul li dl dt{width:25%; float:left; font-size:15px; margin-top:5px; text-align:center; line-height:35px; background:#efefef;  
	padding-left:0px; 
	border-radius:5px;}
.school_info_right ul li dl dd{width:75%; float:left; font-size:16px; color:#000; font-weight:600;  line-height:35px; padding-left:10px;}

}





.school_logo{display:inline-block; float:left; width:100px; height:100px; border:0px solid red; margin-right:10px;}
.school_logo img{width:100px; }
.school_name{padding-top:1.6%; margin-top:8px; display:inline-block; float:left; font-size:35px; font-weight:600; line-height:35px; color:#000;}
.school_name span{font-size:17px; color:#666;}

.school_name1{padding-top:0.5%; margin-top:8px; display:inline-block; float:left; font-size:35px; font-weight:600; line-height:35px; color:#000;}
.school_name1 span{font-size:17px; color:#666; display:block;}




@media all and (max-width:978px){

.school_logo{display:inline-block; float:left; width:70px;  height:70px; border:0px solid red;  margin-right:5px;}
.school_logo img{width:70px; }
.school_name{display:inline-block;  width:70%; float:left; font-size:22px; line-height:27px;  border:0px solid red;  margin-top:4px;}

.school_name1{padding-top:0.4%;  display:inline-block; float:left; font-size:30px; font-weight:600; line-height:30px; color:#000;}
.school_name1 span{font-size:15px; color:#666; display:block;}

}




.school_photo{width:100%; padding:70px 0px; background:#f7f7f7; margin-top:5%;}
.school_photo_area{width:1300px; margin:0 auto; bordeR:0px solid red; }
.school_photo_area img{border-radius:3%;}



@media all and (max-width:1299px){
.school_photo_area{width:100%;}

}


.school_info_tap{width:100%; float: left; position: relative; margin-top:5%; }
.school_info_tap ul{width:100%;}
.school_info_tap ul li{  width:24.5%;  display: inline-block; border:1px solid #ccc;border-radius:10px; }
.school_info_tap ul li a{display: block; width:100%; coloR:#333; font-size:19px; float:left; 
 line-height:55px; text-align:Center; border-radius:5%;}
.school_info_tap ul li.select{  background:#8340e0; border:1px solid #8340e0; font-weight:600; display: inline-block; }
.school_info_tap ul li.select a{color:#fff !important;}
.school_info_detail{width:100%; padding:2% 4%; background:#f9f9f9; overflow:hidden; font-size:19px; line-height:33px;  border:0px solid red;}
.school_info_detail_tt{line-height:30px; color:#000; font-size:18px; font-weight:600; }
.school_info_detail_tt1{line-height:30px; color:#333; font-size:18px;}
.school_info_detail_tt2{width:100%; text-align: center; font-size:21px; color:#000; line-height:45px;}



@media all and (max-width:640px){
.school_photo_area{width:100%;}
.school_info_tap ul li{width:23.5%;}
.school_info_tap ul li a{display: block; width:100%; coloR:#333; font-size:16px; float:left; 
 line-height:55px; text-align:Center; border-radius:5%;}
}




.plusclass{display: inline-block; border-radius:25px; background:#333; color:#fff;  font-size:15px; padding:5px;}
.selectclass{  color:#000; font-size:19px; border:1px solid #ccc;  padding:1%; margin-bottom:1%; background: #fff; overflow:hidden;}
.selectclass span{color:red; font-weight:600; float:right; font-size:20px;}

.school_info_left1{width:25%; float:left; }
.school_info_left1 p{color:#000; font-size:35px;border:0px solid red;  }
.school_info_left1 span{font-weight:700; color:#8340e0}
.school_info_center1{width:75%; float:left; border:0px solid red;}

.school_info_right1{ border:1px solid #f7f7f7; overflow:hidden; text-align: right;}
.school_info_right1 p{ border-bottom:1px solid #f9f9f9; font-weight:600; line-height:45px; font-size:19px; color:#333;}
.school_info_right1 p > span{font-weight:700; font-size:25px; float:right !important;}
.school_info_right1 p img{padding-top:8px;}

.selectbox1 {width:100%;    padding: 12px 20px; font-size:19px;   border: 1px solid rgb(224, 224, 224);    outline: transparent solid 2px;  
outline-offset: 2px;    position: relative; border-radius:5px; margin-bottom:2%; }
.inputTypeText{width:98%;    padding: 12px 20px; font-size:19px;   border: 1px solid #999;  border-radius:25px; }



@media all and (max-width:978px){
.school_info_left1{width:100%;}
.school_info_left1 p{color:#000; font-size:25px;border:0px solid red;  }
.school_info_left1 p img{width:80px}
.school_info_center1{width:100%;}
.selectbox1{font-size:17px;  padding: 9px 10px;}
.inputTypeText{font-size:17px; width:100%; padding: 9px 10px;}

.selectclass{font-size:18px; padding:2%;}
.selectclass img{padding-top:1.5% !important;}
.selectclass span{color:red; font-weight:600; float:right; font-size:19px;}
}


.money_total{width:100%; border-radius:20px; background: #fff; padding:35px 45px; overflow:hidden; }
.money_total div{width:100%; float:right; position: relative; border:0px solid red; padding:25px;}
.money_total div p{font-size:19px; color:#000; width:100%; }
.money_total div span{float:right; font-size:25px; font-weight:700;}

.money_total div .secret_btn{width:100%; float:right; text-align:Center; padding:10px; font-weight:600; background:#333;  color:#fff;}
.school_estimate{width:100%; padding:70px 0px; background:#f7f7f7;}



@media all and (max-width:978px){
.money_total{padding:15px;}
.money_total div span{float:left; width:100%; display:block; text-align: center;  font-size:25px; font-weight:700;}
.money_total div{width:100%; padding:15px; border-left:0px !important; text-align: center; }

}



.search{width:1400px; margin:0 auto; bordeR:0px solid red; padding:70px 0px; overflow:hidden;}
.search_area{width:60%; position: relative; margin:0 auto; padding-top:0px; padding-bottom:50px;  }
.search_area div{width:100%; border:0px solid red;  }
.search_area div ul{width:100%;}
.search_area div ul li{display: inline-block; float:left;}
.search_area div ul li:first-child{width:94%;  }
.search_area div ul li:last-child{width:6%; }

.search_area1 {width:70%; position: relative; margin:0 auto; padding-top:70px; padding-bottom:20px; }
.search_area1 div{width:100%;  overflow:hidden;}
.search_area1 div ul {width:100%; }
.search_area1 div ul li{display: inline-block; float:left; width:20%; padding:0.5%; bordeR:0px solid red;} 


@media all and (max-width:1299px){
	
.search{width:100%;}

	}


@media all and (max-width:978px){
.search_area{width:80%;}
.search_area div ul li:first-child{width:80%;  }
.search_area div ul li:last-child{width:20%; }
.search_area div ul li:last-child img{width:40px; }
.search_area1{width:100%;}
.search_area1 ul{width:100% !important;} 
.search_area1 div ul li{display: inline-block; float:left; width:48%;padding:1%; bordeR:0px solid red;} 


}

.school_list {display:block;
	justify-content: cetner; width:100%;}

.school_list div {
	
	WIDTH:19%;
	margin:1% 0.5%;
	border:1px solid #ddd;
	border-radius:5px;	
	overflow:hidden;
	display: inline-block;
	float:left;
	

}
.school_list div img{width:100%;}
.school_list div .programtit_01{ padding:20px; color:#0066cc; font-size:21px; text-decoration:underline; font-weight:700; }
.school_list div .programtit_02{ padding:20px; color:#6633cc; font-size:21px; text-decoration:underline; font-weight:700; }
 
.school_list div .programcon{padding:20px 20px 20px 20px; color:#000; font-size:19px; line-height:28px;  font-weight:600;}
.school_list div .programcon1{padding:0px 20px 20px 20px; color:#99; font-size:16px;}


.school_list1 {display:block; 	justify-content: cetner; width:100%;}
.school_list1 ul{width:98%; margin:0 auto; border:0px solid red; overflow:hidden;}
.school_list1 ul li{width:98%; margin:1%; overflow:hidden; border-bottom:1px solid #ccc; padding:20px; }
.school_list1 ul li dl{width:100%; float:left;}
.school_list1 ul li dl dt{width:30%; float:left;}
.school_list1 ul li dl dt img{width:100%;}
.school_list1 ul li dl dd{width:70%; float:left;border:1px solid red;}
.list_con{width:100%; padding:30px; background: #f9f9f9; margin-top:15px; overflow:hidden;}

.list_con p{display: inline-block; float:left; width:33%; line-height:35px;}
.list_con p span{font-weight:600; color:#000;}

.school_photo1{width:100%;}
.school_photo1 div{width:31%; float:left; margin:1%; }
.school_photo1 div img{width:100%; border-radius:20px;}


@media all and (max-width:978px){

.school_list1 ul li{padding:10px;}
.list_con p{display: inline-block; float:left; width:100%; line-height:35px; font-size:16px;}
}


@media all and (max-width:640px){
.school_photo1 div{width:98%; float:left; margin:1%; }
.school_photo1 div img{width:100%; border-radius:10px;}
}




.classname{width:100%;border-radius:0px;  padding:10px; background: #fff; text-align:left; font-weight:700;
border:1px solid #ccc; color:#8340e0; border-radius:15px;}


.community_con{width:95%; margin:0 auto;padding:30px 0px; overflow:hidden;}
.community_tt{
background:url('/img/dot_01.jpg')left no-repeat; padding-left:40px;
	widht:100%;   float:left; font-size:35px; font-weight:600; margin-bottom:2%;  color:#000;  }



.sitemenu{width:90%; display: flex; justify-content: center; border:0px solid red;}
.sitemenu div{width:15%; margin:1%; display:inline-block; border:0px solid red;}
.bg001{width:100%; height:150px; background:url('/img/namerica_bg01_1.png');border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}
.bg002{width:100%; height:150px; background:url('/img/namerica_bg02_1.png');border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}
.bg003{width:100%; height:150px; background:url('/img/namerica_bg03_1.png');border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}
.bg004{width:100%; height:150px; background:url('/img/namerica_bg04_1.png');
	border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}
.bg005{width:100%; height:150px; background:url('/img/namerica_bg05_1.png');border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}
.bg006{width:100%; height:150px; background:url('/img/namerica_bg06_1.png');border-radius:10px; overflow:hidden; background-size:cover; line-height:150px; 
	color:#fff; font-size:22px; font-weight:500; text-align: center;}




	.sitemenu_menu{line-height:42px; padding:6px 0px; border-bottom:1px solid rgba(250,250,250,0.1);}
	.sitemenu_menu a{color:#fff;  font-size:18px; }
.sitemenu_menu img{width:40px; margin-right:5px;  margin-top:10px; }

  .section { position: relative }
    .section a { position: absolute; top: -100px }

.printbtn1{width:100%; text-align:right; overflow:hidden; height:55px;}



  .section1 { position: relative }
    .section1 a { position: absolute; top: -150px }




/* 학교상세 이미지 슬라이드 */

	.bx-wrapper{
    max-width: 640px;
    margin: 0 auto;
}

	.bx-wrapper img{
		    height: 200px;
    display: block;
    width: 100%;
    object-fit: cover;
	}




	.company{width:95%; margin:0 auto; padding:70px 0px; border:0px solid red;}