@charset "utf-8";

/* ============================================
   학회장 인사말 (greeting) 전용 스타일
   서브 공통 프레임(sub_visual/container/page_info/breadcrumb/content)은
   레이아웃의 common.css 에 포함되어 있습니다.
   ============================================ */

/* 인사말 */
.greeting {position:relative;}
.greeting .imgs {width:30%; max-width:270px;}
.greeting .imgs .photo {display:block; position:relative; padding:0.938rem 0 0 0.938rem;}
.greeting .imgs .photo::after {content:''; background:linear-gradient(90deg, #2b569e 0%, #f7941d 100%); border-radius:1rem; width:80%; height:80%; position:absolute; top:0; left:0; z-index:-1;}
.greeting .imgs img {border-radius:12px 12px 1.875rem 12px;}
.greeting .int_tit {font-size:1.625rem; font-weight:600; margin-bottom:1.875rem; position:relative;}
.greeting .int_tit strong {display:inline-block;}
.greeting .cont .text {position:relative; line-height:1.6;}
.greeting .cont .text > p + p {margin-top:1.25rem;}
.greeting .cont .text em {display:block; font-size:1.375rem; font-weight:700; margin-bottom:0.625rem;}
.greeting .sign {margin-top:1.875rem; text-align:right;}
.greeting .sign strong {display:block; font-size:1.625rem; font-family: "Gowun Batang", serif;}

@media screen and (min-width:769px) {
	.greeting {display:flex;}
	.greeting .cont {flex:1; margin-left:60px;}
}

@media screen and (max-width:768px) {
	.greeting .imgs {width:100%; margin:0 auto 1.875rem;}
	.greeting .imgs .photo {width:70%; max-width:220px; margin:0 auto; padding:10px 0 0 10px;}
	.greeting .int_tit {font-size:1.25rem;}
	.greeting .sign {text-align:center;}
	.greeting .sign strong {font-size:1.5rem;}
}