/*faq 200717 */
.faq{ border-collapse:collapse; }
.faq th{ text-align:left; border:1px solid #ddd; padding:5px 10px; background:#f9f9f9; font-family:'맑은 고딕'; color:#333; }
.faq td{ text-align:left; border:1px solid #ddd; padding:10px; }

/* 인사말 */
.grtWrap {border-radius: 0 0 2rem 2rem; border-top: 0.2rem solid #38a2ff; background: #fff; box-shadow: 0 0 0.75rem rgba(8,94,169,0.1); padding-bottom: 5rem; position: relative; word-break: keep-all;}
.grtWrap .imgBox {width: 33%; padding: 5% 1.5rem 0 2rem; float:left; }
.grtWrap .imgBox .img {max-height: 15rem; border-radius: 0.5rem; font-size: 0; line-height: 0; position: relative; z-index: 0;}
.grtWrap .imgBox .img img {width: 100%; height: 100%; border-radius: 0.5rem; object-fit: cover;}
.grtWrap .imgBox .txt {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 0 2.75rem 2.75rem 0.5rem; background: #085ea9; padding: 0.5rem 1rem; color: #fff; transform: translateY(-50%); position: relative; z-index: 1;}
.grtWrap .imgBox .txt em {display: block; font-size: 0.9rem; font-weight: 600; font-style: italic; padding: 0.2rem;}
.grtWrap .txtBox {width:100% ; flex: 1; padding: 1.75rem 5% 0;}
.grtWrap .txtBox .tp h4 {display: inline-block; padding: 0 0.2rem; font-family: 'GmarketSans'; font-size: 1rem; color: #cee8ff; font-weight: 700; position: relative; z-index: 0;}
.grtWrap .txtBox .tp h4::before {content: ""; display: block; width: 100%; height: 0.4rem; background: #f1fcff; position: absolute; left: 0; bottom: 0.15rem; z-index: -1;}
.grtWrap .txtBox .tp h4::after {content: ""; display: block; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #085ea9; position: absolute; right: 0; top: 0;}
.grtWrap .txtBox .tp h3 {font-size: 1.2rem;color: #222;font-weight: 700;margin-top: 0.25rem;position: relative;z-index: 1;}
.grtWrap .txtBox .tp p {display: inline-block; font-size: 1rem; color: #222; font-weight: 500; margin-top: 0.25rem; position: relative; z-index: 0;}
.grtWrap .txtBox .tp p em {color: #085ea9;line-height: 1.25rem;font-size: 0.8rem;}
.grtWrap .txtBox .bt {margin-top: 1.25rem;}
.grtWrap .txtBox .bt::before {content: ""; display: block; width: 100%; height: 3px; background: url('/images/template/10559/sub/grt_txt_pttn.jpg'); margin-bottom: 1.25rem;}
.grtWrap .txtBox .bt p {font-size: 0.8rem; line-height: 1.15rem; text-align: justify;}
.grtWrap .txtBox .bt p:after {content: ''; display: inline-block; width: 100%;}
.grtWrap .txtBox .bt p + p {margin-top: 1.25rem;}
.grtWrap .txtBox .sign {color: #000;position: absolute;right: 2.5rem;bottom: 2rem;font-size: 0.7rem;line-height: 1.25rem;}
.grtWrap .txtBox .sign em {display: inline-block; font-size: 1rem; font-weight: 600; font-style: italic;}

@media (max-width: 1024px) {

    /* 인사말 */
    .grtWrap .imgBox {padding-right: 5vw;}
    .grtWrap .txtBox {padding: 1.75rem 5vw 0;}

}

@media (max-width: 768px) {

    /* 인사말 */
    .grtWrap {flex-direction: column; align-items: center; padding:1.75rem 1.5rem 2.25rem;}
    .grtWrap .imgBox {width: 12.5rem; max-width: 70%; padding: 0;}
    .grtWrap .imgBox .img::before {display: none;}
    .grtWrap .imgBox .txt {border-radius: 0 0.5rem 0.5rem 0.5rem; padding: 0.25rem 0.5rem;}
    .grtWrap .imgBox .txt em {font-size: 0.85rem;}
    .grtWrap .txtBox {padding: 0; padding-top:17rem;}
    .grtWrap .txtBox .tp h3 {font-size: 1.2rem;}
    .grtWrap .txtBox .sign em {font-size: 0.95rem;}
    .grtWrap .txtBox .sign {text-align: right; position: static; margin-top: 1.25rem;}

}

@media (max-width: 480px) {

    /* 인사말 */
    .grtWrap {padding: 1.5rem 1rem 1.75rem; word-break: break-all;}
    .grtWrap .txtBox .tp h4 {font-size: 0.85rem;}
    .grtWrap .txtBox .tp h3 {font-size: 1.05rem;}
    .grtWrap .txtBox .tp p {font-size: 0.85rem;}
    .grtWrap .txtBox .tp p::before {display: none;}
    .grtWrap .txtBox .bt {margin-top: 1rem;}
    .grtWrap .txtBox .bt::before {margin-bottom: 1rem;}
    .grtWrap .txtBox .bt p {font-size: 0.8rem;}
    .grtWrap .txtBox .sign em {font-size: 0.9rem;}

}