@charset "utf-8";

/*교육과정안내 tab01~03*/

/*기본과정 tab01*/
.guide_tab_wrap.curriculum {background: none;height: auto;     margin-bottom: 100px;}
.guide_tab_wrap.curriculum div.tab_cont01,
.guide_tab_wrap.curriculum div.tab_cont02,
.guide_tab_wrap.curriculum div.tab_cont03 {padding: 0;}
.curriculum .info_box {    position: relative; margin-bottom: 160px;}
.curriculum .info_box .info_img{}
.curriculum .info_box .info_txt{ background: #B4F2FF ; position: absolute; right: 0; top:40px; width: 675px; box-shadow: 0 3px 18px rgba(0,0,0,0.15); border-radius:20px 0 20px 0;}
.curriculum .info_box .info_txt::before{ position: absolute; content: ''; background: url(/upload/contents/files/basic_bg_txt.png); width: 140px; height: 38px; bottom: 0; right: 15px; }
.curriculum .info_box .info_txt::after{ position: absolute; content: ''; background: url(/upload/contents/files/info_txtbox_line.png);width: 101px; height: 1px; bottom: 55px; left: -70px;}
.curriculum .info_box .info_txt ul{display: table;  font-size: 0;   width: 100%; }
.curriculum .info_box .info_txt li{    display: inline-block;    box-sizing: border-box; width: 50%;  vertical-align:top;    position: relative; font-size: 16px; color: #fff;  padding:45px 40px 60px;}
.curriculum .info_box .info_txt li:first-child{ border-right: 1px solid #87d7ff;  min-height: 270px;}
.curriculum .info_box .info_txt li .tit{ font-size: 24px; position: relative; display: block; margin-bottom: 15px; padding-bottom: 15px; color:#003D87;}
.curriculum .info_box .info_txt li .tit::before{ position: absolute; content: ''; background: url(/upload/contents/files/basic_bg_icon01.png)no-repeat center center / cover; width: 40px; height: 40px; top: 0; right: 0;}
.curriculum .info_box .info_txt li .tit::after{ position: absolute; content: ''; background: #FFFFFF ; opacity: .5; width: 40px; height: 1px; bottom: 0; left: 0;}
.curriculum .info_box .info_txt li:last-child .tit::before{  background: url(/upload/contents/files/basic_bg_icon02.png)no-repeat center center / cover; }
.curriculum .info_box .info_txt li .cont{     line-height: 1.5; letter-spacing: -0.05em;}

.figure_wrap{ text-align: center}
.figure_wrap .info_title{font-weight:700; font-size:1.25rem; margin-bottom: 35px; padding-bottom: 25px; position: relative}
.figure_wrap .info_title::before{ position:absolute; content: ''; background:#C9C9C9; width: 32px; height: 1px; bottom: 0; left: 0; right: 0; display: block; margin: 0 auto}
.figure_box{}
.figure_box .inner{}
.figure_box .inner ul{display: table;  font-size: 0;   width: 100%; position: relative}
.curriculum .figure_box .inner ul::before{content: ''; position: absolute; background: #62B3E2; width: 80%; height: 1px; top: 120px; left: 0; right: 0; display: block; margin: 0 auto; }
.figure_box .inner li{display: table-cell; width: 25%;  vertical-align:top;    position: relative;}
.figure_box .inner li .tit{color: #212121;font-size: 18px; margin-bottom: 30px;  }
.figure_box .inner li img{color: #212121;font-size: 18px; margin-bottom: 30px;  }
.figure_box .inner li span{color: #757575; display: block; font-size: 16px; line-height: 24px;}
.figure_box .inner li dl{text-align: left; margin-bottom: 10px; width: 100%; }
.figure_box .inner li dt{display: inline-block;    padding: 3px 7px;    border: 1px solid #CBCBCB;    border-radius: 12px; font-size: 16px;text-align: center; color: #757575;    letter-spacing: -0.05em; line-height:1;}
.figure_box .inner li dd{display: inline-block; font-size: 16px; width: calc(100% - 80px); vertical-align: top; line-height: 24px;color: #757575;    letter-spacing: -0.1em;}


/*심화과정 tab02*/
.curriculum .edu_step02 .info_box .info_txt{ background:#C3E992;}
.curriculum .edu_step02 .info_box .info_txt::before{  background: url(/upload/contents/files/advanced_bg_txt.png); width: 253px; }
.curriculum .edu_step02 .info_box .info_txt li:first-child{ border-right-color:#dfe380;    }
.curriculum .edu_step02 .info_box .info_txt li .tit {color:#337500;}
.curriculum .edu_step02 .info_box .info_txt li .tit::before{ background: url(/upload/contents/files/advanced_bg_icon01.png)no-repeat center center / cover; }
.curriculum .edu_step02 .info_box .info_txt li:last-child .tit::before{  background: url(/upload/contents/files/basic_bg_icon02.png)no-repeat center center / cover;  }
.curriculum .edu_step02 .figure_box .inner li{width: 33.3333%;}
.curriculum .edu_step02 .figure_box .inner ul::before{ background: #4EC867; width: 70%;}

/*심화과정 tab03*/
.curriculum .edu_step03 .info_box .info_txt{ background:#F9BB73;}
.curriculum .edu_step03 .info_box .info_txt::before{  background: url(/upload/contents/files/professional_bg_txt.png); width: 184px; height: 36px;}
.curriculum .edu_step03 .info_box .info_txt li:first-child{ border-right-color:#f5a55a;    }
.curriculum .edu_step03 .info_box .info_txt li .tit {color:#2A4A00;}
.curriculum .edu_step03 .info_box .info_txt li .tit::before{ background: url(/upload/contents/files/professional_bg_icon01.png)no-repeat center center / cover;     }
.curriculum .edu_step03 .info_box .info_txt li:first-child .tit::before {height: 41px;    width: 36px;}
.curriculum .edu_step03 .info_box .info_txt li:last-child .tit::before{  background: url(/upload/contents/files/basic_bg_icon02.png)no-repeat center center / cover;  }
.curriculum .edu_step03 .figure_box .inner ul::before{ background: #F79A0E;}



@media screen and (max-width: 1280px){

    .curriculum .info_box .info_img{}
    .curriculum .info_box .info_img img{max-width: 100%;}
    .curriculum .info_box .info_txt{    width: calc(100% - 10px);    top: 0;    position: inherit;    margin-top: -120px;    border-radius: 8px;    margin-left: 10px;}
    .curriculum .info_box .info_txt::after{display: none;}
    .curriculum .figure_box .inner ul::before{display: none;}
    .curriculum .figure_box .inner li{width: 50%;     display: inline-block; margin-bottom: 65px; position: relative}
    .curriculum .figure_box .inner li:nth-child(2n+1){}
    .curriculum .figure_box .inner li::after{position: absolute; content: '';  background: #62B3E2; width: calc(50% - 60px); height: 1px; top: 120px;}
    .curriculum .figure_box .inner li:nth-child(2n+1)::after{right: 0;}
    .curriculum .figure_box .inner li:nth-child(2n)::after{left: 0;}
    .curriculum .figure_box .inner li dl{display: inline-block; text-align: center;}
    .curriculum .figure_box .inner li dt{display: inline-block;}
    .curriculum .figure_box .inner li dd{    display: block; width: auto; }

    /*심화과정 tab02*/
    .curriculum .edu_step02 .figure_box .inner li::after{  display: none; }
    .curriculum .edu_step02 .figure_box .inner ul::before{display: block;}

    /*심화과정 tab03*/
    .curriculum .edu_step03 .figure_box .inner li::after{background: #F79A0E;}
}

@media screen and (max-width: 650px){
    .curriculum .info_box .info_txt{width: 100%; margin: 0; margin-top: 10px; }
    .curriculum .info_box .info_txt li{display: block; width: auto; padding:35px 35px; }
    .curriculum .info_box .info_txt li:first-child{border-right:none; border-bottom: 1px solid #87d7ff; min-height:auto;}
    .curriculum .figure_box .inner li:nth-child(2n+1)::after,
    .curriculum .figure_box .inner li:nth-child(2n)::after{width:1px;     height: 30px;    bottom: -45px;      left: 0;    right: 0;    top: auto;    display: block;    margin: 0 auto;}
    .curriculum .figure_box .inner li:last-child::after{display:none;}
    .curriculum .figure_box .inner li{width: 100%}
    .curriculum .figure_box .inner li .tit{margin-bottom: 20px;}
    .curriculum .figure_box .inner li img{margin-bottom: 20px;}

    /*심화과정 tab02*/
    .curriculum .edu_step02 .info_box .info_txt li:first-child{ border-bottom: 1px solid #dfe380;}
    .curriculum .edu_step02 .figure_box .inner li{width: 100%}
    .curriculum .edu_step02 .figure_box .inner ul::before{display: none;}
    .curriculum .edu_step02 .figure_box .inner li::after{ background: #4EC867;}

     /*심화과정 tab03*/
    .curriculum .edu_step03 .info_box .info_txt li:first-child{border-bottom: 1px solid #f5a55a;}
}


/* //교육과정안내 tab01~03*/