.cont {
    width: 100%;
    max-width: 1600px;
    margin:0 auto;
	text-align:center;
}
.cont_gray {
    width: 100%;
	margin-top: 120px;
}

.cont_box {position:relative;font-family: 'proxima-nova', sans-serif;}
.sc_title {
    font-size:70px;
    font-weight: 700;
    color: #222;
	letter-spacing:-0.02em;
	text-align:left;
	margin-bottom: 0px;
}

.sc_subtitle {
    font-size: 34px;
    color: #444;
	text-align:left;
	letter-spacing:-0.02em;
	margin-bottom: 55px;
}

.sc_sectitle {
    font-size: 45px;
    color: #111;
	font-weight: 700;
	text-align:left;
	letter-spacing:-0.025em;
	margin-bottom: 20px;
}

.sc_description {
    font-size: 22px;
    line-height: 1.4;
    margin:0;
    text-align: left;
    color: #555;
}
.sc_description em {display:block}
.sc_description span {
	display:inline-block;
	margin:20px 0 20px 0;
}

.sc_highlight {
    font-size: 25px;
    color: #E63786;
    font-style: italic;
    font-weight:500;
	text-align:left;
	margin:0
}
.sc_highlight em {display:block}



.card_wrap {
    display: flex;
    flex-wrap: wrap;
    gap:2%;
    max-width: 1600px;
    margin: 40px auto;
}

.phase-card {
    background: white;
    padding: 50px;
    border-radius: 15px;
    text-align: left;
    transition: 0.3sease;
    width: 49%;
	background:#F8F8F8;
	margin-bottom:30px
}

.phase-card.active {
    background:rgba(230,55,134,0.05);
    color: white;
    border: 2px solid rgba(230,55,134,0.3);
}


/* Phase 라벨 */
.phase-label {
    display: inline-block;
    background: white;
    color: #d6266e;
    font-size: 24px;
    font-weight: bold;
    padding: 4px 20px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.phase-card.active .phase-label {
    background: #E63786;
    color: #fff;
}

.phase-label.gray {
    background: #cfcfcf;
    color: #ffffff;
}

.phase-card h2 {
    font-size: 34px;
    margin: 10px 0;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.phase-card h2 span {
	 font-size: 28px;
	 font-weight: 500;
}

.phase-card h3 {
    font-size: 25px;
    font-style: italic;
    color: #222;
    font-weight: 600;
}

.phase-card ul {
    padding: 0;
    list-style: none;
    color: #444;
}

.phase-card ul li {
	position:relative;
    font-size: 18px;
    margin-bottom: 5px;
    color: #555;
	padding-left: 18px;
}

.phase-card ul li:before {
	content:"";
	position:absolute;
	top:12px;
	left:0;
    width: 4px;
    height: 4px;
	border-radius:100%;
    background:#e63786;
	z-index: 3;
}

@media (max-width: 768px) {
       .card_wrap {flex-direction: column;}
	   .phase-card {width:100%}

	   .sc_title {font-size:44.8px;}
	   .sc_subtitle {font-size: 17.6px;}
	   .phase-card {padding: 30px;}
	   .phase-label {font-size: 18px;}
	   .phase-card h2 {font-size: 28px;}
	   .phase-card h2 span {font-size: 20px;}
	   .phase-card h3 {font-size: 20px;}
}

#svisual-wrap .svis-txt {display:none}
.cont-top.div-cont  .cont-tit {display:none}
.wrap {margin-top:120px;}

dl, ol, ul {
    margin-bottom: 0 !important
}

.article-section {
            margin-bottom: 40px;
            border-bottom: 1px solid #eee;
            padding-bottom: 30px;
            display: flex;
            flex-direction: column;
        }
        
        .article-content {
            display: flex;
            flex-direction: column;
			margin-top: 20px;
  
        }
       .row-webzine h1 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: #222;
        }
		.row-webzine h2 {
            font-size: 1.5rem;
            margin: 30px 0 20px;
            color: #222;
        }


        @media (min-width: 768px) {
            .article-content {
                flex-direction: row;
                gap: 30px;
            }
            
            .row-webzine h1 {
                font-size: 2.2rem;
            }
            
            .row-webzine h2 {
                font-size: 1.8rem;
            }
        }
        
        .row-webzine .image-container {
            flex: 1;
            margin-bottom: 20px;
        }
        
        .row-webzine .image-container img {
            width: 100%;
            border-radius: 8px;
           
        }
		.row-webzine .image-container img:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
        
        .row-webzine .text-container {
            flex: 2;
        }
        
       .row-webzine p {
            margin-bottom: 20px;
			color: #333;
			font-size: 1.11em;
			font-weight: 500;
			line-height: 1.8;
			letter-spacing:0;
        }
        
        .row-webzine .highlight {
            font-weight: bold;
            color: #0066cc;
        }
        
        .row-webzine .event-details {
            background-color: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
            margin-top: 20px;
        }
        
        .row-webzine .event-details p {
            margin-bottom: 8px;
        }
        
        .row-webzine .source {
            font-style: italic;
            color: #666;
            margin-top: 15px;
        }
        
        .row-webzine .read-more {

        }
        
        .row-webzine .read-more:hover {
            text-decoration: underline;
        }

		.inbl {display:inline-block !important}