@charset "utf-8";

/* common */
.mo{display: none;}
.pc{display: block;}
@media screen and (max-width:768px){
    .mo{display: block;}
    .pc{display: none;}
}

/* 설립이념 */
.ideology01{}
.ideology01>div{}
.ideology01>div>div:first-child{position: relative;height: 350px;}
.ideology01>div>div:first-child img{width: 100%;position: absolute;left: 0;top: 0;}
.ideology01>div>div:first-child h5{position: relative;width: 80%;height: 100%;display: flex;justify-content: flex-start;align-items: center;font-size: 40px;margin: auto;}
.ideology01>div>div:first-child h5:before{position: absolute;top: 100px;left: -30px;content:'';width: 30px;height: 30px;background:url(../img/company-before.png) no-repeat center / 100%;display: block;}

.ideology01>div>div:last-child{width: 90%;margin:auto;}
.ideology01>div>div:last-child>p{font-size:17px;line-height: 30px;display: block;margin-bottom: 20px;}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:960px){
    .ideology01>div>div:first-child{background: url(../img/company01-img01.jpg) no-repeat right / cover;}
    .ideology01>div>div:first-child img{display: none;}
    .ideology01>div>div:first-child h5{width: 90%;font-size:32px;}
    .ideology01>div>div:first-child h5:before{left: -10px;}
    .ideology01>div>div:last-child>p{text-align: center;font-size:16px;word-break:keep-all;}
    .ideology01>div>div:last-child>p br{display: none;}
}
@media screen and (max-width:768px){
    .ideology01>div>div:first-child{background: url(../img/company01-img01.jpg) no-repeat left / cover;}
    .ideology01>div>div:first-child img{display: none;}
    .ideology01>div>div:first-child h5{width: 90%;font-size:28px;}
    .ideology01>div>div:first-child h5:before{left: -10px;}
    .ideology01>div>div:last-child>p{text-align: center;font-size:15px;word-break:keep-all;}
    .ideology01>div>div:last-child>p br{display: none;}
}

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

}
/* 설립이념 */

/* 설립자 */
.founder01{}
.founder01>.w1400{}
.founder01>.w1400>div{display: flex;align-items:flex-end;width: 90%;margin:auto;}
.founder01>.w1400>div>div{padding:50px;width: 50%;}
.founder01>.w1400>div>div>img{width: 100%;}
.founder01>.w1400>div>div>h5{line-height: 44px;font-size:35px;}
.founder01>.w1400>div>div>span{font-size:18px;color:#676767;line-height: 32px;}
.founder01>.w1400>div>div>p{line-height: 32px;margin-top: 25px;font-size:20px;font-weight:600;}

.founder02{background: #f3f3f3;}
.founder02>div{display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.founder02>div>div:first-child{width: 100%;margin-bottom: 30px;}
.founder02>div>div:first-child>img{width: 100%;}
.founder02>div>div:nth-child(2){width: 33%;}
.founder02>div>div:nth-child(2) h5{line-height: 44px;font-size:24px;}
.founder02>div>div:last-child{width: 63%;}
.founder02>div>div:last-child p{color:#7f7f7f;font-size:14px;line-height: 28px;}

.founder03{}
.founder03>div{display: flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.founder03>div>div:first-child{width: 100%;margin-bottom: 30px;}
.founder03>div>div:first-child>img{width: 100%;margin:auto;}
.founder03>div>div:nth-child(n+2){display: flex;flex-wrap:wrap;}
.founder03>div>div:nth-child(2){width: 50%;}
.founder03>div>div:nth-child(3){width: 50%;}
.founder03>div>div:nth-child(2)>div{width: 100%;}
.founder03>div>div>h5{line-height: 44px;font-size:32px;width: 100%;text-align: left;margin-bottom: 15px;}
.founder03>div>div>div>p{font-size:13px;line-height: 25px;color:#5a5a5a;}

.founder04{background: #f3f3f3;}
.founder04>div>div:first-child{width: 70%;margin:auto;}
.founder04>div>div:first-child>img{width: 100%;display: block;}
.founder04>div>div:last-child{margin-top: 50px;text-align: center;}
.founder04>div>div:last-child h5{line-height: 44px;font-size:35px;}
.founder04>div>div:last-child p{font-size:17px;line-height: 32px;margin-top: 10px;color:#7f7f7f;}

.founder05{}
.founder05>div{display: flex;align-items:center;max-width:1400px;margin:auto;}
.founder05>div>div{width: 45%;}
.founder05>div>div>img{width: 100%;}
.founder05>div>div:last-child{padding: 50px;}
.founder05>div>div:last-child>h5{line-height: 44px;font-size:35px;}
.founder05>div>div:last-child>div{margin-top: 10px;font-size:16px;}
.founder05>div>div:last-child>div>p{margin-bottom: 25px;line-height: 32px;color:#7f7f7f;word-break:keep-all;}

.founder06{}
.founder06>div{}
.founder06>div>div:first-child{width: 100%;}
.founder06>div>div:first-child img{width: 100%;}
.founder06>div>div:nth-child(n+2){margin:50px 0;}
.founder06>div>div:nth-child(n+2)>h5{line-height: 44px;font-size:35px;}
.founder06>div>div:nth-child(n+2)>p{color:#7f7f7f;font-size:16px;word-break:keep-all;line-height: 32px;margin-top: 25px;}

.founder07>div{width: 100%;}
.founder07>div img{width: 100%;}

.founder08{background: #f3f3f3;}
.founder08>div>div{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.founder08>div>div>h5{line-height: 44px;font-size:28px;width: 100%;}
.founder08>div>div>div{width: 50%;text-align: left;}
.founder08>div>div>div>p{color:#7f7f7f;font-size:14px;line-height: 32px;margin-top: 25px;}

.founder09{}
.founder09>div{display: flex;align-items:center;justify-content:space-between;}
.founder09>div>div:first-child{display: flex;width: 60%;flex-wrap:wrap;}
.founder09>div>div>h5{line-height: 44px;width: 100%;font-size:32px;}
.founder09>div>div>p{font-size:15px;line-height: 28px;color:#7f7f7f;}
.founder09>div>div>p:nth-of-type(1){width: 100%;margin:30px 0;}
.founder09>div>div>p:nth-of-type(n+2){width: 50%;}
.founder09>div>div:last-child{width: 40%;}
.founder09>div>div img{width: 100%;}

.founder10{}
.founder10>div{display: flex;align-items:flex-start;justify-content: space-between;}
.founder10>div>div:first-child{width: 40%;}
.founder10>div>div:last-child{width: 55%;}
.founder10>div>div>img{width: 100%;}
.founder10>div>div>h5{line-height: 44px;font-size:32px;}
.founder10>div>div>p{font-size:17px;line-height: 28px;color:#7f7f7f;margin-top: 20px;}

@media screen and (max-width:1200px){
    .founder01>.w1400>div{flex-direction:column;}
    .founder01>.w1400>div>div{width: 100%;padding: 0px;margin-bottom: 20px;}
    .founder01>.w1400>div>div>h5{font-size:34px;}
    .founder01>.w1400>div>div>span{font-size:18px;}
    .founder01>.w1400>div>div>p{font-size:20px;}

    .founder02>div{flex-direction:column;}
    .founder02>div>div:nth-child(2){width: 100%;text-align: center;}
    .founder02>div>div:nth-child(2) h5{font-size:32px;line-height: 35px;}
    .founder02>div>div:last-child{margin-top: 30px;width: 100%;text-align: center;}
    .founder02>div>div:last-child p{font-size:16px;word-break:keep-all;}

    .founder03>div{flex-direction:column;}
    .founder03>div>div:nth-child(2){width: 100%;margin-bottom: 30px;}
    .founder03>div>div>h5{font-size:32px;}
    .founder03>div>div:nth-child(2)>div{width: 50%;}
    .founder03>div>div>div>p{font-size:16px;margin-bottom: 15px;line-height: 20px;}
    .founder03>div>div:nth-child(3){width: 100%;}

    .founder04>div>div:first-child{width: 100%;}
    .founder04>div>div:last-child h5{font-size:30px;}
    .founder04>div>div:last-child p{font-size:15px;word-break:keep-all;}
    .founder04>div>div:last-child p br{display: none;}

    .founder05>div{flex-direction:column;}
    .founder05>div>div{width: 95%;margin:auto;}
    .founder05>div>div:last-child{padding: 40px 0;text-align: center;}
    .founder05>div>div:last-child>h5{font-size:32px;word-break:keep-all;}
    .founder05>div>div:last-child>div{text-align: center;font-size:16px;}
    .founder05>div>div:last-child>div>p{word-break:keep-all;}
    .founder05>div>div:last-child>div>p br{display: none;}

    .founder06>div>div:nth-child(n+2){text-align: center;}
    .founder06>div>div:nth-child(n+2)>h5{font-size:32px;}
    .founder06>div>div:nth-child(n+2)>p{font-size:16px;word-break:keep-all;}
    .founder06>div>div:nth-child(n+2)>p br{display: none;}

    .founder08>div>div{flex-direction:column;text-align: center;}
    .founder08>div>div>h5{font-size:32px;line-height: 40px;}
    .founder08>div>div>div{width: 100%;text-align: center;}
    .founder08>div>div>div>p{font-size:16px;word-break:keep-all;}
    .founder08>div>div>div>p br{display: none;}

    .founder09>div{flex-direction:column-reverse;}
    .founder09>div>div:first-child,.founder09>div>div:last-child{width: 100%;text-align: center;}
    .founder09>div>div>h5{font-size:32px;}
    .founder09>div>div>p{font-size:16px;}
    .founder09>div>div>p:nth-of-type(n+2){width: 100%;}

    .founder10>div{flex-direction:column;}
    .founder10>div>div:first-child{width: 100%;}
    .founder10>div>div:last-child{width: 100%;margin-top: 20px;text-align: center;}
    .founder10>div>div>h5{font-size:32px;}
    .founder10>div>div>p{font-size:16px;word-break:keep-all;}
    .founder10>div>div>p br{display: none;}
}
@media screen and (max-width:960px){
    .founder01>.w1400>div{flex-direction:column;}
    .founder01>.w1400>div>div{width: 100%;padding: 0px;margin-bottom: 20px;}
    .founder01>.w1400>div>div>h5{font-size:32px;}
    .founder01>.w1400>div>div>span{font-size:16px;}
    .founder01>.w1400>div>div>p{font-size:18px;}

    .founder02>div{flex-direction:column;}
    .founder02>div>div:nth-child(2){width: 100%;text-align: center;}
    .founder02>div>div:nth-child(2) h5{font-size:30px;line-height: 35px;}
    .founder02>div>div:last-child{margin-top: 30px;width: 100%;text-align: center;}
    .founder02>div>div:last-child p{font-size:15px;word-break:keep-all;}

    .founder03>div{flex-direction:column;}
    .founder03>div>div:nth-child(2){width: 100%;}
    .founder03>div>div>h5{font-size:30px;}
    .founder03>div>div:nth-child(2)>div{width: 100%;}
    .founder03>div>div>div>p{font-size:15px;margin-bottom: 15px;line-height: 20px;}
    .founder03>div>div:nth-child(3){width: 100%;}

    .founder04>div>div:first-child{width: 100%;}
    .founder04>div>div:last-child h5{font-size:30px;}
    .founder04>div>div:last-child p{font-size:15px;word-break:keep-all;}
    .founder04>div>div:last-child p br{display: none;}

    .founder05>div{flex-direction:column;}
    .founder05>div>div{width: 95%;margin:auto;}
    .founder05>div>div:last-child{padding: 40px 0;text-align: center;}
    .founder05>div>div:last-child>h5{font-size:30px;word-break:keep-all;}
    .founder05>div>div:last-child>div{text-align: center;font-size:16px;}
    .founder05>div>div:last-child>div>p{word-break:keep-all;}
    .founder05>div>div:last-child>div>p br{display: none;}

    .founder06>div>div:nth-child(n+2){text-align: center;}
    .founder06>div>div:nth-child(n+2)>h5{font-size:30px;}
    .founder06>div>div:nth-child(n+2)>p{font-size:16px;word-break:keep-all;}
    .founder06>div>div:nth-child(n+2)>p br{display: none;}

    .founder08>div>div{flex-direction:column;text-align: center;}
    .founder08>div>div>h5{font-size:20px;line-height: 30px;}
    .founder08>div>div>div{width: 100%;text-align: center;}
    .founder08>div>div>div>p{font-size:16px;word-break:keep-all;}
    .founder08>div>div>div>p br{display: none;}

    .founder09>div{flex-direction:column-reverse;}
    .founder09>div>div:first-child,.founder09>div>div:last-child{width: 100%;text-align: center;}
    .founder09>div>div>h5{font-size:30px;}
    .founder09>div>div>p{font-size:16px;}
    .founder09>div>div>p:nth-of-type(n+2){width: 100%;}

    .founder10>div{flex-direction:column;}
    .founder10>div>div:first-child{width: 100%;}
    .founder10>div>div:last-child{width: 100%;margin-top: 20px;text-align: center;}
    .founder10>div>div>h5{font-size:28px;}
    .founder10>div>div>p{font-size:16px;word-break:keep-all;}
    .founder10>div>div>p br{display: none;}
}

@media screen and (max-width:520px){
    .founder01>.w1400>div{flex-direction:column;}
    .founder01>.w1400>div>div{width: 100%;padding: 0px;margin-bottom: 20px;}
    .founder01>.w1400>div>div>h5{font-size:30px;}
    .founder01>.w1400>div>div>span{font-size:16px;}
    .founder01>.w1400>div>div>p{font-size:18px;}

    .founder02>div{flex-direction:column;}
    .founder02>div>div:nth-child(2){width: 100%;text-align: center;}
    .founder02>div>div:nth-child(2) h5{font-size:28px;line-height: 35px;}
    .founder02>div>div:last-child{margin-top: 30px;width: 100%;text-align: center;}
    .founder02>div>div:last-child p{font-size:15px;word-break:keep-all;}

    .founder03>div{flex-direction:column;}
    .founder03>div>div:nth-child(2){width: 100%;}
    .founder03>div>div>h5{font-size:28px;}
    .founder03>div>div:nth-child(2)>div{width: 100%;}
    .founder03>div>div>div>p{font-size:15px;margin-bottom: 15px;line-height: 20px;}
    .founder03>div>div:nth-child(3){width: 100%;}

    .founder04>div>div:first-child{width: 100%;}
    .founder04>div>div:last-child h5{font-size:28px;}
    .founder04>div>div:last-child p{font-size:15px;word-break:keep-all;}
    .founder04>div>div:last-child p br{display: none;}

    .founder05>div{flex-direction:column;}
    .founder05>div>div{width: 95%;margin:auto;}
    .founder05>div>div:last-child{padding: 40px 0;text-align: center;}
    .founder05>div>div:last-child>h5{font-size:28px;word-break:keep-all;}
    .founder05>div>div:last-child>div{text-align: center;font-size:16px;}
    .founder05>div>div:last-child>div>p{word-break:keep-all;}
    .founder05>div>div:last-child>div>p br{display: none;}

    .founder06>div>div:nth-child(n+2){text-align: center;}
    .founder06>div>div:nth-child(n+2)>h5{font-size:28px;}
    .founder06>div>div:nth-child(n+2)>p{font-size:16px;word-break:keep-all;}
    .founder06>div>div:nth-child(n+2)>p br{display: none;}

    .founder08>div>div{flex-direction:column;text-align: center;}
    .founder08>div>div>h5{font-size:20px;line-height: 30px;}
    .founder08>div>div>div{width: 100%;text-align: center;}
    .founder08>div>div>div>p{font-size:16px;word-break:keep-all;}
    .founder08>div>div>div>p br{display: none;}

    .founder09>div{flex-direction:column-reverse;}
    .founder09>div>div:first-child,.founder09>div>div:last-child{width: 100%;text-align: center;}
    .founder09>div>div>h5{font-size:28px;}
    .founder09>div>div>p{font-size:16px;}
    .founder09>div>div>p:nth-of-type(n+2){width: 100%;}

    .founder10>div{flex-direction:column;}
    .founder10>div>div:first-child{width: 100%;}
    .founder10>div>div:last-child{width: 100%;margin-top: 20px;text-align: center;}
    .founder10>div>div>h5{font-size:26px;}
    .founder10>div>div>p{font-size:16px;word-break:keep-all;}
    .founder10>div>div>p br{display: none;}
}

/* 설립자 */


/* 연혁 */
.history01{}
.history01>div{}
.history01>div>div:first-child{}
.history01>div>div>img{width: 100%;}

.history01>div>div.history-box{margin-top: 15px;}
.history01>div>div.history-box>div.history_tab{display: flex;justify-content:space-between;}
.history01>div>div.history-box>div.history_tab>a{width: 19%;background: #efeff0;color:#595959;
    font-weight:600;transition:all .4s;font-size:18px;line-height: 45px;display: block;text-align: center;}
    .history01>div>div.history-box>div.history_tab>a>span{font-family:'Noto Sans KR', sans-serif;}
.history01>div>div.history-box>div.history_tab>a.selected{color:#fff;background: #192d6d;}
.history01>div>div.history-box>div.history_tab>a:hover{color:#fff;background: #192d6d;}

.history01>div>div.history-box>div.history-content{margin-top: 25px;}
.history01>div>div.history-box>div.history-content>div>ul>li{display: flex;padding:30px 0;border-bottom:1px dotted #7f7f7f;align-items:flex-start;}
.history01>div>div.history-box>div.history-content>div>ul>li>div:first-child{width: 200px;text-align: center;}
.history01>div>div.history-box>div.history-content>div>ul>li>div:first-child>h5{font-size:26px;font-weight:800;color:#333;}
.history01>div>div.history-box>div.history-content>div>ul>li>div:last-child>p{font-size:17px;color:#707070;line-height: 23px;margin-bottom: 10px;}

@media screen and (max-width:1200px){
    
}
@media screen and (max-width:960px){
    .history01>div>div.history-box>div.history-content>div>ul>li>div:first-child{width: 150px;}
}
@media screen and (max-width:768px){
    .history01>div>div.history-box>div.history_tab{flex-wrap:wrap;justify-content:center;}
    .history01>div>div.history-box>div.history_tab>a{width: 31%;margin: 3px;font-size:18px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:last-child>p{font-size:16px;margin-bottom: 5px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:first-child{width: 130px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:first-child>h5{font-size:24px;}
    .history01>div>div.history-box>div.history-content>div>ul>li{padding: 25px 0;}
    
}

@media screen and (max-width:520px){
    .history01>div>div.history-box>div.history_tab>a{width: 31%;margin: 3px;font-size:16px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:first-child{width: 100px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:first-child>h5{font-size:22px;}
    .history01>div>div.history-box>div.history-content>div>ul>li>div:last-child>p{font-size:14px;}
    .history01>div>div.history-box>div.history-content>div>ul>li{padding: 20px 0;}
}

/* 연혁 */

/* 역대이사장 */
.chairman01{}
.chairman01>div{display: flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.chairman01>div>div{display: flex;flex-direction:column;margin-bottom: 25px;justify-content:center;width: 25%;padding: 10px;}
.chairman01>div>div>img{width: 100%;}
.chairman01>div>div>div{margin-top: 15px;text-align: center;}
.chairman01>div>div>div>span{font-size:20px;font-weight: 700;line-height: 28px;}
.chairman01>div>div>div>p{font-size:16px;line-height: 28px;}

@media screen and (max-width:1200px){
    
}
@media screen and (max-width:960px){
    
}
@media screen and (max-width:768px){
    .chairman01>div>div{width: 33.333%;}
    .chairman01>div>div>div>span{font-size:20px;}
    .chairman01>div>div>div>p{font-size:16px;}
}

@media screen and (max-width:520px){
    .chairman01>div>div{width: 50%;}
    .chairman01>div>div>div>span{font-size:18px;}
    .chairman01>div>div>div>p{font-size:15px;}
}

/* 역대이사장 */

/* 임원현황 */
.executive01 table{border-collapse: collapse;width: 100%;}
.executive01 table thead{}
.executive01 table thead tr{}
.executive01 table thead tr th{background: #3162bb;color:#fff;border:1px solid #fff;font-size: 16px;}
.executive01 table tbody tr td{border:1px solid #e8e8e8;text-align: center;font-size: 14px;}
.executive01 th,td{padding:15px 40px;}

@media screen and (max-width:1200px){
    .executive01 th, td{padding: 15px;}
    .executive01 table thead tr th{font-size:16px;word-break: keep-all;}
    .executive01 table tbody tr td{font-size:14px;}
}
@media screen and (max-width:960px){
    .executive01 th, td{padding: 10px;}
    .executive01 table thead tr th{font-size:16px;word-break: keep-all;}
    .executive01 table tbody tr td{font-size:12px;}
}
@media screen and (max-width:768px){
    .executive01 th, td{padding: 5px;}
    .executive01 table thead tr th{font-size:14px;word-break: keep-all;}
    .executive01 table tbody tr td{font-size:10px;}
}

@media screen and (max-width:520px){
    .executive01 th, td{padding: 5px;}
    .executive01 table thead tr th{font-size:12px;word-break: keep-all;}
    .executive01 table tbody tr td{font-size:8px;}
}
/* 임원현황 */

/* 오시는길 */
.location01{}
.location01>div{}
.location01>div>iframe{width: 100%;height: 500px;}
.location01>div>div{padding:20px 15px;display: flex;align-items:center;border-bottom:1px solid #e1e1e1;}
.location01>div>div>div{    margin-right: 30px;display: flex;align-items: center;}
.location01>div>div>div>i{margin-right: 10px;color:#333;font-size:22px;}
.location01>div>div>div>p{line-height: 30px;color:#333;font-size:18px;}

@media screen and (max-width:1200px){
    
}
@media screen and (max-width:960px){
    .location01>div>iframe{height: 400px;}
}
@media screen and (max-width:768px){
    .location01>div>iframe{height: 300px;}
    .location01>div>div{align-items:flex-start;flex-direction: column;}
    .location01>div>div>div>p{font-size:14px;}
}

@media screen and (max-width:520px){
    .location01>div>div>div>p{font-size:12px;}
}

/* 오시는길 */

/* 산하학교 */
.institution{}
.institution>div{}
.institution>div>div>img{width: 100%;}
.institution>div>a{width: fit-content;font-size:16px;background: #192d6d;display: block;margin:50px auto;
    border-radius:30px;color:#fff;padding:15px 40px;text-align: center;transition:all .4s;}
.institution>div>a:hover{background: #04334f;}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:960px){
    
}
@media screen and (max-width:768px){
    .institution>div>a{margin: 30px auto;font-size:15px;}
}

@media screen and (max-width:520px){
    .institution>div>a{margin: 30px auto;font-size:14px;}
}
/* 산하학교 */