@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1400 */ @media screen and (min-width: 1400px) { .column-news-list .wp_entry img{ /*max-width: 100px;*/height: 141px;} } /** * [Medium Screen for PC & xLarge Screen for Pad pro] * 1160~1399 */ @media screen and (max-width: 1399px) { .slick_con{padding:20px 15px;} .panel-wrap{bottom:11px;} .teachers_page .header .inner{padding:0;} .teachers_page .main-nav-panel{max-width:initial;} .teachers_page .main-nav-panel .menu .menu-item a.menu-link { padding: 0 35px; } .post-110 .scri_map{padding: 26px 10px 24px 12px;} .scri_top.selected{padding: 109px 0 48px 0;height: auto;} .header .inner {padding: 15px 60px;} .main .header .inner {padding: 32px 60px;} .logo-window img {max-width: 426px;} .list-head {padding: 20px 0;} .wp_paging .pages_count {display: none;} .list .container .inner .mod {padding: 0 60px 0 60px; margin: 0;} .info .container .inner {padding: 40px 60px 25px 60px;} #container-1 .inner {padding: 28px 60px 60px 60px;} #container-2 .inner {padding: 50px 60px 80px 60px;} .footer .inner {padding: 35px 60px;} .foot_left .foot-logo {margin: 0;} .foot_center {margin: 4px -220px 0 -150px;} .foot_right {width: auto;} .foot_right .foot-contact {margin: 0;} } /** * [Small Screen for PC & Medium Screen for Pad pro and xLarge Screen for pad] * 920~1159 */ @media screen and (max-width: 1159px) { .teachers_page .wrapper .inner{width:auto;} .teachers_page #footer .inner ,.teachers_page .tfather h4 ,.teachers_page .tchild{margin:0 15px;} .teachers_page .arh_fl{padding-left:15px;} .teachers_page .arh_fr .tfather{margin-left:188px;} .teachers_page #container .inner{width:auto;} .teachers_page li.menu-item{float:none;display: block;} .teachers_page .panel.logo-panel.panel-2{width:auto;} .teachers_page .window.logo-window.window-2{padding-left:25px;} .teachers_page .top-nav{margin-right:0;} .teachers_page .list-img{display:none;} .main .header {position: relative; background: #0061ae;} .main .header .inner {padding: 10px 6px;} .main .top-nav-panel {display: none;} .header .inner {padding: 10px 6px;} .link-nav-panel {display: none;} .panel-wrap {width: 100%; padding: 0; margin: 0;position: inherit; float: none; bottom: 0;} .search-con {display: none!important;} .search-window {display: block!important; position: relative; top: auto; right: auto; width: 100%;} .header .panel {margin: 0; float: none; clear: both; width: auto;} .logo-panel {position: relative;} .logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;} .logo-window img {width: 100%; max-width: 512px;} .header .search-panel {margin: 10px 0;} .navi-aside-toggle-show {display: block;} .main-nav-panel {display: none;} .column-head .column-anchor {padding: 10px;} .column-news .column-news-box {margin-left: 300px;} .list-head {padding: 10px 0;} .column-news-con {margin: 10px 0 20px 0;} .cols_list .cols {padding: 10px 0;} .cols_list .cols .cols_title {width: 85%;} .wp_paging li a {margin: 0 10px;} .list .container .inner .mod {padding: 0 8px; margin: 0;} .info .container .inner {padding: 20px 8px 25px 8px;} #container-1 .inner {padding: 28px 8px 60px 8px;} #container-1 .mod_top {margin: 0;} #container-2 .inner {padding: 50px 8px 80px 8px;} .footer .inner {padding: 35px 8px;} .foot_left {width: 100%;} .foot_left .foot-logo {margin: 0; text-align: center;} .foot_center {width: 100%; margin: 20px 0;} .foot_right {width: 100%; margin: 0;} .foot_right .foot-contact {margin: 0;} .foot_right .contact-menu {margin: 0 auto; text-align: center;} .foot_right .contact-menu .contact-item {width: auto; margin: 0 15px;} } /** * [Medium Screen for Pad] * 680~919 */ @media screen and (max-width: 919px) { .back_top{display:none !important;} .scrib_box{ height: 66px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 23px; overflow: hidden; text-overflow: ellipsis; } .post-110 .selected .scri_add , .post-110 .selected .scri_subtitle{display:block;} .post-110 .scri_add , .post-110 .scri_subtitle{display:none;} .post-110 .scri_top{height:auto;padding:20px;} .scrifr_box{padding:0px;} .post-110 .scri_top.selected .scri_fr , .post-110 .scri_top.selected .scri_fl{float:none;width:100%;} .scri_imgbox{float:none;margin:40px auto;} ul.slick_box{padding:0;margin:0;} .tab_list li.selected:after{display:none;} .p6_imgbox{display:none;} .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 8px;} .column-head .column-anchor {padding: 6px 8px;} .column-head .column-anchor .column-switch {display: block;} .column-head .column-anchor h3.anchor-title {font-size: 18px; padding: 0;} .column-list-wrap li a {border: 0; border-bottom: 1px solid #ccc; font-size: 16px;} .column-list-wrap li a span {padding: 6px 10px 6px 10px; line-height: 30px;} .column-list-wrap .sub-list li a span {padding: 6px 20px 6px 20px;} .column-list-wrap .sub-list .sub-list li a span {padding: 6px 30px 6px 30px;} .column-body {display: none;} .list-meta .column-title {font-size: 16px;} .list .container .inner .mod {padding: 0;} .article {padding: 10px 0; min-height: auto;} .article h1.arti-title {padding: 5px 0;} #container-1 .inner {padding: 28px 8px 60px 8px;} #container-1 .inner {padding: 28px 8px 40px 8px;} #container-1 .mod_mid {margin: 25px 0 43px 0} #container-2 .inner {padding: 30px 8px 50px 8px;} .post-8 {width: 100%;} .post-8 .news_list .news .news_box .news_imgs {height: auto; padding-top: 75%;} .post-9 {width: 100%;} .post-10 {width: 100%;} .post-11 {width: 100%; margin-top: 45px;} .post-12 {width: 100%; margin: 45px 0 0 0;} .post-13 {width: 100%; margin-top: 45px;} .post-14 .news_list .news .news_box .news_imgs {width: 100%; margin: 0; padding-top: 57%; height: auto;} .post-14 .news_list .news .news_box .news_con .news_arti {margin: 15px 0 0 0;} .post-99 {margin: 0;} } /** * [xLarge Screen for Smart Phone and Mini Pad] * 440~679 */ @media screen and (max-width: 679px) { .teachers_page .foot-l ,.teachers_page .foot-r{ float:none; } .teachers_page .foot-r p{margin-top:0;} .teachers_page .foot-top{text-align:left;} .foot_bt .foot_center{ left: 0; width: 100%; margin-left: 0;} .scri_bottom{width:50%;} .post-8 .news_list ,.post-8 .news_list .news .news_box{margin:0;} .foot_tp .news_items span:first-child +span{margin:0 6px;} .foot_tp .con.clearfix{ margin: 15px auto;} div#wp_news_w15 { width: 382px; margin: 0 auto; } .post-112 .tt .tit .title ,.post-112 .more_btn .more_text{color:#000;} .tab_list{width:auto;padding-bottom:6px;} .tab_list li{width: 33.3%;padding: 7px 0;text-align: center;color:#000;font-size:20px;} #container-1{background: url(../images/container-1.png) top center no-repeat;} body, p {font-size: 16px;} a {font-size: 16px;} .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; line-height: 28px;} .list-meta .column-path .path-name {display: none;} .column-news-con {min-height: auto; margin: 0;} .cols_list .cols {padding: 0;} .cols_list .cols .cols_title {width: 79%;} .wp_paging {margin: 15px 0;} .wp_paging .pages_count, .wp_paging .page_jump {display: none;} .wp_paging li a {font-size: 16px;} .article {padding: 6px 0;} .article .arti-metas span {font-size: 14px;} .article .arti-metas .read-options {display: inline-block;} .wp_entry, .wp_entry p, .article .entry, .article .entry p {font-size: 16px;} .focus .focus-title-bar {display: none!important;} .focus .focus-pagination {display: none;} .info .container .inner {padding: 0px 8px 25px 8px;} .post-8 .news_list .news {width: auto;} .post-8 .news_list .news .news_box .news_imgs {padding-top: 75%;} .foot_center .foot-info p span {display: block;} .post2 .tt { padding: 10px 0;} .tt {margin-bottom: 5px;} .tt .tit .title {font-size: 24px;} .post-7 .tt .tit .title {font-size: 24px;color: #3062ae;font-weight: bold;} .teachers .items_names{width:25%;} .more_btn .more_text {font-size: 16px;} .post-7 .more_btn .more_text {font-size: 16px;color: #3062ae;} #container-1 .inner { padding: 15px 8px 40px 8px; } } /** * [Medium and Small Screen for Smart Phone] * 320~439 */ @media screen and (max-width: 439px) { .teachers_page .arh_fl{float:none;margin:0 auto;padding:0;} .teachers_page .arh_fr .tfather{margin:0;} .teachers_page .window.logo-window.window-2{margin:0 15px;} .slick_con{margin:0;padding:20px 0;} .post-9 .news_list .news .news_title a{ display: block; width: auto; overflow: hidden; text-overflow: ellipsis; } .scri_top { padding: 60px 0 48px 0; } .foot_tp .news_items span:first-child +span{display:none;} .foot_tp .news_items{ width: 50%; padding: 6px 0; text-align: center;} .cols_list .cols .cols_title {width: 70%;} .post2 .tt .tit {padding-left: 10px;} .post2 .more_btn {padding-right: 10px;} .news_list .news .news_title {width: 85%;} } /** * [Tiny Screen for Older Phone and xSmall Smart Phone] * <319 */ @media screen and (max-width: 319px) { .cols_list .cols .cols_title {width: 100%;} .cols_list .cols .cols_meta {display: none;} .share {display: none;} .news_list .news .news_title {width: 100%;} .news_list .news .news_meta {display: none;} .foot_right .contact-menu .contact-item {width: 100%; text-align: center; margin: 0; background: none;} .foot_right .contact-menu .contact-item .contact-link {background: none;} }