@charset "utf-8";

.basic-post-side1 { overflow:hidden; line-height:20px; margin-right: 0px !important;
    margin-bottom: 0px !important;}
.basic-post-side1 .txt-normal { letter-spacing:0; }
.basic-post-side1 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-side1 .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-side1 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-side1 .post-row { float:left; overflow:hidden; }
.basic-post-side1 .post-list { overflow:hidden; }
.basic-post-side1 .post-image { position:relative; overflow:hidden; }
.basic-post-side1 .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-side1 .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-side1 .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-side1 .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-side1 .post-ko { font-size:11px; }
.basic-post-side1 .post-title { font-size:1.2em;}

/* 1. ÅÇ ÄÁÅ×ÀÌ³Ê ¼³Á¤: ³»ºÎ ÅǵéÀÌ °°Àº ÀÚ¸®¿¡ °ãÄ¡µµ·Ï ¼³Á¤ */
/* ÅÇ ÄÁÅ×À̳Ê: ±âÁØÁ¡ÀÌ µË´Ï´Ù */
.tab-content {
    position: relative;
    width: 100%;
    overflow: hidden; /* ³»¿ëÀÌ ÀϽÃÀûÀ¸·Î °ãÄ¥ ¶§ ³Ñħ ¹æÁö */
}

/* ¸ðµç ÅÇ ÆгΠ°øÅë */
.tab-content > .tab-pane {
    display: block !important; /* Ç×»ó ÀÚ¸®¸¦ Â÷ÁöÇÏ°Ô ÇÔ */
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease; /* »ç¶óÁú ¶§ È¿°ú */
}

/* È°¼ºÈ­µÈ ÅÇ: ÀÚ¸®¸¦ ½ÇÁ¦·Î Á¡À¯ÇÔ */
.tab-content > .tab-pane.active {
    position: relative; /* ½ÇÁ¦ ³ôÀ̸¦ ºÎ¸ð¿¡°Ô Àü´Þ */
    opacity: 1 !important;
    visibility: visible;
    transition: none !important; /* ³ªÅ¸³¯ ¶§´Â Áï½Ã */
    z-index: 2;
}

/* ºñÈ°¼ºÈ­µÈ ÅÇ: È°¼º ÅÇ µÚ¿¡ °ãÃļ­ »ç¶óÁü */
.tab-content > .tab-pane:not(.active) {
    position: absolute; /* ÀÚ¸®´Â Â÷ÁöÇÏÁö ¾Ê°í °øÁß¿¡ ¶ç¿ò */
    top: 0;
    left: 0;
    z-index: 1;
}