.usm-line { display: none; }

#usm-grade { position: relative; }

#usm-grade-top-id { position: absolute; left: 0; top: 55px; z-index: 10; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn { display: none; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li { float: left; color: #ffffff; padding: 0 5px; font-weight: bold; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li a { color: #ffffff; }

.usm-grade-img { display: none; }

.usm-class-nme { left: 0; top: 0; width: 100%; white-space:nowrap; overflow:hidden; height: 80px; position: absolute; text-align: center; vertical-align: middle; font-size: 24px; font-weight: bold; line-height: 70px; }
.usm-class-nme a { color: #000; }

.usm-mobile-menu { left: 0; top: 0; width: 100%; height: 80px; transition: top .5s ease-out; background-color: #feb813; }
#usm-grade-left-id .usm-grade-menu li.line { display: none; }
.usm-spinner-master input[type=checkbox] { display: none; }

.usm-spinner-master * { transition: all 0.3s; box-sizing: border-box; }
.usm-spinner-master { position: relative; margin: 20px 15px 15px 15px; height: 30px; width: 30px; float: right; }
.usm-spinner-master label { cursor: pointer; position: absolute; z-index: 99; height: 100%; width: 100%; top: 11px; left: 0; }
.usm-spinner-master .spinner { position: absolute; height: 4px; width: 100%; padding: 0; background-color: #ffffff; }
.usm-spinner-master .diagonal.part-1 { position: relative; float: left; }
.usm-spinner-master .horizontal { position: relative; float: left; margin-top: 4px; }
.usm-spinner-master .diagonal.part-2 { position: relative; float: left; margin-top: 4px; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }

/* Common Menu Start */

nav { clear: both; }
nav > ul li a { line-height: 250%; font-size: 16px; margin: 0; padding: 0; list-style: none; border: none; text-decoration: none; position: relative; display: block; }
nav > ul li a:hover { color: #ffffff; }

/* Common Menu End */

/* First Menu Start*/

nav > ul { display: none; }
nav > ul.active { display: block; }
nav > ul > li { background-color: #e7e7e7; border-bottom: 1px solid #777777; }
nav > ul > li:first-of-type { border-top: 2px solid #777777; }
nav > ul > li > a { padding: 0 0 0 20px; color: #000; }
nav > ul > li > a.active { background-color: #0FAE16; color: #94FF95; font-weight: bold; }

/* First Menu End */

/* Ä«Æ亸±â */
.usm-class-home { clear: both; float: left; width: 98%; margin: 15px 0; padding: 0 1%; }
.usm-class-home h3 { clear: both; float: left; width: 95.7%; border: 1px solid #d7d7d7; border-radius: 20px; padding: 10px 2%; margin: 0 0 10px 0; }
.usm-class-home dl { clear: both; float: left; width: 99.7%; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.usm-class-home dl:first-of-type { border-top: 1px solid #d7d7d7; }
.usm-class-home dt {float:left;padding:12px;width: 10%; background-color:#F7F7F7;font-weight:bold;text-align: center; }
.usm-class-home dd { float: left; margin: 7px 5px 0 0; }
.usm-class-home dd:first-of-type { margin: 7px 5px 0 5px; }

.usm-class-group-home { clear: both; float: left; width: 100%; }
.usm-class-group-home dl:last-child { margin: 0 0 10px 0; }

/* profile */

#usm-grade-profile-id { }
#usm-grade-profile-id .usm-tit { display: none; }
#usm-grade-profile-id .usm-con { display: none; }
#usm-grade-profile-id .usm-grade-tit { display: block; background-color: #ECECEC; }
#usm-grade-profile-id .usm-grade-title { font-size: 16px; font-weight: bold; padding: 5px 1% 0 1%; }
#usm-grade-profile-id .usm-grade-info { float: left; font-size: 14px; font-weight: bold; color: #787878; background-color: #ECECEC; border-bottom: 1px solid #333333; padding: 5px 1%; width: 98%; }
#usm-grade-profile-id .usm-grade-info li { float: left; padding: 0 10px 0 0; }

/* ann */

#usm-grade-post-ann-id { clear: both; float: left; width: 98%; padding: 1%; border-bottom: 1px solid #d7d7d7; margin: 0 0 15px 0; }
#usm-grade-post-ann-id h2 { clear: both; float: left; width: 100%; }
#usm-grade-post-ann-id .usm-post-tit { clear: both; float: left; font-size: 16px; }
#usm-grade-post-ann-id .usm-post-more { float: right; font-size: 14px; padding: 2px 0 0 0; }
#usm-grade-post-ann-id .usm-post-ann-td { clear: both; padding: 7px 0 0 0; }
#usm-grade-post-ann-id .usm-post-ann-td li { float: left; }
#usm-grade-post-ann-id .usm-post-ann-td .usm-post-ann-tit { font-size: 14px; font-weight: bold; color: #535353; margin: 0 0 10px 0; }
#usm-grade-post-ann-id .usm-post-ann-con { clear: both; margin: 10px 0 0 0; }
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-content { width: 100%; margin: 5px 0 0 0; height: 100px; overflow: auto; }
#usm-grade-post-ann-id .usm-post-ann-con-non { clear: both; text-align: center; font-weight: bold; font-size: 13px; padding: 20px 0 0 0; }
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-files {padding: 0 1%; margin: 5px 0 0 0; background-color:#f5b223;overflow:auto;}
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-files dt { font-weight: bold; float: left; width: 20%; text-align: center; padding: 2px 0 0 0; }
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-files dd { float:left; vertical-align: top; padding: 0 0 5px 0; }
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-files dd div { }

#usm-grade-post-alb-id { clear: both; float: left; width: 98%; padding: 1%; border-bottom: 1px solid #d7d7d7; margin: 0 0 15px 0; }
#usm-grade-post-alb-id h2 { clear: both; float: left; width: 100%; }
#usm-grade-post-alb-id .usm-post-tit { float: left; font-size: 16px; margin: 0 0 10px 0; }
#usm-grade-post-alb-id .usm-post-more { float: right; font-size: 14px; padding: 2px 0 0 0; }
#usm-grade-post-alb-id .usm-post-album-con { clear: both; float: left; width: 100%; }
#usm-grade-post-alb-id .usm-post-album-imgbox { width: 100%; height: auto; padding: 1%; border: 1px solid #918D8F; box-sizing: border-box; margin: 0 0 10px 0; }
#usm-grade-post-alb-id .usm-post-album-img { width: 100%; height: 150px; }
#usm-grade-post-alb-id .usm-post-album-img img { width: 100%; height: 150px; }
#usm-grade-post-alb-id .usm-post-img-tit { width: 98%; margin: 5px 0; padding: 5px 1%; background-color: #F3F1F2; font-weight: bold; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#usm-grade-post-alb-id .usm-post-img-inf li { line-height: 160%; text-align: center; }

#usm-grade-post-alb-id .usm-post-ann-td { clear: both; padding: 0; width: 100%; }
#usm-grade-post-alb-id .usm-post-ann-td li { clear: both; width: 100%; height: 20px; }
#usm-grade-post-alb-id .usm-post-ann-td li span:first-of-type { float: left; }
#usm-grade-post-alb-id .usm-post-ann-td li span:last-of-type { float: right; }

#usm-grade-post-sch-id { clear: both; float: left; width: 98%; padding: 1%; margin: 0 0 15px 0; }
#usm-grade-post-sch-id .usm-grade-post-sch-top { clear: both; float: left; width: 100%; font-size: 16px; }
#usm-grade-post-sch-id .usm-grade-post-sch-con { clear: both; float: left; width: 100%; margin: 10px 0 0 0; }
#usm-grade-post-sch-id .usm-grade-post-sch-con th, td { line-height: 200%; font-size: 13px; width: 14.2%; padding: 1px; }
#usm-grade-post-sch-id .usm-grade-post-sch-con th { background: #feb813; color: #fff; }
#usm-grade-post-sch-id .usm-grade-post-sch-con td:first-of-type { text-align: center; }
#usm-grade-post-sch-id .usm-grade-post-sch-con td { text-align: center; }

.tch-year-list-wrap {border:1px solid #E4E4E4;padding:10px 0;border-bottom:2px solid;text-align:center;}
.tch-year-list-wrap span {display:inline-block;}
.tch-year-list-wrap span a {display:inline-block;}
.tch-year-list-wrap span:first-child a {padding-left:20px;background:url('../../../www/images/paging-prev.gif') no-repeat no-repeat left center;}
.tch-year-list-wrap span:last-child a {padding-right:20px;background:url('../../../www/images/paging-next.gif') no-repeat no-repeat right center;}
.tch-year-list-wrap span:nth-child(2) {padding:0 10px;font-weight:bold;padding:3px 5px;}

.tch-no-data {clear:both;text-align:center;padding:10px 0;border-style: solid;border-width: 0px 1px 1px 1px;border-color:#E4E4E4;margin-bottom:5px;}

footer { clear: both; width: 100%; background-color: #f5b223; margin: 65px 0 0 0; text-align:center; }
footer .usm-grade-copyright {  padding: 7px 0; color: #fff; font-size: 14px; }

@media (min-width:768px) and (max-width:1023px){

	#usm-grade-post-alb-id { clear: none; float: left; width: 48%; padding: 1%; border-bottom: none; }
	#usm-grade-post-sch-id { clear: none; float: right; width: 48%; padding: 1%; }

	#usm-grade-post-alb-id.usim-grade-post-sch-unused { width: 98%; }
	#usm-grade-post-alb-id .usm-post-album-imgbox { float: left; width: 48%; }
	#usm-grade-post-alb-id .usm-post-album-imgbox:nth-child(even) { margin: 0 0 10px 0; }
	#usm-grade-post-alb-id .usm-post-album-imgbox:nth-child(odd) { margin: 0 1% 10px 1%; }

}

@media all and (min-width:1024px){

section { width: 1200px; height: auto; margin: 0 auto; position: relative; }

.usm-mobile-menu { display: none; }

#usm-grade-top-id { width: 100%; height: 30px; background-color: #feb813; position: static; }

#usm-grade-top-id .usm-grade-top { width: 1200px; height: 30px; margin: 0 auto; }

#usm-grade-top-id .usm-grade-top .usm-grade-top-btn { float: right; height: 30px; background-color: #fe9d13; padding: 0 25px; display: block; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn li { float: left; color: #fff; padding: 5px 5px 0 5px; font-weight: normal; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn li a { color: #fff; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn li:after { content: '\2503'; vertical-align: middle;  padding: 0 0 0 9px; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn li:last-of-type:after { content: ''; }

#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 { float: right; height: 30px; padding: 0 25px; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li { float: left; color: #fff; padding: 5px 5px 0 5px; font-weight: normal; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li a { color: #fff; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li:after { content: '\2503'; vertical-align: middle; padding: 0 0 0 9px; }
#usm-grade-top-id .usm-grade-top .usm-grade-top-btn2 li:last-of-type:after { content: ''; }

#usm-grade-profile-id { background:url('../images/main_bg.jpg') no-repeat; width: 1200px; height: 410px; position: relative; }
#usm-grade-profile-id .usm-tit { display: block; clear: both; width: 100%; text-align: right; font-size: 24px; color: #ff9101; }
#usm-grade-profile-id .usm-grade-tit { background: none; border: none; width: 287px; height: 260px; position: absolute; top: 100px; left: 50px; }
#usm-grade-profile-id .usm-con { display: block; width: 267px; height: 160px; margin: 10px 0; padding: 0 10px; overflow: auto; overflow-x: hidden; color: #000; }

#usm-grade-profile-id .usm-grade-info { clear: both; float: left; background: none; border: none; color: #000; padding: 0 10px; width: 267px; }

#usm-grade-profile-id .usm-grade-img { display: block; width: 750px; height: 275px; position: absolute; top: 50px; left: 410px; z-index: 1; }
#usm-grade-profile-id .usm-grade-img div { width: 750px; height: 275px; }
#usm-grade-profile-id .usm-grade-img div img { width: 750px; height: 275px; border-radius: 8px 8px 0 0; }

#usm-grade-profile-id .usm-grade-title { border: none; position: absolute; top: 225px; left: 360px; width: 730px; height: 33px; padding: 7px 10px 10px 10px; background-color: #f5b223; color: #fff; font-size: 24px; z-index: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border-radius: 0 0 8px 8px; }

#usm-grade-left-id { position: absolute; top: 410px; left: 0px; width: 225px; height: auto; padding: 10px 0; overflow: auto; overflow-x: hidden; max-height: 580px; }

	nav > ul { display: block; width: 205px; padding: 0 10px; }
	nav > ul > li { background-color: #fff; border-bottom: none; padding: 5px 0; }
	nav > ul > li:first-of-type { border-top: none; }
	nav > ul > li.select a { color: #fe9d13; font-weight: bold; }
	nav > ul > li.select a:hover { color: #fe9d13; }
	nav > ul > li a { color: #333; font-size: 16px; line-height: 120%; padding: 0; }
	nav > ul > li a:hover { color: #333; }

.usm-line { display: block; border-left: 1px solid #d7d7d7; position: absolute; top: 410px; left: 226px; height: 600px; }

#usm-grade-post-ann-id { clear: both; float: left; width: 923px; height: 200px; background-color: #fcf9e7; border: 1px solid #e0e0e0; position: absolute; top: 435px; left: 250px; }
#usm-grade-post-ann-id h2 { float: left; width: 116px; }
#usm-grade-post-ann-id h2 .tit { clear: both; }
#usm-grade-post-ann-id h2 .usm-post-more { clear: both; float: left; font-size: 12px; }
#usm-grade-post-ann-id .usm-post-ann-td { clear: none; float: right; width: 797px; padding: 0; }
#usm-grade-post-ann-id .usm-post-ann-td .usm-post-ann-tit { float: right; width: 797px; margin: 0; font-size: 16px; }
#usm-grade-post-ann-id .usm-post-ann-con { clear: none; float: right; width: 797px; height: 170px; margin: 0; }
#usm-grade-post-ann-id .usm-post-ann-con .usm-post-ann-content { height: 130px; }

#usm-grade-post-sch-id { width: 340px; position: absolute; top: 682px; left: 250px; padding: 0; }
#usm-grade-post-sch-id .usm-grade-post-sch-con td { padding: 5px 1px; line-height: 100%; letter-spacing: -0.1em; }

#usm-grade-post-alb-id { width: 552px; position: absolute; top: 682px; left: 646px; border: none; padding: 0; }
#usm-grade-post-alb-id .usm-post-album-imgbox { float: left; width: 48%; margin: 0 1%; }

#usm-grade-post-alb-id.usim-grade-post-sch-unused { width: 949px; left: 250px; }
#usm-grade-post-alb-id.usim-grade-post-sch-unused .usm-post-album-con { padding: 0 0 0 5px; }
#usm-grade-post-alb-id.usim-grade-post-sch-unused .usm-post-album-imgbox { float: left; width: 24%; margin: 0 1% 0 0; }
#usm-grade-post-alb-id.usim-grade-post-sch-unused .usm-post-album-imgbox:first-of-type { margin: 0 1% 0 0; }
#usm-grade-post-alb-id.usim-grade-post-sch-unused .usm-post-album-imgbox:last-of-type { margin: 0; }


.usm-class-home { position: absolute; top: 427px; left: 230px; width: 80%; }

footer { margin: 600px auto 0 auto; }

.usm-real-Name {  float: left; width: 975px; min-height: 400px; margin: 0px 0 0 225px; padding: 15px 0 0 0; }
.usm-real-Name iframe { width: 100%; min-height: 400px; }

}

.pwcheck-area span { font-weight: bold; }
.pwcheck-area th { width: 30%; }
.pwcheck-area td { width: 70%; }