@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
::-webkit-scrollbar { 
    display: none; 
}


.section-header {height:auto; margin:15px auto; }
.one-section {margin-top:0px;}

.slide-box { position:relative; display:block; width:100%; height:490px; top:0px;z-index:-1;}
.slide-box img {max-height:490px; width:100%; display:block;}

.header-logo a {
  display: block;
  padding: 0;
  outline: 0;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-logo img {
  width: auto;
  height: 20px;
}




 .s-header {
  z-index: 500;
  width: 100%;
  height: 96px;
  background-color: transparent;
  position: relative;
  top: 35px;
}

.top-nav{padding:0; margin:0; color:#fff; font-size:18px; float:right; }
.top-nav li {list-style:none; display:inline; padding:0 20px;}
.top-nav li:last-child {padding-right:0;}
.top-nav a {color:#fff;}







/* ===================================================================
 * # home
 *
 * ------------------------------------------------------------------- */
.s-home {
  width: 100%;
  height: 100%;
  min-height: 786px;
  background-color: transparent;
  position: relative;
  display: block;
}
.s-home .shadow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.s-home::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.no-js .s-home {
  background: #000000;
}


.home-content {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding-bottom:200px;
  overflow: hidden;
  position: relative;
}

.s-about {padding:80px 0;}

.display-1 {
  font-family: 'NanumSquare', sans-serif;
  font-size: 56px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000000;
  letter-spacing: -0.03rem;
  margin: 0 auto 36px;
 
}

.subhead {
	font-family: 'NanumSquare', sans-serif;
	font-size:34px;
	line-height: 1.3125;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;

}



.home-content h1 {
  font-family: 'NanumSquare', sans-serif;
  font-size: 60px;
  line-height: 1;
  font-weight:700;
  text-shadow: 5px 5px 5px rgba(0,0,0,0.1);
  margin-top: 0;
  color: #ffffff;
}

.s-about {
  padding-top: 12px;
  padding-bottom: 20px;
  position: relative;
  max-height:560px;
  height:560px;
  overflow:visible;
}




.people-box{background:#fff; padding:20px 30px 30px; border-radius:10px; box-shadow:5px 25px 50px rgba(0,0,0,0.2);  min-height:330px; width:100%; display:block;}
.people-box h4 {font-weight:900; font-size:18px; line-height:25px; margin:10px 0; color:#444;}
.people-box p {font-size:14px; margin:0; color:#888;}
.people-box .right-deco {position:absolute; top:15px; right:35px; border-radius:10px; background:#000; width:20px; height:20px;}
.peoimg {width:70px; margin:10px auto 30px !important; text-align:center;      min-height: 70px;
    height: 70px;border-radius:50%;
    max-height: 70px; overflow:hidden;}
.peoimg img { display:inline; margin:0 auto;
width: auto;

    height: auto;
	min-height:70px;
	text-align:center;
	 overflow:hidden;}





.bottom-video {color:#fff; font-size:18px; line-height:25px;}
.bottom-video h4 {color:#fff; font-size:34px; margin-bottom:25px; font-weight:700; margin-top:60px;}
.bottom-video h4:after {content:""; display:block; height:2px ; width:30px; background:#fff; margin-top:26px;}


.bottom-video2 {color:#888; font-size:18px; line-height:25px; margin-top:65px;}
.bottom-video2 h4 {color:#444; font-size:36px; margin-bottom:25px; font-weight:700;}
.bottom-video2 h4:after {content:""; display:block; height:2px ; width:30px; background:#444; margin-top:26px;}



.foot-banner{ background:#e8ce4d; height:260px; padding:56px 0;}	
.foot-banner h4 {font-size:36px; color:#fff; margin:0 !important; font-weight:700; text-align:left;}
.foot-banner p {font-size:18px; color:#fff; margin:0 0 25px;!important; text-align:left;}
.foot-link {margin-top:50px;}
.foot-link a {color:#fff; font-size:18px;padding:10px 35px;  border:1px solid #fff; border-radius:25px; display:inline-block;}

.footer {background:#f8faf4; padding:25px 0 25px;  font-size:16px;}
.footer p {margin:0 auto; line-height:20px}
.family-site {float:right;background:#eff0ee; line-height:24px; height:40px; padding:10px; color:#888888; min-width:220px; max-width:220px}


@media only screen and (max-width: 600px) {
.header-logo img {width: 100px; height: auto;}
.top-nav{padding:0; margin:0; color:#fff; font-size:12px; float:right; }
.top-nav li {list-style:none; display:inline; padding:0 5px;}
.top-nav li:last-child {padding-right:0;}
.top-nav a {color:#fff;}

.section-header {height:auto; margin:0 auto; }
.one-section {margin-top:55px; margin:0 15px;}
.slide-box { position:relative; display:block; width:100%; height:100%; top:-30px;z-index:1;}
.slide-box img {border-radius:10px; max-height:525px; width:100%; display:block;}
.home-content {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding-bottom:80px;
  overflow: hidden;
  position: relative;
}


.display-1 {
  font-family: 'NanumSquare', sans-serif;
  font-size: 36px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000000;
  letter-spacing: -0.03rem;
  margin-top: 0;
  margin-bottom: 4.8rem;
}


.home-content h1 {
  font-family: 'NanumSquare', sans-serif;
  font-size: 36px;
  line-height: 1;
  font-weight:700;
  text-shadow: 5px 5px 5px rgba(0,0,0,0.1);
  margin-top: 0;
  color: #ffffff;
}
.subhead {
	font-family: 'NanumSquare', sans-serif;
	font-size:18px;
	line-height: 1.3125;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;

}


.bottom-video {color:#fff; font-size:14px; line-height:25px; letter-spacing:-1px;}
.bottom-video h4 {color:#fff; font-size:20px; margin-bottom:25px; font-weight:700;}
.bottom-video h4:after {content:""; display:block; height:2px ; width:30px; background:#fff; margin-top:26px;}


.bottom-video2 {color:#888; font-size:14px; line-height:25px;letter-spacing:-1px;  margin-top:65px;}
.bottom-video2 h4 {color:#444; font-size:20px; margin-bottom:25px; font-weight:700;}
.bottom-video2 h4:after {content:""; display:block; height:2px ; width:30px; background:#444; margin-top:26px;}




.people-box{background:#fff; padding:20px 20px 30px; border-radius:5px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); width:100%; display:block;}
.people-box h4 {font-weight:900; font-size:16px; color:#444;}
.people-box p {font-size:14px; margin:0; color:#888;}
.people-box .right-deco {position:absolute; top:10px; right:10px; border-radius:10px; background:#000; width:15px; height:15px;}
.peoimg {width:70px; margin:10px auto 30px !important; text-align:center;      min-height: 70px;
    height: 70px;border-radius:50%;
    max-height: 70px; overflow:hidden;}
.peoimg img { display:inline; margin:0 auto;
width: auto;

    height: auto;
	min-height:70px;
	text-align:center;
	 overflow:hidden;}






.foot-banner{ background:#e8ce4d; height:200px; padding:80px 0;}	
.foot-banner h4 {font-size:20px; color:#fff; margin:0 !important; font-weight:700; text-align:left;}
.foot-banner p {font-size:12px; color:#fff; margin:0 0 25px;!important; text-align:left;}
.foot-link {margin-top:10px;}
.foot-link a {color:#fff; font-size:12px;padding:5px 10px;  border:1px solid #fff; border-radius:25px; display:inline-block;}

.footer {background:#f8faf4; padding:25px -15px 25px;  font-size:14px;}
.footer p {margin:0 auto; line-height:20px}
.family-site {float:none;background:#eff0ee; line-height:24px; height:40px; padding:10px;color:#888888; min-width:220px; max-width:100%; width:100%;  display:block;}

}






/**서브헤더**/
.sub-header {width:100%; display:block; max-height:300px; }
.sub-nav {width:100%; display:block; border-bottom:1px solid #ddd; height:70px ; margin-bottom:35px;}
.sub-nav a {font-size:18px; text-align:center; width:100%; display:block; line-height:70px; color:#444444; font-weight:400;}
.sub-nav .active {border-bottom:2px solid #000;  margin-top:-1px;} 



.rank-section {
  padding-top: 12px;
  padding-bottom: 70px;
  position: relative;
  overflow:visible;
}



.rank-box {background:#fff; padding:70px 40px 42px; border-radius:5px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); width:100%;}

.rank-box h4 {font-size:30px; color:#111; font-weighT:800;}
.rank-box .school {font-size:18px; margin-top:20px; color:#888;}
.rank-point {width:140px;height:140px;  border-radius:50%; margin:0 auto 70px;  background:#93d500; position:relative;}
.rank-point h2 {padding-top:20px; padding-bottom:10px; border-bottom:1px solid #eee;  display:inline-block; color:#fff; font-weight:700;}
.rank-point .rank-score {line-height:0; margin-top:10px; color:#fff;}


.rank-table {width:100%; margin-top:80px; position:relative; display:table; text-align:center}
.rank-table th {height:70px; font-size:18px; background:#f3f5ef; color:#c8c8c8;   text-align:center; vertical-align:middle;}
.rank-table td {text-align:center; height:70px;  color:#888888; font-size:18px; vertical-align:middle; border-bottom:1px solid #dfe1db}

.rank-guide {font-size:18px; color:#888; margin-top:30px;}
.rank-guide span {background: #93d500;  color:#fff; border-radius:50%;   padding:0 8px; margin-right:10px;}





.school-box {border-radius:5px; background:#fff; width:100%; display:block; margin-bottom:20px;}

.school-info { padding:30px 40px 35px; }
.school-info h4 {font-size:30px; color:#111; font-weight:700; margin-bottom:45px;}
.school-info p {margin-bottom:0; font-size:18px; color:#888}



.stud-box {padding:30px;}
.stud {font-size:18px; color:#888; text-align:center; width:20%; float:left; position:relative; *zoom:1;}
.stud :after {clear:both; display:block; content:"";}
.stu-deco {position:absolute; top:10px; left:30px;  width:16px; height:16px; border-radius:8px; background:#93d500;}

.stu-img {width:70px; border:1px solid #eee; margin:10px auto 15px !important;text-align:center;min-height:70px; height: 70px;border-radius:50%;
    max-height: 70px; overflow:hidden;}
.stu-img img { display:inline; margin:0 auto;
width: auto;

    height: auto;
	min-height:70px;
	text-align:center;
	 overflow:hidden;}




.stud-name{margin-bottom:0;}
.stud-score {margin-top:0;}




@media only screen and (max-width: 600px) {

/**서브헤더**/
.sub-header {width:100%; display:block; max-height:300px; }
.sub-nav {width:100%; display:block; border-bottom:1px solid #ddd; height:70px ; margin-bottom:35px; background:#fff;}
.sub-nav a {font-size:18px; text-align:center; width:100%; display:block; line-height:70px; color:#444444; font-weight:400;}
.sub-nav .active {border-bottom:none;  margin-top:-1px;} 




.rank-section {
  padding-top: 12px;
  padding-bottom: 70px;
  position: relative;
  overflow:visible;
}



.rank-box {background:#fff; padding:30px 0px 40px; border-radius:5px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); width:100%;}

.rank-box h4 {font-size:18px; color:#111; font-weighT:800; text-align:center; margin:0;}
.rank-box .school {font-size:14px; margin-top:0px; color:#888; text-align:center;}
.rank-point {width:60px;height:60px;  border-radius:50%; margin:0 auto 40px;  background:#93d500; position:relative;}
.rank-point h2 {padding-top:0px; margin-top:15px; font-size:16px; padding-bottom:0px; border-bottom:1px solid #eee;  display:inline-block; color:#fff; font-weight:700;}
.rank-point .rank-score {line-height:0; margin-top:0px; color:#fff; font-size:12px; }


.rank-table {width:100%; margin-top:80px; position:relative; display:table; text-align:center}
.rank-table th {height:70px; font-size:18px; background:#f3f5ef; color:#c8c8c8;   text-align:center; vertical-align:middle;}
.rank-table td {text-align:center; height:70px;  color:#888888; font-size:18px; vertical-align:middle; border-bottom:1px solid #dfe1db}

.rank-guide {font-size:18px; color:#888; margin-top:30px;}
.rank-guide span {background: #93d500;  color:#fff; border-radius:50%;   padding:0 8px; margin-right:10px;}





.school-box {border-radius:5px; background:#fff; width:100%; display:block; margin-bottom:20px;}

.school-info { padding:30px 40px 35px; }
.school-info h4 {font-size:30px; color:#111; font-weight:700; margin-bottom:45px;}
.school-info p {margin-bottom:0; font-size:18px; color:#888}



.stud-box {padding:30px;}
.stud {font-size:18px; color:#888; text-align:center; width:20%; float:left; position:relative; *zoom:1;}
.stud :after {clear:both; display:block; content:"";}
.stu-deco {position:absolute; top:10px; left:30px;  width:16px; height:16px; border-radius:8px; background:#93d500;}

.stu-img {width:70px; border:1px solid #eee; margin:10px auto 15px !important;text-align:center;min-height:70px; height: 70px;border-radius:50%;
    max-height: 70px; overflow:hidden;}
.stu-img img { display:inline; margin:0 auto;
width: auto;

    height: auto;
	min-height:70px;
	text-align:center;
	 overflow:hidden;}




.stud-name{margin-bottom:0;}
.stud-score {margin-top:0;}

.s-nop {padding-left:6px !important; padding-right:6px !important;}


}