/*교육과정*/
* {word-break: keep-all;}
#container.edu {background:#000;}

.edu-top{display:block; position:relative; padding:25rem 0}
.edu-top:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
height: 400px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 86%);
z-index:0;
}
.edu-top .main-title-box {position:relative; z-index:1}
.edu-top .main-title-box p{opacity:0.7}
.edu-top .edu-bg {position:absolute; z-index:0; width:100%; height:100%; left:0px; top:0px; padding-left:30%;}
.edu-top .edu-bg img, .edu-top .edu-bg video {height: 100%;right: 0;-o-object-fit: cover;object-fit: cover;position: absolute;width: 100%;opacity: 0.7;}

.edu-wrap {width:1200px; margin:12rem auto; position:relative;}
.edu-intro{width:100%; display:flex; gap:80px; position:relative;}
.edu-intro .edu-info {width:680px;}
.edu-tit{margin-bottom:5rem; position:relative;}
.edu-top .main-title-box span, .edu-tit span {font-size: 1.7rem; font-weight: 800; color: #7f7aed;}
.edu-tit h3{padding-top: 1rem; font-size: 3.2rem; font-weight: 800; line-height:1.2}
.edu-tit p {margin-top:2.4rem; opacity:0.5; font-size:1.7rem; line-height:1.6; font-weight:300;}
.edu-table {display:flex; flex-wrap: wrap; gap:20px;}
.edu-table li {width:22.5%; display:flex;}
.edu-table li:last-child {width:100%;}
.edu-table li span img{width:20px; margin-right:12px;}
.edu-table li dl dt, .edu-table li dl dd{font-size:1.7rem; line-height:1.4}
.edu-table li dl dd {opacity:0.5; font-weight:300}
.edu-table li dl dt + dd {margin-top:1rem;}

.edu-subTxt {padding-top:6rem; margin-top:6rem; border-top:1px solid #3d3d3d;}
.edu-subTxt dl dt {line-height:1.4; font-weight:300; font-size:3.2rem; letter-spacing:-0.05em;}
.edu-subTxt dl dt span {display:block;}
.edu-subTxt dl dd {opacity:1; font-weight:300; margin-top:2.0rem; font-size:1.7rem; line-height:1.6; opacity:0.5;letter-spacing:-0.025em;}


.edu-tuition {display:block; width:440px;}
.edu-tuition .edu-quick-tuition {display:block; width:100%; border-radius:24px; background:#111; padding:6rem 3.2rem;}
.edu-tuition .edu-quick-tuition h3 {font-size: 1.7rem;  color: #7f7aed; font-weight:300; margin-bottom:30px;}
.edu-tuition .edu-quick-tuition h3 span {font-weight: 800; display:block;}
.edu-quick-item h4 {font-size:1.5rem; margin-bottom:1.2rem; display:block; font-weight:300; opacity:0.5}
div.edu-quick-item + div {margin-top:3.2rem;} 

.edu-curriculum {margin-top:12rem;  border-top:1px solid #3d3d3d; width:100%; position:relative; }

.bubble {
display: block;
position: absolute;
z-index: 1;
padding: 5px 12px 5px;
border-radius: 20px;
font-style: normal;
font-weight: 800;
font-size: 1.5rem;
color: #1b1b1b;
-webkit-animation: flash 2s infinite;
}

.bubble:after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 13px solid transparent;
position: absolute;
z-index: -1;
}

.bubble {
left:-33px;
top: -25px;
background-color: #7f7aed;
text-align: center;
}

.bubble:after {
bottom: -6px;
left: 50%;
border-top: solid 8px #7f7aed;
}

.edu-visual {display:block; padding:0 5rem; position:relative;}
.edu-visual ul {display:flex; gap:2rem;flex-wrap: wrap;}
.edu-visual ul.col3 li {width: calc(100% / 3 - 2rem); padding-bottom:38rem; position:relative; display:block; }
.edu-visual ul.col2 li {width: calc(100% / 2 - 2rem); padding-bottom:48rem; position:relative; display:block; }
.edu-visual ul li div.thumb {position:absolute; top:0px; left:0px; background-position: 50% !important; background-size:cover !important; background-repeat:no-repeat; width:100%; height:100%; border-radius:24px; overflow:hidden;}
.edu-visual ul li div.thumb video, .edu-visual ul li div.thumb img{height: 120%;width: 120%;left: 50%;-o-object-fit: cover;object-fit: cover;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 1;}

.edu-curri-tit {display:block; text-align:center; position:relative; margin-top:24rem;}
.edu-curri-tit h3{font-weight:300; font-size:3.2rem; position:relative; z-index:2;}
.edu-curri-tit h3 b{display:block; font-weight:900;}
.edu-curri-tit-video {position:absolute; top:-16rem; width:100%; margin:0 auto; text-align:center; display:block;}
.edu-curri-tit-video video {width:150px; display:block; margin:0 auto;}

.edu-detail{display:block; margin:0 24rem;}
.edu-detail ul li h3 {display: inline-block;padding: 8px 20px;background-color: #444;border-radius: .6rem;color: white;color: #fff;font-size: 1.4rem;margin-bottom:2rem;}
.edu-detail ul li .vbox {display:flex; gap:2rem;display: flex;flex-direction: row;}
.edu-detail ul li .vbox p{width:32rem;align-self: flex-start;border: .1rem solid #333;padding: 1.6rem 4.2rem 1.6rem 2rem;background-color: #000;border-radius: 1.2rem; font-size:1.7rem;}
.edu-detail ul li + li {margin-top:4rem;}
.edu-detail h4{font-size:2.6rem; font-weight: 400; margin-bottom:3rem;}
.edu-detail h4 strong{margin-right:1rem;}
.edu-detail + .edu-detail{margin-top: 5rem; padding-top: 5rem; border-top: 2px dashed #333;}
.edu-detail h6 {border: 2px solid #7f7aed; color: #7f7aed;display: inline-block;margin: 0 0 30px;padding: .5rem 1.4rem;font-size: 1.4rem;font-weight: 700;min-width: 0;line-height: 1.5;border-radius: .6rem;}