/******************************************************/
/**************Component - Single image****************/
/******************************************************/
.nhn-dev-portal-component-single-image-container {
    width: 100%;
}
.nhn-dev-portal-component-left .nhn-dev-portal-component-single-image-container {
    position: relative;
    float: left;
}
.nhn-dev-portal-component-right .nhn-dev-portal-component-single-image-container {
    position: relative;
    float: right;
}
.nhn-dev-portal-component-center .nhn-dev-portal-component-single-image-container {
    display: inline-block;
    text-align: left;
}
.nhn-dev-portal-component-single-image {
    max-width: 100%;
    clear: both;
}
.nhn-dev-portal-component-single-image-text {
    margin-top: var(--size-12);
    max-width: 800px;
}
html.night-mode .nhn-dev-portal-component-single-image-text {
    color: var(--color-white);
}
@media only screen and (min-width: 1024px) {
    .image-mobile{
        display: none;
    }
    .image-desktop{
        display: block
    }
}
@media only screen and (max-width: 1023px){
    .image-mobile {
        display: block;
    }
    .image-desktop {
        display: none
    }
}