
.seminar-wrap{text-align: center; padding-top: 88px;}
.seminar-wrap * {word-break: keep-all;}
.seminar-wrap .title-banner {background-image: url("/image/seminar/seminar-banner-250204.png");}
.max-width {max-width: 1080px; margin: 0 auto; }


.seminar-infoWrap{background-color: #F3F3F6; padding: 3rem 0;}
.seminar-infoWrap .textWrap{background-color: #fff; border-radius: var(--r-radius01); padding: 2rem 0; font-size: var(--f-body1); letter-spacing: -0.18px; line-height: 150%; color: #333;}
.seminar-infoWrap .textWrap .title{font-size: var(--f-fontSize03); font-weight: 700; letter-spacing: -0.26px; margin-bottom: 0.8rem; display: block; color: #000;}
.seminar-infoWrap .textWrap .title em{background: linear-gradient(90deg, #00E22D 54.52%, #00CBDA 73.93%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.seminar-infoWrap .textWrap p + p{margin-top: 0.2rem;}

/* 세미나 일정 */
.seminar-schedule{padding: 3rem 0;}
.seminar-schedule .title{font-size: var(--f-fontSize03); font-weight: 700; letter-spacing: -0.26px;}
.seminar-schedule .seminar-nav{padding: 1.2rem 0 3rem; }
.seminar-schedule .seminar-nav a {display: inline-block; padding: 0 1.2rem; margin: 0 0.4rem; background-color: #F5F5F7; border-radius: 9999px; font-size: var(--f-fontSize04); height: 2.45rem; line-height: 2.2; cursor: pointer;}
.seminar-schedule .seminar-nav a > strong {font-weight: 400;}
.seminar-schedule .seminar-nav a.on {background: #1EC95B;color: #fff; font-weight: 700;}
.seminar-schedule .seminar-nav a.on > strong {color: #FFA200; font-weight: 500;}
.seminar-schedule .point-txt{font-size: var(--f-body1); color: var(--c-text03); margin-bottom: 0.8rem; text-align: right;}

/* 일정 박스 */
.seminar-con-wrap{text-align: left; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); box-shadow: 0 8px 20px #EBEFF4; padding: 2rem;}
.seminar-con-wrap + .seminar-con-wrap{margin-top: 1.2rem;}
.seminar-con-wrap h2 {font-size: var(--f-fontSize04); letter-spacing: -0.22px; background: linear-gradient(90deg, #00E22D 0%, #00CBDA 17.7%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0.8rem;}
.seminar-con-col {margin-top: 5rem;}
.seminar-con > li {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;padding: 1.2rem 0;background: #fff; text-align: left;}
.seminar-con > li + li{border-top: 1px solid #E4E8F1;}
.seminar-con > li:last-child{padding-bottom: 0;}
.seminar-con li strong {font-size: var(--f-body1); letter-spacing: -0.18px; line-height: 150%; font-weight: 400;}
.seminar-con li strong span{position: relative; padding-left: 1.1rem;}
.seminar-con li strong span::before{content: ''; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); width: 2px; height: 0.9rem; background-color: #C5C5C5;}
.seminar-con li .textBox {width: 100%; color: #333; padding-top: 0.4rem; font-size: var(--f-fontSize05); letter-spacing: -0.2px; }
.seminar-con li .textBox h3 {margin-bottom: 0.8rem; font-weight: inherit; font-size: inherit; display: block; font-weight: 700; line-height: 150%;}
.seminar-con li .textBox h3 span {display: inline-block;padding: 0.2rem 0.3rem;margin-bottom: 0.5rem;border: 1px solid #E72626;border-radius: 0.25rem;color: #E72626;font-size: 0.9rem;font-weight: 400;}
.seminar-con li .textBox p {font-size: 1.3rem;color: #191919;margin-bottom: 2rem;}
.seminar-con li .textBox > span {font-size: var(--f-body2); color: var(--c-text03); letter-spacing: -0.16px; display: block;}
.seminar-con li .textBox > span + span{margin-top: 0.4rem;}






@media screen and (max-width: 1120px) {
    .max-width {padding: 0 20px;}
}

@media screen and (max-width: 768px) {
    .seminar-wrap{padding-top: 0;}
    .seminar-wrap .title-banner {background-image: url("/image/seminar/seminar-banner-mo-250204.png");}


    .seminar-infoWrap{padding: 30px 0;}
    .seminar-infoWrap .textWrap{padding: 24px 16px; font-size: var(--f-body2); letter-spacing: -0.14px; line-height: 150%;}
    .seminar-infoWrap .textWrap .title{font-size: var(--f-fontSize03); letter-spacing: -0.2px; line-height: 150%; margin-bottom: 12px;}
    .seminar-infoWrap .textWrap p + p{margin-top: 4px;}
    .seminar-schedule{padding: 30px 0;}

    .seminar-schedule .seminar-nav{padding: 16px 0 4px;}
    .seminar-schedule .seminar-nav a{font-size: var(--f-detail); letter-spacing: -0.13px; height: 2.61rem; line-height: 2.5; margin: 0 6px 12px;}
	.seminar-schedule .point-txt{font-size: var(--f-detail); margin-bottom: 16px; text-align: center;}

    /*  */
    .seminar-con-wrap{padding: 24px 20px;}
    .seminar-con-wrap .max-width{padding: 0;}
    .seminar-con-wrap h2{margin-top: 4px; letter-spacing: -0.18px;}
    .seminar-con > li{padding: 20px 0;}
    .seminar-con > li:first-child{padding-top: 16px;}
    .seminar-con li strong{font-size: var(--f-body2); letter-spacing: -0.14px;}
    .seminar-con li strong span{padding-left: 22px;}
    .seminar-con li strong span::before{left: 10px; height: 14px; }
    .seminar-con li .textBox h3{font-size: var(--f-body1); letter-spacing: -0.15px; margin-bottom: 16px;} 
    .seminar-con li .textBox > span{font-size: var(--f-detail); letter-spacing: -0.13px;}
    .seminar-con li .textBox > span + span{margin-top: 4px;}
    

}