@import url('sub.css'); 


/*** S : 교육과정 특징 ***/
.curriculum-visual {position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--bk000); box-sizing:border-box;}
.curriculum-visual .bg {position:absolute; left:0; top:0; width:100%; height:100%;}
.curriculum-visual .bg img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.curriculum-visual .visual-in {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:40px; text-align:center; box-sizing:border-box;}
.curriculum-visual .ci {display:flex; align-items:center; justify-content:center; width:74px; height:auto; flex-shrink:0;}
.curriculum-visual .ci img {display:block; width:100%; height:100%; object-fit:contain;}
.curriculum-visual .quote-box {position:relative; display:flex; flex-direction:column; align-items:center; gap:30px; width:100%;}
.curriculum-visual .quote-tit{display: flex; gap: 20px;}
.curriculum-visual .quote-icon{display: flex; flex-direction: column;}
.curriculum-visual .quote-icon.q-l{justify-content: flex-start; margin-top: -20px;}
.curriculum-visual .quote-icon.q-r{justify-content: flex-end;}
.curriculum-visual .quote {display: block; width: 46px; height: 80px; background: url('/education/img/quote.png') no-repeat center top/contain; opacity: 0.8;}
.curriculum-visual .quote-icon.q-r .quote{transform: rotate(180deg); background-position: center bottom;}
.curriculum-visual .quote-box .fs54 {color:var(--white);}
.curriculum-visual .who {width:100%;}
.curriculum-visual .desc {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; max-width:1530px;}
.curriculum-visual .desc .fs18 {width:100%; color:var(--basicW); text-align:center;}

.curriculum-item {display:flex; gap:60px;}
.curriculum-item:nth-child(even) {flex-direction:row-reverse;}
.curriculum-item .item-photo {flex:1; min-width:0;}
.curriculum-item .item-photo .photo{aspect-ratio: 735/820; overflow:hidden; border-radius:var(--borderR30);}
.curriculum-item .item-photo img {display:block; width:100%; height:100%; object-fit:cover;}
.curriculum-item .item-cont {flex:1; min-width:0; display:flex; flex-direction:column; justify-content: center; gap:25px; box-sizing:border-box;}
.curriculum-item .item-num {display:flex; align-items:center; justify-content:center; width:88px; height:40px; border-left:3px solid var(--main); border-right:3px solid var(--main); border-radius:var(--borderR10); box-sizing:border-box;}
.curriculum-item .item-tit {display:flex; flex-direction:column; gap:4px; width:100%;}
.curriculum-item .item-goal {display:flex; gap:12px; width:100%;}
.curriculum-item .goal-badge {display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:3px 16px; border-radius:50px; background:var(--main); color:var(--white); flex-shrink:0; white-space:nowrap;}
.curriculum-item .goal-num {font-family:var(--eng); font-weight:600; line-height:175%;}
.curriculum-item .item-goal .fs18 {flex:1; min-width:0; line-height: 150%; display:flex; flex-direction:column; justify-content: center;}
.curriculum-item .item-txt {display:flex; flex-direction:column; gap:10px; width:100%;}
.curriculum-item .item-txt .fs18 {width:100%;}
.curriculum-item .line-under {text-decoration:underline; color:var(--black);}
.curriculum-item .line-under.semibold {font-weight:600;}
.curriculum-item .black {color:var(--black);}
/*** E : 교육과정 특징 ***/


/*** S : 교육과정 상세 ***/
/* 교육계획서 */
.educational-plan-box{display: flex; flex-direction: column; gap: 30px;}
.educational-plan-box .dep-tit{margin-bottom: 0;}
.educational-plan-box .preview{width:100%; max-width: 940px; margin: 0 auto; aspect-ratio:940 / 960; overflow:hidden;}
.educational-plan-box .preview iframe{display:block; width:100%; height:100%; border:none;}
.educational-plan-box .btn-area{display: flex; justify-content: center;}
/*** E : 교육과정 상세 ***/




/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){


    
}
/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){



}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){




/*** S : 교육과정 특징 ***/
.curriculum-visual .visual-in {gap:30px;}
.curriculum-visual .ci {width:60px;}
.curriculum-visual .quote-box {gap:20px;}
.curriculum-visual .quote-tit{gap: 10px; max-width: 600px; margin: 0 auto;}
.curriculum-visual .quote-icon.q-l{margin-top: 0;}
.curriculum-visual .quote {width: 36px;}

.curriculum-item {gap:40px; flex-wrap: wrap;}
.curriculum-item .item-photo {flex: auto; width: 100%;}
.curriculum-item .item-photo .photo{aspect-ratio: 4/3;}
.curriculum-item .item-cont {gap:15px; flex: auto; width: 100%;}
.curriculum-item .item-num {width:75px; height:30px;}
/*** E : 교육과정 특징 ***/


/*** S : 교육과정 상세 ***/
/* 교육계획서 */
.educational-plan-box{gap: 20px;}
/*** E : 교육과정 상세 ***/



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/*** S : 교육과정 특징 ***/
.curriculum-visual .visual-in {gap:20px;}
.curriculum-visual .ci {width:50px;}
.curriculum-visual .quote-box {gap:10px;}
.curriculum-visual .quote-tit{max-width: 300px;}
.curriculum-visual .quote {width: 26px; height: 50px;}
.curriculum-visual .desc {gap:5px;}


.curriculum-item {gap:30px;}
.curriculum-item .item-cont {gap:10px; }
.curriculum-item .item-num {width:65px; height:25px; border-width: 2px; border-radius: var(--borderR5);}
.curriculum-item .item-goal {gap:5px;}
.curriculum-item .goal-badge {padding:3px 16px;}
.curriculum-item .item-txt {gap:6px;}
/*** E : 교육과정 특징 ***/    

/*** S : 교육과정 상세 ***/
/* 교육계획서 */
.educational-plan-box{gap: 15px;}
/*** E : 교육과정 상세 ***/


}