:root{--color:#008E33;--color_a:#feb026;--back:#fafafa;--back_a:#3a5979;}

html{box-sizing:border-box;}
body{padding:0;margin:0;background-color:var(--back);}
*{padding:0;margin:0;font-family:Cambria,Cochin,Georgia,Times,'Times New Roman',serif;}
*, *:before, *:after{box-sizing:border-box;}

p{font-size:18px;line-height:26px;color:#555;}
a{text-decoration:none;}
li{list-style-type:none;}
img{display:block;}

.justify{text-align:justify;}

main{min-height:500px;padding-top:70px;}

#header_cont{width:100%;height:70px;position:fixed;z-index:1;background-color:#fff;border-bottom:1px solid #f0f0f0;}
.header_itm{position:absolute;}

.logo{top:10px;left:10px;}
.logo_name{top:50%;left:50%;transform:translate(-50%,-50%);}
.logo_name h3{text-align:center;font-size:17px;line-height:20px;}
.nav_show{right:10px;top:50%;transform:translateY(-50%);}
#nav_btn_show,#nav_btn_hide{background-color:inherit;border:none;font-size:30px;}
#nav_btn_hide{display:none;color:#d0312d;}

.nav_back{display:none;position:fixed;z-index:inherit;top:70px;background-color:#000;width:100%;height:100%;padding:20px 0;}

.nav_itm{position:relative;}
.nav_itm > a{display:block;color:#fff;padding:10px 20px;}
.nav_itm_btn{color:#fff;cursor:default;padding:10px 20px;font-size:16px;}
.nav_itm_list{display:none;}
.nav_itm_list li a{display:block;padding:10px 0 10px 40px;color:#fff;}
.nav_itm_arrow{float:right;padding:3px 0 0 5px;}

.nav_itm a:hover{color:var(--color_a);}

#nav_education_list li h4{color:#aaa;padding:10px 0 10px 40px;}
#nav_education_list li ul li a{display:block;padding:10px 0 10px 60px;}

.opening_cont{height:400px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.opening_back{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.opening_text{position:absolute;width:95%;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;}

.school_insight{text-align:center;}

.full_cont{padding:50px 20px;background-color:#f0f0f0;text-align:center;}

.num_cont{padding:50px 20px;}

.num_cont_title{padding-bottom:25px;}

.one_cont, .two_cont, .four_cont, .four_two_cont, .three_cont{display:grid;grid-gap:30px;}
.one_cont, .two_cont, .four_cont, .three_cont{grid-template-columns:auto;}
.four_two_cont{grid-template-columns:repeat(2,minmax(0,1fr));}

#footer_back{background-color:#000;color:#fff;}
#footer_cont{display:grid;grid-gap:20px;grid-template-columns:repeat(2, minmax(0,1fr));}
#footer_bottom{background-color:#222;padding:20px;}
#footer_bottom p{text-align:center;color:#aaa;}
.footer_itm h3{padding-bottom:10px;color:#ddd;}
.footer_itm ul li, .footer_itm ul li a{color:#aaa;font-size:14px;}
.footer_itm ul li a:hover{text-decoration:underline;}
#footer_edu_itm li p{color:#aaa;font-size:16px;}
#footer_edu_itm li ul li a{padding-left:10px;}

.table{width:100%;border:1px solid #aaa;border-collapse:collapse;}
.table tr th, .table tr td{padding:5px 10px;border-top:1px solid #aaa;}
.table tr th{text-align:left;}
.table tr:nth-child(even){background-color:#f0f0f0;}

.grid_itm div{background-color:#fff;padding:15px 20px;border:2px solid #f0f0f0;}
.grid_itm h3{color:#555;}
.grid_itm img{padding:20px 0;}

@media screen and (min-width:480px){
    .opening_text{width:85%;}
    .four_two_cont{grid-template-columns:repeat(4,minmax(0,1fr));}
    .four_cont{grid-template-columns:repeat(2,minmax(0,1fr));}
    .three_cont{grid-template-columns:repeat(2,minmax(0,1fr));}
    #footer_cont{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media screen and (min-width:768px){
    .logo{left:20px;}
    .logo_name{display:none;}
    .logo_name h3{text-align:left;}
    .nav_back{position:absolute;right:10px;width:auto;height:auto;top:50%;transform:translateY(-50%);padding:0;display:block;background-color:inherit;}
    #nav_btn_show,#nav_btn_hide{display:none;}
    
    .nav_itm{display:inline-block;}
    .nav_itm > a, .nav_itm_btn{color:#000;padding:0 5px;}
    .nav_itm_list li a{color:#000;}

    .nav_itm_list{position:absolute;background-color:#fff;z-index:1;width:250px;border-bottom:2px solid var(--color);}
    .nav_itm_list li a{padding-left:20px;}
    #nav_education_list li h4{padding-left:20px;}
    #nav_education_list li ul li a{padding-left:40px;}
    #nav_education_list li ul li a:hover,.nav_itm_list li a:hover,.nav_itm > a:hover{text-decoration:underline;}

    .opening_text{width:75%;}
    .two_cont{grid-template-columns:repeat(2,minmax(0,1fr));}
    .four_cont{grid-template-columns:repeat(4,minmax(0,1fr));}
    .three_cont{grid-template-columns:repeat(3,minmax(0,1fr));}
    #footer_cont{grid-template-columns:repeat(6,minmax(0,1fr));}
}

@media screen and (min-width:1024px){
    .opening_text{width:65%;}

    .logo_name{display:block;left:70px; transform:translate(0,-50%);}
    .nav_back{right:20px;}
    
    .full_cont > div{width:1020px;margin:auto;}
    .num_cont{width:1020px;margin:auto;}

    .four_cont{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media screen and (min-width:1200px){
    .nav_itm > a,.nav_itm_btn{padding:0 20px;}
    #nav_apply_link{background-color:var(--color);padding:4px 30px 6px;border-radius:5px;color:#fff;}

    .opening_text{width:55%;}
}