@charset "utf-8";


/***********모바일메뉴 반응형***********/
@media screen and (max-width:1025px) { /*iPad pro Laptop*/
	#header{width: 100%;}
	#header h1{padding: 0;}
	#cssmenu > ul > li.has-sub > a {padding-right: 38px;}
	#footer > div{width: 90%; padding: 10px;}
}
@media screen and (max-width:785px){/*iPad tablet*/
	#m_menu_open{display: block;}
}

/***********index.jsp 반응형***********/
.swiper-slide a {display: inline-block; width: 100%; height: 350px;}
.swiper-slide a img{width: 100%; height: 350px;}
.swiper-container {width: 100%; height: 100%;}

@media screen and (max-width:1025px) { /*iPad pro Laptop*/
	#main_pop{display: none;}
	#header{width: 100%;}
	#header h1{padding: 0;}
	#cssmenu > ul > li.has-sub > a {padding-right: 38px;}
	.swiper-slide {width: 100% !important;}
	.swiper-slide img{width: 100%; /* height: 350px; */}
	#black .sns {width: 100%;}
	#black .sns a img {margin-right: 30px;}
	body.index #main {width: 100%;}
	body.index #main .top .block,
	body.index #main .top .block:first-child{padding-left: 50px;}
	body.index #main .btm img {width: 100%; border-radius:0 !important;}
	#footer > div{width: 90%; padding: 10px;}

	/*-----메인슬라이드 미디어쿼리 적용-----*/
	body.index .main_visual {height: auto;}
	body.index #visual{padding-bottom: 0;}
	.swiper-slide a img{width: 100%; height: auto !important;}
	.swiper-slide>a{height: 568px !important;}
}
@media screen and (max-width:938px){
	#black{height: 244px;}
}

@media screen and (max-width:785px){/*iPad tablet*/
	#m_menu_open{display: block;}
	body.index #main .top .block,
	body.index #main .top .block:first-child{ padding-left: 0px;}
	#footer > div address {padding: 16px 0 5px 150px;}
}

@media screen and (max-width:480px){/*Mobile*/
	#black{height: 490px;}

	body.index #main.program h2 a {font-size:18px;}
	body.index #main .block h2 a img {margin-left: 0;}
	body.index #main .program .program_box {padding: 10px 0 10px 10px;}
	body.index #main .program .program_box ul li {width:46%; padding-right: 10px;}
	body.index #main .program .program_box ul li:nth-child(1),
	body.index #main .program .program_box ul li:nth-child(2) {margin-bottom: 10px;}
	body.index #main .program .program_box ul li img {width: 100%;}
	
	body.index #main .top .block,
	body.index #main .top .block:first-child{width: 100%;}
	body.index #main .top .block.set2{padding-top: 40px;}
	body.index #main .top .block .info li{width: 100%; padding: 0;}
	img.block_title{width: 100%;}

	body.index #main .btm ul.map li.kakao_map {width: 100%;}

}

/***********edu_info.jsp & edu_info_all.jsp 반응형***********/
@media screen and (max-width:785px){
	#contents, #location,.edu_list section#edu_contents {width: 100%;}
	#contents #location .edu_list img {width: 100%;}
	.edu_list section#edu_contents>article div.frame div.left,
	.edu_list section#edu_contents>article div.frame div.right {float:none; width: 100%;}
	.edu_list section#edu_contents>article div.frame div.right{padding-top: 20px;}
	.edu_list section#edu_contents>article div.frame:after{content:none;}
	.edu_list section#edu_contents>article div.frame div.right>div.linkBtn {text-align: left;}
	.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a {width: 48%;}
	.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a.linkBtn03 {margin-top: 5px; width: 98%; background: #18b00f;}
} 
@media screen and (max-width:480px){
	.edu_list section#edu_contents>article h2 {font-size:20px;}
	.edu_list section#edu_contents>article div.frame {padding: 10px;}
}
	

/***********edu_detail.jsp 반응형***********/
.edu_info .info td.infos div.tel {display:none;}
@media screen and (max-width:1025px) {
	img[usemap]{/*이미지맵 반응형적용*/ border:none; height:auto; min-width: 100%; width: 100%;}
	#contents {width: 100%;}
	#location {display:none;}
	.edu_info .title {background:url(/images/bg_edu_m.png) no-repeat; height: 180px; padding: 0;}	
	.edu_info .title table {width: 100%; margin-left: 0;}
	.edu_info .title table td {color: #fff;}
	.edu_info .info th {padding: 0 0 0 10px;}
	.tabs li {width: 20%;}	
	.tabs li a {width: 100%;}
	.edu_info .info td {padding: 5px;}
	.edu_info .info td.infos div {text-align: center;}
	.edu_info .info td.infos div.tel {display: block; width: 120px; height: 30px; margin: 0 auto;}
	.edu_info .info td.infos div.tel a{display: block; width:inherit; height: inherit; line-height: 30px; text-align: center; background: #f32861; color: #fff;}
	.edu_info .detail .box img {width: 100%;}
	#hrd-net {width: 98% !important;}
}
@media screen and (max-width:785px) {
	table {width:100% !important;}
	video {width:100% !important;}
	.quick-view-box,.quick-view-box form div textarea,.quick-view-box form .scroll div pre,.quick-view-box form input[type="submit"] {width: 90%;}
	.quick-view-box form li.subject div {margin-bottom: 10px;}
	.quick-view-box form div {width: 97%; margin: 0 0 0 10px;}
	.quick-view-box form div:first-child {width: 100%; margin-bottom: 10px;}
	.quick-view-box form div input[type="text"] {width: 91%;}
	.quick-view-box form div input.phone {width: 75px !important;}
}

/***********project.jsp 반응형***********/
@media screen and (max-width:1025px) {
	#status_list>div.status_box>input[type="radio"] + label {width: 48%;}
}
@media screen and (max-width:785px) {
	.news_list ul.project_zone {width: 100%;}
	.news_list ul.project_zone li.list {float:none;}
}

/***********quick-view.jsp 반응형***********/
@media screen and (max-width:1025px){
	#lookup #contents, #lookup .edu_list {width: 100% !important; }
	.quick-view-box form .check-boxs.inline-type .checkbox {display: block; margin: 15px 0;}
}
@media screen and (max-width:785px) {
	.quick-view-box {width: 91%; margin: 30px 0 0 0; padding: 20px 0;}
}
@media screen and (max-width:501px) {
	.quick-view-box {width: 100%; margin: 30px 0;}
	.quick-view-box form h5 {font-size:14px}
	.quick-view-box form table:first-child {width: 90%; margin-bottom: 7px;}
	.quick-view-box form table {width: 100%;}
	.quick-view-box form table input[type="text"],.quick-view-box form div textarea {width: 90%;}
	.quick-view-box form table input.email {width: 35% !important;}
	.quick-view-box form table textarea {width: 100%;}
	.quick-view-box form .scroll td.scroll_box pre {width: 90%;}
	.quick-view-box  #teacherSave {width: 200px;}
}