@charset "utf-8";
.eth_inner {
	background-color: #fff;
	border: 35px solid #e2f5fd;
	padding: 3rem 4rem;
	text-align: center;
	border-radius: 2rem;
	}
.eth_inner p, .eth_inner li {word-break:keep-all}
.eth_top {
    word-break: keep-all;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 2rem;
}
.eth_top h4 {
    font-size: 35px;
    color: var(--color-main);
    font-weight: 600;
    margin-bottom: 2rem;
}
.eth_top p {font-size: var(--font-size2);}
.eth_conts {
    margin: 0 1rem;
}
.eth_conts .cha {
    padding: 2rem 0 0;
}
.eth_conts h5 {
    font-size: 30px;
    font-weight: 600;
    margin: 1rem 0;
}
.cha .group {
    text-align: left;
    padding: 1rem 0;
}
.cha .group strong {
    font-size: 24px;
    font-weight: 600;
    color: #444;
    display: block;
    margin-bottom: 1rem;
}
.cha .group p {
    font-size: var(--font-size2);
    font-weight: 500;
    color: var(--color-main);
}

.eth_conts ul {
    text-align: left;
    margin: 0 0 1rem;
    list-style-type: disc;
    margin-left: 1rem;
}
.eth_conts ul li {padding: .2rem 0;font-weight: 300;}
.eth_conts ul li::marker {
    color: #ccc;
}

/* PC (해상도 ~ 1024px)*/ 
@media only screen and (max-width: 1440px)  {
	.eth_inner{padding:1rem 2rem;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) {
	
}

/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
	.eth_inner {padding: 2rem 1rem;border: 15px solid #fbecec;}
	.eth_inner p, .eth_inner li {
    word-break: break-all;
}
	.eth_conts {margin:0}
}