틀:DohwaMain/styles.css

.DHM-box-king:hover .DHM-trig-king {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}

.DHM-trig-king {
	cursor: pointer; display:inline; margin-bottom:-15px;
    transition: filter 1s;
}
.DHM-cont-king {
	width: 100%;
    overflow:hidden;
    margin-top:-8px;
	height:0px;
    padding:0px;
    opacity:0;
    transition: all 1s 0.3s;
}
.DHM-trig-king:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-king:hover + .DHM-cont-king {
	display: block;
	height:25px;
    margin:-8px 0px -25px;
    padding:0px;
    opacity:1;
}


.DHM-box-nat:hover > .DHM-trig-a {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-b {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-c {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-d {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-e {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-f {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-g {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-h {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-i {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}
.DHM-box-nat:hover > .DHM-trig-j {
	filter: grayscale(85%) opacity(60%) blur(0.5px);
}

.DHM-trig-a {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-a {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-a:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-a:hover ~ .DHM-cont-a {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-a:hover {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-a:hover ~ .DHM-trig-a {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-b {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-b {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-b:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-b:hover ~ .DHM-cont-b {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-b:hover {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-b:hover ~ .DHM-trig-b {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-c {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-c {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-c:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-c:hover ~ .DHM-cont-c {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-c:hover {
	display: block;
	opacity: 0.9; height: 300px;
}
.DHM-cont-c:hover ~ .DHM-trig-c {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-d {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-d {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-d:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-d:hover ~ .DHM-cont-d {
	display: block;
	opacity: 0.9; height: 350px;
}
.DHM-cont-d:hover {
	display: block;
	opacity: 0.9; height: 350px;
}
.DHM-cont-d:hover ~ .DHM-trig-d {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-e {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-e {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-e:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-e:hover ~ .DHM-cont-e {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-e:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-e:hover ~ .DHM-trig-e {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-f {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-f {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-f:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-f:hover ~ .DHM-cont-f {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-f:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-f:hover ~ .DHM-trig-f {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-g {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-g {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-g:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-g:hover ~ .DHM-cont-g {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-g:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-g:hover ~ .DHM-trig-g {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-h {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-h {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-h:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-h:hover ~ .DHM-cont-h {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-h:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-h:hover ~ .DHM-trig-h {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-i {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-i {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-i:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-i:hover ~ .DHM-cont-i {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-i:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-i:hover ~ .DHM-trig-i {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}

.DHM-trig-j {
	cursor: pointer; display:inline;
    transition: filter 1s;
}
.DHM-cont-j {
	width: 100%;
	opacity: 0; overflow: hidden; height:0px;
    transition: opacity 1s 0.5s, height 1s 0.5s;
}
.DHM-trig-j:hover {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}
.DHM-trig-j:hover ~ .DHM-cont-j {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-j:hover {
	display: block;
	opacity: 0.9; height: 250px;
}
.DHM-cont-j:hover ~ .DHM-trig-j {
	filter: grayscale(0%) opacity(100%) blur(0px) !important;
}