@media all and (max-width:1080px){	
	header div.h_top{width:100%;}
	header div.h_top div.logo{left:20px;}
	header div.h_top ul.login{right:145px;}
	header div.h_top ul.sns{right:20px;}
	header nav.nav ul{width:100% !important;}
	section.b_menu{width:100%;}
	section.card_m{width:100%; margin-top:150px;}
	section.program ul.photo{width:80%;}
	section.program ul.photo li{width:46%; height:200px;}
	section.program ul.photo li.p01,
	section.program ul.photo li.p02{margin-bottom:40px;}
	section.program ul.photo li.p02,
	section.program ul.photo li.p04{margin-right:0;}
	footer div.footer{width:100%; margin:0; padding:0 3%;}
	footer div.footer div.wrap div.add{width:60%;}
	footer div.footer div.wrap div.fax{left:260px;}
	footer div.footer div.wrap div.f_quick{width:35%;}
	footer div.footer div.wrap div.f_quick ul.q2{margin-top:60px;}
}

@media all and (max-width:1024px){
	section.main div.main_txt div.txt01{font-size:50px;}
	section.main div.main_txt div.bar{width:250px;}
	section.main div.main_txt div.txt02{font-size:35px; letter-spacing:15px;}
	section.main div.main_txt a.main_btn{width:220px; line-height:45px; font-size:16px;}
	section.b_menu div.bm01 div a.more{width:30px; height:30px; padding-left:0; text-indent:-9999px; border-radius:100%;}
	section.b_menu div.bm01 div a.more img{top:2px; right:2px;}
	section.b_menu div.bm02 a.more{width:30px; height:30px; padding-left:0; text-indent:-9999px; border-radius:100%;}
	section.b_menu div.bm02 a.more img{top:2px; right:2px;}
	section.b_menu div.bm02 div.calendar div.list{height:300px;}
	section.b_menu div.bm02 div.calendar div.list ul li div.t02 a span{display:none;}
	section.b_menu div.bm03 div a.more{width:30px; height:30px; padding-left:0; text-indent:-9999px; border-radius:100%;}
	section.b_menu div.bm03 div a.more img{top:2px; right:2px;}
	section.b_menu div.bm03 div ul.con li{float:none; width:100%;}
	section.b_menu div.bm03 div ul.con li div.t02 a.title span.con{display:none;}
	section.b_menu div.quick{display:none;}
	section.card_m div.c03 div.txt{width:50%;}
	footer div.footer div.wrap div.per li{display:inline-block; margin-right:35px;}
}

@media all and (max-width:861px){
	footer div.footer div.wrap div.f_quick ul.q2{margin-top:90px;}
	footer div.footer div.wrap div.copy{top:350px;}
}

@media all and (max-width:768px){
	div.wrap{background:none;}

	header{/*position:fixed;*/ height:120px; z-index:10; background:rgba(0, 0, 0, 0.8);}
	header div.h_top ul.sns,
	header div.h_top ul.login,
	header div.h_top div.lang,
	header div.nav{display:none;}
	header ul.tm_top{display:block; width:100%; height:35px; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	header ul.tm_top li{float:left; width:25%; height:35px; line-height:35px; text-align:center; border-right:1px solid rgba(255, 255, 255, 0.3);}
	header ul.tm_top li:last-child{border-right:none;}
	header ul.tm_top li a{display:block; width:100%; height:auto; color:#fff;}
	header ul.tm_top li a span{display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #fff; margin:7px 3px;}
	header ul.tm_top li a span:nth-child(1){margin-left:0;}
	header ul.tm_top li a span:nth-child(3){margin-right:0;}
	header ul.tm_top li a select{width:100%; height:30px; color:#fff; text-align:center; border:none; background:none; font-size:12px; padding-left:15px; background:url("../img/main/select_arrow.png") 90% center no-repeat; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none}
	header ul.tm_top li a select::-ms-expand{display:none;}/* 화살표 없애기 for IE10, 11*/
	header ul.tm_top li a select option{background:#555}
	header div.h_top{border-bottom:none; height:75px;}
	header div.h_top div.logo{position:static; width:180px; height:75px; background:url("../img/main/logo.png") 0 15px no-repeat; background-size:100%; margin:0 auto;}

	section.main,
	section.main div.sliderContainer{height:440px;}
	section.main div.sliderContainer div.progressBarContainer{top:120px;}
	section.main div.sliderContainer div.slider .img01,
	section.main div.sliderContainer div.slider .img02,
	section.main div.sliderContainer div.slider .img03,
	section.main div.sliderContainer div.slider .img04,
	section.main div.sliderContainer div.slider .img05,
	section.main div.sliderContainer div.slider .img06{background-position:top; background-size:auto 50%;}
	section.main div.main_txt{top:160px;}
	section.main div.main_txt div.txt01{font-size:35px; letter-spacing:10px;}
	section.main div.main_txt div.bar{width:130px; margin:25px auto;}
	section.main div.main_txt div.txt02{font-size:20px; letter-spacing:10px;}
	section.main div.main_txt a.main_btn{width:180px; line-height:40px; font-size:14px; margin:50px auto 0 auto;}
	
	section.b_menu{z-index:auto;}
	section.b_menu > div{float:none; width:100%; height:300px;}
	section.b_menu div.bm01,
	section.b_menu div.bm02,
	section.b_menu div.bm03{width:95%; height:auto; margin:0 2.5% 10px 2.5%;}	
	section.b_menu div.bm01 div.hot{margin-right:10px;}
	section.b_menu div.bm01 div.hot p.title{height:45px; line-height:22px; background:url("../img/main/ic_hotnews.png") left top no-repeat; padding-left:60px; background-size:auto 100%;}
	section.b_menu div.bm01 div.photo p.title{height:45px; line-height:22px; background:url("../img/main/ic_photo.png") left top no-repeat; padding-left:60px; background-size:auto 100%;}
	/*section.b_menu div.bm01 div a.img{display:none;}*/
	section.b_menu div.bm01 div.photo ul.bxslider li a img,
	/*section.b_menu div.bm01 div.hot ul.bxslider2 li a img{height:auto;}*/
	/*section.b_menu div.bm01 div.photo a.bx-prev,
	section.b_menu div.bm01 div.photo a.bx-next,
	section.b_menu div.bm01 div.hot a.bx-prev,
	section.b_menu div.bm01 div.hot a.bx-next{top:110px;}*/
	section.b_menu div.bm01 div ul.m_list{display:block; /*float:left;*/ margin-top:10px;}
	section.b_menu div.bm01 div ul.m_list li{width:100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	section.b_menu div.bm01 div ul.m_list li:last-child{margin-bottom:0; border-bottom:0;}	
	section.b_menu div.bm01 div ul.m_list li a{display:block; color:#fff;}
	section.b_menu div.bm01 div ul.m_list li a span.con{float:left; display:inline-block; width:80%;}
	section.b_menu div.bm01 div ul.m_list li a span.date{float:right; display:inline-block; width:15%; letter-spacing:0px; text-align:right; font-size:11px;}

	section.b_menu div.bm02 div.img{width:95%; height:220px; border:1px solid #fff; margin:0 2.5% 10px 2.5%;}
	section.b_menu div.bm02{width:95%; padding:25px; border-radius:10px;}
	section.b_menu div.bm02 p.title{height:45px; line-height:22px; padding:0; background:url("../img/main/ic_admission.png") left top no-repeat; padding-left:60px; background-size:auto 100%;}
	section.b_menu div.bm02 a.more{margin:0;}
	section.b_menu div.bm02 div.calendar{width:100%; padding:0;}
	section.b_menu div.bm02 div.calendar table{clear:both; float:left; width:48%; height:auto; margin-top:10px;}
	section.b_menu div.bm02 div.calendar div.list{float:right; width:48%; height:auto; max-height:264px; margin-top:20px;}
	section.b_menu div.bm02 div.calendar div.list ul{height:200px;}
	section.b_menu div.bm02 div.calendar div.list ul li{height:57px;}
	/*section.b_menu div.bm02 div.calendar div.list ul li:last-child{display:none;}*/

	section.b_menu div.bm03 div.n_tesol p.title,
	section.b_menu div.bm03 div.n_smart p.title{height:45px; line-height:22px; background:url("../img/main/ic_notice.png") left top no-repeat; padding-left:60px; background-size:auto 100%;}
	section.b_menu div.bm03 div {width:100%; margin-bottom:0; border-bottom:0; height:auto;}
	section.b_menu div.bm03 div.n_tesol{margin-right:10px;}
	section.b_menu div.bm03 div ul.con{display:none;}
	section.b_menu div.bm03 div ul.m_list{display:block; float:left; margin-top:10px;}
	section.b_menu div.bm03 div ul.m_list li{width:100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	section.b_menu div.bm03 div ul.m_list li:last-child{margin-bottom:0; border-bottom:0;}	
	section.b_menu div.bm03 div ul.m_list li a{display:block; color:#fff;}
	section.b_menu div.bm03 div ul.m_list li a span.con{float:left; display:inline-block; width:85%;}
	section.b_menu div.bm03 div ul.m_list li a span.date{float:right; display:inline-block; width:15%; letter-spacing:0px; text-align:right; font-size:11px;}

	section.b_menu div div.photo,
	section.b_menu div div.hot{float:left; width:49%; height:auto; border-radius:10px;}
	section.b_menu div div.n_tesol,
	section.b_menu div div.n_smart{float:left; width:49%; height:230px; border-radius:10px;}	
	
	section.program{background-attachment:fixed; margin-top:0;}
	section.program ul.photo{display:none;}
	section.program div.pro_sel{display:block;}
	section.program ul.tabs{width:100%;}
	section.program ul.tabs li{width:16%; padding:0; text-align:center; letter-spacing:0; margin:0; font-size:12px;}

	section.card_m{width:100%; margin:0;}	
	section.card_m div div.img,
	section.card_m div div.txt{display:none;}
	section.card_m div{text-align:center;}
	section.card_m div.c01{float:left; width:50%; height:200px; margin:0; background:url("../img/main/card_01.png") center no-repeat; background-size:cover; background-position:center;}
	section.card_m div.c02{float:left; width:50%; height:200px; background:url("../img/main/card_02.png") center no-repeat; background-size:cover; background-position:center;}
	section.card_m div.c03{float:left; width:50%; height:200px; margin:0; background:url("../img/main/card_03.png") center -150px no-repeat; background-size:cover; background-position:center;}
	section.card_m div.c04{float:left; width:50%; height:200px; margin:0;}
	section.card_m div.c04 div.img{display:block; width:100%; height:200px; overflow:hidden;}
	section.card_m div a.m_ic{position:relative; display:block; width:100%; height:100%; color:#fff; font-size:18px; letter-spacing:2px; padding-top:130px; background:rgba(13, 45, 132, 0.5);}
	section.card_m div.c04 a.m_ic{display:none;}
	section.card_m div a.m_ic span{position:absolute; top:40px; left:50%; transform:translateX(-50%); display:block; width:70px; height:70px; border:2px solid #fff; border-radius:100%;}
	section.card_m div.c01 a.m_ic span{background:url("../img/main/m_ic_01.svg") center no-repeat; background-size:auto 50%;}
	section.card_m div.c02 a.m_ic span{background:url("../img/main/m_ic_02.svg") center no-repeat; background-size:auto 48%;}
	section.card_m div.c03 a.m_ic span{background:url("../img/main/m_ic_03.svg") center no-repeat; background-size:auto 50%;}
	
	footer{margin:0; height:auto;}
	footer div.footer{padding:0 5%;}
	footer div.footer div.wrap div.add{position:static; float:left; width:100%; margin-top:30px;}
	footer div.footer div.wrap div.tel,
	footer div.footer div.wrap div.fax{position:static; float:left; width:100%; margin-top:30px;}
	footer div.footer div.wrap div.f_quick{display:none;}
	footer div.footer div.wrap div.per{position:static; float:left; width:100%; margin-top:30px; text-align:center;}
	footer div.footer div.wrap div.copy{position:static; float:left; width:100%; height:auto; margin:30px 0 30px 0;}
}

@media all and (max-width:600px){
	body{ background:#eee;}
	header{height:100px;}
	header ul.tm_top{height:31px;}
	header ul.tm_top li{height:30px; line-height:30px;}
	header div.h_top{height:69px;}
	header ul.tm_top li a{font-size:11px;}
	header ul.tm_top li a select{font-size:11px; padding-left:10px; background-size:auto 21%;}
	div.menu_bar a.m_home{top:-57px !important; padding-top:29px !important; background-size:auto 55% !important; font-size:11px;}
	div.menu_bar a.m_menu{top:-59px !important; padding-top:29px !important; background-size:auto 63% !important; font-size:11px;}
	section.main{height:340px;}
	section.main div.sliderContainer div.slider .img01,
	section.main div.sliderContainer div.slider .img02,
	section.main div.sliderContainer div.slider .img03,
	section.main div.sliderContainer div.slider .img04,
	section.main div.sliderContainer div.slider .img05,
	section.main div.sliderContainer div.slider .img06{background-position:top; background-size:auto 43%;}
	section.main div.main_txt{top:125px;}
	section.main div.main_txt div.txt01{font-size:30px; letter-spacing:7px;}
	section.main div.main_txt div.bar{width:90px; margin:20px auto;}
	section.main div.main_txt div.txt02{font-size:16px; letter-spacing:8px;}
	section.main div.main_txt a.main_btn{width:150px; line-height:35px; font-size:12px; margin:30px auto 0 auto; letter-spacing:3px;}
	section.main div.sliderContainer div.progressBarContainer{top:100px;}
	section.b_menu > div{width:100%; height:auto; min-height:80px;}
	section.b_menu div div.hot{background:#12338b;}
	section.b_menu div div.n_smart{background:#4575f8;}
	section.b_menu div p.title{font-size:18px;}
	/*section.b_menu div div.img,
	section.b_menu div div ul{display:none;}*/
	section.b_menu div.bm02 div.calendar table{width:100%;}
	section.b_menu div.bm02 div.calendar div.list{display:none;}
	section.program{padding:20px;}
	section.program ul.tabs{margin:0 auto 30px auto;}
	section.program p.title{font-size:24px; padding-bottom:20px;}
	section.program ul.photo{display:none;}
	section.card_m div a.m_ic{font-size:16px; padding-top:125px;}
	section.card_m div a.m_ic span{top:50px; width:55px; height:55px;}
	
	footer div.footer div.wrap div p.title{font-size:12px;}
	footer div.footer div.wrap div.add div.con,
	footer div.footer div.wrap div.tel div.con,
	footer div.footer div.wrap div.fax div.con{margin-top:10px; font-size:12px;}
	footer div.footer div.wrap div.per li{margin-right:20px;}
	footer div.footer div.wrap div.per li a{font-size:12px;}
	footer div.footer div.wrap div.copy{background-size:auto 50%; padding-top:60px; font-size:10px;}		
}

@media all and (max-width:541px){
	section.b_menu div.bm01 div,
	section.b_menu div.bm03 div{width:100%; margin-right:0;}
	section.b_menu div.bm01 div.hot,
	section.b_menu div.bm03 div.n_tesol{margin-bottom:10px;}
}

@media all and (max-width:480px){
	header div.h_top div.logo{width:150px; height:69px;}
	section.main{height:290px;}
	section.main div.sliderContainer div.slider .img01,
	section.main div.sliderContainer div.slider .img02,
	section.main div.sliderContainer div.slider .img03,
	section.main div.sliderContainer div.slider .img04,
	section.main div.sliderContainer div.slider .img05,
	section.main div.sliderContainer div.slider .img06{background-position:top; background-size:auto 35%;}
	section.main div.main_txt{top:120px;}
	section.main div.main_txt div.txt01{font-size:20px;}
	section.main div.main_txt div.txt02{font-size:16px; letter-spacing:6px;}
	section.main div.main_txt div.bar{margin:15px auto;}
	section.main div.main_txt a.main_btn{margin:25px auto 0 auto}	

	section.b_menu div.bm02 div.calendar table td{padding:5px 0;}
	section.b_menu div.bm01 div.hot p.title,
	section.b_menu div.bm01 div.photo p.title,
	section.b_menu div.bm02 p.title,
	section.b_menu div.bm03 div.n_tesol p.title,
	section.b_menu div.bm03 div.n_smart p.title{font-size:16px;}
	
	section.program ul.tabs{display:none;}
	section.program ul.tabs2{display:block; height:30px; line-height:30px; margin:0 auto 20px auto;}
	section.program div.pro_sel{height:45px;}
	section.program .selecionado_opcion{height:45px; line-height:45px;}
	section.program .icon_select_mate{top:11px;}

	section.card_m div{display:none;}
	section.card_m ul{display:block; width:100%; height:135px;}
	section.card_m ul li{width:25%; height:135px;}
	section.card_m ul li a{position:relative; display:block; text-align:center; color:#333; letter-spacing:-1.5px; padding-top:85px; font-weight:bold;}
	section.card_m ul li a span{position:absolute; display:block; top:20px; left:50%; width:50px; height:50px; /*transform:translateX(-50%);*/ margin-left:-25%; border-radius:100%;}
	section.card_m ul li.li_01 a span{background:url("../img/main/mm_ic_01.png") center center no-repeat #ddd; background-size:50%;}
	section.card_m ul li.li_02 a span{background:url("../img/main/mm_ic_02.png") center center no-repeat #ddd; background-size:50%;}
	section.card_m ul li.li_03 a span{background:url("../img/main/mm_ic_03.png") center center no-repeat #ddd; background-size:50%;}
	section.card_m ul li.li_04 a span{background:url("../img/main/mm_ic_04.png") center center no-repeat #ddd; background-size:50%;}
	}

@media all and (max-width:465px){
	footer div.footer div.wrap div.tel,
	footer div.footer div.wrap div.fax{width:100%;}
	footer div.footer div.wrap div.tel div.con li{display:block;}
	footer div.footer div.wrap div.tel div.con li:last-child{margin-left:0;}
	footer div.footer div.wrap div.per li{margin-right:10px;}
}