@media all and (min-width: 1px) and (max-width: 767px){
#event h1{font-size:1.6em}
#event h2{font-size:1.5em}
#event h3{font-size:1.25em}
#event h2 span{display:block}

.bgpadding{padding:0 0 4%}
.courseContnt{margin:-25px auto 0}
.courseTitle{font-size:1.3rem;padding:.2% 4%}
.intro{padding:5% 2% 4%}
.courseContnt p{margin:2%}
ul.link li,ul.link li a{display: block;margin: 0.8rem;}
ul.link li{margin:1% 2%;font-size:1.05em}
.admission{background:none;padding:2% 2% 5%}
.admission ul{margin:0 auto 3%}
.admission li{font-size:1.1em}
.limit{font-size:1.3rem;padding: 1rem;line-height: .9rem;}
.vod{width: 95%;padding:1.5% 2%;border-radius:10px}
.pieChart {width: 98%;}
.offer_note {font-size: .9rem;}
.offer_tb th {font-size: 1.25rem;}
.media_content{margin:1% auto 4%}
.media_content p{margin:1% auto}
.name,.grade{font-size:1.2rem}
.name small{font-size:1rem}
.media_link{margin:5% auto 2%;font-size:1.1em}
.hit_note dl {width: 95%;padding: 2rem .5rem;}
.hit_note dt {font-size: 1.3rem;padding: 0;}
.hit_note dd a {font-size: 2rem;line-height: 3rem;margin: 5% 0;}
.hit_note dd .win_t1 {background-color: #d60000;border-radius: 0;padding: 0.5% 1% 0.5% 2%;width: 97%;}
.hit_note {margin: 0 0 0;padding:1rem 1rem 1rem .5rem;}
.hit_note dd .win_t1, .hit_note dd .win_t2 {font-size: 1.28rem;margin-top: 0px;width: 97%;}
.hit_note dd .win_t2 {background-color: #ab0606;padding: 0.5% 2% 0.5% 1%;border-radius: 0;}
.hit_note dt .red {margin: 0.8rem;line-height: 2rem;display: block;}
}
@media all and (min-width: 1px) and (max-width: 1200px){
#BodyContentMainNavigator,#BodyHeader_event,#noie{display:none}
#askarea {background: #2a90a7;}
}