틀:JOtax/styles.css

/*    # 복사방지    */

.no-drag-template { user-select: none; }
.no-drag-template img { pointer-events: none; }

/*    # 모바일 반응성    */

@media screen and (min-width: 800px) {
	.JO-WebDisplay {
    	display:inherit;
	}
}
@media screen and (min-width: 800px) {
	.JO-MobileDisplay {
    	display:none !important;
	}
}
@media screen and (max-width: 800px) {
	.JO-WebDisplay {
    	display:none !important;
	}
}
@media screen and (max-width: 800px) {
	.JO-MobileDisplay {
    	display:inherit;
	}
}

/*    # 기타    */

.DO-HO-box {
}
.DO-HO-item1 {
  display:block;
}
.DO-HO-item2 {
  display:none;
}
.DO-HO-box:hover > .DO-HO-item2 {
  display:block;
}
.DO-HO-box:hover > .DO-HO-item1 {
  display:none;
}


.JO-tax-content {
  overflow:hidden;
  max-height:0px;
  transition: max-height 1s ease-in-out, filter 0.5s ease;
}
.JO-tax-trigger {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger:hover > .JO-tax-content {
  max-height:100px;
}

.JO-tax-trigger1 {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger1:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger1:hover > .JO-tax-content {
  max-height:100px;
}

.JO-tax-trigger3 {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger3:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger3:hover > .JO-tax-content {
  max-height:100px;
}

.JO-tax-trigger4 {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger4:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger4:hover > .JO-tax-content {
  max-height:100px;
}

.JO-tax-trigger2 {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger2:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger2:hover > .JO-tax-content {
  max-height:300px;
}

.JO-tax-trigger5 {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-trigger5:hover {
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.JO-tax-trigger5:hover > .JO-tax-content {
  max-height:500px;
}

.JO-tax-triggerG {
	cursor: help;
    box-shadow:0px 0px 2px rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.JO-tax-triggerG:hover {
  box-shadow:0px 0px 3px 1px rgba(255,215,0,0.2);
}

/*    #테스트    */

.JO-tax-content0 {
  overflow:hidden;
  max-height:0px;
  transition: max-height 1s ease-in-out;
}
.JO-tax-trigger0 {
	cursor: help;
}
.JO-tax-trigger0:hover > .JO-tax-content0 {
  max-height:100px;
}