@charset "utf-8";

/* 공통 */
.greeting{display: flex;width: 100%;gap: 5%;justify-content: center;}
.greeting .objImg{max-width: 35%;width: auto;position: relative;}
.greeting .objImg span{display: inline-block;position: relative;padding: 15px;border: 1px solid #dddddd;box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px;}
.greeting .objImg span:after{content:"";display:block;height: 50px;width: 100%;background-image:url("/sites/styleguide/images/sub/greeting_bg.png");background-repeat:no-repeat;background-position-x:center;border-style: solid;border-color: #ddd;border-width: 0 1px 1px 1px;}

.greeting .objImg span img{width: 100%;}
.greeting .objTxt{width: 60%;line-height: 28px;font-size: 18px;}
.greeting .objTxt span{display: inline-block;font-size: 26px;color: #0146b9;font-weight: 400;line-height: 1.4;}
.greeting .objImg span:before{content:"";display:block;max-width: 146px;height: 22px;width:100%;background-image:url("/sites/styleguide/images/sub/greeting_bg_txt.png");background-repeat:no-repeat;background-position-x:center;position: absolute;bottom: 30px;left: 15px;z-index: 1;background-size: contain;}
.greeting .objImg span img{width: 100%;border-style: solid;border-color: #ddd;border-width: 1px 1px 0 1px;}
/* type_A 일때 배치 */
.greeting.type_A{}
.greeting.type_A .objImg {}
.greeting.type_A .objTxt {}

/* type_B 일때 배치 */
.greeting.type_B{}
.greeting.type_B .objImg {order: 2;}
.greeting.type_B .objImg span img{}
.greeting.type_B .objTxt {order: 1;}


/* type_C 일때 배치 ( 조합장 사진 없는 버전 ) */
.greeting.type_C{flex-wrap: wrap}
.greeting.type_C .objImg{display: none;}
.greeting.type_C .objTxt{margin-top:0;width: 90%;}

@media all and (max-width: 1024px){
.greeting .objTxt span{font-size: 20px;line-height:1.4}
.greeting .objTxt{font-size: 17px;width:100%;line-height: 26px;margin-top: 20px;} 
}

@media all and (max-width: 768px){
.greeting{flex-wrap: wrap}
.greeting .objImg{width: 100%;text-align: center;max-width: 100%;margin-bottom: 10px;}
.greeting .objImg span img{width: auto;max-width: 400px;}	
.greeting .objTxt{font-size: 17px;width:100%;line-height: 26px;margin-top: 20px;}
.greeting.type_C .objTxt{margin-top:0;width:100%}

.greeting.type_B .objImg {order: 1;}
.greeting.type_B .objTxt {order: 2;}
}