#uc_navi_clients {
  padding:80px;
  overflow: hidden;
  position:relative
}

.top-image-pattern {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0;
	background-image:url(../images/home-pattern.png);
	background-repeat:repeat;
	opacity:0.2;
}

.clients{
    background-image:url(../images/17.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 39%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}
.clients h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.clients p {
	color:#fff
}

/* 센터소개 */
.h-intro{
    background-image:url(../images/header_090.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 45%;
	background-repeat:no-repeat;
    padding:60px;
    margin-bottom:20px;
}

.h-intro h2 {
	margin-bottom:30px;
	color:#fff;
    background-color:#ff8d00;
    padding:0 30px 0 30px;
    opacity:0.9;
    visibility:hidden;
}

.h-intro p {
	color:#fff
}

.h-history{
    background-image:url(../images/header_092.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 19%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-history h2 {
	margin-bottom:30px;
	color:#fff;
    background-color:#ff8d00;
    padding:0 30px 0 30px;
    opacity:0.9;
    visibility:hidden;
}

.h-history p {
	color:#fff
}

.h-organ{
    background-image:url(../images/header_094.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 35%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-organ h2 {
	margin-bottom:30px;
	color:#fff;
    background-color:#ff8d00;
    padding:0 30px 0 30px;
    opacity:0.8;
    visibility:hidden;
}

.h-organ p {
	color:#fff
}

.h-contact{
    background-image:url(../images/header_093.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 35%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-contact h2 {
	margin-bottom:30px;
	color:#fff;
    background-color:#ff8d00;
    padding:0 30px 0 30px;
    opacity:0.8;
    visibility:hidden;
}

.h-contact p {
	color:#fff
}

/* 행복교육안내 */
.h-guide{
    background-image:url(../images/header_007.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-guide h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-guide p {
	color:#fff
}

.h-education{
    background-image:url(../images/header_087.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-education h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-education p {
	color:#fff
}

.h-offline{
    background-image:url(../images/header_87.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline p {
	color:#fff
}

.h-offline-element{
    background-image:url(../images/header_087.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-element h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-element p {
	color:#fff
}

.h-offline-element-workshop{
    background-image:url(../images/header_107.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 55%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-element-workshop h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-element-workshop p {
	color:#fff
}

.h-offline-intermid{
    background-image:url(../images/header_082.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 45%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-intermid h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-intermid p {
	color:#fff
}

.h-offline-intermid-workshop{
    background-image:url(../images/header_108.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 45%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-intermid-workshop h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-intermid-workshop p {
	color:#fff
}


.h-offline-college{
    background-image:url(../images/header_097.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 48%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-college h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-college p {
	color:#fff
}

.h-offline-college-workshop{
    background-image:url(../images/header_089.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 62%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-college-workshop h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-college-workshop p {
	color:#fff
}


.h-offline-other{
    background-image:url(../images/header_061.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 42%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-offline-other h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-offline-other p {
	color:#fff
}

.h-online-cyber{
    background-image:url(../images/header_071.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 55%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-online-cyber h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-online-cyber p {
	color:#fff
}

/* 교수학습자료실 */
.h-teaching{
    background-image:url(../images/header_008.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-teaching h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-teaching p {
	color:#fff
}

.h-teaching-guide{
    background-image:url(../images/header_088.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 60%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-teaching-guide h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-teaching-guide p {
	color:#fff
}

.h-teaching-element{
    background-image:url(../images/header_099.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 42%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-teaching-element h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-teaching-element p {
	color:#fff
}

.h-teaching-junior1{
    background-image:url(../images/header_008.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 38%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-teaching-junior1 h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-teaching-junior1 p {
	color:#fff
}

.h-teaching-comic{
    background-image:url(../images/header_102.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 24%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-teaching-comic h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-teaching-comic p {
	color:#fff
}

.h-edition-element{
    background-image:url(../images/header_100.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 38%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-edition-element h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-edition-element p {
	color:#fff
}

.h-edition-junior1{
    background-image:url(../images/header_008.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 35%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-edition-junior1 h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-edition-junior1 p {
	color:#fff
}

.h-edition-junior2{
    background-image:url(../images/header_008.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 35%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-edition-junior2 h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-edition-junior2 p {
	color:#fff
}


.h-chapter{
    background-image:url(../images/header_012.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 46%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-chapter h2 {
	margin-bottom:30px;
	color:#ffffff;
    visibility:hidden;
}

.h-chapter p {
	color:#fff
}

/* 게시판 */
.h-notice{
    background-image:url(../images/header_075.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 60%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-notice h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-notice p {
	color:#fff
}

.h-cardNews{
    background-image:url(../images/header_012.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 30%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-cardNews h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-cardNews p {
	color:#fff
}

.h-freeboard{
    background-image:url(../images/header_080.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-freeboard h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-freeboard p {
	color:#fff
}

.h-data{
    background-image:url(../images/header_104.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 30%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-data h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-data p {
	color:#fff
}

.h-calendar{
    background-image:url(../images/header_007.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 50%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-calendar h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-calendar p {
	color:#fff
}

/* 마이페이지 */
.h-mypage{
    background-image:url(../images/header_063.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 50%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage p {
	color:#fff
}

.h-mypage-all{
    background-image:url(../images/header_111.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 42%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-all h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-all p {
	color:#fff
}

.h-mypage-school{
    background-image:url(../images/header_110.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-school h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-school p {
	color:#fff
}

.h-mypage-workshop{
    background-image:url(../images/header_009.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 50%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-workshop h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-workshop p {
	color:#fff
}

.h-mypage-class{
    background-image:url(../images/header_063.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 50%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-class h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-class p {
	color:#fff
}


.h-mypage-personal{
    background-image:url(../images/header_109.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 30%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-personal h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-personal p {
	color:#fff
}

.h-mypage-password{
    background-image:url(../images/header_112.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 25%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-mypage-password h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-mypage-password p {
	color:#fff
}

/* 회원가입 */
.h-member{
    background-image:url(../images/header_070.jpg);
	background-color:#0A0A13;
    background-size:cover;
	background-position: 80% 40%;
	background-repeat:no-repeat;
    padding:40px;
    margin-bottom:20px;
}

.h-member h2 {
	margin-bottom:30px;
	color:#f6f6f6;
    visibility:hidden;
}

.h-member p {
	color:#fff
}