@charset "utf-8";
.comingsoon {font-size:30px;text-align: center;padding-bottom: 120px;}

.comingsoon {
    text-align: center;
    font-size: 50px;
    color: var(--color-main);
    border: 1px solid #ddd;
    width: 50%;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 2rem;
    line-height: 30px;
    margin-bottom: 4em;
}
.comingsoon p {font-weight:500;font-size: 20px;color: #606060;margin-top: 1rem;}
.board_tit {text-align:center;margin-top: -1rem;margin-bottom: 1rem;opacity: .8;}

.subtab_case2 {
    margin-bottom: 3rem;
}
.subtab_case2 ul {
    display: flex;
    justify-content: center;
    gap: 6rem;
}
.subtab_case2 ul li {position:relative}
.subtab_case2 ul li:before {content:""; position:absolute; width:1px; height:60%; background-color:#ccc;right:0; top:50%; transform:translate(3rem, -50%) }
.subtab_case2 ul li:last-child::before {display:none}
.subtab_case2 ul li.on:after {content:"";position:absolute;width: 10px;height: 10px;background-color:var(--color-main);left: 50%;top: 0;transform: translate(-50%, -16px);border-radius: 50%;}
.subtab_case2 ul li a{
    font-size: 19px;
    font-weight: 500;
    opacity: .6;
    transition:.4s
}
.subtab_case2 ul li:hover a, .subtab_case2 ul li.on a {color:var(--color-main);opacity: 1;;}
.subtab_case2 ul li.on a {font-weight: 600}
.tit_sub_txt {padding: 2.2rem;background-color: #fef5f5;border-radius: 2rem;text-align: center;}
.tit_sub_txt.col2 {background-color: #fff7e0;}
.tit_sub_txt.col3 {background-color: #f6eeff;}
.tit_sub_txt p {font-size:20px;line-height:1.5;font-weight:500;font-size: 22px;}
.tit_sub_txt p span {color:var(--color-main);font-weight:600;}
.tit_sub_txt.col2 span {color: #c97d0d;}
.tit_sub_txt.col3 span {color: #7a42d3;}
.ri {
    text-align: right;
    display: block;
    font-size: 16px;
    margin-top: 2rem;
    margin-bottom: -1.5rem;
    /* color: var(--color-main); */
    line-height: 1.5;
}
.bg_gray.bg_pink {background-color:#FCF3F3}

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

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media (max-width: 767px) {
    .subtab_case2 ul {gap:2rem}
    .subtab_case2 ul li:before {
    transform: translate(1rem, -50%);
}
	.tit_sub_txt {padding: 1.5rem 1rem;border-radius: 1rem;}
	.tit_sub_txt p {font-size: 1.2rem;word-break: keep-all;}
	.tit_sub_txt p  br {display:none;}
    .ri {font-size:.9rem;text-align:left;}
}