@charset "utf-8";

/* common */
.justify-text{text-align: justify}

.content-tab-list ul{display: flex; flex-wrap: wrap; position: relative;}
.content-tab-list ul::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1174ff; z-index: 1;}
.content-tab-list li{width: 230px; position: relative; z-index: 2;}
.content-tab-list li button{width: 100%; height: 100%; display: block; text-align: center; font-size: 18px; color: #666666; font-family: "SBA Light";  border: 1px solid #d7d7d7; border-bottom: 1px solid #1174ff; padding: 20px 0;}
.content-tab-list li button:hover,
.content-tab-list li.active button{border: 1px solid #1174ff; border-bottom: 1px solid white; color: #1174ff;}
.content-tab-list li + li button{border-left: 0;}

.content-tab-content{margin-bottom: 7px;}
.content-tab-content .content-tab-box{display: none;}
.content-tab-content .content-tab-box.active{display: block;}
.content-tab-content .flex-inner{display: flex; flex-wrap: wrap;}
.content-tab-content .flex-inner .flex-box{width: 51.34%;}
.content-tab-content .flex-inner .flex-box:nth-child(2){width: 48.66%;}
.content-tab-content .flex-inner .flex-box.half{width: 100%;}
.content-tab-content .flex-inner .flex-box dl{display: flex; flex-wrap: wrap; margin-bottom: 11px;}
.content-tab-content .flex-inner .flex-box dl:last-child{margin-bottom: 0;}
.content-tab-content .flex-inner .flex-box dt{font-size: 16px; color: #333333; font-family: "HG Medium"; padding-left: 15px; position: relative; width: 185px;}
.content-tab-content .flex-inner .flex-box dt::before{content:""; display: block; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 50%; background-color: #222222;}
.content-tab-content .flex-inner .flex-box dd{font-size: 16px; line-height: 26px; color: #555555; width: calc(100% - 185px)}
.content-tab-content .flex-inner .date-list{margin-top: 7px;}
.content-tab-content .flex-inner .date-list.half{display: flex; flex-wrap: wrap;}
.content-tab-content .flex-inner .date-list.half dl:nth-child(odd){width: 51.34%;}
.content-tab-content .flex-inner .date-list.half dl:nth-child(even){width: 48.66%;}

@media screen and (max-width: 768px) {
  .justify-text{text-align: left}   

  .content-tab-list li{width: 150px;}
  .content-tab-list li button{font-size: 15px; padding: 15px 0;}
  .content-tab-list li.active button::after {content:''; width:calc(100% - 2px); height:3px; background:#fff; position:absolute; left:1px; bottom:-1px;}

  .content-tab-content .flex-inner .flex-box,
  .content-tab-content .flex-inner .flex-box:nth-child(2),
  .content-tab-content .flex-inner .date-list.half dl:nth-child(odd),
  .content-tab-content .flex-inner .date-list.half dl:nth-child(even){width: 100%;}
  .content-tab-content .flex-inner .flex-box dt{width: 135px; font-size: 14px;}
  .content-tab-content .flex-inner .flex-box dt::before{top: 8px;}
  .content-tab-content .flex-inner .flex-box dd{width: calc(100% - 135px); font-size: 14px; line-height: 20px; padding-left: 15px;}
}
/* common */

/*[S]인사말,프로필*/

.greeting .visual {display: flex;align-items: flex-start;position: relative;width: 100%;margin-top: 134px;}
.greeting .visual::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 100vw;height: 94%;background: #f6faff url('../../images/sub/greeting-bg.png') no-repeat right bottom -13px;z-index: -1;}
.greeting .visual::after {content: 'HALLYM UNIVERSITY';position: absolute;width: 100vw;text-align: right;left: 50%;transform: translateX(-50%);top: -67px;color: #f4f4f4;font-size: 60px;font-family: 'HG Bold';}
.greeting .img-box {transform: translateY(-80px);margin-right: 60px;border-radius: 10px;overflow: hidden;}
.greeting .txt-box {padding-top: 80px;flex-shrink: 0;}
.greeting .txt-box span {position: relative;display: block;margin-bottom: 5px;padding-top: 17px;font-size: 16px;color: #b5b5b5;font-family: 'HG Regular';}
.greeting .txt-box span::before {content: '';position: absolute;top: 0;left: 0;width: 30px;height: 2px;background: #525355;}
.greeting .txt-box .sub-tit {display: block;margin-bottom: 32px;font-size: 26px;color: #000;font-family: 'SBA Light';}
.greeting .txt-box .tit {font-size: 60px;line-height: 1.2;font-family: 'SBA Medium';}
.greeting .txt-box .tit i {display: block;color: #0067b3;}
.greeting .txt-box .tit em {color: #00b6ad;}
.greeting .desc {padding-top: 16px;font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 1.85; overflow: hidden;}
.greeting .desc i {display: block;height: 25px;}
.greeting .desc .author {float: right;margin-top: 25px;}
.greeting .desc .author span {margin-right: 20px;font-size: 17px;color: #555;font-family: 'HG Regular';}
.greeting .desc .author strong {font-size: 24px;color: #000;letter-spacing: 8px;font-family: 'HG Medium';}

@media screen and (max-width: 1300px) {
  .greeting .visual::before {height: 100%;background-size: 370px;}
  .greeting .visual::after {font-size: 48px;top: -54px;}
  .greeting .img-box {transform: translateY(-50px);}
  .greeting .txt-box {padding-top: 60px;}
  .greeting .txt-box .sub-tit {width: 400px;margin-bottom: 26px;}
  .greeting .txt-box .tit {font-size: 55px;}
}

@media screen and (max-width: 1024px) {
  .greeting .visual{margin-top: 79px;}
  .greeting .visual::before {background-size: 280px;}
  .greeting .visual::after {font-size: 42px;top: -46px;}
  .greeting .img-box {transform: translateY(-38px);max-width: 450px;}
  .greeting .txt-box .sub-tit {width: 300px;margin-bottom: 20px;font-size: 21px;}
  .greeting .txt-box .tit {font-size: 47px;}
}

@media screen and (max-width: 880px) {
  .greeting .visual {flex-direction: column;align-items: center;}
  .greeting .visual::before  {height: 108%;}
  .greeting .visual::after {font-size: 38px;top: -43px; display: none;}
  .greeting .img-box {margin-right: 0;margin-left: -65px;max-width: 400px;}
  .greeting .desc {padding-top: 80px;}
  .greeting .txt-box  {padding-top: 0;}
  .greeting .txt-box span {margin-bottom: 5px;}
  .greeting .txt-box .sub-tit {width: auto;font-size: 20px;}
  .greeting .txt-box .tit {font-size: 40px;}
}

@media screen and (max-width:520px) {
  .greeting .visual {align-items: flex-start; margin-top: 58px}
  .greeting .visual::before {background-size: 210px;}
  .greeting .visual::after {width: 100%;left: 0;transform: translateX(0);font-size: 25px;top: -31px}
  .greeting .img-box {margin-left: 0;}
  .greeting .txt-box span {font-size: 15px;}
  .greeting .txt-box .sub-tit {margin-bottom: 16px;font-size: 17px;}
  .greeting .txt-box .tit {font-size: 33px;}
  .greeting .desc {font-size: 16px;}
  .greeting .desc i {height: 20px;}
  .greeting .desc .author strong {font-size: 22px;}
}

/*[E]인사말,프로필*/

/*[S]역대총장*/

.president-history .list {display: flex;flex-wrap: wrap;border-top: 2px solid #000;border-bottom: 2px solid #000; }
.president-history .list > li {position: relative;width: calc((100% / 3) - 14px);margin-top: 40px;}
.president-history .list > li{margin-right: 21px;}
.president-history .list > li:nth-child(3n){margin-right: 0;}
.president-history .list > li::before {content: '';position: absolute;left: 0;bottom: 0;width: calc(100% + 21px);height: 1px;background: #f4f4f5;}
.president-history .list > li:nth-child(3n)::before {width: 100%;}
.president-history .flex-wrap {display: flex;padding: 40px;margin-bottom: 30px;background: #f7f7f7 url('../../images/sub/president-history-bg.png') no-repeat right -80px bottom;}
.president-history .img-box {margin-right: 27px;flex-shrink: 0;}
.president-history .txt1 {margin-bottom: 20px;line-height: 1;}
.president-history .txt1 span {margin-right: 8px;font-size: 15px;color: #000;font-family: 'HG Regular';}
.president-history .txt1 strong {font-size: 32px;color: #042e6f;font-family: 'HG Bold';}
.president-history .txt2 span {display: block;margin-bottom: 2px;font-family: 'HG Regular';font-size: 16px;color: #555;}
.president-history .txt2 span b {font-weight: normal;}
.president-history .txt2 i {font-family: 'HG Medium';font-size: 16px;color: #0067b3;}
.president-history .info {padding-bottom: 40px;padding-right: 10px;}
.president-history .info strong {display: block;margin-bottom: 4px;font-family: 'SBA Medium';font-size: 22px;color: #000;}
.president-history .info li {display: flex;position: relative;padding-left: 15px;}
.president-history .info li:last-child {margin-bottom: 0;}
.president-history .info li::before {content:""; display: block; position: absolute; left: 0; top: 9px; border-radius: 50%; width: 4px; height: 4px; background-color: #222222;}
.president-history .info li em {display: block;width: 120px;flex-shrink: 0;font-size: 14px;color: #333;;font-family: 'HG Medium';}
.president-history .info li span {font-size: 14px;color: #555;;font-family: 'HG Regular'; line-height: 26px; display: inline-block; position: relative; top: -2px;}

@media screen and (max-width:1250px) {
  .president-history .list{padding-top: 30px;}
  .president-history .list > li {width: calc((100% / 2) - 10px);margin-top: 0; margin-bottom: 30px;}
  .president-history .list > li,
  .president-history .list > li:nth-child(3n){margin-right: 20px;}
  .president-history .list > li:nth-child(2n){margin-right: 0;}
  .president-history .info{padding-bottom: 30px;}
  .president-history .list > li:nth-child(2n)::before {width: 100%;}
}

@media screen and (max-width:1024px) {
  .president-history .flex-wrap {padding: 30px}
  .president-history .txt1 {margin-bottom: 15px;}
  .president-history .txt1 span {margin-right: 5px;}
  .president-history .txt1 strong {font-size: 27px;}
}

@media screen and (max-width: 768px) {
  .president-history .list {gap: 0; padding-top: 30px;}
  .president-history .flex-wrap{margin-bottom: 20px;}
  .president-history .list > li {width: 100%; min-height: auto; margin-right: 0 !important;}
  .president-history .info li em {width: 120px;}
  .president-history .list > li::before{width: 100% !important;}
  .president-history .list > li:last-child{margin-bottom: 0;}
  .president-history .list > li:last-child::before{display: none;}
}

@media screen and (max-width: 500px) {
  .president-history .txt2 span em {display: block;}
  .president-history .txt2 span b {display: none;}
}

/*[E]역대총장*/

/*[S]안전보건경영방침*/
.sh-policy{margin-top: 70px;}
.sh-policy .top-tit {position: relative;margin-bottom: 70px;padding: 0 40px;}
.sh-policy .top-tit::before {content: '';position: absolute;left: 0;top: 50%;width: 32px;height: 164px;margin-top: -82px;background: url('../../images/sub/tit-square.png') no-repeat center;}
.sh-policy .top-tit::after {content: '';position: absolute;right: 0;top: 50%;transform: rotate(180deg);width: 32px;height: 164px;margin-top: -82px;background: url('../../images/sub/tit-square.png') no-repeat center;}
.sh-policy .top-tit p {font-size: 28px;font-family: 'SBA Light';color: #000;text-align: center;}
.sh-policy .top-tit strong {font-size: 28px;font-family: 'SBA Medium';color: #1174ff;}
.sh-policy .info {position: relative;padding: 100px 0 85px;}
.sh-policy .info::before {content: '';position: absolute;width: 100vw;height: 100%;left: 50%;top: 0;transform: translateX(-50%);top: 0;background: url('../../images/sub/sh-policy-bg.jpg') no-repeat center / cover;z-index: -1;}
.sh-policy .info li {position: relative;padding: 22px 80px 22px 135px;margin-bottom: 20px;background-color: #fff;background-repeat: no-repeat;background-position: left 60px center;border-radius: 5px;font-family: 'HG Regular'; font-size: 17px;color: #666;}
.sh-policy .info li:last-child {margin-bottom: 0;}
.sh-policy .info li:nth-child(1) {background-image: url('../../images/sub/sh-policy-ic1.png');}
.sh-policy .info li:nth-child(2) {background-image: url('../../images/sub/sh-policy-ic2.png');}
.sh-policy .info li:nth-child(3) {background-image: url('../../images/sub/sh-policy-ic3.png');}
.sh-policy .info li:nth-child(4) {background-image: url('../../images/sub/sh-policy-ic4.png');}
.sh-policy .info li:nth-child(5) {background-image: url('../../images/sub/sh-policy-ic5.png');}
.sh-policy .info li:nth-child(6) {background-image: url('../../images/sub/sh-policy-ic6.png');}
.sh-policy .info li:nth-child(7) {background-image: url('../../images/sub/sh-policy-ic7.png');}
.sh-policy .info li:nth-child(8) {background-image: url('../../images/sub/sh-policy-ic8.png');}
.sh-policy .info strong {display: block;margin-top: 50px;text-align: center;font-size: 28px;color: #fff;;font-family: 'SBA Light';}

@media screen and (max-width:1024px) {
  .sh-policy{margin-top: 49px;}
  .sh-policy .top-tit {margin-bottom: 50px;}
  .sh-policy .top-tit p {font-size: 26px;}
  .sh-policy .top-tit p br {display: none;}
  .sh-policy .top-tit strong {font-size: 26px;}
  .sh-policy .top-tit::before {height: 140px;background-size: contain;margin-top: -70px;}
  .sh-policy .top-tit::after {height: 140px;background-size: contain;margin-top: -70px;}
  .sh-policy .info {padding: 80px 0 65px;}
  .sh-policy .info strong {font-size: 26px;} 
}

@media screen and (max-width:768px) {
  .sh-policy{margin-top: 34px;}
  .sh-policy .top-tit p {font-size: 20px;}
  .sh-policy .top-tit p br {display: none;}
  .sh-policy .top-tit strong {font-size: 20px;}
  .sh-policy .info {padding: 60px 0 45px;}
  .sh-policy .info li {font-size: 16px;padding: 16px 40px 16px 90px;background-position: left 30px center;}
  .sh-policy .info strong {font-size: 22px;margin-top: 35px;}
}

@media screen and (max-width: 500px) {
  .sh-policy .top-tit {margin-bottom: 38px;}
  .sh-policy .top-tit p {font-size: 18px;}
  .sh-policy .top-tit strong {font-size: 18px;}
  .sh-policy .info strong {font-size: 18px;}
}

/*[E]안전보건경영방침*/

/*[S]교육이념 및 인재상*/

.edu-philo .con-wrap1 {position: relative;padding: 50px 0 170px;border: 4px solid #f2f2f2;}
.edu-philo .con-wrap1 .circle {position: relative;width: 400px;height: 400px;margin: 0 auto;border: 1px dashed #eaeaea;border-radius: 50%;padding: 25px;}
.edu-philo .con-wrap1 .circle > .wrap {width: 100%;height: 100%;padding: 25px;border: 1px solid #f9f9f9;border-radius: 50%;}
.edu-philo .con-wrap1 .circle > .wrap > div {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #ebf7ff;border: 10px solid #3787d6;border-radius: 50%;}
.edu-philo .con-wrap1 .tit {position: relative;z-index: 1;}
.edu-philo .con-wrap1 ul {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-66%);width: 400px;height: 400px;}
.edu-philo .con-wrap1 li {display: flex;justify-content: center;align-items: center;position: absolute;width: 210px;height: 210px;background: #fff;border-radius: 50%;text-align: center;box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.1);padding: 0 30px}
.edu-philo .con-wrap1 li em {display: block;margin-bottom: 10px;font-size: 22px;color: #000;font-family: 'HG Medium';}
.edu-philo .con-wrap1 li p {font-size: 15px;color: #666;font-family: 'HG Regular';}
.edu-philo .con-wrap1 .item1 {left: -120px;top: 50%;transform: translateY(-50%);}
.edu-philo .con-wrap1 .item2 {left: 50%;transform: translateX(-50%);bottom: -120px;}
.edu-philo .con-wrap1 .item3 {right: -120px;top: 50%;transform: translateY(-50%);}

@media screen and (max-width: 768px) {
  .edu-philo .con-wrap1 {padding: 35px 0;}
  .edu-philo .con-wrap1 .circle {width: 300px;height: 300px;padding: 15px;margin-bottom: 40px;}
  .edu-philo .con-wrap1 .circle > .wrap {padding: 15px;}
  .edu-philo .con-wrap1 .circle .tit {width: 120px;}
  .edu-philo .con-wrap1 ul {position: static;display: block;margin: 0 auto;width: 80%;height: auto;transform: translate(0);}
  .edu-philo .con-wrap1 ul li {position: static;width: 100%;height: auto;padding: 16px 20px;margin-bottom: 20px;border-radius: 12px;}
  .edu-philo .con-wrap1 ul li:last-child {margin-bottom: 0;}
  .edu-philo .con-wrap1 .item1 {left: auto;top: auto;transform: translateY(0);}
  .edu-philo .con-wrap1 .item2 {left: auto;transform: translateX(0);bottom: auto;}
  .edu-philo .con-wrap1 .item3 {right: auto;top: auto;transform: translateY(0);}
  .edu-philo .con-wrap1 li em {font-size: 18px;margin-bottom: 7px;}   
}

@media screen and (max-width:500px) {
  .edu-philo .con-wrap1 .circle {width: 280px;height: 280px;}
  .edu-philo .con-wrap1 .circle .tit {width: 110px;}
}

.edu-philo .con-wrap2 .tit-box {display: block;margin: 0 auto;justify-content: center;align-items: center;width: 140px;padding: 8px;margin-bottom: 13px;text-align: center;border-radius: 5px;font-size: 16px;color: #fff;font-family: 'HG Regular'; background: linear-gradient(90deg, #0268b4, #3d8cdb);}

.edu-philo .con-wrap2 .con1 {position: relative;margin-bottom: 70px;padding: 0 40px;}
.edu-philo .con-wrap2 .con1::before {content: '';position: absolute;left: 0;top: 50%;width: 32px;height: 164px;margin-top: -82px;background: url('../../images/sub/tit-square.png') no-repeat center;}
.edu-philo .con-wrap2 .con1::after {content: '';position: absolute;right: 0;top: 50%;transform: rotate(180deg);width: 32px;height: 164px;margin-top: -82px;background: url('../../images/sub/tit-square.png') no-repeat center;}
.edu-philo .con-wrap2 .con1 p {font-size: 28px;text-align: center;  background: linear-gradient(90deg, #0067b3, #61a1dd); -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'HG Bold';}

.edu-philo .con-wrap2 .con2 {position: relative; padding: 75px 0 50px;}
.edu-philo .con-wrap2 .con2 .tit-box {position: absolute;left: 50%;top: 13px;transform: translateX(-50%);}
.edu-philo .con-wrap2 .con2 .con2-box{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.edu-philo .con-wrap2 .con2 .circle {width: 300px;height: 300px;border-radius: 50%;padding: 25px;background: #fff; border: 1px dashed #d4d4d4;}
.edu-philo .con-wrap2 .con2 .circle > .wrap {width: 100%;height: 100%;padding: 20px;border: 1px dashed #eaeaea;border-radius: 50%;}
.edu-philo .con-wrap2 .con2 .circle > .wrap > div {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: #ebf7ff;  background-image: url('../../images/sub/edu-philo-circle-bg.png'); background-position: center center;background-repeat: no-repeat;  border: 10px solid #3787d6;border-radius: 50%; background-size: 130px;}
.edu-philo .con-wrap2 .con2 .circle .tit {transform: translateY(5px);font-size: 24px;color: #042e6f;font-family: 'SBA Medium';}
.edu-philo .con-wrap2 .con2 ul {display: flex;justify-content: space-between;align-items: center;width: 100%; max-width: 750px; padding-left: 80px; position: relative;}
.edu-philo .con-wrap2 .con2 ul::after{content:""; display: block; position: absolute; left: 0; top: 50%; margin-top: -.5px; width: 100%; height: 0; border-top: 1px dotted #545767; z-index: 1;}
.edu-philo .con-wrap2 .con2 li {line-height: 30px;text-align: center;width: 200px; height: 200px;font-size: 20px;font-family: 'HG Medium'; border-radius: 50%; color: #000000; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.1); position: relative; z-index: 2; background-color: white;}

.edu-philo .con-wrap2 .con3 ul {display: flex;justify-content: space-between;width: 100%;margin-top: 20px;}
.edu-philo .con-wrap2 .con3 li {width: calc((100% / 5) - 30px);}
.edu-philo .con-wrap2 .con3 .item {display: flex;align-items: center;background: #f5f5f5;border-radius: 48px;padding: 14px;margin-bottom: 16px;width: 100%;}
.edu-philo .con-wrap2 .con3 .item::before {content: '';flex-shrink: 0;width: 70px;height: 70px;margin-right: 20px;border-radius: 50%;background-color: #0067b3;background-repeat: no-repeat;background-position: center;}
.edu-philo .con-wrap2 .con3 .item1::before {background-image: url('../../images/sub/edu-philo-ic1.png');}
.edu-philo .con-wrap2 .con3 .item2::before {background-image: url('../../images/sub/edu-philo-ic2.png');}
.edu-philo .con-wrap2 .con3 .item3::before {background-image: url('../../images/sub/edu-philo-ic3.png');}
.edu-philo .con-wrap2 .con3 .item4::before {background-image: url('../../images/sub/edu-philo-ic4.png');}
.edu-philo .con-wrap2 .con3 .item5::before {background-image: url('../../images/sub/edu-philo-ic5.png');}
.edu-philo .con-wrap2 .con3 .item em {display: block;font-size: 17px;color: #555;font-family: 'HG Medium';}
.edu-philo .con-wrap2 .con3 .item span {font-size: 18px;color: #000;font-family: 'HG Bold';}
.edu-philo .con-wrap2 .con3 i {display: block;text-align: center;}

@media screen and (max-width: 1400px) {
  .edu-philo .con-wrap2 .con3 ul {justify-content: center;flex-wrap: wrap;}
  .edu-philo .con-wrap2 .con3 li:nth-child(3),
  .edu-philo .con-wrap2 .con3 li:nth-child(5) {margin-right: 0;}
  .edu-philo .con-wrap2 .con3 li:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 1200px) {
  .edu-philo .con-wrap2 .con2 ul {background-size: contain;max-width: 850px; padding-left: 0; margin-top: 20px;}
  .edu-philo .con-wrap2 .con2 li {font-size: 18px;}
}

@media screen and (max-width:1024px) {
  .edu-philo .con-wrap2 .con1 {margin-bottom: 50px;}
  .edu-philo .con-wrap2 .con1::before {height: 160px;background-size: contain;margin-top: -80px;}
  .edu-philo .con-wrap2 .con1::after {height: 160px;background-size: contain;margin-top: -80px;}
  .edu-philo .con-wrap2 .con3 li {width: 100%; margin-bottom: 20px;}
  .edu-philo .con-wrap2 .con3 .item {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;padding: 20px 20px 25px; margin-bottom: 10px;}
  .edu-philo .con-wrap2 .con3 i{font-size: 16px;}
  .edu-philo .con-wrap2 .con3 .item::before {width: 60px;height: 60px;background-size:  30px;margin-right: 0;margin-bottom: 10px;}
  .edu-philo .con-wrap2 .con3 .item > div {text-align: center;}
}

@media screen and (max-width:768px) {
  .edu-philo .con-wrap2 .con1 p {font-size: 24px;}
  .edu-philo .con-wrap2 .con2 {padding-bottom: 75px;margin-top: 200px;}
  .edu-philo .con-wrap2 .con2 .tit-box {top: -123px;}
  .edu-philo .con-wrap2 .con2 .circle {width: 280px;height: 280px;margin-top: -140px;padding: 15px;}
  .edu-philo .con-wrap2 .con2 .circle > .wrap {padding: 15px;}
  .edu-philo .con-wrap2 .con2 .circle > .wrap > div  {background-size: 155px, 155px;} 
  .edu-philo .con-wrap2 .con2 .circle .tit {font-size: 21px;background-size: 40px;}
  .edu-philo .con-wrap2 .con2 ul {flex-direction: column;align-items: flex-start;justify-content: flex-start;max-width: 100%;background-image: none;}
  .edu-philo .con-wrap2 .con2 ul::after{display: none;}
  .edu-philo .con-wrap2 .con2 li {display: flex;justify-content: center;margin-bottom: 10px;align-items: center;width: 100%;padding: 20px;border-radius: 12px;line-height: 1.5; height: auto;}
  .edu-philo .con-wrap2 .con2 li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 500px) {
  .edu-philo .con-wrap2 .con1 {margin-bottom: 38px;}
  .edu-philo .con-wrap2 .con1 p {font-size: 22px;}
  .edu-philo .con-wrap2 .con1 strong {font-size: 18px;}
}

/*[E]교육이념 및 인재상*/

/*[S]상징*/

/*교명*/
.symbol-name .introduce-wrap {margin-bottom: 140px;}
.symbol-name .introduce-image {padding: 98px 60px 207px;background: url(../../images/sub/symbol-name-visual1.jpg) no-repeat right center / cover}
.symbol-name .introduce-text h1 {margin-bottom: 12px;line-height: 1.2;font-size: 40px;}
.symbol-name .introduce-text h1 span {font-size: 34px;}
.symbol-name .desc {font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 30px;}
.symbol-name .desc i {display: block;height: 33px;}

@media screen and (max-width: 1024px) {
  .symbol-name .introduce-wrap {margin-bottom: 300px;}
}

@media screen and (max-width:768px) {
  .symbol-name .introduce-wrap {margin-bottom: 190px;}
  .symbol-name .introduce-image {padding-top: 68px;padding-bottom: 157px;}
  .symbol-name .introduce-text h1 {margin-bottom: 6px;font-size: 28px;}
  .symbol-name .introduce-text h1 span {font-size: 22px;}
  .symbol-name .desc {font-size: 16px;}
  .symbol-name .desc i {height: 20px;}
}


/*교가*/
.symbol-song .introduce-wrap {margin-bottom: 210px;}
.symbol-song .introduce-image {background: url(../../images/sub/symbol-song-visual1.jpg) no-repeat right center / cover;padding:  93px 60px 201px;}
.symbol-song .info {display: flex;}
.symbol-song .info .left {border: 1px solid #d6d6d6;}
.symbol-song .info .left img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.symbol-song .info .right {flex: 1;padding-top: 85px;min-width: 480px;}
.symbol-song .info .desc {padding: 58px 50px 40px 110px;}
.symbol-song .info .tit {display: flex;justify-content: space-between;align-items: flex-end;padding: 0 0 20px 110px;border-bottom: 1px solid #aaa;}
.symbol-song .info .tit strong {font-size: 25px;color: #333;font-family: 'HG Bold';}
.symbol-song .info span {display: block;margin-bottom: 14px;font-size: 15px;color: #888;font-family: 'HG Regular';}
.symbol-song .info .txt-wrap {display: flex;align-items: flex-start;margin-bottom: 40px;}
.symbol-song .info .txt-wrap:nth-of-type(2) {margin-bottom: 0;}
.symbol-song .info .txt-wrap strong {margin-right: 40px;font-size: 20px;color: #333;font-family: 'HG Medium';}
.symbol-song .info .txt-wrap p {font-size: 18px;color: #555;font-family: 'HG Regular';}
.symbol-song .info .btn-wrap {margin-top: 26px;}

@media screen and (max-width:1300px) {
  .symbol-song .info .tit {padding: 0 0 20px 60px;}
  .symbol-song .info .desc {padding: 48px 50px 40px 60px;}
}

@media screen and (max-width:1024px) {
  .symbol-song .introduce-wrap {margin-bottom: 320px;} 
  .symbol-song .info {flex-direction: column;}
  .symbol-song .info .right {min-width: auto;}
  .symbol-song .info .tit {padding: 0 0 15px 0;}
  .symbol-song .info .desc {padding: 33px 50px 0 0;}
  .symbol-song .info .tit strong {font-size: 23px;}
  .symbol-song .info .txt-wrap strong {margin-right: 30px;font-size: 19px;}
  .symbol-song .info .txt-wrap p {font-size: 17px;}
}

@media screen and (max-width: 768px) {
  .symbol-song .introduce-wrap {margin-bottom: 225px;}
  .symbol-song .introduce-image {padding: 40px 20px 150px;}
}

@media screen and (max-width:600px) {
  .symbol-song .info .tit strong {font-size: 22px;}
  .symbol-song .info .txt-wrap strong {margin-right: 22px;font-size: 18px;}
  .symbol-song .info .txt-wrap p {font-size: 16px;}
}

/*교수*/
.symbol-tree .introduce-wrap{margin-bottom: 200px;}

@media screen and (max-width: 1200px) {
  .symbol-tree .introduce-wrap{margin-bottom: 285px;}    
}

@media screen and (max-width: 768px) {
  .symbol-tree .introduce-wrap{margin-bottom: 179px;}    
}

/*심볼마크*/

.symbol-mark .mark {display: flex;align-items: flex-start;}
.symbol-mark .mark .left {margin-right: 40px;}
.symbol-mark .mark .left img {width: 100%;}
.symbol-mark .mark .right {flex: 1;min-width: 420px;}
.symbol-mark .mark .right p {transform: translateY(-8px);font-size: 17px;color: #555;font-family: 'HG Regular';line-height: 30px;}
.symbol-mark .mark .right i {display: block;height: 30px;}

.symbol-mark .logo {display: flex;justify-content: space-between;flex-wrap: wrap;}
.symbol-mark .logo li {width: calc((100% / 3) - 40px);}
.symbol-mark .logo li img {width: 100%;}
.symbol-mark .logo .objHeading_h3 {margin-bottom: 12px;}

.symbol-mark .emblem {display: flex;justify-content: space-between;flex-wrap: wrap;}
.symbol-mark .emblem li {width: calc((100% / 3) - 40px);}
.symbol-mark .emblem li img {width: 100%;}
.symbol-mark .emblem .objHeading_h3 {margin-bottom: 12px;}

@media screen and (max-width:1100px) {
  .symbol-mark .mark {flex-direction: column;}
  .symbol-mark .mark .left {width: 100%;margin-bottom: 45px;}
  .symbol-mark .mark .right {min-width: auto;width: 100%;}
  .symbol-mark .logo li {width: calc((100% / 3) - 15px);}
  .symbol-mark .emblem li {width: calc((100% / 3) - 15px);}
}

@media screen and (max-width: 768px) {
  .symbol-mark .mark .left {margin-bottom: 35px;}
  .symbol-mark .mark .right p {font-size: 16px;}
  .symbol-mark .mark .right i {height: 15px;} 
  .symbol-mark .logo {flex-direction: column;}
  .symbol-mark .emblem {flex-direction: column;}
  .symbol-mark .logo li {width: 100%;}
  .symbol-mark .emblem li {width: 100%}
}

/*시그니춰*/

.symbol-signature ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.symbol-signature li {width: calc((100% / 2) - 30px);;margin-bottom: 13px;}
.symbol-signature li img {width: 100%;}
.symbol-signature .objHeading_h3 {margin-bottom: 12px;}

@media screen and (max-width: 1024px) {
  .symbol-signature li {width: calc((100% / 2) - 15px);;margin-bottom: 13px;}
}

@media screen and (max-width: 768px) {
  .symbol-signature li {width: 100%;margin-bottom: 20px;}
}

/*캐릭터*/

.symbol-character ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.symbol-character li {width: calc((100% / 2) - 30px);;margin-bottom: 13px;}
.symbol-character li img {width: 100%;}
.symbol-character .objHeading_h3 {margin-bottom: 12px;}

@media screen and (max-width: 1024px) {
  .symbol-character li {width: calc((100% / 2) - 15px);;margin-bottom: 13px;}
}

@media screen and (max-width: 768px) {
  .symbol-character li {width: 100%;margin-bottom: 20px;}
}

/* 서체 */
.image-border{position: relative;}
.image-border::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #cccccc;}
/* 서체 */

/*[E]상징*/

/*조직도 소개*/
.mCustomScrollbar  #deptView{display: block;}
#deptView{display: none;}
#deptView.active{display: flex; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,.6); align-items:center; justify-content:center;}
#deptView .deptWrap-inner{max-width:1200px; width:100%; }
#deptView .dept-more-wrap{max-width: 1200px; margin: 0 20px; overflow: auto;}
.dept-more-wrap{background: white; padding: 0 30px 40px;}
.dept-more-header{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #d6d6d6; align-items: center; padding: 20px 0;}
.dept-more-header h1{color: #333333; font-size: 24px; font-family: "SBA Medium"; line-height: 40px; position: relative; top: 3px;}
.dept-more-header .dept-more-close{font-size: 0; width: 40px; height: 40px; border-radius: 50%; background: #464646 url(../images/dept_close.png) no-repeat center center;}
.dept-more-content{margin-top: 29px; max-height: 690px; overflow-y: auto; overflow-x: hidden;}
.dept-more-content .dept-more-introduce{background: #f7f7f7 url(../images/dept_background.png) no-repeat right -50px top -7px; padding: 20px 25px;}
.dept-more-content .dept-more-introduce p{font-size: 16px; line-height: 26px; color: #555555;}
.dept-more-content .dept-more-info{margin: 30px 0 27px;}
.dept-more-content .dept-more-info{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; flex-direction: column; gap: 15px;}
.dept-more-content .dept-more-info ul,
.dept-more-content .dept-more-info li{display: flex; flex-wrap: wrap; align-items: start;}
.dept-more-content .dept-more-info li{margin-right: 50px;}
.dept-more-content .dept-more-info li:last-child{margin-right: 0;}
.dept-more-content .dept-more-info h2{font-size: 15px; font-family: "HG Medium"; color: #000000; padding-left: 40px; line-height: 30px; position: relative; padding-right: 14px; margin-right: 15px;}
.dept-more-content .dept-more-info h2::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 9px; background-color: #cccccc;}
.dept-more-content .dept-more-info li:nth-child(1) h2::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #e8f4fd url(../images/dept_map.png) no-repeat center center; border-radius: 50%;}
.dept-more-content .dept-more-info li:nth-child(2) h2::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #e8f4fd url(../images/dept_fax.png) no-repeat center center; border-radius: 50%;}
.dept-more-content .dept-more-info p{font-size: 15px; color: #555555; margin-top: 4px;}
.dept-more-content .dept-more-table .con-table{border-top: 0;}
.dept-more-content .dept-more-table .con-table table{border-top: 2px solid #000000;}
.dept-more-content .dept-more-table .con-table thead th{font-size: 16px;}
.dept-more-content .col-level{width: 15%;}
.dept-more-content .col-work{width: auto}
.dept-more-content .col-phone{width: 15%;}
.dept-more-content .col-mail{width: 20%;}

.dept-more-table .custom-link-box{margin:0 0 30px 0;}
.dept-more-table .con-table tbody td{background-color: transparent;}

@media screen and (max-width: 1040px) {
  #deptView .dept-more-wrap{padding: 0 20px 30px;} /* max-width:760px; */
  .dept-more-header{padding: 10px 0;}
  .dept-more-header h1{font-size: 20px;}
  .dept-more-content{margin-top: 20px;}
}

@media screen and (max-width: 768px) {
  /* #deptView .dept-more-wrap{max-width: 480px;} */
  .user-service-wrap{top: 300px;}
  .bannerzone .user-service-wrap{top: 390px;}
  .user-service-wrap.top{top: calc(100% - 24%)}
  .dept-more-content .dept-more-introduce{padding: 10px 15px;}
  .dept-more-content .dept-more-introduce p{font-size: 14px; line-height: 20px;}
  .dept-more-content .dept-more-info ul{flex-direction: column;}
  .dept-more-content .dept-more-info li{margin-right: 0; margin-bottom: 10px;}
  .dept-more-content .dept-more-info li:last-child{margin-bottom: 0;}
  .dept-more-table .custom-link-box,
  .dept-more-content .dept-more-table .con-table table{width: 1000px;}
}

/* 법인소개 */
.image-inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.image-inner .image-boxs{border: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; width: 45%; height: 240px; padding: 0 20px;}
.image-inner > p{width: 55%; padding-left: 50px;}

.sanha-link-box ul{display: flex; flex-wrap: wrap; margin: -30px -20px 0;}
.sanha-link-box li{width: 25%; padding: 0 20px; margin-top: 30px;}
.sanha-link-box .sanha-link{display: flex; flex-wrap: wrap; align-items: center;}
.sanha-link-box .sanha-link-image{width: calc(100% - 40px)}
.sanha-link-box .sanha-page{width: 40px; height: 40px; border-radius: 3px; width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(/sites/guide/images/guide/home_icon.png); text-indent: -9999px;}
.sanha-link-box .sanha-page:hover{background-color: #0066b5;}

@media screen and (max-width: 1200px) {
  .sanha-link-box ul{margin: -15px -10px 0;}
  .sanha-link-box li{width: 50%; padding: 0 10px; margin-top: 15px;}
}

@media screen and (max-width: 768px) {
  .sanha-link-box li{width: 100%;}
  .image-inner .image-boxs{height: auto; padding: 50px 20px; width: 100%;}
  .image-inner > p{width: 100%; padding-left: 0; margin-top: 20px;}
}