@charset "utf-8";
/* 0101_인사말 */
.greeting { position: relative;}
.greeting .greet_top {position: relative; display:flex; justify-content: space-between; border-bottom: 4px solid #002f67; margin-bottom: 1rem;}
.greeting .topTxt {padding:2rem 1rem;}
.greeting .topTxt h3 {font-size: 2rem; font-family: "NotoM"; word-break: keep-all; color:#333;}
.greeting .topTxt h3 strong {color:#002f67; font-weight: 600;}
.greeting .topImg {width: 12rem; }
.greeting .topImg img {max-width:100%; }
.greeting .txt {margin-top: 2rem; background:#f9f9f9 url("/images/web/sw/sub_cnt/bg_greeting.png") no-repeat right bottom; padding:1rem;}
.greeting .txt p { font-size: 1rem;line-height: 1.8; word-break: auto-phrase;}
.greeting p.sign { margin-top: 2rem; text-align: right; font-size: 1rem; word-break: keep-all;}
.greeting p.sign strong {color:#333; font-family: "NotoB";}

/* 251031 무엇을 상담할수있나요? */
.flex_box {display:flex;width:100%;gap: 1rem;align-items:stretch;margin-top: 1rem;flex-wrap: wrap;}
.flex_box li {flex: 1;}
.flex_box li .tit_box{display:flex;min-height: 5rem;padding: 1rem;align-items: center;justify-content: center;border-radius: 1rem;background:#2F5597;text-align:center;color:#fff;font-size:1rem;font-weight:500;flex-wrap: wrap;margin-bottom: 0.5rem;word-break: auto-phrase;}
.flex_box li:nth-of-type(2n) .tit_box {background: #333F50;}
.flex_box li .box_txt{display:flex;min-height: 6rem;padding: 1rem;align-items: center;justify-content: center;border-radius: 1rem;background: oklch(0.86 0.12 260.65 / 1);text-align:center;color: #111;font-size:1rem;font-weight:500;flex-wrap: wrap;box-sizing: border-box;word-break: auto-phrase;}
.flex_box li:nth-of-type(2n) .box_txt {background: oklch(0.76 0.03 257.12 / 1);}
.flex_box.photo li {display:flex;align-items:center;justify-content:center;border: 1px solid #eee;height:8rem}
.flex_box.photo li span{width:100%;text-align:center;}
.flex_box.photo li img {max-width:100%;}
@media screen and (max-width:768px) { 	
	 
	/* 0101_인사말 */
    .greeting .greet_top {flex-direction: column;}
	.greeting .topTxt h3 {text-align: center;}
    .greeting .topImg {margin: 0 0 0 auto;}

    /* 251031 무엇을 상담할수있나요? */
    .flex_box li {flex: 1 0 calc(50% - 1rem);}
    .flex_box.photo li {flex: 0 0 calc(50% - 1rem);}
}

@media screen and (max-width:480px) { 	
.flex_box li {flex: 1 0 100%;}
.flex_box.photo li {flex: 0 0 100%;}
}