.hnc21-1 {
    padding: 40px 0 100px;
}

.hnc21-1:after,.hnc21-1-1:after {
    content: "";
    display: block;
    clear: both;
}


.hnc21-1in {
    width: 30%;
    float: left;
	    margin-right: 5%;
padding: 10px 10px 30px;
		    border: 1px solid #dedede;
}

.hnc21-1 .hnc21-1in:last-child {
    margin-right: 0;
}



.hnc21-1in h3 {
    font-family: ngeb, 'NanumGothicExtraBold';
    font-size: 15px;
    line-height: 1;
    margin: 0;
	padding: 10px 20px 10px;
	    text-align: center;
		margin-bottom: 20px;
}


.hsdah3-1 {
    background-color: #222;
}

.hsdah3-2 {
    background-color: #1E53A7;
}

.hsdah3-3 {
    background-color: #6A81A4
}


.hnc21-1in a,
.hnc21-1in a:link,
.hnc21-1in a:visited,
.hnc21-1in a:hover,
.hnc21-1in a:focus,
.hnc21-1in a:active,
.hnc21-1in h3,
.hnc21-1in h3.hsdah3-1,
.hnc21-1in h3:hover,
.hnc21-1in h3:focus,
.hnc21-1in h3:active {
  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}





.hnc21-1in a::after,
.hnc21-1in a::before,
.hnc21-1in h3::after,
.hnc21-1in h3::before {
  display: none !important;
  content: none !important;
}

.hnc21-1in h3,
.hnc21-1in h3:hover,
.hnc21-1in h3:focus,
.hnc21-1in h3:active {
  color: #fff !important;
}

.hnc21-1in a,
.hnc21-1in a:link,
.hnc21-1in a:visited,
.hnc21-1in a:hover,
.hnc21-1in a:focus,
.hnc21-1in a:active {
  color: #333 !important;
}



.hnc21-1-1-1 {
    float: left;
    width: 40px;
}

.hnc21-1-1-2 {
    float: left;
    width: 75%;
padding: 5px 0 0 2px;
}


.hnc21-1-1{
    padding-left: 15px;
    padding-right: 15px;
}

.hasdf-dv {
    height: 20px;
}

.hnc21-1-1-1 img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dedede;
}


@media (min-width: 992px) and (max-width: 1199px) {

.hnc21-1in h3 {
    line-height: 1.4;
	    word-break: keep-all;

}
.hnc21-1-1-2 {
    width: 70%;
padding: 5px 0 0 2px;
	    word-break: keep-all;
}

    /*===※===*/ 
}


@media (min-width: 768px) and (max-width: 991px) {
.hnc21-1in h3 {
    line-height: 1.4;
	    word-break: keep-all;

}
.hnc21-1-1-2 {
    width: 70%;
padding: 5px 0 0 2px;
	    word-break: keep-all;
}
    /*===※===*/ 
}



@media (max-width: 767px) {

.hnc21-1in {
    width: 100%;
    float: none;
			    margin-right: 0;
				margin-top: 40px;
}

.hnc21-1 .hnc21-1in:last-child {
    margin-right: 0;
}

.hnc21-1 {
    padding: 0;
}
    /*===※===*/ 
}