@charset "euc-kr";
/*
 * ¹®ÀÇÇϱâ ÆäÀÌÁö Àü¿ë CSS
 * ´ë»ó : /russel/info/csmail/write.asp
 *
 * [¿ªÇÒ ±¸ºÐ]
 * ÀÌ ÆÄÀÏÀº º»¹® Àλ縻 ¿µ¿ª¸¸ ´ã´çÇÕ´Ï´Ù.
 *
 * [Ŭ·¡½º Á¢µÎ¾î]
 * .rwc- : ¹®ÀÇÇϱâ ÆäÀÌÁö º»¹® Àü¿ë Á¢µÎ¾îÀÔ´Ï´Ù.
 *
 * [±¸¼º]
 * 1. Àλ縻 ¿µ¿ª
 *    1-1. ¿µ¿ª¡¤ÄÁÅ×À̳Ê
 *    1-2. Àλ縻 ¹Ú½º
 *    1-3. Àλ縻 º»¹®
 *    1-4. ¿øÀå À̹ÌÁö
 *    1-5. ¹®ÀÇÇϱ⠹öÆ°
 * 2. ¹ÝÀÀÇü
 *    2-1. Ÿºí·¿
 *    2-2. ¸ð¹ÙÀÏ
 *
 * [¼öÁ¤ ½Ã ÁÖÀÇ]
 * ¼±ÅÃÀÚ ¼ø¼­°¡ ¿ì¼±¼øÀ§¿¡ ¿µÇâÀ» ÁֹǷΠ±¸È¹Àº ÁÖ¼®À¸·Î¸¸ ±¸ºÐÇß½À´Ï´Ù.
 * ±ÔÄ¢À» ´Ù¸¥ ±¸È¹À¸·Î ¿Å±â°Å³ª ÀçÁ¤·ÄÇÏÁö ¸¶¼¼¿ä.
 */

/* ==========================================================================================================================================
	1. Àλ縻 ¿µ¿ª
========================================================================================================================================== */

/* ==================================================
	1-1. ¿µ¿ª¡¤ÄÁÅ×ÀÌ³Ê : ÆäÀÌÁö º»¹® Æø°ú Á¿졤ÇÏ´Ü ¿©¹é
================================================== */
.csmail-write .rwc {width:100%;background:#fff}
.rwc-inner {width:100%;max-width:1200px;margin:0 auto;padding:0 20px 50px;box-sizing:border-box}
/* // 1-1. ¿µ¿ª¡¤ÄÁÅ×ÀÌ³Ê */

/* ==================================================
	1-2. Àλ縻 ¹Ú½º : Àλ縻¡¤À̹ÌÁö¡¤¹öÆ°À» °¨½Î´Â ȸ»ö ¹Ú½º¿Í ¹è°æ ±×·¡ÇÈ
	¿øÀå »çÁøÀÌ ¾ø´Â Ä·ÆÛ½º´Â .rwc-box--noimg ¸¦ ÇÔ²² »ç¿ëÇÕ´Ï´Ù. (ASP ¿¡¼­ ºÐ±â)
================================================== */
.rwc-box {position:relative;display:flex;flex-direction:column;gap:32px;align-items:center;background:#f2f5fc;border-radius:8px;padding:40px;overflow:hidden}
.rwc-box--noimg {padding-bottom:32px}
.rwc-box-bg {position:absolute;right:-276px;bottom:-134px;width:819px;height:717px;pointer-events:none;line-height:0}
.rwc-box--noimg .rwc-box-bg {bottom:-240px}
.rwc-box-bg svg {display:block;width:100%;height:100%}
/* // 1-2. Àλ縻 ¹Ú½º */

/* ==================================================
	1-3. Àλ縻 º»¹® : ¿øÀå Àλ縻 ÅؽºÆ® ¿µ¿ª
	.rwc-row ´Â Àλ縻°ú ¿øÀå À̹ÌÁö¸¦ ³ª¶õÈ÷ ¹èÄ¡ÇÏ´Â ÇàÀÔ´Ï´Ù.
	Ä·ÆÛ½ºº° ¹®±¸´Â ASP ¿¡¼­ Ãâ·ÂÇÏ¸ç ¹®´ÜÀº p ·Î ±¸ºÐÇÕ´Ï´Ù.
================================================== */
.rwc-row {display:flex;align-items:flex-end;width:100%;padding-right:20px;border-bottom:1px solid rgba(193,204,222,0.4);box-sizing:border-box}
.rwc-greet {flex:1 0 0;min-width:0;padding-bottom:32px}
.rwc-greet-name {margin:0 0 24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px;color:#333}
.rwc-greet-name .pt {color:#2c5bf6}
.rwc-greet-body {font-size:16px;line-height:24px;letter-spacing:-0.16px;color:#555}
.rwc-greet-body p {margin:0}
.rwc-greet-body p + p {margin-top:24px}
/* // 1-3. Àλ縻 º»¹® */

/* ==================================================
	1-4. ¿øÀå À̹ÌÁö : Ä·ÆÛ½ºº° ¿øÀå »çÁø
	»çÁøÀÌ ÀÖ´Â Ä·ÆÛ½º´Â .rwc-media-photo, ¾ø´Â Ä·ÆÛ½º´Â .rwc-media-empty ¸¦ Ãâ·ÂÇÕ´Ï´Ù.
================================================== */
.rwc-media {flex-shrink:0;width:226px;height:316px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.rwc-media picture {display:contents}
.rwc-media-photo {display:block;width:auto;height:316px;object-fit:contain;z-index:1}
.rwc-media-empty {display:block;margin-top:0;margin-bottom:auto;object-fit:contain;z-index:1}
/* // 1-4. ¿øÀå À̹ÌÁö */

/* ==================================================
	1-5. ¹®ÀÇÇϱ⠹öÆ° : Æ˾÷À» ¿©´Â ¹öÆ°
	data-board-layer-open À¸·Î °øÅë ½ºÅ©¸³Æ®(board.js)°¡ ·¹À̾ ¿±´Ï´Ù.
================================================== */
.rwc-cta {position:relative;width:200px;height:42px;background:#2c5bf6;border:0;border-radius:6px;color:#fff;font-weight:600;font-size:15px;line-height:22px;letter-spacing:-0.15px;cursor:pointer}
/* // 1-5. ¹®ÀÇÇϱ⠹öÆ° */

/* ==========================================================================================================================================
	2. ¹ÝÀÀÇü
========================================================================================================================================== */

/* ==================================================
	2-1. Ÿºí·¿ : º»¹® ¿©¹é°ú ¹è°æ ±×·¡ÇÈ À§Ä¡¸¸ º¸Á¤
================================================== */
@media (max-width:1199px) {
	/* 1-1. ¿µ¿ª¡¤ÄÁÅ×ÀÌ³Ê */
	.rwc-inner {padding:0 24px 60px}

	/* 1-2. Àλ縻 ¹Ú½º */
	.rwc-box-bg {right:-316px;bottom:-38px}
	.rwc-box--noimg .rwc-box-bg {bottom:-118px}

	/* 1-3. Àλ縻 º»¹® */
	.rwc-row {padding-right:0}
}
/* // 2-1. Ÿºí·¿ */

/* ==================================================
	2-2. ¸ð¹ÙÀÏ : ¹Ú½º ¿©¹é Á¦°Å, ¿øÀå À̹ÌÁö ¿ìÇÏ´Ü °íÁ¤, ¹öÆ° Ãà¼Ò
================================================== */
@media (max-width:767px) {
	/* 1-1. ¿µ¿ª¡¤ÄÁÅ×ÀÌ³Ê */
	.rwc-inner {padding:20px 16px 32px}

	/* 1-2. Àλ縻 ¹Ú½º */
	.rwc-box {gap:0;padding:0;align-items:stretch}
	.rwc-box--noimg {padding-bottom:0}
	.rwc-box-bg {right:-175px;bottom:-112px;width:480px;height:420px}
	.rwc-box--noimg .rwc-box-bg {bottom:-155px}

	/* 1-3. Àλ縻 º»¹® */
	.rwc-row {display:block;padding:24px 16px;border-bottom:0}
	.rwc-greet {padding-bottom:0}
	.rwc-box:not(.rwc-box--noimg) .rwc-greet {padding-right:8px}
	.rwc-greet-name {margin:0 0 12px;font-weight:600;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.rwc-greet-body {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.rwc-greet-body p + p {margin-top:20px}
	.rwc-greet-body p:nth-last-of-type(-n+2) {box-sizing:border-box}

	/* 1-4. ¿øÀå À̹ÌÁö : ¹Ú½º ¿ìÇÏ´Ü¿¡ Àý´ë ¹èÄ¡ */
	.rwc-media {position:absolute;right:0;bottom:0;width:140px;height:167px}
	.rwc-media-photo {height:167px}
	.rwc-media-empty {height:167px;margin:auto}

	/* 1-5. ¹®ÀÇÇϱ⠹öÆ° */
	.rwc-cta {align-self:flex-start;width:148px;height:38px;padding:0;border-radius:4px;font-size:14px;line-height:22px;letter-spacing:-0.14px;margin:0 16px 24px}
	.rwc-box--noimg .rwc-cta {width:160px}

	/* ±âŸ : ÇöÀç write.asp ¸¶Å©¾÷¿¡´Â ¾ø´Â ¼±ÅÃÀÚÀÌ¸ç »ç¿ëó È®ÀÎ Àü±îÁö º¸Á¸ÇÕ´Ï´Ù. */
	.alarm {margin-bottom:16px}
}
/* // 2-2. ¸ð¹ÙÀÏ */