@charset "utf-8";

.body-sub,
.subContents,
.contents {margin:0;}

/* sub title */
.sub-title {text-align: left; margin-bottom: 20px;}
.sub-title h2 {font-size: 27px; font-weight: 700; color: #222;}
.sub-title h2 span {font-size: 20px; font-weight: 400; color: #666; vertical-align: baseline;}

/* 010101 */
.greet-wrap {font-size: 0;}
.greet-wrap div {display: inline-block; width: 50%;}
.greet-wrap div .text,
.greet-wrap div .img {width: 100%;}

.greet-wrap .left .img:first-child {height: 475px;}
.greet-wrap .left .img:first-child img {display: block; width: 100%; height: 100%; object-fit: cover;}
.greet-wrap .left .img:last-child {padding: 120px 0 0 115px; height: 320px; background: url('../images/contents/greet-img02.png') 0 0 no-repeat; background-size: contain;}
.greet-wrap .left .img h4 {font-size: 20px; font-weight: 700; letter-spacing: 10px; color: #327ad1; line-height: 2; text-transform: uppercase;}
.greet-wrap .left .img h4 span {color: #ed7533; display: block;}

.greet-wrap .right .text:first-child {padding: 65px 75px 75px; vertical-align: top; height: 475px; overflow: hidden; background: #ed7533; position: relative;}
.greet-wrap .right .text:first-child::after {content: ""; width: 344px; height: 267px; background: url('../images/contents/greet-bg.png') 0 0 no-repeat; position: absolute; bottom: -66px; right: -65px;}
.greet-wrap .right h4 {font-family: Jalnan; font-size: 45px; color: #fff; line-height: 1.2; position: relative; z-index: 1;}

.greet-wrap .right .text .logo {display: none;}

.greet-wrap .right .text:last-child {border-left: 2px solid #ed7533; padding: 50px 0 0 50px; min-height: 270px; margin-top: 50px; position: relative;}
.greet-wrap .right .text:last-child:after {content: ""; width: 6px; height: 6px; background: #ed7533; border-radius: 50%; position: absolute; top: -15px; left: -1px; transform: translateX(-50%);}
.greet-wrap .right p {font-size: 18px; font-weight: 300; line-height: 1.4; color: #222;}
.greet-wrap .right p:last-child {font-size: 25px; font-weight: 500;}
.greet-wrap .right p+p {margin-top: 45px;}
.greet-wrap .right p span {color: #ed7533; vertical-align: baseline; font-weight: 700;}
.greet-wrap .right p span.logo img {width: 210px; transform: translateY(-30%);}
.greet-wrap .right p span br {display: none;}

@media only screen and (max-width: 1400px) {
	.greet-wrap div {font-size: 0; width: 100%;}
	.greet-wrap div .text, .greet-wrap div .img {display: inline-block; width: 50%;}
	.greet-wrap .left .img:first-child {height: auto;}
	.greet-wrap .right {padding-top: 0;}
	.greet-wrap .right .text:first-child {height: 300px; padding: 60px 50px;}
	.greet-wrap .right .text:last-child {margin-top: 30px; border-left: 0; vertical-align: top;}
	.greet-wrap .right .text:last-child:after {display: none;}
}
@media only screen and (max-width: 1024px) {
	.greet-wrap div .text {width: 100%;}
	.greet-wrap .left .img:last-child {padding: 40px; margin-bottom: 10px; height: auto;}

	.greet-wrap .right h4 {font-size: 36px;}
	.greet-wrap .right .text:first-child {padding: 40px; margin-bottom: 30px;}
	.greet-wrap .right .text:last-child {padding: 10px; margin-top: 0;}
}

@media only screen and (max-width: 768px) {
	.greet-wrap .left .img:last-child {padding: 0 20px;}
	.greet-wrap .left .img h4 {letter-spacing: 5px;}

	.greet-wrap .right h4 {font-size: 32px;}
	.greet-wrap .right h4 br {display: block;}

	.greet-wrap .right .text:first-child {padding: 40px 40px 80px; height: auto; }
	.greet-wrap .right .text:first-child::after {width: 250px; height: 225px; right: -35px; background-size: 100%;}
	
    .greet-wrap .right p:last-child {font-size: 20px;}
}

@media only screen and (max-width: 640px) {
	.greet-wrap div .img {width: 100%;}
	.greet-wrap .left .img:last-child {padding: 40px;}

	.greet-wrap .right .text:first-child::after {width: 140px;height: 155px;right: -35px;background-size: 100%;}
	.greet-wrap .right h4 {font-size: 28px;}
    .greet-wrap .right .text .logo {padding: 20px; border-radius: 15px;}

    .greet-wrap .right p {font-size: 16px;}
}

@media only screen and (max-width: 480px) {
	.greet-wrap .right .text:first-child,
	.greet-wrap .left .img:last-child {padding: 20px;}
	.greet-wrap .right h4 {font-size: 25px; margin-bottom: 15px;}

    .greet-wrap .right p:last-child {font-size: 16px;}
    
    .greet-wrap .right .text span.logo {display: inline-block; margin-top: 30px;}
    .greet-wrap .right .text:last-child {text-align: center;}
	.greet-wrap .left .img h4 {font-size: 18px;}
    .greet-wrap .right p br {display: block;}
}



/* 010201 */
.vision-wrap {text-align: center;}
.vision-wrap > .inner {font-size: 0; margin-bottom: 100px;}
.vision-wrap > .inner .vision-item {display: inline-block; width: calc(50% - 200px);}
.vision-wrap > .inner .vision-item.nth-2 {width: auto;}
.vision-wrap > .inner .vision-item h4 {font-family: Jalnan; font-size: 60px; padding: 0 30px; line-height: 1.4;}
.vision-wrap > .inner .vision-item.nth-1 {color: #327ad1; text-align: right;}
.vision-wrap > .inner .vision-item.nth-3 {color: #85b222; text-align: left; }

.vision {background: #eef1f3;}
.vision .inner {font-size: 0; padding: 85px 0 130px;}
.vision .vision-item {display: inline-block; width: 33.3333%; padding: 0 4.5%; text-align: center; position: relative;}
.vision .vision-item h6 {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%);}
.vision .vision-item h6 span {display: block; width: 5px; height: 5px; background: #327ad1; border-radius: 50%;}
.vision .vision-item h6 span+span {margin-top: 5px;}
.vision .vision-item.nth-2 h6 span {background: #ed7533;}
.vision .vision-item.nth-3 h6 span {background: #87c136;}
.vision .vision-item.nth-1 {color: #327ad1;}
.vision .vision-item.nth-2 {color: #ed7533; border-left: 1px dashed #cbd4da;}
.vision .vision-item.nth-3 {color: #87c136; border-left: 1px dashed #cbd4da;}
.vision .vision-item h4 {font-family: Jalnan; font-size: 50px; position: relative;}
.vision .vision-item h4:after {content: ""; width: 5px; height: 46px; border-radius: 30px; margin: 35px auto; display: block;}
.vision .vision-item.nth-1 h4:after {background: #327ad1;}
.vision .vision-item.nth-2 h4:after {background: #ed7533;}
.vision .vision-item.nth-3 h4:after {background: #87c136;}
.vision .vision-item h2 {display: table-cell; width: 100%; height: 140px; font-size: 25px; font-weight: 400; color: #222; background: #fff; border-radius: 20px; border: 2px solid; line-height: 1.4;padding: 15px;}
.vision .vision-item.nth-1 h2 {border-color: #327ad1;}
.vision .vision-item.nth-2 h2 {border-color: #ed7533;}
.vision .vision-item.nth-3 h2 {border-color: #87c136;}
.vision .vision-item p {font-size: 30px; font-weight: 700; color: #fff; padding: 15px 0; width: 100%; border-radius: 15px; margin-top: 50px;}
.vision .vision-item.nth-1 p {background: #327ad1;}
.vision .vision-item.nth-2 p {background: #ed7533;}
.vision .vision-item.nth-3 p {background: #87c136;}

@media only screen and (max-width: 1400px) {
    .vision-wrap > .inner .vision-item h4 {font-size: 50px;}
}
@media only screen and (max-width: 1240px) {
	.vision .vision-item {padding: 0 3%;}
	.vision .vision-item h2 {font-size: 22px;}
	.vision .vision-item h4 {font-size: 45px;}
}
@media only screen and (max-width: 1024px) {
	.vision .inner {padding: 50px 0;}
	.vision .vision-item {width: 100%; padding: 40px 0;}
	.vision .vision-item h2 {display: inline-block; height: auto; font-size: 20px;}
	.vision .vision-item h6 {bottom: 125px;}
	.vision .vision-item p {font-size: 25px;}
	.vision .vision-item h4 {font-size: 40px;}
	.vision .vision-item.nth-1 {padding-top: 0;}
	.vision .vision-item.nth-2,
	.vision .vision-item.nth-3 {border: 0; border-top: 1px dashed #cbd4da;}

    .vision-wrap > .inner .vision-item h4 {font-size: 40px;}
    .vision-wrap > .inner .vision-item {width: 100%; margin-top: 30px;}
    .vision-wrap > .inner .vision-item.nth-1 {margin-top: 0; text-align: center;}
    .vision-wrap > .inner .vision-item.nth-3 {text-align: center;}
}
@media only screen and (max-width: 768px) {
	.vision-wrap .img {margin-bottom: 40px;}
	.vision .vision-item {padding: 30px 0;}
	.vision .vision-item h2{font-size: 18px;}
	.vision .vision-item h4 {font-size: 32px;}
	
    .vision-wrap > .inner .vision-item h4 {font-size: 32px;}
    .vision-wrap > .inner .vision-item.nth-2 img {width: 320px;}
}
@media only screen and (max-width: 480px) {
	.vision .vision-item h4 {font-size: 25px;}
    .vision-wrap > .inner .vision-item h4 {font-size: 25px;}
    .vision-wrap > .inner .vision-item.nth-2 img {width: 280px;}
}



/* 010301 */
.history-wrap {position: relative;}
.history-wrap:after {content: ""; width: 424px; height: 168px; background: url('../images/contents/bg_history01.png') center no-repeat; position: absolute; bottom: -200px; left: 50%; transform: translateX(-50%);}

.history-wrap .history-title h4 {font-size: 40px; font-weight: 500; color: #083190; text-align: center; line-height: 1.4; margin-bottom: 80px;}
.history-wrap .history-title h4 span {display: block; font-weight: 300; color: #4eabaa;}

.history {position: relative; position: relative; padding: 150px 0 115px;}
.history::before {content: ""; width: 3px; height: 105%; background: #7da46a; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.history::after {content: ""; display: block; width: 85px; height: 100%; background: url('../images/contents/history-tree.png') 50% 0 no-repeat; background-size: contain; position: absolute; top: -27px; left: 50%; margin-left: -42.5px; animation: fadeInUp 3s;}

.history-item-wrap {width: 50%; margin-bottom: 45px; position: relative; z-index: 1;}
.history-item-wrap:after {content: ""; width: 35px; height: 20px; position: absolute; top: 25px;}
.history-item-wrap.type1:after {right: 0; transform: translateY(-50%); background: url('../images/contents/history-dot-type1.png') center no-repeat;}
.history-item-wrap.type2:after {right: 100%; transform: translate(100%, -50%); background: url('../images/contents/history-dot-type2.png') center no-repeat;}
.history-item-wrap.type1 {margin-right: 50%; padding-right: 50px; text-align: right;}
.history-item-wrap.type2 {margin-left: 50%; padding-left: 50px; text-align: left;}

.history-item-title {font-family: Jalnan; font-size: 45px; color: #87c136; margin-bottom: 20px; position: relative;}
.history-item-wrap:nth-of-type(2) .history-item-title::before {content: ""; width: 700px; height: 314px; background: url('../images/contents/bg_history02.png') 0 0 no-repeat; position: absolute; top: 260%; right: 100%;}

.history-item {margin-bottom: 20px;}
.history-item-wrap .history-item:last-child {margin: 0;}
.history-item:after {display: block; content: ""; clear: both;}
.history-item-wrap .history-text {font-size: 18px; font-weight: 400; color: #666; line-height: 1.4; width: calc(100% - 45px);}
.history-item-wrap .month {font-family: Jalnan; font-size: 20px; color: #222; min-width: 30px; min-height: 1px;}
.history-item-wrap.type1 .history-text {float: right; margin-right: 15px;}
.history-item-wrap.type1 .month {float: right;}
.history-item-wrap.type2 .history-text {float: left; margin-left: 15px;}
.history-item-wrap.type2 .month {float: left;}


@media only screen and (max-width: 1024px) {
    .history-wrap .history-title h4 {font-size: 35px;}
}

@media only screen and (max-width: 768px) {
    .history-wrap .history-title h4 {font-size: 25px; margin-bottom: 40px;}

	.history-item-wrap:nth-of-type(2) .history-item-title::before {right: 50px;}
}

@media only screen and (max-width: 640px) {
	.history:after {left: 30px;}
	.history::before {left: 30px;height: 100%;}
	.history-info {font-size: 18px;}

    .history-item-title {font-size: 35px;}
	.history-item-wrap {width: calc(100% - 175px);}
	.history-item-wrap.type1 {margin: 0 0 45px 30px; padding: 0 0 0 50px; text-align: left;}
    .history-item-wrap.type1:before {right: auto; left: -2px;}
	.history-item-wrap:after {right: auto; left: -35px; transform: rotate(45deg);}
	.history-item-wrap.type1 .month {float: left;} 
	.history-item-wrap.type1 .history-text {float: left; margin: 0 0 0 10px;}
	.history-item-wrap.type2 {margin: 0 0 45px 30px;}
	.history-item-wrap:nth-of-type(2) .history-item-title::before {display: none;}
	.history-wrap:after {bottom: -100px; left: 30px;}
}

@media only screen and (max-width: 480px) {
	.history-title:before {left: -31px; top: calc(100% + 15px);}
	.history-wrap .history-title h4 {font-size: 20px;}

	.history-item-wrap {width: 100%;}
	.history-item-wrap.type1 {margin: 0 0 45px 0;}
	.history-item-wrap.type2 {margin: 0 0 45px 0;}
	.history-item-wrap:after {left: -5px;}
    .history-item-wrap.type1,
    .history-item-wrap.type2 {padding-left: 70px;}

    .history-item-wrap .month {min-width: 20px;}
    .history-item-wrap.type2 .history-text {margin-left: 10px;}
}



/* 010501 */
.facility-wrap .top {margin-bottom: 160px;}
.facility-wrap .top .info {font-size: 0; border-radius: 20px; border-top: 4px solid #e3e8e8; border-right: 4px solid #e3e8e8; position: relative; z-index: 1;}
.facility-wrap .top .info::before {content: ""; width: 90px; height: 55px; background: url('../images/contents/facility-bg04.png') center no-repeat; background-size: contain; position: absolute; top: -1px; left: 0; transform: translateY(-50%);}
.facility-wrap .top .info .text {display: inline-block; width: 55%;}
.facility-wrap .top .info .text:first-child {padding: 70px 90px 70px 170px; width: 45%;}
.facility-wrap .top .info .text h4 {font-family: Jalnan; font-size: 30px; color: #ed7533; line-height: 1.4;}
.facility-wrap .top .info .text h4 span.blue_text {color: #327ad1;}
.facility-wrap .top .info .text h4 span.green_text {color: #85b222;}
.facility-wrap .top .info .text p {font-size: 19px; font-weight: 400; color: #222; line-height: 2.4;}
.facility-wrap .top .info .text p em {background: #ed7533; font-size: 16px; padding: 10px 25px; color: #fff; border-radius: 30px; margin-right: 15px;}
.facility-wrap .top .info .text p span {vertical-align: baseline; color: #ed7533;}
.facility-wrap .line {font-size: 0; position: relative; height: 1px;}
.facility-wrap .line div {display: inline-block; width: 50%; padding: 10px;}
.facility-wrap .line .left {border-top: 4px solid #e3e8e8; border-radius: 30px 0 0 0; position: absolute; top: 0; left: 0; transform: translateY(-1px);}
.facility-wrap .line .right {border-bottom: 4px solid #e3e8e8; border-radius: 0 0 30px 0; transform: translateY(2px); position: absolute; bottom: 0; right: 0;}

.facility-wrap .top .slide {border-radius: 20px; border-bottom: 4px solid #e3e8e8; border-left: 4px solid #e3e8e8; padding: 90px 75px; position: relative;}
.facility-wrap .top .slide::before {content: ""; width: 90px; height: 55px; background: url('../images/contents/facility-bg04.png') center no-repeat; background-size: contain; position: absolute; bottom: -1px; right: 0; transform: translateY(50%) rotate(180deg);}
.facility-wrap .top .slide .slick-list {width: 150%;}
.facility-wrap .top .slide .img {margin-right: 50px;}
.facility-wrap .top .slide img {border-radius: 30px;}
.facility-wrap .top .slide .slick-prev {font-size: 0; width: 60px; height: 60px; border-radius: 50%; border: 0; background: #e3e8e8 url('../images/contents/arrow-type1.png') center no-repeat; position: absolute; bottom: 0; right: 225px; transform: translateY(50%);}
.facility-wrap .top .slide .slick-next {font-size: 0; width: 60px; height: 60px; border-radius: 50%; border: 0; background: #e3e8e8 url('../images/contents/arrow-type1.png') center no-repeat; position: absolute; bottom: 0; right: 160px; transform: translateY(50%) rotate(180deg);}

.facility-wrap .bottom {margin-bottom: 120px;}
.facility-wrap .bottom .bg {position: relative;}
.facility-wrap .bottom .bg::before {content: ""; width: 960px; height: 550px; background: url('../images/contents/facility-bg01.png') 0 100% no-repeat; position: absolute; bottom: 0; right: 50%;z-index: -1;}
.facility-wrap .bottom .bg::after {content: ""; width: 100%; height: 280px; background: url('../images/contents/facility-bg02.png') 0 0 repeat-x; position: absolute; left: 0; bottom: -280px;}
.facility-wrap .bottom .inner {position: relative; display: flex; justify-content: flex-end;}
.facility-wrap .bottom .inner::before {content: ""; width: 390px; height: 1150px; background: url('../images/contents/facility-bg03.png') no-repeat 0 100%; position: absolute; bottom: -145px; left: 25%; transform: translateX(-50%); z-index: 1;}
.facility-wrap .bottom .table-type1 {width: 700px;}
.facility-wrap .bottom .table-type1 .floor {background: #f6f6f6; font-family: Jalnan; font-size: 50px; color: #327ad1;}
.facility-wrap .bottom .table-type1 td {padding: 20px 40px; text-align: left; background: #fff;}

@media only screen and (max-width: 1400px) {
	.facility-wrap .top .info .text {width: 65%;}
	.facility-wrap .top .info .text:first-child {width: 30%; padding: 70px 50px 70px 60px;}
    .facility-wrap .bottom .inner::before {left: 20%;}
}
@media only screen and (max-width: 1240px) {
	.facility-wrap .top .info .text {width: 55%;}
	.facility-wrap .top .info .text:first-child {width: 40%;}
	.facility-wrap .top .info .text:last-child span:last-child {margin-left: 125px;}
	.facility-wrap .top .slide {padding: 40px;}
	.facility-wrap .bottom .inner {display: block; padding-left: 40%;}
	.facility-wrap .bottom .table-type1 td {padding: 20px 10px;}
	.facility-wrap .bottom .inner::before {left: 20%;width: 320px;height: 950px;background-size: 100%;bottom: -119px;}
}
@media only screen and (max-width: 1024px) {
	.facility-wrap .top {margin-bottom: 60px;}
	.facility-wrap .top .info {border-radius: 20px 20px 0 0; padding: 30px 15px 0 15px;}
	.facility-wrap .top .info .text {width: 100%;}
	.facility-wrap .top .info .text:first-child {width: 100%; padding: 0 0 30px;}
	.facility-wrap .top .info .text h4 {text-align: center;}
	.facility-wrap .top .slide {display: none;}
	.facility-wrap .line .right,
	.facility-wrap .line .left {display: none;}
	.facility-wrap .top .info .text:last-child span:last-child {margin-left: 0;}
	.facility-wrap .top .info .text p {padding-left: 100px; position: relative; margin-bottom: 15px; line-height: 1.4;}
	.facility-wrap .top .info .text p em {position: absolute; top: 14px; left: 0; transform: translateY(-50%); display: inline-block; padding: 5px 15px; margin-right: 0; height: auto;}

	.facility-wrap .bottom {margin-bottom: 0;}
	.facility-wrap .bottom .inner {padding-left: 0;}
	.facility-wrap .bottom .inner::before {display: none;}
	.facility-wrap .bottom .table-type1 {width: 100%;} 
	.facility-wrap .bottom .table-type1 td {padding: 10px;}
    .facility-wrap .bottom .table-type1 .floor {text-align: center;}
	.facility-wrap .bottom .bg::after {display: none;}
}
@media only screen and (max-width: 768px) {
	.facility-wrap .top .slide img {border-radius: 15px;}
	.facility-wrap .bottom .inner::before {display: none;}
	.facility-wrap .bottom .inner {padding-left: 0;}
	.facility-wrap .bottom .bg::before {display: none;}
	.facility-wrap .bottom .table-type1 .floor {font-size: 24px;}
}

@media only screen and (max-width: 640px) {
	.facility-wrap .top .info .text h4 {font-size: 25px;}
	.facility-wrap .top .info .text p {font-size: 18px;}
	.facility-wrap .top .slide .slick-list {width: 100%;}
	.facility-wrap .top .slide .img {margin: 0 10px;}
	.facility-wrap .bottom .table-type1 .floor {padding: 20px 10px;}
	.facility-wrap .bottom .table-type1 td p {font-size: 18px;}
}
@media only screen and (max-width: 480px) {
	.facility-wrap .top .info .text p {padding: 0; text-align: center;}
	.facility-wrap .top .info .text p em {position: inherit; display: block; text-align: center;}
	.facility-wrap .top .info .text p br {display: block;}
	.facility-wrap .top .slide img {border-radius: 10px;}
	.facility-wrap .top .slide .slick-prev {right: 170px;}
	.facility-wrap .top .slide .slick-next {right: 100px;}
    .facility-wrap .bottom .table-type1 {overflow-x: scroll;}
    .facility-wrap .bottom .table-type1 table {width: 500px;}
	.facility-wrap .bottom .table-type1 td p {font-size: 16px;}
}


/* 010601 */
.rent-wrap .img-wrap {border-radius: 30px; border: 4px solid #e3e8e8; padding: 0 30px 80px; text-align: center;}
.rent-wrap .img-wrap .img-info {display: inline-block; border-radius: 0 0 30px 30px; background: #e3e8e8; padding: 35px 55px; margin-bottom: 65px;}
.rent-wrap .img-wrap .img-info .text {padding-left: 95px; position: relative;}
.rent-wrap .img-wrap .img-info .text::before {content: ""; width: 60px; height: 60px; background: url('../images/contents/rent-img.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.rent-wrap .img-wrap .img-info .text p {font-size: 18px; font-weight: 500; color: #222; line-height: 1.4; text-align: left; padding-left: 10px; position: relative;}
.rent-wrap .img-wrap .img-info .text p::before {content: ""; width: 5px; height: 1px; background: #222; position: absolute; top: 12px; left: 0;}

.rent-wrap .img-wrap .img {position: relative; padding: 0 90px;}
.rent-wrap .img-wrap .img .slick-prev {font-size: 0; width: 60px; height: 60px; border-radius: 50%; border: 0; background: #e3e8e8 url('../images/contents/arrow-type1.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.rent-wrap .img-wrap .img .slick-next {font-size: 0; width: 60px; height: 60px; border-radius: 50%; border: 0; background: #e3e8e8 url('../images/contents/arrow-type1.png') center no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg);}

.rent-wrap .img-wrap .img-item {margin:0 10px;}
.rent-wrap .img-wrap img {border-radius: 50px;}

.rent-wrap .activity-num {margin-bottom: 120px;}

.rent-wrap .table-type1 .col2 {font-weight: 500;}
.rent-wrap .table-type1 .col3 {background: #f6f6f6;} 

@media only screen and (max-width: 1240px) {
    .rent-wrap .img-wrap img {border-radius: 30px;}
}

@media only screen and (max-width: 1024px) {
    .rent-wrap .img-wrap {padding: 0 30px 50px;}

    .rent-wrap .img-wrap .img-info .text p {font-size: 16px;}

    .rent-wrap .img-wrap .img {padding: 0;}

    .rent-wrap .img-wrap .img .slick-prev {top: auto; bottom: -50px; left: 50%; transform: translate(-110%, 50%);}
    .rent-wrap .img-wrap .img .slick-next {top: auto; bottom: -50px; left: 60%; transform: translate(-60%, 50%) rotate(180deg);}

    .rent-wrap .table-type1 th {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
    .rent-wrap .img-wrap .img-info {padding: 25px 35px;}
    .rent-wrap .img-wrap .img-info .text {padding-left: 75px;}
    .rent-wrap .table-type1 .col3 {width: 95px;}
}

@media only screen and (max-width: 480px) {
    .rent-wrap .img-wrap {padding: 0 10px 50px;}
    .rent-wrap .img-wrap .img-info {padding: 15px; margin-bottom: 25px;}
    .rent-wrap .img-wrap .img-info .text {padding: 75px 0 0;}
    .rent-wrap .img-wrap .img-info .text::before {top: 0; left: 50%; transform: translateX(-50%);}

    .rent-wrap .img-wrap .img .slick-next {transform: translate(-20px, 50%) rotate(180deg);}
    
    .rent-wrap .table-type1 th,
    .rent-wrap .table-type1 td {font-size: 14px;}
}





/* 010701 */


.map-wrap .map {width: 100%; min-height: 550px; background: #fff; margin-bottom: 50px; position: relative;}
.map-wrap .map-info {font-size: 0;}
.map-wrap .map-info div {display: inline-block; padding-left: 115px; height: 100px; position: relative; padding-top: 20px;}
.map-wrap .map-info div:after {content: ""; width: 91px; height: 91px; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map-wrap .map-info div h4 {font-size: 20px; font-weight: 700; color: #ed7533; margin-bottom: 5px;}
.map-wrap .map-info .address {width: 50%;}
.map-wrap .map-info .address::after {background: #ed7533 url('../images/contents/map_address-ico.png') center no-repeat;}
.map-wrap .map-info .address p {font-size: 18px; font-weight: 300; color: #222; line-height: 1.4;}
.map-wrap .map-info .tel,
.map-wrap .map-info .fax {width: 25%;}
.map-wrap .map-info .tel::after {background: #ed7533 url('../images/contents/map_tel-ico.png') center no-repeat;}
.map-wrap .map-info .fax::after {background: #ed7533 url('../images/contents/map_fax-ico.png') center no-repeat;}
.map-wrap .map-info .tel p,
.map-wrap .map-info .fax p {font-size: 20px; font-weight: 500; color: #222;}


@media only screen and (max-width: 1400px) {
	.map-wrap .map-info .address {width: 40%;}
	.map-wrap .map-info .tel,
	.map-wrap .map-info .fax {width: 30%;}
}

@media only screen and (max-width: 1024px) {
	.map-wrap .map-info .address {width: 100%; margin-bottom: 30px;}
	.map-wrap .map-info .tel,
	.map-wrap .map-info .fax {width: 50%;}
}

@media only screen and (max-width: 768px) {
	.map-wrap .map::after {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
}

@media only screen and (max-width: 640px) {
	.map-wrap .map-info .tel {width: 100%; margin-bottom: 30px;}
	.map-wrap .map-info .fax {width: 100%;}
}

@media only screen and (max-width: 480px) {
	.map-wrap .map-info div {padding-left: 0; padding-top: 100px; height: auto; text-align: center;}
	.map-wrap .map-info div:after {left: 50%; transform: translateX(-50%); top: 0;}

}


/* 010801 안전사항 */
.precautions-wrap > div {background: #eef1f3; border-radius: 30px; overflow: hidden;}
.precautions-wrap p {font-size: 18px; font-weight: 300; line-height: 1.3; color: #222;}
.precautions-wrap p + p {margin-top: 10px;}
.precautions-wrap .top .text {padding: 80px 0 80px 45%; position: relative; min-height: 350px;}
.precautions-wrap .top .text::before {content: ""; width: 437px; height: 300px; background: url('../images/contents/precautions-top-img.png') center no-repeat; position: absolute; bottom: 0; left: 60px;}
.precautions-wrap .bottom {padding-left: 100px; margin-top: 90px;}
.precautions-wrap .bottom .text {padding: 80px 45% 80px 0; position: relative; min-height: 350px;}
.precautions-wrap .bottom .text::before {content: ""; width: 462px; height: 300px; background: url('../images/contents/precautions-bottom-img.png') center no-repeat; position: absolute; bottom: 0; right: 60px;}

@media only screen and (max-width: 1240px) {
    .precautions-wrap .top .text {padding: 60px 60px 60px 460px; min-height: auto;}
    .precautions-wrap .top .text::before {left: -20px;}

    .precautions-wrap .bottom {margin-top: 50px; padding-left: 0;}
    .precautions-wrap .bottom .text {padding: 60px 460px 60px 60px;}
    .precautions-wrap .bottom .text::before {right: -30px;}
}

@media only screen and (max-width: 1024px) {
	.precautions-wrap .top .text {padding: 60px 60px 60px 310px; min-height: 0;}
    .precautions-wrap .top .text::before {width: 295px; height: 200px; background-size: auto 100%;}
	
	
	.precautions-wrap .bottom .text {padding: 60px 310px 60px 60px; min-height: 0;}
    .precautions-wrap .bottom .text::before {width: 315px; height: 200px; background-size: auto 100%;}

    .precautions-wrap p {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
    .precautions-wrap .top .text {padding: 40px 40px 190px;}
    .precautions-wrap .top .text::before {width: 100%; height: 180px; left: 0;}

    .precautions-wrap .bottom .text {padding: 40px 40px 190px;}
    .precautions-wrap .bottom .text::before {width: 100%; height: 180px; right: 0;}
}

@media only screen and (max-width: 480px) {
    .precautions-wrap .top .text,
    .precautions-wrap .bottom .text {padding: 30px 30px 160px;}
    .precautions-wrap .top .text::before,
    .precautions-wrap .bottom .text::before {height: 160px;}
}




/* 020101 */
.my-class-refund.type2 .item {margin-right: 60px;}
.my-class-refund.type2 .item::after {min-width: 65px;}

.my-class-refund-wrap .application-info .sub-title:first-child {margin-bottom: 50px;}
.my-class-refund-wrap .application-info .sub-title {margin-bottom: 20px;}





/* 020201 */
.contents-tab-wrap {font-size: 0; border-bottom: 1px solid #cfcfcf; margin-bottom: 20px;}
.contents-tab-wrap li {display: inline-block; min-width: 150px;}
.contents-tab-wrap li a {display: block; padding: 20px 20px; font-size: 18px; font-weight: 700; color: #666; text-align: center; border: 1px solid #cfcfcf; border-left: 0;}
.contents-tab-wrap li a:first-child {border-left: 1px solid #cfcfcf;}
.contents-tab-wrap li.on a {background: #222; padding: 20px; color: #fff; border-color: #222;}
.contents-tab-wrap li.on a span {display: inline-block; position: relative; padding-left: 35px;}
.contents-tab-wrap li.on a span::after {display: block; content: ""; width: 27px; height: 23px; background: url('../images/contents/program_tab-check.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.contents-tab-wrap li a:hover {background: #222; padding: 20px; color: #fff; border-color: #222;}

.board-program {border-top: 1px solid #222;}
.program-wrap .board_thumbnail-item {font-size: 0;}
.program-wrap .board_thumbnail-item .board-program-item {width: calc(100% - 255px); display: inline-block;}
.program-wrap .board_thumbnail-item .board-program-item a { transition:all 0.3s ease-in-out;} 
.program-wrap .board_thumbnail-item:hover .board-program-item a {transform:translateX(20px);}

.program-wrap .thumbnail-text {display: inline-block; width: 100%;}
.program-wrap .thumbnail-text .thumbnail-title {margin-bottom: 35px; color: #222; line-height: 1.4; max-height: 80px;}
.program-wrap .program-info {width: 100%;}
.program-wrap .thumbnail-text .thumbnail-title.new::before {top: auto; bottom: 3px;}
.program-wrap .board_thumbnail-item::after {display: none;}

.program-info {font-size: 0;}
.program-info span {display: inline-block; padding: 0 30px 0 115px; position: relative; width: 33.3333%; margin-bottom: 25px; font-size: 16px; font-weight: 500; color: #868686;}
.program-info span em {display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin-right: 20px; font-size: 16px; font-weight: 400; color: #222; background: #e6e9ea; border-radius: 30px; padding: 8px 20px; min-width: 70px;}
.program-info span:last-child em {min-width: 104.5px; padding: 8px 23px;}

.program-btn-wrap {font-size: 0; display: inline-block; text-align: center;}
.program-btn-wrap div {display: inline-block;}
.program-btn-wrap .category {width: 85PX; height: 85PX; margin-right: 35px; border-radius: 20px; box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2); padding: 25PX 0; text-align: center; font-size: 18PX; font-weight: 500; color: #FFF;}
.program-btn-wrap .category.p-state00 {background: #222;}
.program-btn-wrap .category.p-state01 {background: #327ad1; padding: 34px 0;}
.program-btn-wrap .category.p-state02 {background: #9d9d9d;}
.program-btn-wrap .category.p-state03 {background: #f7a900; padding: 34px 0;}
.program-btn-wrap .category.p-state04 {background: #85b222;}
.program-btn-wrap .category.p-state05 {background: #4eabaa;}

.program-btn-wrap .link {display: inline-block;}
.program-btn-wrap .link a {display: block; width: 85px; height: 85px; padding: 25px 0; box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2); border-radius: 20px; font-size: 18PX; font-weight: 500; color: #222; border: 2px solid #222; text-align: center; transition: all 0.3s ease-in-out; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%;}
.program-btn-wrap .link a:hover {background-image: url('../images/common/board/ico_search01.png'); background-color:#222; transform:translateY(-5px); font-size:0; overflow:hidden;}
.program-btn-wrap .admin-check {margin-left: 30px;}


@media only screen and (max-width: 1400px) {
    .program-info span:first-child, 
    .program-info span:nth-of-type(4) {width: 25%;}
    .program-info span:nth-of-type(2), 
    .program-info span:nth-of-type(5) {width: 40%;}
}

@media only screen and (max-width: 1240px) {
    .program-info span,
    .program-info span:first-child, 
    .program-info span:nth-of-type(4),
    .program-info span:nth-of-type(2), 
    .program-info span:nth-of-type(5) {width: 50%;}
    .program-info span em {min-width: 105px;}
}

@media only screen and (max-width: 1024px) {
    .contents-tab-wrap li {min-width: 120px;}

    .program-wrap .board_thumbnail-item .board-program-item {width: calc(100% - 85px); padding-right: 20px;}
    .program-wrap .thumbnail-text {font-size: 20px;}
    .program-wrap .program-info {text-align: left;}

    .program-btn-wrap div {display: block;}
    .program-btn-wrap .category {margin-right: 0; margin-bottom: 35px;}
    .program-btn-wrap .admin-check {margin-left: 0; margin-top: 30px;}
}

@media only screen and (max-width: 768px) {
    .contents-tab-wrap li a {font-size: 16px; padding: 20px 5px;}

    .program-wrap .board_thumbnail-item {width: 100%;}

    .program-wrap .board_thumbnail-item .board-program-item {width: 100%; padding: 0;}
    .program-wrap .thumbnail-text {text-align: center;}
    .program-wrap .thumbnail-text .thumbnail-title {margin-bottom: 0; max-height: 30px;}

    .program-btn-wrap {text-align: center; width: 100%; padding-bottom: 40px;}
    .program-btn-wrap div {display: inline-block;}
    .program-btn-wrap .category {margin-right: 30px; margin-bottom: 0;}
    .program-btn-wrap .admin-check {margin-left: 30px; margin-top: 0;}
}

@media only screen and (max-width: 640px) {
    .contents-tab-wrap li {min-width: 100px;}
    
    .program-info span,
    .program-info span:first-child, 
    .program-info span:nth-of-type(4),
    .program-info span:nth-of-type(2), 
    .program-info span:nth-of-type(5) {width: 100%;}
}

@media only screen and (max-width: 480px) {
    .contents-tab-wrap li {min-width: 33.3333%;}
    .contents-tab-wrap li a,
    .contents-tab-wrap li.on a {padding: 20px;}

    .contents-tab-wrap li.on a span {padding-left: 20px;}
    .contents-tab-wrap li.on a span::after {width: 17px; height: 13px; background-size: contain;}

    .program-info span, 
    .program-info span em {font-size: 14px;}
}

@media only screen and (max-width: 360px) {
    .program_list > .inner {margin: 0 10px;}
}


/* 020202 */
.program_detail {border-top: 1px solid #222; text-align: left; text-align: center;}
.program-wrap .table {border-bottom: 1px solid #222; text-align: left; margin-bottom: 65px;}
.program-wrap tr {border-bottom: 1px solid #e3e3e3; min-height: 95px;}
.program-wrap th {padding: 20px 20px 20px 0; width: 15%;}
.program-wrap th p {width: 100%; padding: 10px 0 10px 35px; border-radius: 30px; background: #e6e9ea; font-size: 16px; font-weight: 400; color: #222; margin-right: 45px; position: relative;}

.program-wrap td {padding: 25px 0; width: 35%; font-size: 20px; font-weight: 400; color: #222; line-height: 1.1;}
.program-wrap td.title {font-size: 30px; font-weight: 500; color: #222;}
.program-wrap td.blue_text {color: #327ad1; font-weight: 500;}
.program-wrap td.orange_text {color: #ed5f00; font-weight: 500;}
.program-wrap td.bold_text {font-weight: 700;}
.program-wrap td.file p {display: inline-block; padding: 0 110px 0 30px; position: relative;}
.program-wrap td.file p::after {display: block; content: ""; width: 17px; height: 20px; background: url('../images/common/board/board-attach.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.program-wrap td.file p::before {display: block; content: "다운로드"; border-radius: 30px; padding: 10px 20px; font-size: 14px; font-weight: 500; color: #fff; background: #3c3c3c; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer;}

.program-wrap .program_btn {display: inline-block; margin: 0 auto;}
.program-wrap .program_btn a {display: block; padding: 25px 35px; background: #327ad1; border-radius: 10px; color: #fff; font-size: 25px; font-family: Jalnan;}
.program-wrap .program_btn span {position: relative; padding-left: 40px;}
.program-wrap .program_btn a span::after {display: block; content: ""; width: 27px; height: 32px; background: url('../images/contents/program_btn-ico.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.program-wrap .btn.program_btn {font-family: Jalnan; background: #327ad1; border: 0; color: #fff;}
.newBoard__btn .btn.program_btn.type5 {background: #9d9d9d; border: 0; color: #fff;}
.newBoard__btn .btn.program_btn.type5 span {padding: 0;}
.program-wrap .program_detail .newBoard__write-table th.th-type3 p {margin-bottom: 60px;}

.program_view {border-top:1px solid #222; padding: 4.28% 2%; line-height:1.6; margin-top:-1px;}

@media only screen and (max-width: 1400px) {
    .program_detail th p {padding: 10px 0 10px 20px; margin-right: 25px;}
}

@media only screen and (max-width: 1240px) {
    .program_detail th {width: 16%;}
    .program_detail td.title {font-size: 25px;}
    .program_detail td {font-size: 18px;}
}

@media only screen and (max-width: 1024px) {
    .program_detail th {width: 20%;}

    .program_detail td.title {font-size: 18px;}
    .program_detail td {font-size: 16px; padding: 25px 10px 25px 0;}
    .program_detail th p {font-size: 14px; margin-right: 15px;}
}

@media only screen and (max-width: 768px) {
    .program-wrap th {display: inline-block; width: 30%;} 
    .program-wrap td {display: inline-block; width: 70%;} 

    .program-wrap th:nth-of-type(2),
    .program-wrap td:nth-of-type(2) {border-top: 1px solid #e3e3e3; min-height: 75px; max-height: 75px;}
}

@media only screen and (max-width: 640px) {
    .program-wrap .table {text-align: center;}
    .program-wrap th, 
    .program-wrap td,
    .program-wrap th:nth-of-type(2),
    .program-wrap td:nth-of-type(2) {min-height: 1px; max-height: 150px; width: 100%; padding: 20px 0;}

    .program-wrap th {background: #e6e9ea;}
    .program_detail th p {padding: 0;}
    
    .program-wrap td.file p {width: 80%; margin: 0 auto;}
}

@media only screen and (max-width: 480px) {
    .program-wrap td.file p {width: 90%; padding: 0 0 45px 30px;}
    .program-wrap td.file p::before {top: auto; bottom: 0; right: 50%; transform: translateX(50%);}
    .program-wrap td.file p::after {top: 10px;}
}



/* 020203 */
.program_info .blue_text {color: #327ad1;}
.program_info .orange_text {color: #ef7421;}
.program_info .top {padding: 50px 50px 15px 225px; border-top: 1px solid #e3e3e3; position: relative;}
.program_info .top::after {display: block; content: ""; width: 110px; height: 106px; background: url('../images/contents/program-form_top-ico.png') center no-repeat; position: absolute; top: 60%; left: 55px; transform: translateY(-50%);}
.program_info .top h2 {font-size: 18px; font-weight: 500; color: #222; line-height: 1.4; margin-bottom: 15px;}
.program_info .top span {vertical-align: baseline;}
.program_info .top p {font-size: 17px; font-weight: 400; color: #666; line-height: 1.4;}

.program_info .newBoard__write-table th {padding: 20px 20px 20px 0;}
.program_info .newBoard__write-table th:nth-of-type(2) {padding-left: 40px;}

.program_info .newBoard__write-table .required label {width: 100%;}
.program_info .newBoard__write-table .required p {display: block; width: 100%; padding: 10px 30px; border-radius: 30px; background: #e6e9ea; position: relative;}
.program_info .newBoard__write-table p+p {margin-top: 10px;}
.program_info .base__add {display: block; position: relative; font-size: 18px; height: 50px; width: 50%; overflow: hidden;}
.program_info .base__add-num {width: calc(100% - 122px) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.program_info .birth-select-wrap {font-size: 0;}
.program_info .birth-select {display: inline-block; width: 32%; position: relative;}
.program_info .birth-select+.birth-select {width: 29%; margin-left: 5%;}
.program_info .birth-select select {position: inherit;}
.program_info .birth-select label {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.program_info .newBoard__write-table span p:after, 
.program_info .newBoard__write-table label.pin p:after {content: ''; display: inline-block; width: 10px; height: 10px; background-color: #ed5f00; border-radius: 50%; margin-left: 6px; vertical-align: baseline; margin-bottom: 1px;}
.program_info .newBoard__write-table .required span:after, .program_info .newBoard__write-table .required label:after {display: none;}

.base__form-item {position: relative;}
.base__form-item input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.base__form-item input[type="radio"] + label { display: inline-block; position: relative; padding-left: 45px; cursor: pointer;}
.base__form-item input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; text-align: center; border: 1px solid #cacece; border-radius: 5px;}
.base__form-item input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); width: 18px; height: 18px; background: url('../images/common/board/ico_check01_on.png') center no-repeat;}

.base__form-item .birth-select {width: 30%;}
.base__form-item .base-select+.base-select {margin-left: 5%;}

.program_info .privacy-check p {font-size: 18px; font-weight: 300; color: #222; margin-bottom: 55px; line-height: 1.4;}
.program_info .privacy-check .checkbox-text {font-size: 20px; font-weight: 500; color: #222;}

.program_info .privacy-check .form-check_item .checkbox-label:before {content: ''; display: inline-block; background: url('../images/common/board/ico_check.png') 0 0 no-repeat; position: absolute; background-size: contain; width: 34px; height: 30px; z-index: 2; top: 0; left: 0;}
.privacy-check .form-check_item+.form-check_item {margin-left: 60px;}
.program_info .form-check_item {position: relative;}
.program_info .form-check_item input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.program_info .form-check_item input[type="radio"] + label { display: inline-block; position: relative; padding-left: 45px; cursor: pointer;}
.program_info .form-check_item input[type="radio"] + label:before {content: ''; display: inline-block; background: url('../images/common/board/ico_check.png') 0 0 no-repeat; position: absolute; background-size: contain; width: 34px; height: 30px; z-index: 2; top: 50%; left: 0; transform: translateY(-50%);}
.program_info .form-check_item input[type="radio"]:checked + label:after {content: ''; display: inline-block; background: url('../images/common/board/ico_check_on.png') 0 0 no-repeat; position: absolute; background-size: contain; width: 34px; height: 30px; z-index: 2; top: 50%; left: 0; transform: translateY(-50%);}

@media only screen and (max-width: 1400px) {
    .program_info .newBoard__write-table .col3 {width: 20%;}
}

@media only screen and (max-width: 1240px) {
    .program_info .newBoard__write-table .col1 {width: 13%;}
    .program_info .newBoard__write-table .col2 {width: 20%;}
    .program_info .newBoard__write-table .col3 {width: 14%;}
    .program-wrap .program_info th p {padding: 10px 0 10px 15px;}
}

@media only screen and (max-width: 1024px) {
    .program_info .top {padding: 50px 30px 15px 180px;}
    .program_info .top::after {left: 35px;}
    .program_info .top h2,
    .program_info .top p {font-size: 16px;}

    .program_info .newBoard__write-table .col3 {width: 18%;}
    .program_info .newBoard__write-table .col4 {width: 15%;}
    .program_info .newBoard__write-table th:nth-of-type(2) {padding-left: 30px;}

    .program-wrap td.title {font-size: 25px;}
}

@media only screen and (max-width: 768px) {
    .program_info .newBoard__write-table th:nth-of-type(2) {padding-left: 0;}
}

@media only screen and (max-width: 640px) {
    .program_info .top {padding: 150px 30px 15px 30px;}
    .program_info .top::after {top: 20px; left: 50%; transform: translateX(-50%);}
    .program_info .top h2,
    .program_info .top p {font-size: 15px;}

    .program-wrap .program_info th p,
    .program-wrap td {text-align: center;}
    .program-wrap td.title {font-size: 20px;}

    .program_info .base__add {margin: 0 auto; text-align: left; width: 100%;}

    .program-wrap .newBoard__btn .btn + .btn {margin-top: 0;}
}

@media only screen and (max-width: 480px) {
    .program_info .top {padding: 150px 0 15px 0;}

    .program_info .newBoard__write-table th {padding: 10px 10px 10px 0;}

    .program_info .privacy-check .checkbox-text {font-size: 16px;}
    .program_info .form-check_item input[type="radio"] + label {padding-left: 10px;}
    .privacy-check .form-check_item+.form-check_item {margin-left: 20px;}

    .program-wrap .newBoard__btn .btn {width: 100%; padding: 10px;}
    .program-wrap .program_btn span {padding-left: 30px;}
    .program-wrap .newBoard__btn .btn + .btn {margin: 0; margin-top: 20px;}
}






/* 030201 */
.activity-top {margin-bottom: 100px;}

.activity-tab {margin-bottom: 65px;}

.activity-tab .contents-tab-wrap {border-bottom: 0;}

.contents-tab-wrap.category01 li {width: 100%;}
.contents-tab-wrap.category02 li {width: 50%;}
.contents-tab-wrap.category03 li {width: 33.3333%;}
.contents-tab-wrap.category04 li {width: 25%;}
.contents-tab-wrap.category05 li {width: 20%;}

.activity-title {text-align: center; font-size: 37px; font-weight: 700; color: #ed7533; margin-bottom: 100px;}

.activity-top .img-wrap {background: #ed7533; padding: 60px 0; text-align: center; position: relative; margin-top:50px;}
.activity-top .img-wrap::after {content: ""; width: 56px; height: 93px; background: url('../images/contents/activity-top-ico.png') center no-repeat; position: absolute; top: -78px; left: 50%; transform: translateX(-50%);}
.activity-top .img-wrap h2 {width: 80%; margin: 0 auto; font-size: 25px; font-weight: 500; color: #fff; line-height: 1.4; margin-bottom: 50px;}

.activity-top .img-wrap .img {font-size: 0;}
.activity-top .img-wrap .img img {width: 48%; border-radius: 50px;}
.activity-top .img-wrap .img img+img {margin-left: 4%;}

.activity-item {margin-bottom: 80px;}
.activity-item.last {margin-bottom: 150px;}

.activity-item p {font-size: 18px; font-weight: 300; color: #222; line-height: 1.4; text-align: left;}
.activity-item.list p {padding: 15px 0 15px 120px; position: relative;}

.activity-item em {position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; vertical-align: baseline; padding: 10px 25px; margin-bottom: 10px; margin-right: 15px; max-width: 110px; background: #ed7533; color: #fff; font-size: 16px; font-weight: 400; border-radius: 50px;}
.activity-item em.variable {word-spacing: 25px;}
.activity-item p span {display: inline-block; padding-left: 10px; position: relative; vertical-align: baseline;}
.activity-item p span::after {content: ""; width: 5px; height: 1px; background: #222; position: absolute; top: 9px; left: 0;}

.activity-num {background: #fcf9f0; border-radius: 30px; padding: 90px 20px 60px; margin-top: 200px; font-family: Jalnan; text-align: center; position: relative;}
.activity-num::after {content: ""; width: 263px; height: 194px; background: url('../images/contents/activity-num-ico.png') center no-repeat; position: absolute; top: 0; left: calc(50% - 20px); transform: translate(-50%, -50%);}
.activity-num br {display: none;}
.activity-num p {font-size: 33px; color: #85b222; line-height: 1.4;}
.activity-num em {font-family: 'Noto Sans CJK KR'; background: #54371d; border-radius: 30px; padding: 8px 25px; margin-right: 15px; font-size: 16px; font-weight: 500; color: #fff; display:inline-block;}
.activity-num span {color: #54371d; margin-right: 20px;display:inline-block;}

@media only screen and (max-width: 1240px) {
    .contents-tab-wrap.category05 li:nth-of-type(1),
    .contents-tab-wrap.category05 li:nth-of-type(2),
    .contents-tab-wrap.category05 li:nth-of-type(3) {width: 33.3333%;}
    .contents-tab-wrap.category05 li:nth-of-type(4),
    .contents-tab-wrap.category05 li:nth-of-type(5) {width: 50%;}

    .activity-top .img-wrap .img img {border-radius: 40px;}
}

@media only screen and (max-width: 1024px) {
    .contents-tab-wrap.category04 li {width: 50%;}

    .activity-title {font-size: 35px;}

    .activity-top .img-wrap h2 {font-size: 20px; width: 100%;}

    .sub-title h2 {font-size: 25px;}

    .activity-top .img-wrap .img img {border-radius: 30px;}
}

@media only screen and (max-width: 768px) {
    .contents-tab-wrap.category03 li,
    .contents-tab-wrap.category05 li:nth-of-type(1),
    .contents-tab-wrap.category05 li:nth-of-type(2),
    .contents-tab-wrap.category05 li:nth-of-type(3),
    .contents-tab-wrap.category05 li:nth-of-type(4),
    .contents-tab-wrap.category05 li:nth-of-type(5) {width: 100%;}

    .activity-title {font-size: 30px;}

    .activity-top .img-wrap .img img {width: 100%; border-radius: 20px;}
    .activity-top .img-wrap .img img+img {margin: 30px 0 0;}
    .activity-num br {display: block;}
}

@media only screen and (max-width: 640px) {
    .contents-tab-wrap.category02 li,
    .contents-tab-wrap.category04 li {width: 100%;}

    .activity-title {font-size: 25px;}
    .activity-top .img-wrap h2 {font-size: 18px;}

    .sub-title {margin-bottom: 10px;}
    .sub-title h2 {font-size: 20px;}
    .sub-title h2 span {font-size: 16px;}

    
}

@media only screen and (max-width: 480px) {
    .activity-item p {font-size: 15px;}

    .activity-num {padding: 70px 0 30px;}
    .activity-num p {font-size: 28px;}

    .activity-num span {font-size: 18px;}
}



/* 030202 */
.table-type1 {border-top: 1px solid #222; text-align: center;}
.table-type1 .col4 {width: 30%;}
.table-type1 thead {background: #f0f1f2;}
.table-type1 tr {border-bottom: 1px solid #ccc;}
.table-type1 th {padding: 20px 0; font-size: 20px; font-weight: 700; color: #222; line-height: 1.4;}
.table-type1 th+th {border-left: 1px solid #ccc;}
.table-type1 td {border-right: 1px solid #ccc; }
.table-type1 td:last-child {border-right: 0;}
.table-type1 td {padding: 45px 20px; line-height: 1.4; font-size: 18px; font-weight: 300; color: #222;}
.table-type1 td p {text-align: left; position: relative; padding-left: 10px;}
.table-type1 td p::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #adadad; position: absolute; top: 13px; left: 0; transform: translateY(-50%);}

@media only screen and (max-width: 1024px) {
    .table-type1 th {font-size: 18px;}

    .table-type1 td {padding: 25px 20px; font-size: 16px;}
}

@media only screen and (max-width: 768px) {
    .activity-list .table-type1 {overflow-x: scroll; max-width: 728px;}
	.activity-list .table-type1 table {min-width: 768px;}
}

@media only screen and (max-width: 640px) {
    .table-type1 td {padding: 15px 10px;}
}




/* 050301 */
.my-class-refund-wrap {text-align: center;}

.my-class-refund-wrap .sub-title {margin-bottom: 50px;}

.my-class-refund {font-size: 0; margin-bottom: 65px;}
.my-class-refund .item {display: inline-block; min-width: 224px; min-height: 217px; margin-right: 150px; padding: 90px 40px; position: relative; background: url('../images/contents/my-class-refund-bg01.png') center no-repeat;}
.my-class-refund .item.resize { padding: 80px 40px 40px; }
.my-class-refund .item.resize span { font-size: 19px; }
.my-class-refund .item:last-child {margin-right: 0;}
.my-class-refund .item::after {content: ""; width: 22%; min-width: 123px; height: 26px; background: url('../images/contents/my-class-refund-bg02.png') 0 0 no-repeat; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
.my-class-refund .item:last-child {background: url('../images/contents/my-class-refund-bg03.png') center no-repeat;}
.my-class-refund .item:last-child span {color: #fff;}
.my-class-refund .item:last-child:after {display: none;}
.my-class-refund .item p {font-family: Jalnan; font-size: 18px; font-style: italic; color: #fff; position: absolute; top: 20%; left: calc(50% - 70px);}
.my-class-refund .item span {display: inline-block; font-size: 18px; font-weight: 300; color: #222; line-height: 1.2;}

.my-class-refund-wrap .newBoard__btn {padding: 0;}
.my-class-refund-wrap .newBoard__btn .ico.down {padding-left: 60px;}
.my-class-refund-wrap .newBoard__btn .ico.down::after {content: ""; width: 37px; height: 32px; background: url('../images/common/board/ico_down.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.my-class-refund-wrap .activity-item {margin: 80px 0 120px;}

.program-wrap .program_btn {display: inline-block; margin: 0 auto;}
.program-wrap .program_btn a {display: block; padding: 25px 35px; background: #327ad1; border-radius: 10px; color: #fff; font-size: 25px; font-family: Jalnan;}
.program-wrap .program_btn span {position: relative; padding-left: 40px;}
.program-wrap button.program_btn {padding: 25px 35px; border-radius: 10px;}
.program-wrap .program_btn a span::after {display: block; content: ""; width: 27px; height: 32px; background: url('../images/contents/program_btn-ico.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.program-wrap .btn.program_btn {font-family: Jalnan; background: #4eabaa; border: 0; color: #fff;}
.newBoard__btn .btn.program_btn.type5 {background: #9d9d9d; border: 0; color: #fff;}
.newBoard__btn .btn.program_btn.type5 span {padding: 0;}

@media only screen and (max-width: 1400px) {
    .my-class-refund .item {margin-right: 65px;}
    .my-class-refund .item::after {min-width: 65px;}
}

@media only screen and (max-width: 1240px) {
    .my-class-refund {text-align: left; margin-bottom: 10px;}
    .my-class-refund .item {text-align: center; margin-bottom: 20px;}
    
}

@media only screen and (max-width:640px) {
    .my-class-refund .item {width: 100%; margin: 0 0 80px;}
    .my-class-refund .item::after {width: 30px; top: 120%; left: 50%; transform: translateX(-50%) rotate(90deg);}
}







/* 050401 */
.lost-list-wrap .program_info .top span.blue_text {font-weight: 700;}

.lost-list-wrap .board-top {padding: 25px 0;}

.lost-list-wrap .newBoard__gallery-list li {text-align: left;}

.lost-list-wrap .newBoard__gallery-link .tit {font-size: 25px; font-weight: 400; max-height: 30px;}

.lost-list-wrap .newBoard__gallery-item .board-info span + span:after {display: none;}
.lost-list-wrap .newBoard__gallery-item .board-info span {padding: 0; display: block; text-align: left; margin-bottom: 15px;}
.lost-list-wrap .newBoard__gallery-item .board-info span.date {font-size: 16px; font-weight: 500; color: #666;}
.lost-list-wrap .newBoard__gallery-item .board-info span.place {font-size: 18px; font-weight: 300; color: #666;}

.lost-list-wrap .newBoard__gallery-item .board-info span em {display: inline-block; background: #e6e9ea; padding: 8px 30px; border-radius: 30px; min-width: 120px; margin-right: 15px; font-size: 16px; font-weight: 500; color: #222;}
.lost-list-wrap .newBoard__gallery-item .board-info span.date em {letter-spacing: 1px;}

@media only screen and (max-width: 1024px) {
    .lost-list-wrap .newBoard__gallery-link .tit {font-size: 22px;}
}

@media only screen and (max-width: 640px) {
    .lost-list-wrap .newBoard__gallery-item .board-info span.date {max-width: 100%; margin-bottom: 25px;}
}



/* 070202 */
.search-list-wrap .board-top {background: #eef1f3; border-radius: 30px; padding: 30px 0; margin-bottom: 25px; text-align: center;}
.search-list-wrap .board-search {float: inherit;}
.search-list-wrap .search-select .select-label {background: #fff;}
.search-list-wrap .search-kwd {margin-right: 10px;}
.search-list-wrap .search-btn {font-size: 18px; font-weight: 500; color: #fff; padding: 15px 30px; background: linear-gradient(to right,#52b2ea,#83b22d); border-radius: 5px;}
.search-list-wrap .search-btn img {margin-right: 10px;}

.search-list-wrap .board-count {position: absolute; top: 50%; left: 40px; transform: translateY(-50%);}
.search-list-wrap .board-count p,
.search-list-wrap .board-count span {font-size: 15px; font-weight: 500; color: #666;}
.search-list-wrap .board-count .text-total {margin-right: 10px; padding-left: 30px; position: relative;}
.search-list-wrap .board-count .text-total::after {content: ""; width: 21px; height: 27px; background: url('../images/contents/list-text-total-ico.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.search-list-wrap .contents-tab-wrap {border-bottom: 0;}
.search-list-wrap .board_thumbnail-item::after,
.search-list-wrap .thumbnail-info span + span:after {display: none;}

.search-list-wrap .board_thumbnail-item .thumbnail-text .thumbnail-title {margin-bottom: 0;}
.search-list-wrap .board_thumbnail-item .thumbnail-text span+span {margin-bottom: 25px;}

.search-list-wrap .thumbnail-info {position: inherit;}
.search-list-wrap .thumbnail-info span {font-size: 15px; font-weight: 400; color: #666; margin-bottom: 20px; padding-left: 30px;}
.search-list-wrap .thumbnail-info span.date::after {content: ""; display: block; width: 25px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url('../images/contents/list-date-ico.png') center no-repeat;}
.search-list-wrap .thumbnail-info span.view::after {content: ""; display: block; width: 25px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url('../images/contents/list-view-ico.png') center no-repeat;}
.search-list-wrap .thumbnail-info span.link {display: block; text-align: left; padding: 0; font-size: 15px; font-weight: 300; color: #666;}
.search-list-wrap .thumbnail-info span.link em {display: inline-block; padding: 8px 12px; background: #222; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #fff; border-radius: 20px; margin-right: 10px;}

.search-list-wrap .board_thumbnail-item.no-data {border: 1px solid #666; border-radius: 20px; font-size: 0;}
.search-list-wrap .board_thumbnail-item.no-data .text {padding: 80px 0 80px 50%; text-align: left; position: relative;}
.search-list-wrap .board_thumbnail-item.no-data .text::after {content: ""; width: 392px; height: 294px; background: url('../images/contents/list-nodata-ico.png') center no-repeat; position: absolute; bottom: 0; left: 25%; transform: translateX(-50%);}
.search-list-wrap .board_thumbnail-item.no-data .text h4 {display: inline-block; font-size: 30px; font-weight: 500; color: #222; padding-bottom: 15px; border-bottom: 2px solid #222; margin-bottom: 20px;}
.search-list-wrap .board_thumbnail-item.no-data .text p {font-size: 18px; font-weight: 300; color: #666; line-height: 2; padding-left: 15px; position: relative;}
.search-list-wrap .board_thumbnail-item.no-data .text p::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #adadad; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

@media only screen and (max-width: 1240px) {
    .search-list-wrap .board-search {padding-top: 50px;}
    .search-list-wrap .board-count {top: 20px; left: 50%; transform: translateX(-50%);}
}

@media only screen and (max-width: 1024px) {
    .search-list-wrap .board_thumbnail-item.no-data .text {padding: 90px 30px 40px;}
    .search-list-wrap .board_thumbnail-item.no-data .text h4 {margin-left: 200px; font-size: 25px; padding-bottom: 10px;}
    .search-list-wrap .board_thumbnail-item.no-data .text::after {width: 200px; height: 150px; background-size: contain; left: 110px; bottom: auto; top: 10px;}
    .search-list-wrap .board_thumbnail-item.no-data .text p {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
    .search-list-wrap .search-select {min-width: auto;}


    .search-list-wrap .board_thumbnail-item {width: 100%;}
    .search-list-wrap .board_thumbnail-item a {text-align: left;}
}

@media only screen and (max-width: 640px) {
    .search-list-wrap .board-top {padding: 10px;}
    .search-list-wrap .board-count {width: 100%; top: 10px;}
    .search-list-wrap .search-btn {padding: 5px 10px; font-size: 16px; margin-top: 15px;}
    .search-list-wrap .search-kwd {width: 100%;}

    .board_thumbnail-item .thumbnail-text {text-align: left;}

    .search-list-wrap .board_thumbnail-item.no-data .text {padding: 190px 30px 40px;}
    .search-list-wrap .board_thumbnail-item.no-data .text::after {top: 30px;}
    .search-list-wrap .board_thumbnail-item.no-data .text h4 {margin-left: 0; font-size: 18px; margin-bottom: 5px;}
    .search-list-wrap .board_thumbnail-item.no-data .text p {font-size: 14px;}
}




/* 060101 */
.program_info .top h6 {font-size: 17px; font-weight: 300; color: #666; position: relative; margin-bottom: 15px;}
.program_info .top h6::after {display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #adadad; position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}

.my-class .list-category {border-bottom: 1px solid #222;}
.my-class .list-category th {padding: 25px 0; text-align: center; background: #f4f4f4; font-size: 18px; font-weight: 700; color: #222;}

.my-class .board-item td {padding: 20px 15px; text-align: center; position: relative; font-size: 16px; font-weight: 500; color: #222;}
.my-class .board-item td:first-child, 
.my-class .board-item td:last-child {padding: 20px 0;}

.my-class .board-item td:nth-of-type(4) {max-width: 130px;}

.my-class .board-item .my-class-num {min-width: 50px; font-size: 15px; font-weight: 500; color: #222;}

.my-class .board-list .board-item .title {display: table-cell; text-align: left;}

.my-class .my-class-tag {min-width: 105px; font-size: 15px; font-weight: 400; color: #fff; background: #fff; text-align: center; padding: 10px 0; border-radius: 5px;}
.my-class .my-class-tag.p-state00 {background: #222;}
.my-class .my-class-tag.p-state01 {background: #327ad1;}
.my-class .my-class-tag.p-state02 {background: #9d9d9d;}
.my-class .my-class-tag.p-state03 {background: #f7a900;}
.my-class .my-class-tag.p-state04 {background: #85b222;}
.my-class .my-class-tag.p-state05 {background: #4eabaa;}

.my-class .my-class-tag.a-state00 {border: 2px solid #222; color: #222;}
.my-class .my-class-tag.a-state01 {border: 2px solid #85b222; color: #85b222;}
.my-class .my-class-tag.a-state02 {border: 2px solid #9d9d9d; color: #9d9d9d;}
.my-class .my-class-tag.a-state03 {border: 2px solid #222; color: #222;}
.my-class .my-class-tag.a-state04 {border: 2px solid #f7a900; color: #f7a900;}
.my-class .my-class-tag.a-state05 {border: 2px solid #85b222; color: #85b222;}
.my-class .my-class-tag.a-state06 {border: 2px solid #ed5f00; color: #ed5f00;}
.my-class .my-class-tag.a-state07 {border: 2px solid #4eabaa; color: #4eabaa;}
.my-class .my-class-tag.a-state08 {border: 2px solid #9d9d9d; color: #9d9d9d;}
.my-class .my-class-tag.a-state09 {border: 2px solid #4eabaa; color: #4eabaa;}
.my-class .my-class-tag.a-state010 {border: 2px solid #327ad1; color: #327ad1;}
.my-class .my-class-tag.a-state011 {border: 2px solid #ed5f00; color: #ed5f00;}
.my-class .my-class-tag.a-state012 {border: 2px solid #f7a900; color: #f7a900;}

.my-class .name {font-weight: 300; color: #666;}

.my-class .my-class-print {min-width: 110px; font-size: 15px; font-weight: 500; color: #666; padding: 10px 0 10px 20px; border-radius: 5px; border: 1px solid #666; background: #f4f4f4; position: relative;}
.my-class .my-class-print.type1::after {display: block; content: ""; width: 12px; height: 12px; background: url('../images/contents/my-class-print01.png') center no-repeat; position: absolute; top: 50%; left: 10px; transform: translate(50%, -50%);}
.my-class .my-class-print.type2::after {display: block; content: ""; width: 12px; height: 12px; background: url('../images/contents/my-class-print02.png') center no-repeat; position: absolute; top: 50%; left: 10px; transform: translate(50%, -50%);}
.my-class .my-class-print.type3::after {display: block; content: ""; width: 12px; height: 12px; background: url('../images/contents/my-class-print03.png') center no-repeat; position: absolute; top: 50%; left: 10px; transform: translate(50%, -50%);}

.my-class-notice-back {position: relative;}
.my-class-notice-back::after {content: ""; width: 100%; height: 100%; border: 1px solid #222; position: absolute; top: 10px; left: 10px;}

.my-class-notice-wrap {width: 100%; padding: 25px 50px; background: url('../images/contents/my-class-notice-bg.png') center no-repeat; background-size: cover; border: 1px solid #222; margin-top: 100px; position: relative; z-index: 10;}
.my-class-notice-wrap::after {content: ""; width: 30px; height: 100%; background: url('../images/contents/my-class-notice-spring.png') 0 0 no-repeat; position: absolute; top: 0; left: 0; background-size: cover; transform: translateX(-30%); z-index: 15;}

.my-class-notice {background: #fff; border: 1px solid #ececec; padding: 50px 60px;}
.my-class-notice h4 {display: inline-block; font-family: Jalnan; font-size: 35px; color: #327ad1; padding-left: 40px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 2px solid #327ad1; position: relative;}
.my-class-notice h4::after {content: ""; display: block; width: 27px; height: 46px; background: url('../images/contents/my-class-notice.png') center no-repeat; position: absolute; top: 35%; left: 0; transform: translateY(-50%);}
.my-class-notice > p {font-size: 20px; font-weight: 700; color: #222; margin-bottom: 20px;}

.my-class-notice .class-tag-ex {font-size: 0;}
.class-tag-ex .ex-item {display: inline-block; width: 50%; font-size: 0; margin-bottom: 10px;}
.class-tag-ex .ex-item .my-class-tag {display: inline-block; margin-right: 10px;}
.class-tag-ex .ex-item p {display: inline-block; font-size: 17px; font-weight: 300; color: #222; width: calc(100% - 115px);}


@media only screen and (max-width: 1240px) {
    .my-class .list-category {display: none;}
    .board-list .board-item {border-color: #222;}
    .my-class .board-item td,
    .my-class .board-list .board-item .title {display: inline-block; height: 80px; padding: 10px 5px;}
    .my-class .board-list .board-item .title span {width: 100%;}
    .my-class .board-list td:first-child,
    .my-class .board-list td:nth-of-type(5),
    .my-class .board-list td:nth-of-type(6) {width: 10%;}
    .my-class .board-list td:nth-of-type(7) {width: 15%;}
    .my-class .board-list td:nth-of-type(2) {width: 70%;}
    .my-class .board-list td:nth-of-type(3),
    .my-class .board-list td:nth-of-type(8),
    .my-class .board-list td:nth-of-type(9) {width: 20%;}
    .my-class .board-list td:nth-of-type(4) {min-width: 25%;}
    .my-class .board-item td::before {content: attr(data-label); font-size: 18px; display: block; font-weight: 700; color: #222; margin-bottom: 15px;}
    .my-class .board-list td:nth-of-type(3)::before,
    .my-class .board-list td:nth-of-type(8)::before,
    .my-class .board-list td:nth-of-type(9)::before {margin-bottom: 5px;}
    .my-class .board-list td {border-top: 1px dashed #e3e3e3;}
    .my-class .board-list td:first-child,
    .my-class .board-list td:nth-of-type(2),
    .my-class .board-list td:nth-of-type(3) {border-top: 0;}

}

@media only screen and (max-width: 1024px) {
    .my-class .board-list td:nth-of-type(4),
    .my-class .board-list td:nth-of-type(5),
    .my-class .board-list td:nth-of-type(6),
    .my-class .board-list td:nth-of-type(7),
    .my-class .board-list td:nth-of-type(8),
    .my-class .board-list td:nth-of-type(9) {min-width: 33.3333%;}
}

@media only screen and (max-width: 640px) {
    .my-class .board-list td:nth-of-type(1) {width: 100%; background: #e3e3e3;}
    .my-class .board-list td:nth-of-type(2) {width: 50%;}
    .my-class .board-list .board-item .title {text-align: center;}
    .my-class .board-list td:nth-of-type(2) span {max-height: 24px;}
    .my-class .board-list td:nth-of-type(3),
    .my-class .board-list td:nth-of-type(4),
    .my-class .board-list td:nth-of-type(5),
    .my-class .board-list td:nth-of-type(6),
    .my-class .board-list td:nth-of-type(7),
    .my-class .board-list td:nth-of-type(8),
    .my-class .board-list td:nth-of-type(9) {min-width: 50%;}

    .my-class .board-list td:nth-of-type(3) {border-top: 1px dashed #e3e3e3;}
}

@media only screen and (max-width: 480px) {
    .my-class .board-list td:nth-of-type(2),
    .my-class .board-list td:nth-of-type(3),
    .my-class .board-list td:nth-of-type(4),
    .my-class .board-list td:nth-of-type(5),
    .my-class .board-list td:nth-of-type(6),
    .my-class .board-list td:nth-of-type(7),
    .my-class .board-list td:nth-of-type(8),
    .my-class .board-list td:nth-of-type(9) {display: block; min-width: 100%;}

    .my-class .board-wrap.inner {margin: 0;}
    .my-class .my-class-print {padding: 10px 0;}
}


/* 060102 */

.my-class-view-wrap .top {margin-bottom: 35px;}

.my-class-view-wrap .program-wrap .table {border-bottom: 0; margin-bottom: 0;}

.my-class-view-wrap td div {display: inline-block; text-align: center;}

.my-class-view-program {border: 1px solid #222; padding: 35px 20px 20px; font-size: 0; margin-bottom: 50px;}
.my-class-view-program h4 {display: inline-block; width: calc(50% - 90px); margin-left: 90px; font-family: Jalnan; font-size: 30px; color: #222; padding-left: 90px; position: relative;}
.my-class-view-program h4::after {display: block; content: ""; width: 55px; height: 48px; background: url('../images/contents/view-program-ico.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.my-class-view-program .open {display: inline-block; width: 50%; text-align: right; font-size: 20px; font-weight: 400; color: #222; padding-right: 70px; position: relative;}
.my-class-view-program .open p::after {display: block; content: ""; width: 46px; height: 46px; border-radius: 50%; background: #222 url('../images/contents/view-program-arrow.png') center no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.my-class-view-program .open p.close::after {transform: translateY(-50%) rotate(180deg);}
.my-class-view-program .open .close {display: none;}
.my-class-view-program .view-program-box {max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out;}
.my-class-view-program.on .view-program-box {padding-top: 30px; max-height: 5000px;}
.my-class-view-program.on .open p {display: none;}
.my-class-view-program.on .open .close {display: block;}

.my-class-view-btn {font-size: 0; position: relative; text-align: right; min-height: 65px;}
.my-class-view-btn .btn {display: inline-block;}
.my-class-view-btn .btn+.btn {margin-left: 10px;}
.my-class-view-btn .btn a {display: block; font-size: 20px; font-weight: 500; text-align: center; padding: 20px 0; min-width: 175px; border-radius: 5px;}

.my-class-view-btn .btn.type1 a {background: #fff; color: #222; border: 1px solid #222;}
.my-class-view-btn .btn.type2 a {background: #222; color: #fff; border: 1px solid #222;}

.my-class-view-btn .btn:first-child {position: absolute; top: 0; left: 0;}


@media only screen and (max-width: 1024px) {
    .my-class-view-program h4 {margin-left: 20px; padding-left: 70px; width: calc(60% - 20px); font-size: 28px;}
    .my-class-view-program .open {width: 40%;}

    .my-class-view-btn .btn a {min-width: 150px;}

    .class-tag-ex .ex-item {width: 100%;}
}

@media only screen and (max-width: 768px) {
    .my-class-view-program h4 {font-size: 25px;}
    .my-class-view-program .open {padding-right: 50px;}
    .my-class-view-program .open p::after {width: 40px; height: 40px;}

    .my-class-view-btn .btn a {min-width: 130px;}

    .my-class-notice {padding: 50px 30px;}
}

@media only screen and (max-width: 640px) {
    .my-class-view-program {padding: 35px 10px 10px;}
    .my-class-view-program h4 {padding-left: 0; width: calc(70% - 20px); font-size: 20px;}
    .my-class-view-program h4::after {width: 45px; background-size: contain;}
    .my-class-view-program .open {width: 30%; padding-right: 40px;}
    .my-class-view-program .open p::after {width: 30px; height: 30px;}

    .my-class-view-program .program-wrap.inner {margin: 0;}
    .my-class-view-program .program-wrap td.file p {width: 90%;}

    .my-class-view-btn .btn:first-child {display: block; position: inherit;}
    .my-class-view-btn .btn {width: 100%; margin: 0 0 10px;}
    .my-class-view-btn .btn+.btn {margin-left: 0;}

    .my-class-notice {text-align: center;}
    .class-tag-ex .ex-item {margin-bottom: 30px;}
    .class-tag-ex .ex-item .my-class-tag {margin-bottom: 20px;}
    .class-tag-ex .ex-item p {width: 100%;}
}

@media only screen and (max-width: 480px) {
    .program_info .top h6 {padding-left: 10px;}
    .program_info .top h6::after {left: 0;}

    .my-class-view-program h4 {font-size: 18px; width: 100%; margin-bottom: 20px;}
    .my-class-view-program .open {padding-right: 80px;}

    .my-class-view-program.on .view-program-box {padding-top: 20px;}
    .my-class-view-program .program-wrap td.file p {width: 100%; padding: 0 0 45px 0;}
    .my-class-view-program .program-wrap td.file p::after {top: auto; bottom: -2px; left: calc(50% + 60px);}

    .my-class-notice-wrap {padding: 20px 10px;}

}


/* 070101 */
.email-notice-wrap .my-class-notice-wrap::after {background: url('../images/contents/my-class-notice-spring.png') 0 0 repeat-y;}

.email-notice {padding: 70px 0 70px 225px; border-top: 1px solid #e3e3e3; position: relative;}
.email-notice::after {content: ""; width: 107px; height: 109px; background: url('../images/contents/email-notice-img.png') center no-repeat; position: absolute; top: 50%; left: 65px; transform: translateY(-50%);}
.email-notice h4 {width: 85%; font-size: 18px; font-weight: 500; color: #222; line-height: 1.4;}
.email-notice h4 span {vertical-align: baseline; font-size: 17px; font-weight: 400; color: #666;}

.email-notice-wrap .my-class-notice-wrap {margin-top: 0;}

.email-notice-wrap .e-mail-etc h4 {font-family: inherit; font-size: 27px; font-weight: 700; color: #222; border-bottom: 0; padding: 0; margin-bottom: 45px;}
.email-notice-wrap .e-mail-etc h4::after {display: none;}

.email-notice-wrap .e-mail-etc .e-mail-etc-item {margin-bottom: 65px;}
.email-notice-wrap .e-mail-etc h6 {font-size: 20px; font-weight: 700; color: #222; padding-bottom: 5px; padding-left: 30px; border-bottom: 2px solid #222; display: inline-block; margin-bottom: 20px; position: relative;}
.email-notice-wrap .e-mail-etc h6:after {content: ""; width: 21px; height: 21px; background: url('../images/contents/email-etc-ico.png') center no-repeat; position: absolute; top: 11px; left: 0; transform: translateY(-50%);}
.email-notice-wrap .e-mail-etc p {font-size: 18px; font-weight: 300; color: #222; line-height: 1.5; padding-left: 10px; position: relative;}
.email-notice-wrap .e-mail-etc p::after {content: ""; width: 5px; height: 1px; background: #222; position: absolute; top: 9px; left: 0;}

@media only screen and (max-width: 1240px) {
	.email-notice {padding: 70px 0 70px 150px;}
	.email-notice::after {left: 20px;}
	.email-notice h4 {width: 100%;}

	.email-notice-wrap .my-class-notice-wrap {padding: 25px 30px;}
	.email-notice-wrap .my-class-notice {padding: 50px 30px;}
}

@media only screen and (max-width: 1024px) {
	.email-notice-wrap .e-mail-etc h4 {font-size: 24px;}
	.email-notice-wrap .e-mail-etc h6 {font-size: 18px;}
	.email-notice-wrap .e-mail-etc p {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
	.email-notice-wrap .e-mail-etc h4 {font-size: 20px; margin-bottom: 20px;}
}

@media only screen and (max-width: 640px) {
	.email-notice-wrap .my-class-notice-wrap {padding: 25px 20px 25px 25px;}
	.email-notice-wrap .my-class-notice {text-align: left; padding: 20px 10px;}

	.email-notice h4 {font-size: 16px;}

	.email-notice-wrap .e-mail-etc h4 {font-size: 20px;}
	.email-notice-wrap .e-mail-etc h6 {font-size: 16px;}
	.email-notice-wrap .e-mail-etc p {font-size: 15px;}
}

@media only screen and (max-width: 480px) {
	.email-notice {padding: 150px 0 70px;}
	.email-notice::after {top: 20px; left: 50%; transform: translateX(-50%);}
	.email-notice h4 {text-align: center;}
}



/* 070201 */
.site-map {font-size: 0;}

.site-map > li {display: inline-block; width: 30%; margin-bottom: 50px;}
.site-map > li+li {margin-left: 5%;}
.site-map > li:nth-of-type(3n+1) {margin-left: 0;} 
.site-map li a {display: block; color: #222; }
.site-map li a:hover {color: #ed7533;}

.site-map-1dep {padding: 35px; background: #eef1f3; border-radius: 30px;}
.site-map-1dep > span {display: block; font-size: 27px; font-weight: 700; color: #222; padding-left: 25px; margin-bottom: 35px; position: relative;}
.site-map-1dep > span::after {content: ""; width: 60px; height: 60px; background: url('../images/common/ico_allmenu.png') 0 0 no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.site-map-1dep:nth-of-type(2) > span::after {background-position: -60px 0;}
.site-map-1dep:nth-of-type(3) > span::after {background-position: -120px 0;}
.site-map-1dep:nth-of-type(4) > span::after {background-position: -180px 0;}
.site-map-1dep:nth-of-type(5) > span::after {background-position: -240px 0;}

.site-map-2dep {background: #fff; min-height: 600px; border-radius: 10px; padding: 40px 35px;}
.site-map-2dep li+li {margin-top: 15px;}
.site-map-2dep a {font-size: 18px; font-weight: 300; padding-left: 15px; position: relative;}
.site-map-2dep > li > a::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #adadad; position: absolute; top: 9px; left: 0; transform: translateY(-50%);}

.site-map-3dep {margin-top: 10px; border-left: 3px solid #327ad1;}
.site-map-3dep li a {font-size: 16px; font-weight: 300;}

@media only screen and (max-width: 1400px) {
    .site-map-1dep > span {font-size: 25px;}
}

@media only screen and (max-width: 1240px) {
    .site-map > li,
    .site-map > li:nth-of-type(3n+1) {width: calc(50% - 25px); margin-left: 50px;}
    .site-map > li+li {margin-left: 50px;}
    .site-map > li:nth-of-type(2n-1) {margin-left: 0;} 
}

@media only screen and (max-width: 1024px) {
    .site-map-1dep > span {font-size: 22px;}
    .site-map-2dep a {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
    .site-map > li,
    .site-map > li+li,
    .site-map > li:nth-of-type(3n+1) {width: 100%; margin-left: 0;}
}

@media only screen and (max-width: 480px) {
    .site-map-1dep {padding: 35px 20px 20px;}
    .site-map-1dep > span {font-size: 18px; margin-bottom: 25px;}

    .site-map-2dep {padding: 30px ;}
}



/* Login */
.login-wrap {border-top:1px solid #e3e3e3; padding-top:4.28%;}
.login__top {text-align:center;}
.login-title h3{ display:inline-block; font-size:25px; color:#222; padding:0 0 5px 0; border-bottom:1px solid #222; font-weight:700;}

.login__top-txt {margin:1.8% 0 0 0; line-height:1.3;}
.login__top-txt .txt1 {font-size:18px; color:#222; font-weight:500;}
.login__top-txt .txt2 {font-size:17px; color:#666; margin-top:8px;}

.login__way {margin-top:3.58%;}
.login__way-wrap {max-width:910px; margin:0 auto; font-size:0;}


.login__way-type {display:inline-block;  width:calc(50% - 5px); font-size:1rem;  margin:0 5px 0 0;}
.login__way-type:nth-of-type(2) {margin:0 0 0 5px;}


.login__way-link {display:block; position: relative; background-color:#4eabaa;  border-radius:0 50% 0 50%; padding:16% 16% 40% 16%; transition:all 0.3s ease-in-out; }
.login__way-type:nth-of-type(2) .login__way-link {background-color:#85b222; border-radius:50% 0 50% 0;}




.login__way-type .title {position:relative; color:#fff; font-family: 'jalnan', sans-serif; font-size:35px; line-height:1.2; padding-left:40%;}
.login__way-type .title::before {content:''; display:block; width:40%; height:100%; background:url('../images/contents/login/ico_login01.png') 50% 0 no-repeat; position:absolute; top:0; left:0; background-size:contain;}
.login__way-type:nth-of-type(2) .title::before { background-image:url('../images/contents/login/ico_login02.png');}
.login__way-type .txt1 {color:#fff; margin:20px 0 0 0; line-height:1.3;}

.login__way-type .txt2 {position:absolute; bottom:16%; right:16%; border-radius: 40px; background-color:#fff; color:#4eabaa; line-height:50px; height:50px;  font-size:23px; font-weight:700; padding:0 30px;transition:all 0.3s ease-in-out;}
.login__way-type:nth-of-type(2) .txt2 {color:#85b222; right:auto; left:16%;}

.login__way-link:hover {border-radius:50%; }
.login__way-type:nth-of-type(2) .login__way-link:hover {border-radius:50%;}
.login__way-link:hover  .txt2 {right:50%; transform: translateX(50%);}
.login__way-type:nth-of-type(2) .login__way-link:hover  .txt2 {right:auto; left:50%; transform: translateX(-50%);}


.login__bottom {text-align:center; margin-top:3%; }
.login__bottom-wrap { max-width:700px; margin:0 auto;}
.login__bottom-txt {font-size:16px; line-height:1.5; font-weight:300;}


.login__bottom-info {color:#4eabaa; font-size:20px; position: relative; margin:5.7% 0 0 0; padding:5.7% 0 0 0;}
.login__bottom-info::after {content:''; display:block; height:2px; background-color:#4eabaa; width:calc(100% - 30px); position:absolute; top:0; left:50%; transform: translateX(-50%);}

.login__bottom-info p::before,
.login__bottom-info p::after {content:''; display:block; height:6px; width:6px; background-color:#4eabaa;  border-radius: 6px; position:absolute; top:0; transform: translateY(-2px);}
.login__bottom-info p::before {left:0;}
.login__bottom-info p::after {right:0;}

.login__bottom-contact {font-weight:700;}
.login__bottom-contact span {display:inline-block; vertical-align: baseline;}
.login__bottom-contact span:nth-of-type(3) {color:#222;}
.login__bottom-contact span:nth-of-type(3) em {display:inline-block; padding: 10px 0 0 45px; background:url('../images/contents/login/ico_login03.png') 5px 0 no-repeat; vertical-align: baseline;}

@media only screen and (max-width: 1024px){
    .login__way-link {padding: 16% 16% 30% 16%;}
    .login__way-type .title {font-size: 25px;}

    .login__way-type .txt2 {bottom: 15%; width: 65%; text-align: center;}
}

@media only screen and (max-width: 768px){
    .login__top-txt .txt1 {font-size: 16px;}
    .login__top-txt .txt2,
    .login__bottom-txt {font-size: 15px;}

    .login__way-type,
    .login__way-type:nth-of-type(2) {display: block; width: 80%; margin: 0 auto;}
    .login__way-link {border-radius: 0 0 50% 50%; padding: 16% 16% 40% 16%;}
    .login__way-type:nth-of-type(2) .login__way-link {border-radius: 50% 50% 0 0; padding: 16% 16% 40% 16%; margin-top: 10px;}

    .login__way-type .txt2 {right: 50%; transform: translateX(50%);}
    .login__way-type:nth-of-type(2) .login__way-link .txt2 {left: 50%; transform: translateX(-50%);}

    .login__bottom-info {font-size: 18px;}

    .login__way-type .title {font-size: 20px;}
    .login__way-type .txt2 {font-size: 18px; padding: 0 15px;}
}

@media only screen and (max-width: 640px){
    .login__way-link,
    .login__way-type:nth-of-type(2) .login__way-link {padding: 12% 12% 38% 12%;}
}

@media only screen and (max-width: 480px){
    .login__way-type, .login__way-type:nth-of-type(2) {width: 100%;}
    .login__way-type .title {font-size: 18px;}
    .login__way-type .txt1 {font-size: 15px; text-align: center;}

    .login__way-type .title::before {left: 5%;}
}

.small {font-size: 0.8em !important;}
.point_color {color: red !important;}