/*     1584315 : HTML 편집기      */
.sub_grt {
    background-image: url(/img_up/shop_pds/ehompy0639/design/2025/sub_page68_img02-.png);
    background-repeat: no-repeat;
    background-position: 95% 0%;
}


.sub_grt .inner {
    display: flex;
    justify-content: space-between;
	align-items:center;
}

.sub_grt .inner .img_wp,
.sub_grt .inner .cap_wp {
    width: calc(50% - clamp(1rem, 3.5vw, 3.5rem));
}


.sub_grt .inner .img_wp img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.sub_grt .inner .cap_wp .tit h2 {
    color: #000;
    font-family: 'Chosunilbo_myungjo' !important;
    font-size: clamp(1.7rem, 3vw, 3rem);
}

.sub_grt .inner .cap_wp .conts p {
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    line-height: 1.6em;
    margin-top: clamp(1rem, 1.4vw, 1.4rem);
}

.sub_grt .inner .cap_wp .conts p:not(:last-child) {
    margin-bottom: clamp(1rem, 1.4vw, 1.4rem);
}



.sub_grt .ideo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: clamp(2rem, 4vw, 4rem);
}

.sub_grt .ideo .item {
    width: calc(25% - 40px);
}

.sub_grt .ideo .item * {
    font-family: var(--font_pret);
    font-size: 18px;
    line-height: 1.8em;
    color: #000;
    word-break: keep-all;
}

.sub_grt .ideo .item .subj {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #cda68424;
}

.sub_grt .ideo .item .subj * {
    font-weight: 600;
    color: #53351d;
}

.sub_grt .ideo .item .subj div {
    font-family: 'NanumMyeongjo', 'Noto Sans KR', serif;
    font-size: 30px;
}

.sub_grt .ideo .item .subj span {
    font-family: 'Chosunilbo_myungjo', serif !important;
    font-size: 1.75em;
}

.sub_grt .ideo .item .subj:after {
    content: '야';
    position: absolute;
    font-family: 'Noto Serif KR', serif;
    font-size: 8em;
    right: -10px;
    top: 100px;
    color: #8363491a;
}


.sub_grt .ideo .item:nth-of-type(1) .subj:after {
    content: '正';
}

.sub_grt .ideo .item:nth-of-type(2) .subj:after {
    content: '仁';
}

.sub_grt .ideo .item:nth-of-type(3) .subj:after {
    content: '儀';
}

.sub_grt .ideo .item:nth-of-type(4) .subj:after {
    content: '典';
}

.sub_grt .ideo .item .conts {
    margin: 60px 0 0 0;
    text-align: center;
    position: relative;
}

.sub_grt .ideo .item .conts:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 90px;
    background: #8363493d;
    left: 50%;
    transform: translatex(-50%);
    top: -100px;
}

.sub_grt .sign{
	margin-top:clamp(1rem, 3vw, 4rem);
	    font-size: clamp(1rem, 1.1vw, 1.1rem); 
		text-align:right;
	font-weight:bold;
}
  

@media (max-width:1480px) {}

@media (max-width:1023px) {

    .sub_grt .inner {
        flex-direction: column;
    }

    .sub_grt .inner .img_wp,
    .sub_grt .inner .cap_wp {
        width: 100%;
    }

    .sub_grt .inner .cap_wp {
        margin-top: clamp(2rem, 3vw, 3rem);
    }

    .sub_grt .ideo {
        display: block;
    }

    .sub_grt .ideo .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .sub_grt .ideo .item .subj {
        width: 100%;
        height: unset;
        border-radius: 4px;
        padding: 20px 0;
    }

    .sub_grt .ideo .item .subj span {
        font-size: 1.3em;
    }

    .sub_grt .ideo .item .subj div {
        font-size: 22px;
    }

    .sub_grt .ideo .item .subj:after {
        font-size: 4em;
        right: 64px;
        top: 29px;
    }

    .sub_grt .ideo .item .conts {
        margin: 10px 0 0 0;
        padding: 0 30px;
        font-size: 16px;
    }

    .sub_grt .ideo .item .conts:before {
        display: none;
    }

	.sub_grt  {
        background-position: bottom;
    }
}