@CHARSET "UTF-8";
#sub-page .container-fluid.no-pd{
	margin-top:20px;
	
}
#sub-page .container-intro.mem-intro #intro .wrap.membership .title-small{
	color: #fff !important;	
}
#sub-page .container-intro.mem-intro.sports #intro .wrap.membership .title-small{
	color: #fff !important;
}
#sub-page .container-intro.mem-intro.culture #intro .wrap.membership .title-small{
	color: #fff !important;
}
#sub-page .container-intro.mem-intro {
	position:relative;
    width: 100%;
    background-color: #4F7DFF;
    background-image:url();
    /* background-image: linear-gradient(135deg, white 65vw, #4F7DFF 50%); */
}

#sub-page .container-intro.mem-intro .subtop-background-up-round{
   	position: absolute;
    right: 5%;
    width: 196px;
    background-image: linear-gradient(0deg, #4f7dff 15%, #5f95ef 72%, #6d8ff1 100%);
    height: 196px;
    z-index: 1;
    top: 67px;
    border-radius: 103px;
    margin-right: 48px;
}

#sub-page .container-intro.mem-intro.sports{
	position:relative;
    width: 100%;
    background-color: #0099ff;
    background-image:url();
	/* background-image: linear-gradient(135deg, white 65vw, #2CB7FF 50%); */
    /* background-size: auto; */
}
#sub-page .container-intro.mem-intro.sports .subtop-background-up-round{
	position: absolute;
    right: 5%;
    width: 196px;
    background-image: linear-gradient(0deg, #0099ff 15%, #00bcff 72%, #00caff 100%);
    height: 203px;
    z-index: 1;
    top: 67px;
    border-radius: 103px;
    margin-right: 48px;
	
}
#sub-page .container-intro.mem-intro.culture{
	position:relative;
    width: 100%;
    background-color: #00CB28;
    background-image:url();
	/* background-image: linear-gradient(135deg, white 65vw, #50D836 50%); */
}
#sub-page .container-intro.mem-intro.culture .subtop-background-up-round{
	position: absolute;
    right: 5%;
    width: 196px;
    background-image: linear-gradient(0deg, #00CB28 15%, #33eb58 72%, #10f93f 100%);
    height: 203px;
    z-index: 1;
    top: 67px;
    border-radius: 103px;
    margin-right: 48px;
	
}
#sub-page .container-intro.mem-intro.honors{
	position:relative;
    width: 100%;
    background-color: #792DBC;
    background-image:url();
	/* background-image: linear-gradient(135deg, white 65vw, #2CB7FF 50%); */
    /* background-size: auto; */
}
#sub-page .container-intro.mem-intro.honors .subtop-background-up-round{
	position: absolute;
    right: 5%;
    width: 196px;
    background-image: linear-gradient(0deg, #792DBC 15%, #934fcf 72%, #9e53e1 100%);
    height: 203px;
    z-index: 1;
    top: 67px;
    border-radius: 103px;
    margin-right: 53px;
	
}

#sub-page .container-intro.mem-intro.honors img{
	width:1236px;
    top: 37px;
}
#sub-page .container-intro.mem-intro img{
	width: 970px;
    position: absolute;
    right: 3%;
    top: 48px;
    z-index:2;
	
}
#sub-page .container-intro #intro{
    width: 100%;
    position: relative;
    max-width: 1140px;
	
}
.membership-contents-layer{
	width:50%;
	
}
#sub-page .container-intro.mem-intro #intro .wrap.membership .title-slg{
	color: #fff !important;
	font-size:36px;
	
}
#sub-page section.sec-content-half .row.inner-contents.honors2 .wrap-about-img >img{
	box-shadow:none;
}
#sub-page .wrap-about-img >img{
	position:relative;
	box-shadow: 0px 0px 0px 0 #f7f7f7;
}
#sub-page .sec-content-half .inner-contents dl:first-child dt{
	margin-top:0px;
}
#sub-page section.sec-content-half .row.inner-contents.honors{
	flex-direction: column-reverse;
}
#sub-page section.sec-content-half .row.inner-contents.honors2{
	column-gap: 0px;
}
#sub-page section.sec-content-half .row.inner-contents.honors .membership-contents-layer{
	text-align:center;
}
#sub-page section.sec-content-half .row.inner-contents{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 12px;
    column-gap: 37px;
}
.mobile-mini{display:none;}

#sub-page .honors2 .wrap-about-img {
  position: relative;
}
.img1 {
  display: block;
}
#sub-page .honors2 .wrap-about-img::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media(max-width:768px){
	#sub-page .honors2 .wrap-about-img::after {
         box-shadow: inset 0px 10px 20px 0px rgba(247, 247, 247, 0.89), inset 0px -10px 20px rgba(247, 247, 247, 0.89);
	}
	.container-fluid.no-pd{
		padding:0px 20px;
	}
	#sub-page section.sec-content-half .row.inner-contents.honors .wrap-about-img .img1{
		content:url(/images/membership/honors_top_mobile.jpg);
	}
	#sub-page section.sec-content-half .row.inner-contents.honors2{
		column-gap: 0px;
	    flex-direction: column;
	}
	#sub-page .container-intro.mem-intro {
		background-color: #4F7DFF;
	    /* background-image: linear-gradient(135deg, white 71vw, #4F7DFF 50%); */
	}
	#sub-page .container-intro.mem-intro .subtop-background-up-round{
	    right: 0%;
	    top: 64px;
	}
	#sub-page .container-intro.mem-intro.sports{
		background-color: #0099ff;
		/* background-image: linear-gradient(135deg, white 71vw, #2CB7FF 50%); */
	}
	
	#sub-page .container-intro.mem-intro.sports .subtop-background-up-round{
		right: 0%;
	    top: 64px;
	}
	
	.sub-page .container-intro.mem-intro.culture{
		background-color: #00CB28;
		/* background-image: linear-gradient(135deg, white 71vw, #50D836 50%); */
	}
	
	#sub-page .container-intro.mem-intro.culture .subtop-background-up-round{
		right: 0%;
	    top: 64px;
	}
	
	.sub-page .container-intro.mem-intro.honors{
		background-color: #792DBC;
		/* background-image: linear-gradient(135deg, white 71vw, #50D836 50%); */
	}
	
	#sub-page .container-intro.mem-intro.honors .subtop-background-up-round{
        right: 0%;
        top: 73px;
	}
	
	#sub-page .container-intro.mem-intro.honors img{
	    right: 0%;
        top: 43px;
	}
	#sub-page .container-intro.mem-intro img{
        right: 0%;
        top: 42px;
	}
	#sub-page .container-intro.mem-intro #intro .wrap.membership .title-slg{
		font-size:26px;
	}
	#sub-page section.sec-content-half .row.inner-contents{
	    flex-direction: column-reverse;
	}
	#sub-page section.sec-content-half .row.inner-contents.layer2{
		flex-direction: column;
	}
	.membership-contents-layer{
		width:100%;
	}
	.mobile-show {
        display: block;
    }
    
}
@media (max-width: 540px) {
	
	
    #sub-page .container-intro.mem-intro img{
		width: 680px;
        top: 23px;
	}
	#sub-page .container-intro.mem-intro .subtop-background-up-round{
       	width: 134px;
        height: 134px;
        top: 39px;
        margin-right: 48px;
	}
	
	#sub-page .container-intro.mem-intro.sports img{
		width: 680px;
        top: 23px;
	}
	#sub-page .container-intro.mem-intro.sports .subtop-background-up-round{
       	width: 134px;
        height: 134px;
        top: 39px;
        margin-right: 48px;
	}
	
	#sub-page .container-intro.mem-intro.culture img{
		width: 680px;
        top: 23px;
	}
	#sub-page .container-intro.mem-intro.culture .subtop-background-up-round{
       	width: 134px;
        height: 134px;
        top: 39px;
        margin-right: 48px;
	}
	#sub-page .container-intro.mem-intro.honors img{
		width: 790px;
	}
	#sub-page .container-intro.mem-intro.honors .subtop-background-up-round{
        width: 134px;
        height: 134px;
        top: 60px;
        margin-right: 34px;
	}
	
}
@media (max-width: 420px) {
	#sub-page .container-intro.mem-intro.honors img{
		top: 25%;
	}
 	.mobile-mini{display:block;}
 	#sub-page .container-intro.mem-intro #intro .wrap.membership .title-slg{
 		font-size:18px;
 	}
 	#sub-page .container-intro.mem-intro img{
 		top:21px;
 		width: 558px;
 	}
 	#sub-page .container-intro.mem-intro .subtop-background-up-round{
 		top:21px;
 		margin-right: 28px;
 	}
 	
 	#sub-page .container-intro.mem-intro.sports img{
 		top:21px;
 		width: 558px;
 	}
 	#sub-page .container-intro.mem-intro.sports .subtop-background-up-round{
 		top:21px;
 		margin-right: 28px;
 	}
 	#sub-page .container-intro.mem-intro.culture img{
 		top:21px;
 		width: 558px;
 	}
 	#sub-page .container-intro.mem-intro.culture .subtop-background-up-round{
 		top:21px;
 		margin-right: 28px;
 	}
 	#sub-page .container-intro.mem-intro.honors img{
 		top: 45px;
        width: 680px;
 	}
 	#sub-page .container-intro.mem-intro.honors .subtop-background-up-round{
        top: 50px;
        margin-right: 28px;
 	}
 	
}