@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (max-width: 1200px) {
#en .nav .wp-menu .menu-item a.menu-link { padding: 0 56px !important;}
#en #nav .inner {  width: 959px !important;}
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
.header .inner {padding: 18px 6px;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 15px;}
.focus .focus-title-bar {max-width: 100%; left: 0; margin: 0;}
.focus .focus-pagination {max-width: 100%; right: 0; margin: 0;}
.list .container .inner, .info .container .inner {padding: 0 6px;}
#container-1 .inner {padding: 40px 6px 60px 6px;}
#container-2 .inner {padding: 30px 6px 40px 6px;}
#container-3 .inner {padding: 20px 6px 40px 6px;}
#container-5 .inner {padding: 45px 6px 42px 6px; overflow: hidden;}
.news_list .news .news_title {width: 76%;}
.footer .inner {padding: 36px 6px 12px 6px;}
.foot_top {margin: 0;}
.foot_share .share_list {margin: 0;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
#en .nav .wp-menu .menu-item a.menu-link { padding: 0 37px !important;}
#en #nav .inner {  width: 767px !important;}
ul.wp-menu.op.clearfix { display: none;}

#en .navi-slide-head.clearfix { display: none;}
.navi-aside-wrap .navi-aside-head:nth-child(5) { display: none;}
.logo-panel {float: none; width: 100%; text-align: center;}
.top-nav-panel {float: none;}
.top-nav-panel .menu {margin: 0 auto; text-align: center;}
.top-nav-panel .menu .menu-item {float: none;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0;}
.main-nav-panel .menu .menu-item {width: 20%; text-align: center;}
.column_img img, .banner_img img {min-height: auto;}
.column-menu {width: 100%; float: none; margin: 0;}
.column-news {float: none;}
.column-news .column-news-box {margin: 0 6px;}
.column-head .column-anchor {padding: 6px;}
.column-head .column-anchor .column-switch {display: block;}
.column-head .column-anchor h3.anchor-title {font-size: 16px; width: auto; text-align: left;}
.column-list-wrap li a span {padding: 6px 10px;}
.column-list-wrap .sub-list li a span {padding: 6px 20px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 6px 30px;}
.column-body {display: none;}
.list-meta .column-title {font-size: 16px;}
.article {padding: 10px 0;}
.article h1.arti-title {padding: 5px 0;}
.teacher-main .teacher-list .teacher-post .teacher-con .teacher-info-top {float: none; display: block; margin: 0 auto;}
.teacher-main .teacher-list .teacher-post .teacher-con .teacher-info-bot .teacher-info-bot-con {margin: 30px 0 0 0;}
.list .container .inner {padding: 0;}
#container-1 .mod_left {float: left; width: 100%;}
#container-1 .mod_right {float: right; width: 100%; margin-top: 25px;}
#container-3 .mod_left {width: 100%;}
#container-3 .mod_center {width: 100%; margin: 20px 0;}
#container-3 .mod_right {width: 100%;}
.links-wrap {width: 100%; margin: 10px 0;}
.links-wrap .links-box {margin: 0;}
.foot_share .share_list .share_item .share_box {margin: 0 10px;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
div#en #nav {   display: none;}
body, p {font-size: 16px;}
a {font-size: 16px;}
.header {padding: 0;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.top-nav-panel {display: none;}
.navi-aside-toggle-show {display: block;}
.logo-panel {position: relative;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 636px;}
.main-nav-panel {display: none;}
.column-news .column-news-box {margin: 0 8px;}
.list-meta .column-path, .list-meta .column-title {float: none;}
.list-meta .column-title {display: none;}
.list-meta .column-path {padding-left: 24px; background: url(img/sitemap-icon.png) left 7px no-repeat;}
.list-meta .column-path .path-name {display: none;}
.column-news-con {min-height: auto; margin: 0;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.cols_teacher .cols_list .cols {width: 25%;}
.article {padding: 6px 0; min-height: auto;}
.article .arti-metas span {font-size: 14px;}
.wp_entry, .wp_entry p, .wp_entry span, .article .entry, .article .entry p, .article .entry span {font-size: 16px;}
.focus .focus-title-bar {display: none!important;}
.focus .focus-navigation {display: none!important;}
.focus .focus-pagination {display: none;}
.info .container .inner {padding: 0 8px;}
.info-page-2 .container {margin: 0;}
.info-page-2 .container .inner {padding: 0;}
.teacher_tab {width: 100%; margin: 0;}
.teacher_tab .teacher-head {display: block;}
.teacher_tab .teacher-body {display: none;}
.teacher-wrap .teacher-inner {margin: 0 8px;}
.teacher-nav li {border-radius: 0; margin: 0; text-align: left; padding: 0 10px; border-bottom: 1px solid #d8d2d2; line-height: 40px;}
#container-1 .inner {padding: 25px 8px 40px 8px;}
#container-1 .mod_left .post-news-left {width: 100%;}
#container-1 .mod_left .post-news-right {width: 100%; float: right;}
#container-2 .inner {padding: 25px 8px 40px 8px;}
#container-2 .mod_left {width: 100%;}
#container-2 .mod_right {width: 100%;}
#container-3 .inner {padding: 20px 8px 40px 8px;}
#container-5 .inner {padding: 40px 8px 20px 8px;}
.post-6 .news_list .news .news_box .news_imgs {height: auto; padding-top: 46%;}
.post-8 .news_list {margin: 0;}
.post-12 .news_list .news .news_box .news_imgs {height: auto; padding-top: 53%;}
.post-17 .news_list .news {width: 100%; margin-bottom: 25px;}
.footer .inner {padding: 30px 8px 15px 8px;}
.foot_logo {width: 100%; text-align: center;}
.foot_share {width: 100%; text-align: center;}
.foot_share .share_list {margin: 0; float: none;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.cols_list .cols .cols_title {width: 70%;}
.cols_teacher .cols_list .cols {width: 33.3%;}
.teacher-main .teacher-list .teacher-post .teacher-con .teacher-info-bot .teacher-info-bot-con .teacher-field span {width: 100%; text-align: center;}
.post-11 .news_list .news .news_title {width: 74%;}
.foot_info p span {display: block;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
.cols_list .cols .cols_title {width: 100%;}
.cols_list .cols .cols_meta {display: none;}
.cols_teacher .cols_list .cols {width: 50%;}
.news_list .news .news_title {width: 100%;}
.news_list .news .news_meta {display: none;}
.post-11 .news_list .news .news_title {width: 100%;}
}