@charset "utf-8";

.view-con h3 strong{font-weight: 800; color: #000; line-height: 2;}
.view-con h2{font-weight: 800 !important; color: #000 !important; line-height: 2 !important;}
.view-con h3{font-weight: 800 !important; color: #000 !important; line-height: 2 !important;}
.view-con h4{font-weight: 800 !important; color: #000 !important; line-height: 2 !important;}
.view-con b{font-weight: 800 !important; color: #000 !important; line-height: 2 !important;}

.view-con h1 {
    line-height: 1.5;
    padding: 6px;
    background: rgb(20, 44, 70);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18pt;
    font-family: HUFS !important;}

/*게시판테이블추가20250320 - 지원하기 버튼 css*/
.view-con a.bluebox {background: rgb(32, 75, 135); padding: 25px 0px; width: 60%; text-align: center; color: rgb(210, 180, 140); display: block;margin:0 auto;font-size: 14pt;font-family: HUFS;text-decoration:underline;border-radius:15px;}

/*게시판 링크 css*/
.view-con a:link.blue {text-decoration:underline !important; color:: rgb(0, 0, 255) !important;}

/*게시판테이블추가20231228*/
.view-con table.con-table {border-left:1px solid #d7dee3 !important;}
.view-con table.con-table tr:first-child{border-top:1px solid #000 !important;}



/*학생홍보대사*/
.location-list > ul > li.ico4 {background: url('https://www.hufs.ac.kr/sites/guide/images/guide/ico-hana4.png') no-repeat left 11px;}
.location-list > ul > li.ico5 {background: url('https://www.hufs.ac.kr/sites/guide/images/guide/ico-hana5.png') no-repeat left 11px;}

/*학생홍보대사 탭*/
.hanapart-tab {font-size: 0; margin-top: 25px; margin-bottom:38px; background:#313133 url('../../images/guide/bg-para-banner2.png') no-repeat right -35px center;}
.hanapart-tab .mobile-tab {display: none;}
.hanapart-tab ul {position: relative; display: inline-block; width: 100%; padding:25px 30px;}
.hanapart-tab ul::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}
.hanapart-tab ul > li {position: relative; float: left;}
.hanapart-tab ul > li > a {position: relative; display: block; padding:10px 20px; font-size: 20px; font-family: 'Noto Regular'; letter-spacing: -0.5px; color: #fff; z-index: 3;}

.hanapart-tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: -1px; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 8px; background:  url('../../images/guide/tab-link-blank-grey.png') no-repeat center; }
.hanapart-tab ul > li._active > a,
.hanapart-tab ul > li:hover > a {color: #fff; background:#E63B53;}
.hanapart-tab ul > li._active > a[target=_blank]::after ,
.hanapart-tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank.png');}

@media all and (max-width:860px) {
  .hanapart-tab {margin-bottom: 20px;}
  .hanapart-tab ul {overflow: hidden; position: absolute; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; border: 1px solid #fff; background: #313133; transition: all 0.5s ease; padding:0;}
  .hanapart-tab ul.on {z-index: 10; max-height: 600px; padding: 10px 0; border: 1px solid #E63B53;}
  .hanapart-tab ul > li {display: block; width: 100% !important; padding: 0; border: 0}
  .hanapart-tab ul li a {display: block; height: auto; padding: 13px 40px; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal;}
  .hanapart-tab ul li a:hover {border-bottom: 0}
  .hanapart-tab ul li a:after {display: none;}
  .hanapart-tab ul li a[target=_blank]  {background-position: 97% center !important;}
  .hanapart-tab ul li a span {display: block; padding: 0 20px;}
  .hanapart-tab ul li a span:before {bottom: -11px;}
  .hanapart-tab ul li:after {display: none;}

  .hanapart-tab .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 5px; padding: 13px 30px; text-align: center; font-family: 'Noto Regular'; font-size: 16px;}
  .hanapart-tab .mobile-tab {background: #313133 url('../../images/guide/depart-tab-arrow2.png') no-repeat right center; border: 1px solid #E63B53; color: #fff;}
  .hanapart-tab .mobile-tab.on {background: #313133 url('../../images/guide/depart-tab-arrow.png') no-repeat right center;}
  .hanapart-tab .mobile-tab::before {content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 8px; background: #E63B53; border-radius: 100%;}
  .hanapart-tab .mobile-tab::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 8px; background: #E63B53; border-radius: 100%;}
  .hanapart-tab ul > li > a {padding: 2px 20px; border: 0; font-family: 'Noto Light'; font-size: 16px; text-align: center;}

  .hanapart-tab ul > li._active > a,
  .hanapart-tab ul > li:hover > a { font-size: 16px; color: #fff;}
  .hanapart-tab ul > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
}



/* 총장인사말 */
.greeting-wrap {position:relative;}
.greeting-wrap .greeting-slogan::after {content:''; display:block; clear:both;}
.greeting-wrap .greeting-slogan > strong {float:left; font-size:70px; line-height: 1.3; letter-spacing: -.05em; font-family:'Noto Bold'; color:#121212; margin-top:35px;}
.greeting-wrap .greeting-slogan > strong i {display:block;}
.greeting-wrap .img-box {float:right; font-size:0;}

.greeting-wrap .txt-box {margin-top:-132px;}
.greeting-wrap .greeting-title {position:relative; padding:58px 0;}
.greeting-wrap .greeting-title::after {content:''; width:72.71%; height:1px; background:#002D56; position: absolute; top:0; left:0;}

.greeting-wrap .greeting-title strong {font-size:40px; line-height:1.5; letter-spacing: -.05em; color:#002D56; font-family:'Noto Bold';}
.greeting-wrap .txt-box p {font-size:18px; line-height:1.7; color:#666; letter-spacing: -.05em; font-family:'Noto Regular';}
.greeting-wrap .txt-box p i {display:block; margin:28px 0;}

.greeting-wrap .sign {margin-top:65px;}
.greeting-wrap .sign > * {display:inline-block; vertical-align: middle;}
.greeting-wrap .sign strong {font-size:18px; line-height:1.7;  letter-spacing: -.05em; color:#333;}
.greeting-wrap .sign strong span {font-size:24px; line-height:1.2; letter-spacing: -.05em; color:#002D56; margin-left:10px;}
.greeting-wrap .sign img {margin-left:20px;}

@media all and (max-width:1400px) {
  .greeting-wrap .greeting-title strong {font-size:30px;}
}

@media all and (max-width:1200px) {
  .greeting-wrap .greeting-slogan > strong {font-size:55px;}
  .greeting-wrap .img-box {text-align:right; width:35%}
  .greeting-wrap .txt-box {margin-top:-50px;}
}

@media all and (max-width:1023px) {
  .greeting-wrap .img-box {float:none; text-align: center; width: auto;}
  .greeting-wrap .txt-box {margin-top:30px;}
  .greeting-wrap .greeting-slogan > strong {font-size:35px; display: block; text-align: left; float: none;}
  .greeting-wrap .greeting-slogan > strong i {display:inline-block;}
  .greeting-wrap .greeting-title {padding:30px 0;}
  .greeting-wrap .greeting-title::after {width: 100%;}
}

@media all and (max-width:768px) {
  .greeting-wrap .greeting-slogan > strong {font-size:30px;}
  .greeting-wrap .greeting-title strong {font-size:25px;}
  .greeting-wrap .txt-box p {font-size:16px;}
}

@media all and (max-width:600px) {
  .greeting-wrap .greeting-slogan > strong {font-size:26px;}
  .greeting-wrap .greeting-title strong {font-size:22px;}
  .greeting-wrap .sign strong {font-size:16px;}
  .greeting-wrap .sign strong span {font-size:18px;}
  .greeting-wrap .sign img {width:130px}
}

/* 총장약력 */
.briefing-wrap .briefing-box::after{content: ''; display: block; clear: both;}
.briefing-wrap .briefing-img-box{float: left; width: 420px;}
.briefing-wrap .briefing-text-wrap{float: right; width: calc(100% - 420px); padding-left: 80px;}

.briefing-wrap .briefing-title-box{padding: 57px 0; position: relative; margin-bottom: 14px;}
.briefing-wrap .briefing-title-box::after{content: ''; width: 115.6%; height: 1px; background: #002D56; position: absolute; bottom: 0; right: 0%;}

.briefing-wrap .briefing-title-box > span{display: block; font-size: 30px; line-height: 1.5; letter-spacing: -.05em; font-family: "Noto Medium"; color: #666666;}
.briefing-wrap .briefing-title-box > p{font-size: 70px; line-height: 1.5; letter-spacing: -.05em; font-family: "Noto Bold"; color: #121212; display: inline-block; padding-right: 20px;}
.briefing-wrap .briefing-title-box .p-bold{font-family: 'Noto Bold'; font-size: 40px;display: inline-block;}

.briefing-wrap .briefing-list > p{font-size: 34px; line-height: 1.5; letter-spacing: -.05em; font-family: "Noto Bold"; color: #008395; padding-bottom: 24px;}
.briefing-wrap .briefing-list li > span{font-size: 20px; line-height: 1.5; letter-spacing: -.05em; font-family: "Noto Bold"; color: #121212;}
.briefing-wrap .briefing-list li{margin-bottom: 10px;}
.briefing-wrap .briefing-list li:last-child{margin-bottom: 0}
.briefing-wrap .briefing-list li > p{font-size: 20px; line-height: 1.5; letter-spacing: -.05em; font-family: "Noto Regular"; color: #666666;}
.briefing-wrap .briefing-list{padding-top: 47px;}
.briefing-wrap ul > li::after{content: ""; display: block; clear: both;}
.briefing-wrap ul > li span{width: 128px; float: left;}
.briefing-wrap ul > li p{float: left; width: calc(100% - 128px);}
.briefing-wrap .books-list p{width: 100%;}

@media all and (max-width:1260px){
  .briefing-wrap .briefing-img-box{width: 380px;}
  .briefing-wrap .briefing-text-wrap {width: calc(100% - 380px); padding-left: 60px;}
}

@media all and (max-width:1024px){
  .briefing-wrap .briefing-img-box{float: none; margin: 0 auto;}
  .briefing-wrap .briefing-text-wrap {float: none; width: 100%; padding-left: 0px;}
  .briefing-wrap .briefing-list > p{font-size: 26px; }
  .briefing-wrap .briefing-title-box{padding: 57px 0 45px 0; }
  .briefing-wrap .briefing-title-box > span{font-size: 25px;}
  .briefing-wrap .briefing-title-box > p{font-size: 60px;}
  .briefing-wrap .briefing-title-box .p-bold{font-size: 30px;}
  .briefing-wrap ul > li span{width: 110px; float: left;}
  .briefing-wrap .briefing-list li > p{font-size: 16px; }
  .briefing-wrap .briefing-list li > span{font-size: 16px; }
  .briefing-wrap .briefing-title-box::after{width: 100%;}
}

/* 역대총장 */
.president-wrap .text-box{padding: 0 10px;}
.president-wrap .text-box p{font-size: 16px; font-family: "Noto Regular";  line-height: 1.5; letter-spacing: -.05em;}
.president-wrap .text-box .title{ color: #008395; padding-top: 20px;}
.president-wrap .text-box .name{font-size: 30px; font-family: "Noto Medium"; color: #333333; font-weight: 700; line-height: 1.4;}
.president-wrap .text-box .date{color: #999999; margin-top: 5px;}
.president-wrap ul{display:flex; flex-wrap: wrap; justify-content:space-between; margin: 0 -12.5px;}
.president-wrap li{width: 20%; padding: 0 12.5px; margin-bottom: 25px;}
.president-wrap .pic-list{text-align: center; border: 1px solid #D4D4D4; height: 100%;padding:30px 0 24px 0;}

@media all and (max-width:1130px){
  .president-wrap li{width: 25%; }
}

@media all and (max-width:950px){
  .president-wrap li{width: 33.333%; }
}

@media all and (max-width:768px){
  .president-wrap li{width: 50%; }
}

@media all and (max-width:550px){
  .president-wrap li{width: 100%; }
}

/* 역대 이사장 */
.directors-wrap .text-box{padding: 0 10px;}
.directors-wrap .text-box p{font-size: 16px; font-family: "Noto Regular";  line-height: 1.5; letter-spacing: -.05em;}
.directors-wrap .text-box .title{ color: #008395; padding-top: 20px;}
.directors-wrap .text-box .name{font-size: 30px; font-family: "Noto Medium"; color: #333333;  line-height: 1.4;}
.directors-wrap .text-box .date{color: #999999; margin-top: 5px;}
.directors-wrap ul{display:flex; flex-wrap: wrap;  margin: 0 -12.5px;}
.directors-wrap li{width: 20%; padding: 0 12.5px; margin-bottom: 25px;}
.directors-wrap .pic-list{text-align: center; border: 1px solid #D4D4D4; height: 100%;padding:30px 0 24px 0;}

@media all and (max-width:1130px){
  .directors-wrap li{width: 25%; }
}

@media all and (max-width:950px){
  .directors-wrap li{width: 33.333%; }
}

@media all and (max-width:768px){
  .directors-wrap li{width: 50%; }
}

@media all and (max-width:550px){
  .directors-wrap li{width: 100%; }
}


/* 교훈 및 창학정신 */
.spirit-wrap{margin-top: 50px; padding-bottom: 100px;}
.spirit-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.spirit-wrap .spirit-box{display: flex;}
.spirit-wrap .spirit-title{ width: 420px; padding-top: 120px;}
.spirit-wrap .spirit-title > p{font-size: 50px; font-family:"Noto Bold" ; color: #333333; line-height: 1.5; letter-spacing: -.05em; position: relative; display: inline-block;}
.spirit-wrap .spirit-title > p::before{content: ''; width: 13px; height: 13px; border-radius: 50px; background: #E63B53; position: absolute; top:6px; right: -20px;}
.spirit-wrap .spirit-title > span{font-size: 40px; font-family:"Noto Light" ; color: #333333; line-height: 1.5; letter-spacing: -.05em;}
.spirit-wrap .round-wrap{width: calc(100% - 420px);}
.spirit-wrap .round-list{display: flex; position: relative;}
.spirit-wrap .round-box{margin-left:-20px; flex:1}
.spirit-wrap .round-box:first-child{margin-left: 0;}
.spirit-wrap .round-box-inner{ text-align: center; max-height:340px; height:100%; border-radius: 50%; position: relative; }
.spirit-wrap .round-box-inner::after {content:''; width:100%; height:0; padding:50% 0; position: absolute; top:0; left:0; border-radius:50%;}
.spirit-wrap .bg01::after{background: #1F476B; opacity: 0.9;}
.spirit-wrap .bg02::after{background: #ac875b;; opacity: 1;}
.spirit-wrap .bg03::after{background: #127e8d; opacity: 1;} 
.spirit-wrap .round-box-title{padding-top: 50px;}
.spirit-wrap .round-box-inner > p{font-size: 18px; font-family:"Noto Regular" ; color: #fff; line-height: 1.4; letter-spacing: -.05em; padding: 10px 25px 0px; position: relative; z-index: 2;}
.spirit-wrap .round-box-title > p{font-size: 40px; font-family:"Noto Bold" ; color: #fff; line-height: 1.4; letter-spacing: -.05em; padding-bottom: 25px; position: relative; z-index: 2;}
.spirit-wrap .round-box-title .sm-font{display: block; font-size: 26px; font-family:"Noto Medium" ;}
.spirit-wrap .round-box-title > p::before{content: ''; width: 40px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -20px;}
.spirit-wrap .round-box-under{margin: 22px;}
.spirit-wrap .round-box-under p{font-size: 18px; font-family:"Noto Light" ; color: #333333; line-height: 1.5; letter-spacing: -.05em; text-align: center;}
.spirit-img-wrap {margin: 60px 0 50px 0;}

@media all and (max-width:1360px){
  .spirit-wrap .round-box-title{padding-top: 30px;}
  .spirit-wrap .round-box-inner > p{padding-top: 18px;}
  .spirit-wrap .round-box-under{margin-top: 0;}

}

@media all and (max-width:1300px){
  .spirit-wrap .spirit-box{display: block;}
  .spirit-wrap .spirit-title{width: 100%; padding-top: 0;}
  .spirit-wrap .round-wrap{margin:30px auto;}
  .spirit-wrap .round-wrap{width: calc(100% - 280px);}
  .spirit-wrap .round-box-under{margin-top: 30px;}
  .spirit-wrap .spirit-title > p{margin-right: 20px; font-size: 45px;}
  .spirit-wrap .spirit-title > span{font-size: 35px; }
}

@media all and (max-width:1200px){
  .spirit-wrap {padding-bottom: 0;}
  .spirit-wrap .spirit-title > p{font-size: 40px; }
  .spirit-wrap .spirit-title > span{font-size: 30px; }
  .spirit-wrap .round-wrap{margin:30px 0 0 0; width: 100%;}
  .spirit-wrap .round-list{display: block;}
  .spirit-wrap .round-box{display: flex; align-items: center; padding: 25px 30px 30px 30px; width: 100%;  margin-left: 0; margin-bottom: 15px;}
  .spirit-wrap .border-01{border: 8px solid #1F476B;}
  .spirit-wrap .border-02{border: 8px solid #B2916C;}
  .spirit-wrap .border-03{border: 8px solid #339CAA;}
  .spirit-wrap .round-box-under .br{display: none;}
  .spirit-wrap .round-box-title{padding-top: 0;}
  .spirit-wrap .round-box-inner{width: 300px; border-right:1px solid #d1d1d1; border-radius: 0;}
  .spirit-wrap .round-box-inner > p{padding-top: 0;}
  .spirit-wrap .round-box-inner .color01{color: #1F476B; }
  .spirit-wrap .round-box-inner .color02{color: #B2916C; }
  .spirit-wrap .round-box-inner .color03{color: #339CAA; }
  .spirit-wrap .round-box-title > p {padding-bottom: 5px;}
  .spirit-wrap .round-box-title > p::before{display: none;}
  .spirit-wrap .round-box-inner::after {display: none;}
  .spirit-wrap .round-box-under{margin-top: 0; width: calc(100% - 300px); padding-left: 30px;}
  .spirit-wrap .round-box-under p{text-align: left;}

}

@media all and (max-width:768px){
  .spirit-wrap {margin-top: 30px;}
  .spirit-wrap .round-box-title > p{font-size: 35px;}
  .spirit-wrap .round-box-title .sm-font{font-size: 21px;;}
  .spirit-wrap .round-box-inner > p{font-size: 16px;}
  .spirit-wrap .round-box-under p{font-size: 16px;}
  .spirit-img-wrap {margin: 30px 0 0 0;}
}

@media all and (max-width:600px){
  .spirit-wrap .round-box{display: block;}
  .spirit-wrap .round-box-inner{width: 100%; border-right: 0;}
  .spirit-wrap .round-box-under{margin-top: 0; width: 100%; padding-left: 0; margin-top: 20px; }
  .spirit-wrap .round-box-under p{text-align: center;}
  .spirit-wrap .round-list .br{display: none;}
}

/* border-line css */

.border-line{padding-bottom: 150px; border-bottom: 1px solid #002D56;}

/* 교육이념 체계도 */

.edu-system-wrap {margin-top: 50px;}
.edu-system-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.edu-system-wrap .edu-box{padding-top: 24px; padding-bottom: 37px; position: relative;}
.edu-system-wrap .edu-box::after{content: ""; background: url(../../images/sub/edu-arrow.png) no-repeat right center; position: absolute; top: 30px; right: 0; width: 16px; height: 50px;}
.edu-system-wrap li:nth-child(4) .edu-box::after{background: none;}
.edu-system-wrap .edu-box::before{content: ''; width: 49px; height: 1px; background: #333333; position: absolute; bottom: 0; left: 0;}
.edu-system-wrap .edu-text-box{margin-top: 33px; padding-right: 70px;}
.edu-system-wrap .edu-box > p{font-size: 26px; font-family: "Noto Medium"; color: #333333; line-height: 1.3; letter-spacing: -.05em;}
.edu-system-wrap .edu-box > span{font-size: 16px; font-family: "Noto Light"; color: #0b3274; line-height: 1.5; letter-spacing: -.05em;}
.edu-system-wrap .edu-text-box > p{font-size: 18px; font-family: "Noto Light"; color: #333333; line-height: 1.7; letter-spacing: -.05em; word-break: keep-all;}
.edu-system-wrap ul{display: flex; justify-content: space-between;}
.edu-system-wrap li{width: 21.8%; margin-right: 50px;}
.edu-system-wrap li:last-child{margin-right: 0;}

@media all and (max-width:1200px){
  .edu-system-wrap .edu-text-box{padding-right: 40px;}
}

@media all and (max-width:1100px){
  .edu-system-wrap ul{display: block;}
  .edu-system-wrap li{width: 100%; padding-bottom: 60px; position: relative;}
  .edu-system-wrap li::before{content: ''; background: url(../../images/sub/edu-arrow.png)no-repeat bottom center; transform: rotate(90deg); width: 16px; height: 50px; position: absolute; bottom: 0; left: 50%; margin-left: -8px;}
  .edu-system-wrap li:last-child {padding-bottom: 0;}
  .edu-system-wrap li:last-child::before{background: none;}
  .edu-system-wrap .inner{border: 1px solid #333333; padding: 20px; }
  .edu-system-wrap .edu-box{padding-top: 14px; padding-bottom: 20px; position: relative;}
  .edu-system-wrap .edu-box::after{background: none;}
  .edu-system-wrap .edu-text-box{margin-top: 15px;}

}

@media all and (max-width:768px){
  .edu-system-wrap .edu-box > p {font-size: 22px;}
  .edu-system-wrap .edu-box > p br {display: none;}
  .edu-system-wrap .edu-text-box > p{font-size: 16px;}
}

/* 교육목적 문장 */
.edu-purpose-text {padding-left: 20px;}
.edu-purpose-text .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.edu-purpose-text strong{font-size: 22px; font-family: "Noto Medium"; color: #002d56; line-height: 1.5; letter-spacing: -.05em; font-weight: normal;}
.edu-purpose-text p {margin-top: 30px; font-family: 'Noto Regular'; font-size: 18px; color: #666;}

/* 교육목적*/
.edu-purpose-wrap {margin-top: 54px;}
.edu-purpose-wrap .moblie{display: none;}
.edu-purpose-wrap .container{max-width: 1140px; width: 100%; margin: 50px auto;}
.edu-purpose-wrap .edu-content01-wrap{padding-bottom: 50px;}
.edu-purpose-wrap .edu-content01{ position: relative; padding-bottom: 40px;}
.edu-purpose-wrap .edu-content01::before{content: ''; background: url(../../images/sub/bg-shape.png) repeat-x; width: 72%; position: absolute; bottom: 0; left: 50%; margin-left: -36%; height: 1px;}
.edu-purpose-wrap .edu-content01::after{content: ''; background: url(../../images/sub/bg-hei-shape.png) repeat-y; position: absolute; left: 50%; width: 1px; height: 88px; margin-left: -0.5px;  z-index: -1;}
.edu-purpose-wrap .edu-content01 ul{display: flex; position: relative; justify-content: space-between;}
.edu-purpose-wrap .edu-content01 li{width: 28.1%; position: relative;}
.edu-purpose-wrap .edu-content01 li::before{content: ''; background: url(../../images/sub/bg-hei-shape.png) repeat-y; width: 1px; height: 43px; position: absolute; bottom: -40px; left: 50%;} 
.edu-purpose-wrap .edu-content01 li:nth-child(2)::before{content: none;}
.edu-purpose-wrap .edu-content01 li > p{font-size: 22px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #fff; height: 200px; border-radius: 50%; background: #002D56; display: flex; justify-content: center; align-items: center; position: relative; width: 200px; margin: 0 auto;}
.edu-purpose-wrap .edu-content01 li > p::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; bottom: -5px; left: 50%; margin-left: -5px;}
.edu-purpose-wrap .title-box >p{font-size: 22px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #333333;margin-bottom: 4px; }
.edu-purpose-wrap .title-box >span{display: block; font-size: 36px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; color: #a78258; padding-bottom: 42px; position: relative;}
.edu-purpose-wrap .title-box >span::before{content: ''; width: 50px; height: 1px; background: #333333; position: absolute; bottom: 0; left: 50%; margin-left: -25px;}
.edu-purpose-wrap .text-box >p{font-size: 24px; font-family: "Noto Regular"; line-height: 1.3; letter-spacing: -.05em; color: #333333; padding-top: 34px;}
.edu-purpose-wrap .edu-content02 ul{display: flex; justify-content: space-between; position: relative;}
.edu-purpose-wrap .edu-content02 ul::before{content: ''; background: url(../../images/sub/bg-shape.png) repeat-x; width: 72%;height: 1px; position: absolute; top: 0; left: 50%; margin-left: -36%;}  
.edu-purpose-wrap .edu-content02 li{flex-basis: 28.1%; text-align: center; position: relative; padding-top: 40px;}
.edu-purpose-wrap .list-wrap{border: 1px solid #999999;position: relative; min-height: 306px;}
.edu-purpose-wrap .title-box{padding-top: 30px;}
.edu-purpose-wrap .edu-content02 li::after{content: ''; background: url(../../images/sub/bg-hei-shape.png) repeat-y; width: 1px; height: 40px; position: absolute; top: 0;} 
.edu-purpose-wrap .list-wrap::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; top: -5px; left: 50%; margin-left: -5px; z-index: 1;}
.edu-purpose-wrap .edu-content03 {position:relative; padding-top: 40px;}
.edu-purpose-wrap .edu-content03::before{content: ''; background: url(../../images/sub/bg-hei-shape.png) repeat-y; width: 1px; height: 75px; position: absolute; top: 0; left: 50%;}
.edu-purpose-wrap .edu-content03 > ul {display: flex; justify-content: space-between;  position: relative;}
.edu-purpose-wrap .edu-content03 > ul::before{content: ''; width: 72%; background: url(../../images/sub/bg-shape.png) repeat-x; position: absolute; top: 0; left: 50%; margin-left: -36%; height: 1px;}
.edu-purpose-wrap .edu-content03 > ul > li {flex-basis: 28.1%;position: relative;padding-top: 35px;}
.edu-purpose-wrap .edu-content03 > ul > li::before{content: ''; width: 1px; height: 35px; background: url(../../images/sub/bg-hei-shape.png) repeat-y; position: absolute; top: 0; left: 50%;}
.edu-purpose-wrap .con-list-wrap{border:1px solid #DADADA;}
.edu-purpose-wrap .edu-content03 > ul > li:nth-child(2)::before{content:none;}
.edu-purpose-wrap .edu-content03 .title {background:#008395; color:#fff; text-align:center; font-size:20px; font-family:'Noto Bold'; padding:15px 0; }
.edu-purpose-wrap .con-list-wrap > ul{padding: 12px 20px;}
.edu-purpose-wrap .edu-content03 .con-list-wrap > ul > li {font-size:18px; line-height:1.6; letter-spacing:-.05em; font-family:'Noto Light'; color:#333; position:relative; padding-left:10px; }
.edu-purpose-wrap .edu-content03 .con-list-wrap > ul > li::after{content:''; width:3px; height:3px; background:#002D56; position:absolute; left:0; top:13px;}

@media all and (max-width:1024px){
  .edu-purpose-wrap .title-box >p{font-size: 18px; }
  .edu-purpose-wrap .title-box >span{font-size: 30px; }
  .edu-purpose-wrap .text-box >p{font-size: 20px;}
  .edu-purpose-wrap .list-wrap{min-height: 280px;}
}

@media all and (max-width:900px){
  .edu-purpose-wrap .edu-content03 > ul > li {flex-basis: 31%;}
  .edu-purpose-wrap .edu-content03 > ul::before{content: ''; width: 68.7%; }
  .edu-purpose-wrap .edu-content03 .title {font-size:18px;}
  .edu-purpose-wrap .edu-content03 > ul > li > ul > li {font-size:16px;}
  .edu-purpose-wrap .edu-content03 > ul::before{content: ''; margin-left: -34%; }
}

@media all and (max-width:768px){
  .edu-purpose-wrap .web{display: none;}
  .edu-purpose-wrap .moblie{display: block;}
  .edu-purpose-wrap .edu-content02 li{flex-basis: 31%;}
  .edu-purpose-wrap .title-box >p{font-size: 16px; }
  .edu-purpose-wrap .title-box >span{font-size: 28px; }
  .edu-purpose-wrap .text-box >p{font-size: 18px;}
  .edu-purpose-wrap .list-wrap{min-height: 250px;}
  .edu-purpose-wrap .moblie .edu-content01-wrap{padding-bottom: 0;}
  .edu-purpose-wrap .moblie .edu-content01 ul{display: block; }
  .edu-purpose-wrap .moblie .edu-content01 li{width: 100%; padding-bottom: 20px;}
  .edu-purpose-wrap .moblie .edu-content01 li:last-child{padding-bottom: 0;}
  .edu-purpose-wrap .moblie .edu-content01 li > p{border-radius: 0; height: 60px; width: 100%; font-size: 20px;}
  .edu-purpose-wrap .moblie .edu-content01 ul::before{content: none;} 
  .edu-purpose-wrap .moblie .edu-content01::before{content: none;}
  .edu-purpose-wrap .moblie .edu-content01::after {height: 35px;}
  .edu-purpose-wrap .moblie .edu-content01 li::before{content: ''; height: 30px;bottom: 0px;}
  .edu-purpose-wrap .moblie .edu-content01 li:nth-child(2)::before{height: 30px; bottom: 0;}
  .edu-purpose-wrap .moblie .title-box >span{font-size: 26px;padding-bottom: 20px; }
  .edu-purpose-wrap .moblie .text-box >p{font-size: 16px; padding-top: 20px;}
  .edu-purpose-wrap .moblie .edu-content02 ul{display: block;}
  .edu-purpose-wrap .moblie .edu-content02 ul::before{content: none; } 
  .edu-purpose-wrap .moblie .edu-content02 li:nth-child(1)::after{content: none; }
  .edu-purpose-wrap .moblie .edu-content02 li:nth-child(1){padding-top: 0;}
  .edu-purpose-wrap .moblie .list-wrap{ min-height: auto; padding: 20px;}
  .edu-purpose-wrap .moblie .title-box {padding-top: 0;}
  .edu-purpose-wrap .moblie .edu-content03{padding-top: 0;}
  .edu-purpose-wrap .moblie .edu-content03 .title {font-size:16px;}
  .edu-purpose-wrap .moblie .edu-content03 .con-list-wrap > ul > li {font-size:16px;}
  .edu-purpose-wrap .moblie .edu-content03 > ul {display: block;}
  .edu-purpose-wrap .moblie .edu-content03 > ul > li {width: 100%;}
  .edu-purpose-wrap .moblie .edu-content03 > ul > li:nth-child(2)::before{content:'';}
  .edu-purpose-wrap .moblie .edu-content03 > ul::before{content: none;}
  .edu-purpose-wrap .moblie .edu-content03::before{content: none;}
}

/* 외대 비전 */
.vision-wrap {position: relative; overflow: hidden;}
.vision-wrap .vision-slogan {background:url('../../images/sub/vision_bg.jpg') no-repeat center / cover; text-align: center; padding:203px 0 132px 0;}
.vision-wrap .slogan-title{position:relative;}
.vision-wrap .slogan-title::after {content:''; width:1px; height:40px; background:#000; position: absolute; bottom:0; left:50%; margin-left:-1px;}
.vision-wrap .slogan-title p{font-size:20px; line-height:1.25; color:#121212; font-family:'Mont SemiBold'; text-transform:uppercase; letter-spacing: 0;}
.vision-wrap .slogan-title h1 {font-size:60px; letter-spacing: .1em; color:#A78258; font-family:'Mont Bold'; padding-bottom:55px; margin-bottom:34px;}
.vision-wrap .slogan-txt strong {font-size:40px; line-height:1.2; letter-spacing: -.05em; color:#002D56; font-family:'Noto Bold'; margin-bottom:20px; display: inline-block;}
.vision-wrap .slogan-txt p {font-size:20px; line-height:1.5; letter-spacing: -.05em; color:#333; font-family:'Noto Light';}
.vision-wrap .slogan-txt p i {display: block;}
/* slogan end */
.vision-wrap .inner {max-width:1400px; width:100%; margin:0 auto;}
.vision-wrap .con {text-align: center; margin-top: 60px;}
.vision-wrap .con > strong {font-size:40px; line-height:1.4; letter-spacing: -.05em; color:#333; font-family:'Noto Bold'; margin-bottom:30px; display:inline-block; position: relative;}
.vision-wrap .con > strong::after {content:''; width:13px; height:13px; background:#E63B53; border-radius:50%; position: absolute; top:5px; right:-25px;}
.vision-wrap .con > ul {display: flex; justify-content: space-between; }
.vision-wrap .con .item-box.color-box1 {border:1px solid #002D56; color:#002D56;}
.vision-wrap .con .item-box.color-box2 {border:1px solid #A78258; color:#A78258;}
.vision-wrap .con .item-box.color-box3 {border:1px solid #008395; color:#008395;}
.vision-wrap .con .item-box {flex-basis: 420px;}
.vision-wrap .con .item-box .item-title {padding:20px 0;}
/* con1 */
.vision-wrap .circle {width:300px; height:300px; border:20px solid #474747; border-radius:50%; margin:0 auto; display:flex; align-items: center; justify-content:center; background:url('../../images/sub/vision_logo.png') no-repeat center;}
.vision-wrap .circle p {font-size:35px; line-height:1.5; letter-spacing: -.05em; color:#222; font-family:'Noto Medium'; padding:20px;}
.vision-wrap .con1 > ul { background:url('../../images/sub/vision_arrow.png') no-repeat center top;padding-top:115px; margin-top:45px;}
.vision-wrap .con1 .item-box {padding:0 45px;}
.vision-wrap .con1 .item-box.color-box1 strong {background:url('../../images/sub/ic_vision1.png') no-repeat left center; }
.vision-wrap .con1 .item-box.color-box2 strong {background:url('../../images/sub/ic_vision2.png') no-repeat left center;}
.vision-wrap .con1 .item-box.color-box3 strong {background:url('../../images/sub/ic_vision3.png') no-repeat left center;}
.vision-wrap .con1 .item-box strong {font-size:24px; line-height:2; letter-spacing: -.05em; display: inline-block; padding-left:50px; position:relative; font-family:'Noto Medium';}
.vision-wrap .con1 .item-box p {position: relative; color:#333; font-size:20px; line-height:1.5; letter-spacing: -.05em; font-family:'Noto Regular'; padding:25px 0;}
.vision-wrap .con1 .item-box p i {display: block;}
.vision-wrap .con1 .item-box p::after {content:''; width:100%; height:1px; background:#CECECE; position: absolute; top:0; left:0;}
/* con2, con3 */
.vision-wrap .sub-list li{text-align: left; font-size:18px; line-height:1.5; letter-spacing: -.05em; color:#333; padding-left:20px; font-family:'Noto Light'; position: relative; margin-bottom:8px;}
.vision-wrap .sub-list li:last-child {margin-bottom:0;}
.vision-wrap .sub-list li::after {content:''; width:10px; height:10px; border-radius:50%; position: absolute; left:0; top:10px}
.vision-wrap .con2 .color-box1 li::after,
.vision-wrap .con3 .color-box1 li::after{border:3px solid #002D56;}
.vision-wrap .con2 .color-box2 li::after,
.vision-wrap .con3 .color-box2 li::after{border:3px solid #A78258;}
.vision-wrap .con2 .color-box3 li::after,
.vision-wrap .con3 .color-box3 li::after{border:3px solid #008395;}
/* con2 */
.vision-wrap .con2 > ul{margin-top:23px;}
.vision-wrap .con2 .sub-list {padding:35px 40px 33px 40px;}
/* con3 */
.vision-wrap .con3 > ul {margin-top:20px;}
.vision-wrap .con3 .sub-list {padding:25px 10px 33px 20px;}
.vision-wrap .con3 .item-box strong {font-size:22px; line-height:30px; letter-spacing: -.05em; color:#fff; display:block; padding:20px 0 23px 0; font-family: 'Noto Medium';}
.vision-wrap .con3 .item-box strong i {display: block;}
.vision-wrap .con3 .item-box.color-box1 {border:0px;}
.vision-wrap .con3 .item-box.color-box2 {border:0px;}
.vision-wrap .con3 .item-box.color-box3 {border:0px;}
.vision-wrap .con3 .color-box1 strong{background:#0D2F50;}
.vision-wrap .con3 .color-box2 strong{background:#A38057;}
.vision-wrap .con3 .color-box3 strong{background:#0C7D8E;}
@media all and (max-width:1300px) {
  .vision-wrap .slogan-inner {padding:0 50px;}
  .vision-wrap .con1 > ul {margin:30px -15px 0;}
  .vision-wrap .con1 .item-box {margin:0 15px;}
  .vision-wrap .con2 > ul {margin:0 -15px;}
  .vision-wrap .con2 .item-box {margin:0 15px;}
  .vision-wrap .con3 > ul {margin:0 -15px;}
  .vision-wrap .con3 .item-box {margin:0 15px;}
}
@media all and (max-width:1023px) {
  .vision-wrap .slogan-txt strong {font-size: 35px;}
  .vision-wrap .slogan-txt p {font-size: 18px;}
  .vision-wrap .vision-slogan {padding:100px 0;}
  .vision-wrap .con > strong {font-size: 36px;}
  .vision-wrap .con .item-box .item-title {padding:10px 0;}
  .vision-wrap .circle {width:250px; height:250px; background-size:cover;}
  .vision-wrap .circle p {font-size: 30px;}
  .vision-wrap .con1 .item-box strong {font-size: 20px;}
  .vision-wrap .con1 .item-box p {font-size: 18px;}
  .vision-wrap .con1 .item-box p {padding:20px 0;}
  .vision-wrap .sub-list li {font-size: 16px;}
  .vision-wrap .con2 .sub-list {padding:20px 10px 20px 20px;}
  .vision-wrap .con3 .item-box strong {font-size: 18px;}
  .vision-wrap .con3 .sub-list {padding:20px 10px 20px 20px;}
}
@media all and (max-width:850px) {
  .vision-wrap .con1 .item-box {padding:0 25px;}
  .vision-wrap .con1 .item-box p i {display: inline-block;}
  .vision-wrap .con1 > ul {margin:30px -10px 0;}
  .vision-wrap .con1 .item-box {margin:0 10px;}
  .vision-wrap .con2 > ul {margin:0 -10px;}
  .vision-wrap .con2 .item-box {margin:0 10px;}
  .vision-wrap .con3 > ul {margin:0 -10px;}
  .vision-wrap .con3 .item-box {margin:0 10px;}
}
@media all and (max-width:768px) {
  .vision-wrap .vision-slogan {padding:50px 0;}
  .vision-wrap .slogan-inner {padding:0 30px;}
  .vision-wrap .slogan-title p {font-size: 18px;}
  .vision-wrap .slogan-title h1 {font-size: 40px; padding-bottom:40px; margin-bottom:20px;}
  .vision-wrap .con {margin-top:30px;}
  .vision-wrap .circle {width:220px; height:220px;}
  .vision-wrap .circle p {font-size: 26px;}
  .vision-wrap .slogan-txt strong {font-size: 30px;}
  .vision-wrap .con > strong {font-size: 32px;}
  .vision-wrap .con > ul {flex-wrap:wrap;}
  .vision-wrap .con .item-box {flex-basis:100%; margin-bottom:20px;}
  .vision-wrap .con3 .item-box strong i {display: inline-block;}
}
@media all and (max-width:600px) {
  .vision-wrap .slogan-txt p i {margin:20px 0;}
  .vision-wrap .con3 .item-box strong {padding:10px 30px}
  .vision-wrap .con3 .item-box.color-box3 {margin-bottom: 0;}
}

/* 교표 */
.simbol-style1 h3 {font-size: 30px; line-height: 1.2; font-family: 'Noto Medium'; letter-spacing: -.05em; color:#000; margin-top: 55px;}
.simbol-style1 .simbol-txt-box p {font-size:18px; line-height: 30px; letter-spacing: -.05em; font-family: 'Noto Regular'; margin-top:35px; text-align: justify;}
.simbol-style1 .simbol-txt-box p span {color:#002D56; font-family: 'Noto Bold';}

.simbol-style1 {position: relative; }
.simbol-style1::after {content:''; display: block; clear:both;}
.simbol-style1 .simbol-txt-box {position: relative;}

.simbol-style1 .txt-box {width:calc(100% - 40.71% - 30px); flex:1; margin-right:30px}
.simbol-style1 .img-box {width:40.71%; text-align: right; position: absolute; right:0; bottom:0;}
.simbol-style1 .origin .img-box {padding-right:50px;}

.simbol-style2 {position: relative; display: table; width:100%; height:366px; text-align: center; background:url('../../images/sub/simbol_grid_bg.png') top left; border: 1px solid #c5c5c5;}
.simbol-style2 .inner {display: table-cell; vertical-align: middle; padding:30px;}

.simbol-style3 {position: relative; border: 1px solid #c5c5c5; padding:50px 50px 55px 50px;}
.simbol-style3 .top {display: flex; justify-content: space-between; margin-bottom: 82px;}
.simbol-style3 .top > div {display: flex; align-items: center;}
.simbol-style3 .top .img-box {margin-right:50px;}
.simbol-style3 .top p {font-size: 18px; font-family: 'Noto Regular'; letter-spacing: -.05em; color:#666; line-height: 1.2;}
.simbol-style3 .bottom .txt {margin-bottom: 53px;}
.simbol-style3 .bottom .txt p{font-size: 22px; line-height: 1.5; letter-spacing: -.05em; color:#000; font-family: 'Noto Medium'; text-align: left;}
.simbol-style3 .bottom .simbol-list {display: flex; justify-content: space-between;}
.simbol-style3 .bottom .img-box {margin-bottom: 25px;}
.simbol-style3 .bottom p {font-size:18px; line-height: 1.5; letter-spacing: -.05em; font-family: 'Noto Regular'; color:#666; text-align: center;}

@media all and (max-width:1300px) {
  .simbol-style3 .top {justify-content: space-around; display: table; width:100%;}
  .simbol-style3 .top > div {text-align: center; display: table-cell; vertical-align: middle; }
  .simbol-style3 .top .img-box {margin:0 auto;}
  .simbol-style3 .top p {margin-top:30px;}
  .simbol-style3 .bottom .simbol-list {margin:0 -15px;}
  .simbol-style3 .bottom .simbol-list > div {margin:0 15px}
}
@media all and (max-width:1023px) {
  .simbol-style1 .txt-box {width: calc(100% - 300px - 30px);}
  .simbol-style1 .img-box {width:300px; margin-left:30px;}
  .simbol-style1 .origin .img-box {padding-right:0px;}
  .simbol-style3 .top > div {width:50%;}
}
@media all and (max-width:767px) {
  .simbol-style1 .simbol-txt-box {display: block;}
  .simbol-style1 .simbol-txt-box p {font-size: 16px;}
  .simbol-style1 h3 {font-size: 20px;}
  .simbol-style1 .img-box {width:auto;text-align: center; margin-bottom:20px; margin-left:0; display: block; position:relative; margin-top: 30px;}
  .simbol-style1 .txt-box {width:100%;}
  .simbol-style3 .top {margin-bottom: 40px;}
  .simbol-style3 .top > div {width:100%; display: block; margin-bottom: 20px;}
  .simbol-style3 .bottom .simbol-list {display: block;}
  .simbol-style3 .bottom .simbol-list > div {margin-bottom:20px}
  .simbol-style3 .bottom .img-box {text-align: center;}
}

/* 컬러시스템 */
.color-box .box-inner > p{font-size: 22px; font-family: 'Noto Medium'; color:#000; letter-spacing: -.05em; line-height: 30px; margin-bottom: 30px;}
.color-box {position: relative; border:1px solid #c5c5c5; padding:30px 39px 39px 39px;}
/* color-box1 */
.color-box1 .box-inner li {color:#fff;}
.color-box1 .box-inner li strong {font-size: 18px; font-family: 'Play Bold'; letter-spacing: 0; line-height: 1.5; margin-bottom: 20px; display: inline-block;}
.color-box1 .box-inner li p {font-size:16px; line-height: 20px; letter-spacing: 0; font-family: 'Play Regular';}
.color-box1 .box-inner li i {display: block;}
/* color-box1 - primary */
.color-box1 .primary-wrap {margin-bottom:50px;}
.color-box1 .primary ul {margin:0 -20px; display: flex; justify-content: space-between;}
.color-box1 .primary ul::after {content:''; display:block; clear:both;}
.color-box1 .primary li {width:50%; float:left; margin:0 20px;}
.color-box1 .primary li > div {padding:23px 30px;}
.color-box1 .primary-color1{background:#146e7a;}
.color-box1 .primary-color2{background:#dadad3;}
.color-box1 .primary-color2 strong,
.color-box1 .primary-color2 p  { color:#121212;}
/* color-box1 - secondary */
.color-box1 .secondary ul {margin:0 -15px; display: flex; justify-content: space-between;}
/* .color-box1 .secondary ul::after {content:''; display:block; clear:both;} */
.color-box1 .secondary li{flex-basis:420px; margin:0 15px;}
.color-box1 .secondary li > div {padding:23px 30px;}
.color-box1 .secondary-color1 {background:#002d56;}
.color-box1 .secondary-color2 {background:#8D7150;}
.color-box1 .secondary-color3 {background:#9d9fa2;}
/* color-box2 */
.color-box2 {position: relative;}
.color-box2 .inner::after {content:''; display: block; clear:both;}
.color-box2 .box-inner {width:50%; float:left;}
/* color-box2 - support-color-range */
.color-box2 .support-color-range .range-box {position: relative; display: inline-block;}
.color-box2 .img-box {padding:28px 0 20px 15px; position: relative;}
.color-box2 .img-box::before {content:''; width:15px; height:91%; background:url('../../images/sub/color_arrow1.png') no-repeat center top / 100%; position: absolute; left:0; top:0;}
.color-box2 .img-box::after {content:''; width:96%; height:15px; background:url('../../images/sub/color_arrow2.png') no-repeat right 5px center / 100%; position: absolute; right:0; bottom:0;}
.color-box2 .supporting-color-txt > p {font-family: 'Play Bold'; font-size: 14px; line-height: 14px;}
.color-box2 .supporting-color-txt .txt1 {position: absolute; top:-2px; left:20px;}
.color-box2 .supporting-color-txt .txt2 {position: absolute; right:23px; bottom:-10px;}
/* color-box2 - support-color */
.color-box2 .support-color {position: relative; padding-left:60px;}
.color-box2 .support-color ul {padding-top:28px; display: flex; justify-content: space-between;}
.color-box2 .support-color li {width:115px; height:130px; color:#fff; font-size: 14px; line-height: 15px; letter-spacing: 0; color:#fff; font-family: 'Play Bold'; position: relative;}
.color-box2 .support-color li p {position: absolute; top:20px; left:20px; z-index: 1;}
.color-box2 .support-color .support-color1 {background:#CABFB6;}
.color-box2 .support-color .support-color2 {background:#A19186;}
.color-box2 .support-color .support-color3 {background:#A77894;}
.color-box2 .support-color .support-color4 {background:#99A4C3;}
.color-box2 .support-color .support-color5 {background:#839BB0;}
.color-box2 .support-color .txt-box {font-size: 18px; color:#666; font-family: 'Noto Regular'; line-height:1.5; letter-spacing: -.05em; margin-top: 25px;}
/* color-box3 */
.color-box.color-box3 {padding:39px 30px 20px 39px;}
.color-box3 .box-inner::after {content:''; display:block; clear:both;}
.color-box3 .box:nth-child(1n) {float:left;}
.color-box3 .box:nth-child(2n) {float:right;}
.color-box3 .box .title {font-size: 16px; font-family: 'Play Regular'; line-height: 20px; color:#333; width:130px; float:left;}
.color-box3 .img-box {width:500px; float:right;}
.color-box3 .img-box ul {display:flex;justify-content: space-between;}
/* .color-box3 .img-box ul::after {content:''; display:block; clear:both;} */
.color-box3 .img-box li {min-height:150px;}
.color-box3 .box-inner > p {margin-top:15px; margin-bottom:35px;}
.color-box3 .box .img-box li p {font-size: 16px; line-height: 30px; letter-spacing: -.05em; font-family:'Noto Regular'; color:#666; text-align: center;} 
.color-box3 .primary-box > div .box:nth-child(n) {float:left;}
.color-box3 .primary-box > div .box:nth-child(2n) {float:right;}
.color-box3 .secondary-box > div .box:nth-child(n) {float:left;}
.color-box3 .secondary-box > div .box:nth-child(2n) {float:right;}
@media all and (max-width:1350px) {
  .color-box2 .support-color ul {margin:0 -5px;}
  .color-box2 .support-color li {margin:0 5px;}
  .color-box3 .box {width:50%; text-align: center; display:flex;}
  .color-box3 .box .title {text-align:left;}
  .color-box3 .img-box ul {flex-wrap:wrap;}
  .color-box3 .img-box li {width:50%;}
}
@media all and (max-width:1200px) {
  .color-box2 .support-color ul {flex-wrap:wrap; justify-content: flex-start;}
  .color-box2 .support-color li {margin-bottom:10px;}
  .color-box2 .support-color li p {text-align:left;}
}
@media all and (max-width:1024px) {
  .color-box .box-inner > p {text-align:left;}
  .color-box2 .box-inner {width:100%; float:none; text-align:center;}
  .color-box2 .support-color {width:100%; float:none; padding-left:0;}
  .color-box2 .support-color ul {justify-content: center;}
}
@media all and (max-width:767px) {
  .color-box1 .secondary ul {flex-wrap:wrap;}
  .color-box1 .secondary li {flex-basis: 100%; margin-bottom:20px;}
  .color-box3 .box {width:100%;}
  .color-box3 .box:nth-child(odd) {float:none;}
  .color-box3 .box:nth-child(even) {float:none;}
  .color-box3 .img-box {width:100%;}
  .color-box3 .img-box li {width:25%;}
}
@media all and (max-width:650px) {
  .color-box2 .support-color .txt-box {font-size: 15px;}
  .color-box1 .primary-wrap {margin-bottom:25px;}
  .color-box1 .primary ul {flex-wrap:wrap;}
  .color-box1 .primary li {width:100%; margin-bottom:20px;}
  .color-box3 .box {display:block;}
  .color-box3 .box .title {margin-bottom:20px;}
  .color-box3 .img-box ul {margin:0 -5px;}
  .color-box3 .img-box li {padding:0 5px;}
  .color-box3 .box .img-box li p {font-size: 15px;}
}

/* 로고타입 */
.logotype-box {position: relative; border:1px solid #C5C5C5;}
.logotype-box .type-box > p {font-size:22px; line-height: 30px; letter-spacing: -.05em; font-family: 'Noto Medium'; color:#000; margin-bottom:35px;}
.logotype-box .type > p {font-size: 16px; font-family: 'Play Regular'; letter-spacing: 0; line-height: 20px;color:#333;}
/* logo-kr */
.logo-kr {padding:40px 0px 35px 0px;}
.logo-kr .inner::after {content:''; display: block; clear:both;}
.logo-kr .type-box {width:50%; float:left; padding-left:40px;}
.logo-kr .type-box::after{content:''; display: block; clear:both;}
.logo-kr .type-box > p {float:left; width:115px;}
.logo-kr .type-box .img-container {float:right; width:calc(100% - 115px);}
.logo-kr .type-kr-width .img-box.color-style1 {margin-bottom:60px;}
.logo-kr .type-kr-width .img-box.color-style2 {margin-bottom:25px;}
.logo-kr .type-kr-hei .img-box{margin:0 auto; text-align: center;}
/* logo-en */
.logo-en {padding:40px 0px 35px 0px;}
.logo-en .inner::after {content:''; display:block; clear:both;}
.logo-en .type-box {padding-left:40px; width:50%; float:left;}
.logo-en .type-en-width {padding-right:75px;}
.logo-en .type-en-width .type::after {content:''; display:block; clear:both;}
.logo-en .type-en-width .en-type1 {margin-bottom: 55px;}
.logo-en .type-en-width .type > p {float:left; width:130px; }
.logo-en .type-en-width .type .img-box {float:right; width:calc(100% - 130px); text-align: center;} 
.logo-en .type-en-hei .img-box::after {content:''; display:block; clear:both;}
.logo-en .type-en-hei .type {width:50%; float:left;}
.logo-en .type-en-hei .en-type2 {padding-left:15px; padding-right:40px;}
.logo-en .type-en-hei .type > P {margin-bottom:10px;}
/* logo-mix */
.logo-mix {padding:40px 40px 40px 0px;}
.logo-mix .img-container{display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; margin:0 -10px;}
.logo-mix .img-box {margin-bottom:25px; width:33.3333%; padding:0 10px;}
.logo-mix .img-box.mix-mm {padding-left:50px; margin-bottom:0;}
@media all and (max-width:1400px) {
  .logo-en .type-en-width {padding-right:30px;}
}
@media all and (max-width:1023px) {
  .logo-kr .type-box {width:100%; float:none;}
  .logo-kr .type-kr-width {margin-bottom:30px;}
  .logo-kr .type-kr-width .img-box {text-align: center;}
  .logo-en .type-en-width {margin-bottom:30px;}
  .logo-en .type-box {width:100%; float:none;}
}
@media all and (max-width:767px) {
  .logo-kr .type-box > p {width:100%; float:none;}
  .logo-kr .type-box .img-container {float:none; width:100%;}
  .logo-mix .img-box  {width:100%; text-align: center; margin-bottom:20px;}
  .logo-mix .img-box.mix-mm {padding-left:0px;}
}
@media all and (max-width:650px) {
  .logo-kr .type-box {padding:0 30px;}
  .logo-en .type-box {padding:0 30px;}
  .logo-en .type-en-width .type > p {float:none; margin-bottom:20px;}
  .logo-en .type-en-width .type .img-box {float:none; width:100%;}
  .logo-en .type-en-hei .type {width:100%; float:none; margin-bottom:20px;}
  .logo-en .type-en-hei .img-box {text-align:center;}
  .logo-mix {padding:30px;}
}

/* 시그니처 */
.signature-box {position:relative; border:1px solid #c5c5c5;}
.signature-box .box > p {font-size: 22px; line-height: 30px; letter-spacing: -.05em; color:#000; font-family: 'Noto Medium'; margin-bottom: 35px;}
.signature-box .type-box > p {font-size: 16px; font-family: 'Play Regular'; color:#333;letter-spacing: 0; line-height: 20px; margin-right: 15px;}
/* signature1 */
.signature1 {padding:40px 0;}
.signature1 .box-container::after {content:''; display: block; clear:both;}
.signature1 .box{ width:50%; float:left;}
.signature1 .box1 {padding-left:40px;}
.signature1 .type-box {display: flex; margin-bottom: 45px;}
.signature1 .type-box .img-box {text-align: center; flex: 1; padding:0 15px;}
.signature1 .box2 > p {padding-left:35px;}
.signature1 .box2 .type-box {float:left; width:50%;}
.signature1 .box2 .type1 {padding-left:35px;}
.signature1 .box2 .type2 {padding-right:20px; padding-left:25px;}
.signature1 .box3 {width:100%; padding:0 10px 0 40px;}
.signature1 .box3 .type-box{display: block; float:left; width:50%; margin-bottom: 0;}
.signature1 .box3 .type-box.type2 {padding:0 10px 0 30px;}
.signature1 .box3 .img-container {display: flex;}
.signature1 .box3 .type-box > p {margin-bottom: 30px;}
/* signature2 */
.signature2 {padding:40px 0;}
.signature2 .box-container::after {content:''; display: block; clear:both;}
.signature2 .box{width:50%; float:left;}
.signature2 .type-box {display: flex; margin-bottom: 45px;}
.signature2 .type-box .img-box {text-align: center; flex: 1;}
.signature2 .box1 {padding-left:40px;}
.signature2 .box2 > p {padding-left:35px;}
.signature2 .box2 .type-box {float:left; width:50%;}
.signature2 .box2 .type1 {padding-left:35px;}
.signature2 .box2 .type2 {padding-right:40px; padding-left:25px;}
.signature2 .box3 {width:100%; padding:0 10px 0 40px;}
.signature2 .box3 .type-box{display: block; float:left; width:50%; margin-bottom: 0;}
.signature2 .box3 .type-box.type2 {padding:0 10px 0 30px;}
.signature2 .box3 .img-container {display: flex;}
.signature2 .box3 .type-box {display: flex;}
.signature2 .box3 .type-box > p {margin-bottom: 30px;}
/* signature3 */
.signature3 {padding:40px 0;}
.signature3 .box-container::after {content:''; display: block; clear:both;}
.signature3 .box{ width:50%; float:left;}
.signature3 .box1 {padding-left:40px;}
.signature3 .type-box {display: flex;}
.signature3 .type-box .img-box {text-align: center; flex: 1; padding:0 15px;}
.signature3 .box1 .type1{margin-bottom: 80px;}
.signature3 .box2 > p {padding-left:35px;}
.signature3 .box2 .type-box {float:left; width:50%; display: block;}
.signature3 .box2 .type-box > p {margin-bottom: 35px;}
.signature3 .box2 .type1 {padding-left:35px;}
.signature3 .box2 .type2 {padding-right:20px; padding-left:25px;}
@media all and (max-width:1400px) {
  .signature2 .box3 .type-box {display: block;}
}
@media all and (max-width:1023px) {
  .signature1 .box {float:none; width:100%;}
  .signature2 .box {float:none; width:100%;}
  .signature3 .box {float:none; width:100%; }
}
@media all and (max-width:767px) {
  .signature1 .box3 .type-box {float:none; width:100%; margin-bottom: 40px;}
  .signature1 .box3 .type-box:last-child {margin-bottom: 0;}
  .signature1 .box3 .type-box.type2 {padding:0;}
  .signature2 .box3 .type-box {float:none; margin-bottom: 30px; width:100%;}
  .signature2 .box3 .type-box.type2 {padding:0;}
  .signature3 .box {margin-bottom: 30px;}
  .signature3 .box:last-child {margin-bottom: 0;}
}
@media all and (max-width:650px) {
  .signature-box .type-box > p {margin-bottom: 20px;}
  .signature1 {padding:30px;}
  .signature1 .box1 {padding:0;}
  .signature1 .type-box {display: block;}
  .signature1 .box2 > p {padding: 0;}
  .signature1 .box2 .type-box {float:none; width:100%; padding:0;}
  .signature1 .box3 {padding: 0;}
  .signature2 {padding:30px;}
  .signature2 .box1 {padding:0;}
  .signature2 .type-box {display: block;}
  .signature2 .box2 > p {padding:0;}
  .signature2 .box2 .type1,
  .signature2 .box2 .type2,
  .signature2 .box3 {padding:0;}
  .signature3 {padding:30px;}
  .signature3 .box {padding: 0;}
  .signature3 .box2 > p,
  .signature3 .box2 .type1,
  .signature3 .box2 .type2 {padding: 0;}
  .signature3 .type-box {display: block;}
}

/* 명함 */
.stationery-box {position: relative; border:1px solid #c5c5c5;}
/* stationery1 */
.stationery1 {padding:60px 0;}
.stationery1 .inner {display: flex; justify-content:center; }
.stationery1 .img-box {margin:0 50px;}
/* stationery2 */
.stationery2 {padding:40px 72px;}
.stationery2 .txt-box p {font-size: 17px; font-family: 'Noto Light'; line-height: 30px; color:#666; letter-spacing: -.05em; margin-bottom:30px;}
.stationery2 .img-container > ul{display: flex; justify-content: space-between; margin:0 -5px;}
.stationery2 .img-container li {width:188px; margin:0 5px;}
.stationery2.divide3 .img-container li {width: 390px;}
.stationery2.divide3 .pager {display: block; margin-bottom: 23px; font-family: 'Noto Medium'; font-size: 22px; text-align: center; color: #000;}
.stationery2 .img-box .down-box {text-align: center; margin-top: 12px;}
.stationery2 .img-box .down-box > a {margin-bottom:10px;}
.stationery2 .img-box .down-box > a:last-child {margin-bottom:0;}
/* stationery3 */
.stationery3 {padding:60px 0;}
.stationery3 .inner {display: flex; justify-content: center;}
.stationery3 .img-box {margin:0 100px;}
/* stationery4 */
.stationery4 {padding:60px;}
.stationery4 .inner {display: flex; justify-content: space-between; margin:0 -10px;}
.stationery4 .inner .img-box {margin:0 10px;}
/* stationery5 */
.stationery5 {padding: 33px 39px 60px 39px; border:1px solid #c5c5c5;}
.stationery5 .type-box {margin-bottom:45px;}
.stationery5 .type-box > p {font-size: 22px; line-height: 30px; letter-spacing: -.05em; font-family: 'Noto Medium'; color:#000; margin-bottom: 35px;}
.stationery5 .type-inner > ul {display: flex; justify-content: space-between; margin:0 -10px;}
.stationery5 .type-inner > ul > li {width:auto; margin:0 10px;}
.stationery5 .type-inner > ul > li::after {content:''; display: block; clear:both;}
.stationery5 .txt-box {width:200px; float:left;}
.stationery5 .txt-box .type-title {font-size: 18px; line-height: 1; letter-spacing: 0; color:#008294; font-family: 'Noto Medium'; margin-bottom: 7px;}
.stationery5 .txt-box > ul > li {font-size: 14px; color:#333; line-height: 20px; font-family: 'Play Regular'; letter-spacing: 0; padding-left:37px; position: relative;}
.stationery5 .txt-box > ul > li span {font-size: 14px; font-family: 'Noto Medium'; color:#333; line-height:18px; display: inline-block; position:absolute; top:0; left:0;}
.stationery5 .img-box {width:calc(100% - 200px); float:right;}
.stationery5 .type3 {margin-bottom:0;}
.stationery5 .type3 .type-inner > ul {display:block;}
.stationery5 .type3 .type-inner > ul > li {margin-bottom:35px;}
.stationery5 .type3 .type-inner > ul > li:last-child {margin-bottom:0;}
/* .stationery6 */
.stationery6 {position: relative; padding:40px 0;}
.stationery6 .inner {display: flex; justify-content: space-between;}
.stationery6 .type-box {width:50%; padding:0 50px 0 40px;}
.stationery6 .type-box > p {font-size: 22px; line-height: 30px; letter-spacing: -.05em; font-family: 'Noto Medium'; color:#000; margin-bottom: 35px;}
.stationery6 .type-inner {display: flex; justify-content: space-between;}
.stationery6 .txt-box {width:200px; margin-right:20px;}
.stationery6 .txt-box .type-title {font-size: 18px; line-height: 1; letter-spacing: 0; color:#008294; font-family: 'Noto Medium'; margin-bottom: 7px;}
.stationery6 .txt-box > ul > li {font-size: 14px; color:#333; line-height: 20px; font-family: 'Play Regular'; letter-spacing: 0; padding-left:37px; position: relative;}
.stationery6 .txt-box > ul > li span {font-size: 14px; font-family: 'Noto Medium'; color:#333; line-height:18px; display: inline-block; position:absolute; top:0; left:0;}
.stationery6 .img-container {display: flex; justify-content: space-between; flex-basis:350px; float:right;}
@media all and (max-width:1300px) {
  .stationery2 {padding:40px 50px;}
  .stationery3 .img-box {margin:0 50px;}
}
@media all and (max-width:1200px) {
  .stationery5 .type-inner > ul {display: block;}
  .stationery5 .type-inner > ul > li {margin-bottom: 20px;}
  .stationery6 .img-container {margin:0 -5px;}
  .stationery6 .img-box {margin:0 5px;}
}
@media all and (max-width:1023px) {
  .stationery1 .img-box {margin:0 30px;}
  .stationery2 {padding: 30px;}
  .stationery2 .img-container ul{flex-wrap:wrap;}
  .stationery2 .img-container li {width:33.333%; margin:0 0 20px 0;}
  .stationery2 .img-container .img-box {margin-bottom:20px; width:188px; margin:0 auto;}
  .stationery3 {padding: 30px;}
  .stationery3 .inner {margin:0 -30px;}
  .stationery3 .img-box {margin:0 30px;}
  .stationery4 {padding:30px;}
  .stationery4 .inner {flex-wrap:wrap; justify-content: center;}
  .stationery4 .inner .img-box {margin-bottom:20px;}
  .stationery4 .inner .img-box:last-child {margin-bottom:0;}
  .stationery5 {padding:30px;}
  .stationery6 .type-inner {display: block;}
  .stationery6 .type-box {padding:0 30px;}
  .stationery6 .txt-box {width:100%; margin-right:0; margin-bottom:20px;}
  .stationery6 .img-container {float:none;}
}
@media all and (max-width:767px) {
  .stationery1 .inner {flex-wrap:wrap;}
  .stationery1 .img-box {margin-bottom:20px;}
  .stationery1 .img-box:last-child {margin-bottom:0;}
  .stationery2 .img-container li {width:50%;}
  .stationery3 .inner {flex-wrap:wrap;}
  .stationery3 .img-box {margin-bottom:20px;}
  .stationery3 .img-box:last-child {margin-bottom:0;}
}
@media all and (max-width:650px) {
  .stationery5 .txt-box {float:none; margin-bottom:10px;}
  .stationery5 .img-box {float:none; width:100%;}
  .stationery6 .inner {display: block;}
  .stationery6 .type-box {width:100%; margin-bottom:20px;}
  .stationery6 .type-box:last-child {margin-bottom:0px;}
  .stationery6 .img-container {justify-content: center;}
}

/* 상징 */
.symbolic-box {position: relative; border:1px solid #c5c5c5; padding:35px 0;}
.symbolic-box .inner {display: flex; }
.symbolic-box .box {width:50%;}
.symbolic-box .box > p {font-size: 22px; line-height: 30px; letter-spacing: -.05em; color:#000; font-family: 'Noto Medium'; padding-left:40px; margin-bottom:30px;}
.symbolic-box .box .box-inner {display: flex;}
.symbolic-box .box-inner > div {width:50%;}
.symbolic-box .symbolic-style1,
.symbolic-box .symbolic-style2 {margin-left:40px;}
.symbolic-box .symbolic-style1 p,
.symbolic-box .symbolic-style2 p {color:#008294; font-size: 18px; letter-spacing: 0; line-height: 30px; font-family: 'Noto Medium';  margin-bottom: 20px; }
.symbolic-box .img-box {min-height:291px; display: flex; align-items: center;}

@media all and (max-width:1023px) {
  .symbolic-box .inner {flex-wrap:wrap;}
  .symbolic-box .box {width:100%;}
}
@media all and (max-width:600px) {
  .symbolic-box .box .box-inner {flex-wrap:wrap;}
  .symbolic-box .box-inner > div {width:100%; margin-bottom:20px;}
  .symbolic-box .symbolic-style1,
  .symbolic-box .symbolic-style2 {margin:0; padding:0 30px; text-align: center;}
  .symbolic-box .img-box {justify-content: center;}
}

/* 전용서체 */
.font-wrap .font-list-wrap h3{font-size: 22px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #000000; font-weight: normal; padding-bottom: 58px;}
.font-wrap .font-list > ul > li > span{float: right; text-align: left; width: 65%;}
.font-wrap .font-list-wrap > ul{display: flex; justify-content: space-between; padding: 32px 40px; border: 1px solid #C5C5C5;}
.font-wrap .font-list-wrap > ul > li{width: 30.4%;}
.font-wrap .font-list > ul > li{margin-bottom: 30px;}
.font-wrap .font-list > ul > li:last-child{margin-bottom: 0;}
.font-wrap .font-list > ul > li::after{content: ''; display: block; clear: both;}
.font-wrap .font-list strong{font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #008294; font-weight: normal; float: left; width: 35%; padding-right: 10px;}

@media all and (max-width:1024px){
  .font-wrap .font-list-wrap h3{padding-bottom: 30px;}
  .font-wrap .font-list-wrap > ul{margin: 0 -15px;}
  .font-wrap .font-list-wrap > ul > li{width:33.333%; padding: 0 15px;}
  .font-wrap .font-list strong{float: none; padding-right: 0px; margin-bottom: 10px; width: 100%;}
  .font-wrap .font-list > ul > li > span{float: none; width: 100%;}
  .font-wrap .font-list > ul > li{margin-bottom: 20px;} 

}

@media all and (max-width:768px){
  .font-wrap .font-list-wrap > ul {flex-wrap:wrap;}
  .font-wrap .font-list-wrap > ul > li {width:50%; margin-bottom: 30px;}
}
@media all and (max-width:650px) {
  .font-wrap .font-list strong {float:left; width:auto;}
  .font-wrap .font-list > ul > li > span {float:right; width: 65%;}
  .font-wrap .font-list-wrap > ul > li {width:100%; margin-bottom: 20px;}
}

/* PPT 템플릿 */
.template-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.template-wrap .template-box{padding: 59px 75px 20px 75px; border: 1px solid #C5C5C5;}
.template-wrap .template-box ul::after{content: ''; display: block; clear: both;}
.template-wrap .template-box ul{margin: 0 -20px;}
.template-wrap .template-box li{float: left; width: 25%; padding: 0 19px; text-align: center;}
.template-wrap .template-box .tamp-list img{display: block; border: 1px solid #666666; margin: auto;}
.btn-style.down2 {position: relative; display: inline-block; height: 35px; padding: 0 20px 0 53px; background: #fff; font-family: 'Play Bold'; font-size: 12px; line-height: 35px; color: #333 !important; cursor: pointer;}
.btn-style.down2.icon5 {border: 1px solid #ce4322; margin: 12px 0 40px 0;}
.btn-style.down2.icon5:hover {color: #ce4322 !important;}
.btn-style.down2::after {content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 100%; }
.btn-style.down2.icon5::after {background: #ce4322 url('../../images/sub/btn-doc5.png') no-repeat center;}

@media all and (max-width:1200px){
  .template-wrap .template-box ul{margin: 0 -10px;}
  .template-wrap .template-box li{ padding: 0 10px;}
}

@media all and (max-width:1024px){
  .template-wrap .template-box{padding: 50px 60px;}
  .template-wrap .template-box li{width: 33.333%;}

}
@media all and (max-width:768px){
  .template-wrap .template-box li{width: 50%;}
}

@media all and (max-width:600px){
  .template-wrap .template-box li{width: 100%;}
}

/* 40주년 */

.global-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.global-wrap .global-title > p{font-size: 40px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; color: #121212;}
.global-wrap .global-title > span{font-size: 18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #666666; padding-top: 40px;}
.global-wrap .btn-down-box li{display: inline-block; padding: 0 40px 0 33px; position: relative;}
.global-wrap .btn-down-box li:first-child{padding-left: 0; }
.global-wrap .btn-down-box li::before{content: ''; width: 1px; height: 41px; background:#B7B7B7; position: absolute; top: 15px; right: 0;}
.global-wrap .btn-down-box li:last-child{padding-right: 0;}
.global-wrap .btn-down-box li:last-child::before{content: none;}
.global-wrap .btn-down-box{margin-top: 34px;}
.global-wrap .btn-style.down1 {display: inline-block;}
.global-wrap .btn-style.down1 .ico {float: left; width: 70px; height: 70px; background: #f4f4f4 url('../../images/sub/btn-down1.png') no-repeat center; border-radius: 100%;}
.global-wrap .btn-style.down1 .title {float: left;margin-left: 20px;}
.global-wrap .btn-style.down1 .title strong {display: block; margin-top: 7px; font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.global-wrap .btn-style.down1 .title p {font-family: 'Noto Light'; font-size: 16px; color: #333;}
.global-wrap .btn-style.down1:hover .ico {background: #002d56 url('../../images/sub/btn-down1-ov.png') no-repeat center;}
.global-wrap .ui-list ul{display: flex; justify-content: space-between; border: 1px solid #C5C5C5; padding: 35px 60px; }
.global-wrap .ui-list li{ padding: 0 20px;}


@media all and (max-width:900px){
  .global-wrap .btn-down-box li{padding: 0 20px;}
}

@media all and (max-width:810px){
  .global-wrap .btn-down-box li{padding-left: 0; display: block; margin-bottom: 15px;}
  .global-wrap .btn-down-box li::before{content: none;}
  .global-wrap .ui-list {padding-top: 30px;}
  .global-wrap .ui-list ul{display: block; padding: 40px;}
  .global-wrap .ui-list li{padding:0 0 45px 0; text-align: center;}
  .global-wrap .ui-list li:last-child{padding-bottom: 0;}
}

/* 캐릭터 */
.character-wrap .boo-tab{display: none;}
.character-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.character-wrap .charactor-box{border: 1px solid #C5C5C5; padding: 50px 70px;}
.character-wrap .title-box > p{font-size: 22px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #000000; margin-bottom: 25px;}
.character-wrap .text-box p{font-size: 18px; font-family: "Noto Light"; line-height: 1.8; letter-spacing: -.05em; color: #333333; word-break:keep-all ;text-align: justify; width: calc(100% - 33.2%); }
.character-wrap .text-box strong{font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #7fccdd; font-weight: normal;}
.character-wrap .text-box .bold-st{font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #333333; font-weight: normal;}
.character-wrap .text-box i{display: block; margin: 31px 0;}
.character-wrap .content01::after{content: ''; display: block; clear: both;}
.character-wrap .content01 .text-box{float: left; width: 100%;}
.character-wrap .content01 .charactor-area{float: right; width: 33.2%; text-align: center; margin-left: 20px;}
.character-wrap .content02{margin-top: 43px;} 
.character-wrap .type-box p{font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; color: #008294; padding-bottom: 33px; }
.character-wrap .type-box ul{display: flex; justify-content: space-between;}
.character-wrap .type-box li:nth-child(1){padding-right: 130px;}
.character-wrap .type-box li:nth-child(2){padding-right: 100px;}
.character-wrap .content03{margin-top: 49px;}
.character-wrap .content03 ul{display: flex; justify-content: space-between;  flex-wrap: nowrap;}
.character-wrap .content03 li{margin-bottom: 25px;}
.character-wrap .content04{margin-top: 24px;}
.character-wrap .content04 .rule-wrap p ,.rule-wrap span {font-size: 18px; font-family: "Noto Light"; line-height: 1.6; letter-spacing: -.05em; color: #333333; word-break: keep-all;}
.character-wrap .content04 .rule-wrap span{padding-left: 20px;}

@media all and (max-width:1024px){
  .character-wrap .boo-tab{display: block;}
  .character-wrap .boo-web{display: none;}
  .character-wrap .content01 .charactor-area{width: 300px; }
  .character-wrap .text-box p{text-align: unset; width: 100%;}
  .character-wrap .text-box i{margin: 25px 0;}
  .character-wrap .type-box li:nth-child(1){padding-right: 85px;}
  .character-wrap .type-box li:nth-child(2){padding-right: 55px;}
  .character-wrap .content03 ul{flex-wrap: wrap;}
  .character-wrap .content03 li{width: 33.333%; text-align: center;}

}
@media all and (max-width:768px){
  .character-wrap .content01 .charactor-area{float: none; margin-left: 0; margin: 20px auto;}
  .character-wrap .charactor-box{padding: 30px;}
  .character-wrap .text-box p{font-size: 16px; }
  .character-wrap .text-box strong{font-size: 16px;}
  .character-wrap .text-box .bold-st{font-size: 16px;}
  .character-wrap .text-box i{margin: 20px 0;}
  .character-wrap .type-box ul{display: block;}
  .character-wrap .type-box li{margin-bottom: 10px;}
  .character-wrap .type-box li:nth-child(1){padding-right: 0;}
  .character-wrap .type-box li:nth-child(2){padding-right: 0;}
  .character-wrap .type-box .logo-box{text-align: center;}
  .character-wrap .type-box p{padding-bottom: 25px; }
  .character-wrap .content04 .rule-wrap p ,.rule-wrap span {font-size: 16px;}
  .character-wrap .content04 .rule-wrap span{padding-left: 10px;}
}
@media all and (max-width:680px){
  .character-wrap .content03 li{width:calc(100% / 2);}
}

/* 교가 */
.symbol-wrap .school-sheet-box img{display: none;}
.symbol-wrap .container{max-width: 1400px; width: 100%; margin: auto;}
.symbol-wrap .song-borad{height: 780px;}
.symbol-wrap .song-borad::after{ content: ''; display: block; clear: both;}
.symbol-wrap .school-sheet-box{float: left; width: 61.42%; background: url(../../images/sub/school-song-pic.png) no-repeat center / cover; height:100%;}
.symbol-wrap .song-lyrics-wrap{float: right; width: 38.58%; padding-left: 100px; height: 100%;}
.symbol-wrap .song-lyrics-list{text-align: right;}
.symbol-wrap .song-btn-box{position: relative;}
.symbol-wrap .song-btn-box::before{content: ''; width:49%; height: 1px; background: #000; position: absolute; top: 50%; left: 0;}
.symbol-wrap .song-btn-box p{font-size:16px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #121212; padding-right: 60px; background: url(../../images/sub//sound-icon.png) no-repeat right center;}
.symbol-wrap .song-lyrics-text{padding: 40px 0 42px 0; border-bottom: 2px solid #000000;}
.symbol-wrap .song-lyrics-text span{font-size:30px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #121212;}
.symbol-wrap .song-lyrics-text p{font-size:18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #666666;padding-top: 25px; word-break: keep-all;}
.symbol-wrap .song-lyrics-text i{display: block; margin: 33px 0 ;}

@media all and (max-width:1350px){
  .symbol-wrap .song-lyrics-wrap{padding-left: 50px;}
}
@media all and (max-width:1100px){
  .symbol-wrap .song-btn-box::before{content: ''; width:42%;}
}

@media all and (max-width:1024px){
  .symbol-wrap .song-borad{height: 635px;}
  .symbol-wrap .song-lyrics-text i{margin: 25px 0 ;}
  .symbol-wrap .school-sheet-box{float: left; width: 55%;}
  .symbol-wrap .song-lyrics-wrap{float: right; width: 44%; }
}

@media all and (max-width:835px){
  .symbol-wrap .song-btn-box::before{content: ''; width:36%;}
  .symbol-wrap .song-lyrics-text i{margin: 20px 0 ;}
}

@media all and (max-width:768px){
  .symbol-wrap .school-sheet-box img{display: block;}
  .symbol-wrap .school-sheet-box{background: none;}
  .symbol-wrap .song-borad{height: auto;}
  .symbol-wrap .school-sheet-box{float: none; width: 100%;}
  .symbol-wrap .song-lyrics-wrap{float: none; width: 100%; padding-left: 0; padding: 20px;}
  .symbol-wrap .song-lyrics-text{padding: 25px 0; }
  .symbol-wrap .song-lyrics-text span{font-size:28px;}
  .symbol-wrap .song-lyrics-text p{font-size:16px; padding-top: 20px;}
}

/* 응원가 */
.cheering-wrap .school-sheet-box img{display: none;}
.cheering-wrap .container{max-width: 1400px; width: 100%; margin: auto; position: relative;}
.cheering-wrap .song-borad{height: 780px;}
.cheering-wrap .song-borad::after{ content: ''; display: block; clear: both;}
.cheering-wrap .school-sheet-box{float: left; width: 61.42%; background: url(../../images/sub/cheering-song-pic.png) no-repeat center / cover; height:100%;}
.cheering-wrap .song-lyrics-wrap{float: right; width: 38.58%; padding-left: 100px; height: 100%; margin-top: 30px;}
.cheering-wrap .song-lyrics-list{text-align: right;}
.cheering-wrap .song-lyrics-text{padding: 70px 0 42px 0; border-bottom: 2px solid #000000; border-top: 1px solid #000000;}
.cheering-wrap .song-lyrics-text span{font-size:30px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #121212;}
.cheering-wrap .song-lyrics-text p{font-size:18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #666666;padding-top: 25px; word-break: keep-all;}
.cheering-wrap .song-lyrics-text i{display: block; margin: 33px 0 ;}

@media all and (max-width:1350px){
  .cheering-wrap .song-lyrics-wrap{padding-left: 30px;}
}

@media all and (max-width:1024px){
  .cheering-wrap .song-borad{height: 635px;}
  .cheering-wrap .song-lyrics-text i{margin: 25px 0 ;}
  .cheering-wrap .school-sheet-box{float: left; width: 55%;}
  .cheering-wrap .song-lyrics-wrap{float: right; width: 44%; }

}
@media all and (max-width:835px){
  .cheering-wrap .song-btn-box::before{content: ''; width:36%;}
  .cheering-wrap .song-lyrics-text i{margin: 20px 0 ;}
}
@media all and (max-width:768px){
  .cheering-wrap .school-sheet-box img{display: block;}
  .cheering-wrap .school-sheet-box{background: none;}
  .cheering-wrap .song-borad{height: auto;}
  .cheering-wrap .school-sheet-box{float: none; width: 100%;}
  .cheering-wrap .song-lyrics-wrap{float: none; width: 100%; padding-left: 0; padding: 20px;}
  .cheering-wrap .song-lyrics-text{padding: 25px 0; }
  .cheering-wrap .song-lyrics-text span{font-size:28px;}
  .cheering-wrap .song-lyrics-text p{font-size:16px; padding-top: 20px;}
}

/* 행진곡 */
.marching-wrap .school-sheet-box img{display: none;}
.marching-wrap .container{max-width: 1400px; width: 100%; margin: auto; position: relative;}
.marching-wrap .song-borad{height: 780px;}
.marching-wrap .song-borad::after{ content: ''; display: block; clear: both;}
.marching-wrap .school-sheet-box{float: left; width: 61.42%; background: url(../../images/sub/marching-song-pic.png) no-repeat center / cover; height:100%;}
.marching-wrap .song-lyrics-wrap{float: right; width: 38.58%; padding-left: 100px; height: 100%; margin-top: 30px;}
.marching-wrap .song-lyrics-text{padding: 70px 0 53px 0; border-bottom: 2px solid #000000; border-top: 1px solid #000000;}
.marching-wrap .song-lyrics-text > span{font-size:30px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #121212;}
.marching-wrap .song-lyrics-text p{font-size:18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #666666;padding-top: 16px; word-break: keep-all; padding-bottom: 10px;}
.marching-wrap .marching-text > span{font-size:22px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #000000; padding-top: 25px;}
.marching-wrap .song-lyrics-text i{display: block; margin: 13px 0 ;}

@media all and (max-width:1350px){
  .marching-wrap .song-lyrics-wrap{padding-left: 30px;}
}
@media all and (max-width:1100px){
  .marching-wrap .song-btn-box::before{content: ''; width:42%;}
}

@media all and (max-width:1024px){
  .marching-wrap .song-borad{height: 635px;}
  .marching-wrap .school-sheet-box{float: left; width: 55%;}
  .marching-wrap .song-lyrics-wrap{float: right; width: 44%; }
}

@media all and (max-width:800px){
  .marching-wrap .school-sheet-box img{display: block;}
  .marching-wrap .school-sheet-box{background: none;}
  .marching-wrap .song-borad{height: auto;}
  .marching-wrap .school-sheet-box{float: none; width: 100%;}
  .marching-wrap .song-lyrics-wrap{float: none; width: 100%; padding-left: 0; padding: 20px;}
  .marching-wrap .song-lyrics-text{padding: 25px 0; }
  .marching-wrap .song-lyrics-text > span{font-size:28px;}
  .marching-wrap .song-lyrics-text p{font-size:16px; padding-top: 20px;}
  .marching-wrap .marching-text > span{font-size:20px; padding-top: 10px;}
  .marching-wrap .song-lyrics-text i{margin: 10px 0 ;}
}

/* 대학정보공시 */
.uni-info-wrap i{display: block;}
.uni-info-wrap .title{font-size: 40px; font-family: "Noto Bold"; color: #121212; line-height: 1.5; letter-spacing: -.05em; margin-bottom: 25px;}
.uni-info-wrap .con01-title-box span{font-size: 18px; font-family: "Noto Regular"; color: #666666; line-height: 1.5; letter-spacing: -.05em;}
.uni-info-wrap .info-con01 .defi-title-box{text-align: center; padding-bottom: 40px; margin-top: 40px; position: relative;}
.uni-info-wrap .info-con01 .defi-title-box::after{content: '';background: url(/sites/hufs/images/sub/bg-hei-shape.png) repeat-y;width: 1px;height: 50px;position: absolute;bottom: 0; left:50%; margin-left: -1px;}
.uni-info-wrap .info-con01 .defi-title-box p{ background: #002D56;display: inline-block;padding: 19px 78px;}
.uni-info-wrap .list-box p{font-size: 20px;font-family: "Noto Regular";color: #333333;line-height: 1.5;letter-spacing: -.05em;text-align: center; position: relative;}
.uni-info-wrap .info-con01 .defi-title-box p::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; bottom: 35px; left: 50%; margin-left: -5px; z-index: 1;}
.uni-info-wrap .defi-title-box p{font-size: 22px; font-family: "Noto Medium"; color:  #fff; line-height: 1.5; letter-spacing: -.05em; }
.uni-info-wrap .sub-list span{font-size: 18px; font-family: "Noto Light"; color: #333333; line-height: 24px; letter-spacing: -.05em;}
.uni-info-wrap .defi-list ul{display: flex;justify-content: space-between;margin: 0 -20px; position:relative;}
.uni-info-wrap .defi-list ul::before{content: '';background: url(/sites/hufs/images/sub/bg-shape.png) repeat-x; width: 75%; height: 1px;position: absolute;top: 0; left:50%; margin-left:-37.5%}
.uni-info-wrap .defi-list li{flex-basis: 25%;padding: 0 20px;position:relative;padding-top: 50px;text-align: center;}
.uni-info-wrap .defi-list li::after{content: '';background: url(/sites/hufs/images/sub/bg-hei-shape.png) repeat-y;width: 1px;height: 50px;position: absolute;top: 0;} 
.uni-info-wrap .defi-list .list-box{border: 1px solid #999999;min-height: 135px;display: flex;align-items: center;justify-content: center; position:relative;}
.uni-info-wrap .defi-list .list-box::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; top: -5px; left: 50%; margin-left: -5px; z-index: 1;}
.uni-info-wrap .info-con02 .con01-title-box{margin: 55px 0 60px 0;}
.uni-info-wrap .info-con2-list{display: flex;}
.uni-info-wrap .info-con02 li:not(.arrow){flex-basis: 33.333%;display: flex;flex-wrap: wrap;width: 100%;flex-direction: column;}
.uni-info-wrap .info-con02 li.arrow{background: url(/sites/hufs/images/sub/president-arrow.jpg) no-repeat top 28px center; padding: 0 35px; }
.uni-info-wrap .info-con02 .defi-title-box{text-align: center;padding: 19px 0;width: 100%;}
.uni-info-wrap .info-con02 .bg1{background: #002D56;}
.uni-info-wrap .info-con02 .bg2{background: #A78258;}
.uni-info-wrap .info-con02 .bg3{background: #008395;}
.uni-info-wrap .info-con02 .sub-list{border: 1px solid;margin-top: 10px;flex: 1;}
.uni-info-wrap .info-con02 .sub-list ul{min-height: 215px; padding: 35px 38px;}
.uni-info-wrap .info-con02 .sub-list li{padding-left: 20px; position: relative; margin-bottom: 8px;}
.uni-info-wrap .info-con02 .sub-list li::after{content:''; width:10px; height:10px; border-radius:50%; position: absolute; left:0; top:8px}
.uni-info-wrap .info-con02 .b1 ul > li::after{border: 3px solid #002D56;}
.uni-info-wrap .info-con02 .b2 ul > li::after{border: 3px solid #A78258;}
.uni-info-wrap .info-con02 .b3 ul > li::after{border: 3px solid #008395;}
.uni-info-wrap .info-con02 .b1{border: 1px solid #002D56;}
.uni-info-wrap .info-con02 .b2{border: 1px solid #A78258;}
.uni-info-wrap .info-con02 .b3{border: 1px solid #008395;}

@media all and (max-width:1200px){
  .uni-info-wrap .defi-list ul{margin: 0 -15px;}
  .uni-info-wrap .defi-list li{padding: 50px 15px 0;}
  .uni-info-wrap .list-box p{font-size: 18px; }
}

@media all and (max-width:1080px){
  .uni-info-wrap .info-con02 li.arrow{padding: 0 20px;}
  .uni-info-wrap .info-con02 .sub-list ul{padding: 20px 25px;}
}

@media all and (max-width:1050px){
  .uni-info-wrap .defi-list ul{flex-wrap: wrap;}
  .uni-info-wrap .defi-list li{flex-basis: 50%;}
  .uni-info-wrap .defi-list ul::before{margin-left: -25%; width: 50%;}
  .uni-info-wrap .defi-title-box p{font-size: 19px;}
  .uni-info-wrap .title{font-size: 35px;}
  .uni-info-wrap .con01-title-box span{font-size: 16px;}

}
@media all and (max-width:900px){
  .uni-info-wrap .title{font-size: 30px; margin-bottom: 15px;}
  .uni-info-wrap .info-con02 .con01-title-box{margin: 45px 0;}
  .uni-info-wrap .info-con2-list{flex-wrap: wrap;}
  .uni-info-wrap .info-con02 li:not(.arrow){flex-basis: 100%;}
  .uni-info-wrap .info-con02 li.arrow{background: url(/sites/hufs/images/sub/president-down-arrow_03.jpg) no-repeat bottom 8px center; margin: 15px auto; padding: 17px 25px;}
  .uni-info-wrap .info-con02 .sub-list ul{min-height: auto;}

}

@media all and (max-width:600px){
  .uni-info-wrap .defi-list li{flex-basis: 100%;}
  .uni-info-wrap .defi-list ul::before{content: none;}
  .uni-info-wrap .info-con01 .defi-title-box{padding-bottom: 0;}
  .uni-info-wrap .info-con01 .defi-title-box::after{content: none;}
  .uni-info-wrap .info-con01 .defi-title-box p::before{bottom: -4px;}
} 
 
/* 대학혁신지원사업 */

.innovation-wrap i{display: block;}
.innovation-wrap .con1{text-align: center; padding-bottom: 110px; background: url(/sites/hufs/images/sub/inno-down-arrow.png) no-repeat bottom center; margin-bottom: 40px;}
.innovation-wrap .con1-inner{padding: 55px 20px 56px 20px; background: #F6F6F6; display: block; }
.innovation-wrap .con1 p{font-size: 26px; font-family: "Noto Light"; line-height: 1.6; letter-spacing: -.05em; color: #333333;}
.innovation-wrap .con1 .bold-p , .innovation-wrap .con2 .bold-p{font-size: 30px; font-family: "Noto Bold"; color: #002d56; letter-spacing: -.05em;}
.innovation-wrap .con2-title-box{border: 1px solid #999999; display: flex; justify-content: space-between; padding: 20px 80px 23px 130px;}
.innovation-wrap .con2-list-box{display: flex; justify-content: space-between; margin-top: 50px;}
.innovation-wrap .list-box01 , .innovation-wrap .list-box03{flex-basis: 30%;}
.innovation-wrap .list-box02{flex-basis: 32.2%;}
.innovation-wrap .reward-list .reward-list-con{text-align: center; margin-bottom: 30px;}
.innovation-wrap .reward-list .reward-list-con:last-child{margin-bottom: 0;}
.innovation-wrap .bg-01{background: #002D56;}
.innovation-wrap .bg-02{background: #A78258;}
.innovation-wrap .bg-03{background: #008395;}
.innovation-wrap .top-title p{font-size: 28px;font-family: "Noto Medium";line-height: 1.5;letter-spacing: -.05em;padding: 19px 0;color: #ffffff;}
.innovation-wrap .under-text{font-size: 18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; padding: 23px 10px; word-break: keep-all;}
.innovation-wrap .color-01{color:#002D56; border: 2px solid #002D56;}
.innovation-wrap .color-02{color:#A78258; border: 2px solid #A78258;}
.innovation-wrap .color-03{color:#008395; border: 2px solid #008395;}
.innovation-wrap .box02-inner{text-align: center;}
.innovation-wrap .right-arrow p , .innovation-wrap .left-arrow p{font-size: 24px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #333333;} 
.innovation-wrap .right-arrow{padding-bottom: 14px;}
.innovation-wrap .left-arrow{padding-top: 13px;}
.innovation-wrap .circle-box{padding: 63px 0 70px 0; position: relative;}
.innovation-wrap .circle-box::after{content: ''; background: url(/sites/hufs/images/sub/inno-long-arrow.png) no-repeat right center; position: absolute; top: 0; width: 100%; height: 24px; left: 0;}
.innovation-wrap .circle-box::before{content: ''; background: url(/sites/hufs/images/sub/inno-long-arrow.png) no-repeat right center; position: absolute; bottom: 0; width: 100%; height: 24px; left: 0%;  transform: rotate(180deg);}
.innovation-wrap .circle {width:300px; height:300px; border:20px solid #474747; border-radius:50%; margin:0 auto; display:flex; align-items: center; justify-content:center; background:url('../../images/sub/vision_logo.png') no-repeat center; }
.innovation-wrap .circle p {font-size:35px; line-height:1.4; letter-spacing: -.05em; color:#222; font-family:'Noto Medium'; padding:20px;}
.innovation-wrap .list-box03 .defi-title-box{text-align: center;padding: 19px 0;width: 100%;}
.innovation-wrap .list-box03 .box-03-inner{ height: 100%;border: 2px solid #002D56;}  
.innovation-wrap .defi-title-box p{font-size: 28px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #fff;} 
.innovation-wrap .list-box03 .bg1{background: #002D56;}
.innovation-wrap .list-box03 .list-in > ul{padding: 35px 38px;}
.innovation-wrap .list-box03 .list-in > ul > li{padding-left: 20px; position: relative;}
.innovation-wrap .list-box03 .list-in > ul > li::after{content:''; width:10px; height:10px; border-radius:50%; position: absolute; left:0; top:10px}
.innovation-wrap .list-box03 .list-in > ul > li::after{border: 3px solid #002D56;}
.innovation-wrap .list-box03 span{font-size: 18px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em; color: #333333; margin-bottom: 8px; display: inline-block;}
.innovation-wrap .list-box03 .list-in ul li:last-child span{margin-bottom: 0;}
.innovation-wrap .sub-list span{padding-left: 10px; position: relative; line-height: 20px;}
.innovation-wrap .sub-list span::after{content: ''; width: 6px; height: 1px; background: #494949; position: absolute; top: 13px; left: 0;}
.innovation-wrap .con3{margin-top: 65px;}
.innovation-wrap .con3-inner{text-align: center;}
.innovation-wrap strong {font-size:40px; line-height:1.4; letter-spacing: -.05em; color:#333; font-family:'Noto Bold';  display:inline-block; position: relative;}
.innovation-wrap  .con3 strong::after {content:''; width:13px; height:13px; background:#E63B53; border-radius:50%; position: absolute; top:5px; right:-25px;}
.innovation-wrap  .con3 ul{display: flex; justify-content: space-between;margin-top:60px;}
.innovation-wrap  .con3 li{width: 47.5%;border: 1px solid #002D56;}
.innovation-wrap  .con3 li p{ font-size: 24px; font-family: "Noto Medium"; color: #002d56; line-height: 35px; letter-spacing: -.05em;padding: 30px 10px;}
.innovation-wrap  .con3 li:last-child{border: 1px solid #A78258;}
.innovation-wrap  .con3 li:last-child p{ color: #A78258; }

@media all and (max-width:1260px){
  .innovation-wrap .con2-title-box{padding: 20px 60px;}
  .innovation-wrap .con2 .bold-p{font-size: 25px;}

}

@media all and (max-width:1150px){
  .innovation-wrap .list-box03 .list-in > ul {padding: 30px 25px;}
  .innovation-wrap .circle {width:250px; height:250px; background-size:cover;}
  .innovation-wrap .circle p{font-size: 30px;}
  .innovation-wrap .con3 li p{font-size: 20px;}
}


@media all and (max-width:1024px){
  .innovation-wrap .con1 p {font-size: 22px;}
  .innovation-wrap .con1 .bold-p{font-size: 26px;}
  .innovation-wrap .con2 .bold-p{font-size: 20px;}
  .innovation-wrap .top-title p {font-size: 25px; padding: 13px 0;}
  .innovation-wrap .under-text{font-size: 16px;}
  .innovation-wrap .right-arrow p, .innovation-wrap .left-arrow p {font-size: 20px;}
  .innovation-wrap .defi-title-box p {font-size: 25px;}
  .innovation-wrap .list-box03 span{font-size: 16px;}
  .innovation-wrap strong{font-size: 36px;}
  .innovation-wrap .con3 li{width: 49%;}
  .innovation-wrap .con3 li p{font-size: 18px; line-height: 30px;}

}

@media all and (max-width:850px){
  .innovation-wrap .con2-title-box{display: block;}
  .innovation-wrap .con2-title-box{padding: 30px 20px;} 
  .innovation-wrap .con1 {margin-bottom: 20px;}
}

@media all and (max-width:768px){
  .innovation-wrap .con1 p {font-size: 18px;}
  .innovation-wrap .con1 .bold-p{font-size: 22px;}
  .innovation-wrap .con1-inner{padding: 45px 10px;}
  .innovation-wrap .con2-list-box {display: block;}
  .innovation-wrap .list-box02 {margin-top: 30px;}
  .innovation-wrap .circle-box{padding: 35px 24px; margin: 0 10%;}
  .innovation-wrap .circle-box::after{content: '';background: url(/sites/hufs/images/sub/inno-short-down-arrow.jpg) no-repeat left center; width: 24px; height: 100%;}
  .innovation-wrap .circle-box::before{content: ''; background: url(/sites/hufs/images/sub/inno-short-down-arrow.jpg) no-repeat right center; width: 24px; height: 100%; left: unset; right: 0;}
  .innovation-wrap .circle p{line-height: 1.3;}
  .innovation-wrap .list-box03{margin-top: 30px;}
  .innovation-wrap strong{font-size: 32px;}
  .innovation-wrap .con3 ul{display: block; margin-top: 30px;}
  .innovation-wrap .con3 li{margin-bottom: 20px; width: 100%;}
  .innovation-wrap .con3 li p{padding: 20px;}

}

@media all and (max-width:500px){
  .innovation-wrap .circle-box{margin: 0 8%;}
}




/* 인재상 */
.reward-wrap .reward-content01{text-align: center;}
.reward-wrap h2{font-size: 40px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; color: #333333; position: relative; display: inline-block;}
.reward-wrap h2::before{content: "";width: 13px; height: 13px; border-radius: 50%; background: #E63B53; position: absolute; top: 5px; right: -28px;}
.reward-wrap .round-box{margin:0 auto; padding-top: 65px; padding-bottom: 53px;}
.reward-wrap .round-box-inner{display: inline-block; }
.reward-wrap .round-border-box{height: 230px;border-radius: 50%;width: 230px; margin: 0 -13px;}
.reward-wrap .round-border-box > p{font-size: 28px; font-family: "Noto Bold"; line-height: 1.3; letter-spacing: -.05em; padding-top: 105px; padding-bottom: 35px;}
.reward-wrap .line01{border: 1px solid #002D56;}
.reward-wrap .line02{border: 1px solid #a78258;}
.reward-wrap .line03{border: 1px solid #008395;}
.reward-wrap .round-color01{color:#002D56; background: url(../../images/sub/con01-icon01.png) no-repeat top 37px center;}
.reward-wrap .round-color02{color:#a78258; background: url(../../images/sub/con01-icon02.png) no-repeat top  37px center;}
.reward-wrap .round-color03{color: #008395; background: url(../../images/sub/con01-icon03.png) no-repeat top 37px center;}
.reward-wrap h3{font-size: 30px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #121212; margin-bottom: 25px; margin-top: 44px; font-weight: normal;}
.reward-wrap .text-box > p{font-size: 18px; font-family: "Noto Regular"; line-height: 1.6; letter-spacing: -.05em; color: #666666;}
.reward-wrap .reward-content03{padding-top: 80px;}
.reward-wrap .reward-list{display: flex;justify-content: space-between;}
.reward-wrap .reward-list .reward-list-con{text-align: center;flex-basis: 30%;}
.reward-wrap .bg-01{background: #002D56;}
.reward-wrap .bg-02{background: #A78258;}
.reward-wrap .bg-03{background: #008395;}
.reward-wrap .top-title p{font-size: 28px;font-family: "Noto Medium";line-height: 1.5;letter-spacing: -.05em;padding: 30px 0 31px 0;color: #ffffff;}
.reward-wrap .under-text{font-size: 18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; padding: 22px 10px; word-break: keep-all;}
.reward-wrap .color-01{color:#002D56; border: 2px solid #002D56;}
.reward-wrap .color-02{color:#A78258; border: 2px solid #A78258;}
.reward-wrap .color-03{color:#008395; border: 2px solid #008395;}
.reward-wrap .global-edu{text-align: center; padding-top: 110px; background: url(../../images/sub/top-arrow.png) no-repeat top center; margin-top: 50px;}
.reward-wrap .global-inner{padding: 67px 0 47px 0; background: #F6F6F6;}
.reward-wrap .global-edu p{font-size: 30px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #333333;}
.reward-wrap .global-edu .sm-text{font-size: 20px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em; color: #666666; margin-top: 17px; word-break: keep-all;}

@media all and (max-width:1024px){
  .reward-wrap .global-inner{padding: 57px 20px 57px 20px}
  .reward-wrap .top-title p{font-size: 24px; padding: 20px 0 20px 0;}
  .reward-wrap .under-text{font-size: 16px; }
  .reward-wrap .global-edu .br{display: none;}

}
@media all and (max-width:970px){
  .reward-wrap .under-text .br{display: none;} 
}

@media all and (max-width:768px){
  .reward-wrap .round-box-inner{display: block;}
  .reward-wrap .round-border-box{height: auto; border-radius: 0; width: 100%; margin: 0 ; margin-bottom: 15px;}
  .reward-wrap .round-border-box > p{padding-top: 70px; font-size: 23px; padding-bottom: 20px;}
  .reward-wrap .round-color01{color:#002D56; background: url(../../images/sub/con01-icon01.png) no-repeat top 18px center;}
  .reward-wrap .round-color02{color:#a78258; background: url(../../images/sub/con01-icon02.png) no-repeat top  18px center;}
  .reward-wrap .round-color03{color: #008395; background: url(../../images/sub/con01-icon03.png) no-repeat top 18px center;}
  .reward-wrap h2{font-size: 32px;}
  .reward-wrap .round-box{padding-top: 40px; padding-bottom: 0;}
  .reward-wrap h3{font-size: 25px; margin-top: 35px;}
  .reward-wrap .text-box > p{font-size: 16px;}
  .reward-wrap .reward-content03{padding-top: 40px;}
  .reward-wrap .reward-list{display: block;}
  .reward-wrap .reward-list .reward-list-con{margin-bottom: 15px;}
  .reward-wrap .reward-list .reward-list-con:last-child{margin-bottom: 0;}
  .reward-wrap .global-edu{ margin-top: 30px;}
  .reward-wrap .global-inner{padding: 37px 20px 37px 20px;}
  .reward-wrap .global-edu p{font-size: 24px; }
  .reward-wrap .global-edu .sm-text{font-size: 16px; }
}

@media all and (max-width:600px){
  .reward-wrap h2{font-size: 26px;}
  .reward-wrap .round-border-box > p{font-size: 20px;}
  .reward-wrap .global-edu p{font-size: 20px; }
}

/* 자치기구단체 */
.student-wrap i{margin: 30px 0;display:block;}
.student-wrap .student-title{position:relative; padding-bottom:30px;}
.student-wrap .student-title::before{content:"";width: 72.4%;height:1px;background:#002D56;position:absolute;left:0;bottom:0;}
.student-wrap .student-title p{font-size:40px;font-family:"Noto Bold";line-height: 1.5;letter-spacing:-.05em;color:#002d56; margin-bottom:5px;}
.student-wrap .student-title .bold-p{font-size:70px;color:#121212;margin-bottom: 0; line-height:1.3;}
.student-wrap .text-row1{font-size:18px;font-family:"Noto Regular";line-height: 30px;letter-spacing:-.05em;color:#666666;padding-top: 65px;}
.student-wrap .student-box::after{content:""; display:block; clear:both;}
.student-wrap .pic-wrap{float:right; margin-left:20px;}

@media all and (max-width:1301px){
  .student-wrap .student-title p{font-size: 30px;}
  .student-wrap .student-title .bold-p{font-size: 60px;}
}

@media all and (max-width:1050px){
  .student-wrap .student-title p{font-size: 24px;}
  .student-wrap .student-title .bold-p{font-size: 35px;}
  .student-wrap .pic-wrap{float:none;  margin-left:0px;text-align:center;}
  .student-wrap .student-title{padding: 30px 0;}
  .student-wrap .student-title::before{content:""; width:100%;}
  .student-wrap .text-row1{padding-top:30px;}
}

@media all and (max-width:768px){
  .student-wrap .text-row1{font-size:16px;}
  .student-wrap i {margin:25px 0;}
}
@media all and (max-width:600px){
    .student-wrap .student-title p{font-size: 20px;}
  .student-wrap .student-title .bold-p{font-size: 30px;}
}

/* 글로벌캠퍼스 총학생회 */
.global-stu-wrap {position:relative;}
.global-stu-wrap .global-slogan::after {content:''; display:block; clear:both;}
.global-stu-wrap .global-slogan .bold-p {font-size:70px; line-height: 1.3; letter-spacing: -.05em; font-family:'Noto Bold'; color:#121212; margin-top:13px; display:block;}
.global-stu-wrap .global-slogan > strong i {display:block;}
.global-stu-wrap .img-box {float:right; font-size:0;}

.global-stu-wrap .txt-box {margin-top:60px;}
.global-stu-wrap .greeting-title {position:relative; padding-bottom:45px;}
.global-stu-wrap .greeting-title::after {content:'';width:72.71%;height:1px;background:#002D56;position: absolute;bottom: 0;left:0;}
.global-stu-wrap .bold-p i{display:block;}
.global-stu-wrap .greeting-title strong {font-size:40px; line-height:1.5; letter-spacing: -.05em; color:#002D56; font-family:'Noto Bold';}
.global-stu-wrap .txt-box p {font-size:18px; line-height:1.7; color:#666; letter-spacing: -.05em; font-family:'Noto Regular';}
.global-stu-wrap .txt-box p i {display:block; margin:30px 0;}

.global-stu-wrap .sign {margin-top:65px;}
.global-stu-wrap .sign > * {display:inline-block; vertical-align: middle;}
.global-stu-wrap .sign strong {font-size:18px; line-height:1.7;  letter-spacing: -.05em; color:#333;}
.global-stu-wrap .sign strong span {font-size:24px; line-height:1.2; letter-spacing: -.05em; color:#002D56; margin-left:10px;}
.global-stu-wrap .sign img {margin-left:20px;}

@media all and (max-width:1400px) {
  .global-stu-wrap .greeting-title strong {font-size:30px;}
}

@media all and (max-width:1200px) {
  .global-stu-wrap .global-slogan > strong {font-size:55px;}
  .global-stu-wrap .global-slogan .bold-p {font-size:55px;}
  .global-stu-wrap .img-box {text-align:right; width:35%}
}

@media all and (max-width:1023px) {
  .global-stu-wrap .img-box {float:none; text-align: center; width: auto;}
  .global-stu-wrap .txt-box {margin-top:30px;}
  .global-stu-wrap .bold-p i{display:inline-block;}
  .global-stu-wrap .global-slogan  > strong {font-size:35px; display: block; text-align: left; float: none;}
  .global-stu-wrap .global-slogan .bold-p {font-size:35px;}
  .global-stu-wrap .greeting-title {padding:30px 0;}
  .global-stu-wrap .greeting-title::after {width: 100%;}
}

@media all and (max-width:768px) {
  .global-stu-wrap .global-slogan  > strong {font-size:30px;}
  .global-stu-wrap .global-slogan .bold-p {font-size:30px;}
  .global-stu-wrap .greeting-title strong {font-size:25px;}
  .global-stu-wrap .txt-box p {font-size:16px;}

}

@media all and (max-width:600px) {
  .global-stu-wrap .global-slogan > strong {font-size:26px;}

  .global-stu-wrap .greeting-title strong {font-size:22px;}
  .global-stu-wrap .sign strong {font-size:16px;}
  .global-stu-wrap .sign strong span {font-size:18px;}
  .global-stu-wrap .sign img {width:130px}
}

/*btn i*/
.para-banner i{display:block;}

/* 모바일서비스 */
.mobile-service-wrap {position:relative;}
.mobile-service-wrap ul::after {content:''; display:block; clear:both;}
.mobile-service-wrap ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.mobile-service-wrap li { width:33.3333%; text-align:center; border-right:1px solid #e1e1e1;}
.mobile-service-wrap li:last-child {border-right:none;}
.mobile-service-wrap li .con {margin-top:-50px;}
.mobile-service-wrap li br {display:block;}
.mobile-service-wrap .txt-box strong {font-size:24px; line-height:1.5; font-family:'Noto Medium'; color:#121212; letter-spacing:-.05em; margin-top:10px; display:block;}
.mobile-service-wrap .txt-box p {font-size:18px; line-height:25px; letter-spacing:-.05em; font-family:'Noto Regular'; color:#666; margin-top:10px;}
@media all and (max-width:1024px) {
  .mobile-service-wrap ul {justify-content:center;}
  .mobile-service-wrap li {width:50%; margin-bottom:50px;border-right:unset;}
  .mobile-service-wrap li:first-child {border-right:1px solid #e1e1e1;}
}
@media all and (max-width:768px) {
  .mobile-service-wrap li {width:100%;}
  .mobile-service-wrap li:first-child {border-right:unset;}
}

/* 융합전공 전체보기 */
.converg-major-wrap .title-box p{font-size: 48px; font-family:"Noto Medium" ; line-height: 36px; letter-spacing: -.05em ; color: #222222; margin-bottom: 50px; }

.converg-major-wrap .con ul{display: flex; margin: 0 -10px; flex-wrap: wrap; text-align: center;}
.converg-major-wrap .con li{padding: 0 10px; flex-basis: 25%; margin-bottom: 75px;}

.converg-major-wrap .text-box {font-size: 26px; font-family:"Noto Bold" ; line-height: 36px; letter-spacing: -.05em ; color: #002d56; background: #EEEEEE; padding: 60px 5px 20px 5px; margin-top: -50px;}

.converg-major-wrap .text-box p{position: relative; background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s;}
.converg-major-wrap .text-box p{position: relative; background: linear-gradient(to bottom, transparent 98%, rgba(0,45,86,1) 0) left center no-repeat; background-size: 0; transition: .4s; display:inline-block;}
.converg-major-wrap .con li:hover .text-box p {background-size: 100% auto;}
.converg-major-wrap .icon-box{width: 100px; border-radius: 50%; background: #fff; border: 2px solid #EEEEEE; margin: auto; position: relative;}
.converg-major-wrap .img-box{height: 100px; display: flex; align-items: center; justify-content: center;}

@media all and (max-width:1250px){
  .converg-major-wrap .text-box {font-size: 22px;}

}

@media all and (max-width:1024px){
  .converg-major-wrap .con li{flex-basis: 33.333%; margin-bottom: 35px;}
}

@media all and (max-width:850px){
  .converg-major-wrap .con li{flex-basis: 50%;}
}

@media all and (max-width:600px){
  .converg-major-wrap .con li{flex-basis: 100%;}
}

/* 대학원 전체보기 */

.graduate-school-wrap .text-box a > p > span{font-size: 26px; font-family: "Noto Bold"; color: #fff; line-height: 36px; letter-spacing: -.05em; display: inline-block; position: relative; background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s;}
.graduate-school-wrap .text-box a:hover p > span{background-size:100% auto;}

.graduate-school-wrap .text-box a > span{font-size: 18px; font-family: "Noto Medium"; color: #a8b0ba; line-height: 30px; letter-spacing: -.05em; display: inline-block; padding-right: 20px; background: url(/sites/hufs/images/sub/graduate-school-arrow.png) no-repeat right center;}


.graduate-school-wrap ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.graduate-school-wrap li{flex-basis: 33.33%; padding: 0 10px; margin-bottom: 100px;}
.graduate-school-wrap .text-box {margin-top: -60px;}
.graduate-school-wrap .text-box a{display: inline-block; background: #002D56; width: 400px; padding: 24px 20px 20px 20px; }

.graduate-school-wrap .icon-box{width: calc(100% - 35px); margin: 0 35px;}

@media all and (max-width:1200px){
  .graduate-school-wrap .text-box a{ width: 250px; padding: 15px;}
  .graduate-school-wrap .text-box a > p > span{font-size: 23px;}
  .graduate-school-wrap .text-box a > span{font-size: 16px;}

}

@media all and (max-width:1100px){
  .graduate-school-wrap li{flex-basis: 50%;}

}

@media all and (max-width:768px){
  .graduate-school-wrap li{flex-basis: 100%; text-align: center; margin-bottom: 50px;}
  .graduate-school-wrap .icon-box{width: 100%; margin: 0 0px;}
}

/* 역사 */
.wrap-hist {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.wrap-hist .row {display: flex; align-items: start; width: 100%; padding: 30px 0; border-bottom: 1px solid #aaabab;}
.wrap-hist .row:last-child {border: 0;}
.wrap-hist .date {width: 235px;}
.wrap-hist .date strong {position: relative; padding-left: 25px; font-family: 'Noto Bold'; font-size: 24px; color: #002d56;}
.wrap-hist .date strong::before {content: ''; position: absolute; left: 0; top: 15px; width: 10px; height: 10px; border-radius: 100%; background: #a78258;}
.wrap-hist .con {flex: 1; align-self: center;}
.wrap-hist .con p {font-family: 'Noto Regular'; font-size: 16px; line-height: 1.8; color: #666;}

@media all and (max-width: 660px) {
  .wrap-hist .row {flex-wrap: wrap;}
  .wrap-hist .date {width: 100%;}
  .wrap-hist .con {padding-top: 10px;}
  .wrap-hist .con p {font-size: 15px;}
}

/* 핵심역량 */
.wrap-power .title {margin: 50px 0; text-align: center;}
.wrap-power .title strong {position: relative; display: inline-block; font-family: 'Noto Bold'; font-size: 40px; line-height: 1; color: #333;}
.wrap-power .title strong::after {content: ''; position: absolute; right: -23px; top: -10px; width: 12px; height: 12px; background: #e63b53; border-radius: 100%;}
.wrap-power .row {display: flex; width: 100%; margin-bottom: 50px;}
.wrap-power .row:last-child {margin-bottom: 0;}
.wrap-power .box1 {display: flex; justify-content: center; align-items: center; width: 160px; height: 120px; background: #002d56; text-align: center; font-family: 'Noto Medium'; font-size: 24px; line-height: 1.2; color: #fff;}
.wrap-power .color2 .box1 {background: #a78258;}
.wrap-power .color3 .box1 {background: #008395;}
.wrap-power .box2 {display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding-left: 20px;}
.wrap-power .box2 .line {display: flex; align-items: center;}
.wrap-power .box2 .line strong {display: block; align-self: stretch; width: 240px; height: 50px; border: 2px solid #002d56; font-family: 'Noto Medium'; font-size: 18px; text-align: center; line-height: 47px; color: #002d56;}
.wrap-power .color2 .box2 .line strong {border-color: #a78258; color: #a78258;}
.wrap-power .color3 .box2 .line strong {border-color: #008395; color: #008395;}
.wrap-power .box2 .line em {position: relative; flex: 1; padding-left: 40px; font-family: 'Noto Light'; font-size: 18px; color: #333;}
.wrap-power .box2 .line em::after {content: ''; position: absolute; left: 20px; top: 9px; width: 10px; height: 10px; border: 3px solid #002d56; border-radius: 100%;}
.wrap-power .color2 .box2 .line em::after {border-color: #a78258;}
.wrap-power .color3 .box2 .line em::after {border-color: #008395;}

@media all and (max-width: 1200px) {
  .wrap-power .box1 {width: 130px;}
  .wrap-power .box2 .line strong {width: 200px; font-size: 16px;}
  .wrap-power .box2 .line em {font-size: 16px;}
  .wrap-power .box2 .line em::after {top: 8px}
}

@media all and (max-width: 860px) {
  .wrap-power .title {margin: 40px 0 30px 0;}
  .wrap-power .title strong {font-size: 30px;}
  .wrap-power .row {flex-wrap: wrap;}
  .wrap-power .box1 {width: 100%; height: 60px;}
  .wrap-power .box1 br {display: none;}
  .wrap-power .box2 {height: 140px; padding-left: 0; padding-top: 20px;}
}

@media all and (max-width: 786px) {
  .wrap-power .row {margin-bottom: 20px;}
  .wrap-power .title strong {font-size: 23px;}
  .wrap-power .box1 {font-size: 20px;}
  .wrap-power .box2 {height: auto;}
  .wrap-power .box2 .line {flex-wrap: wrap; margin-bottom: 10px;}
  .wrap-power .box2 .line strong {width: 100%; margin-bottom: 10px;}
  .wrap-power .box2 .line em {padding-left: 20px;}
  .wrap-power .box2 .line em::after {left: 0;}
}

/* Edu-UP 모아보기 */
.wrap-edu-up .row {margin-bottom: 100px;}
.wrap-edu-up .row:last-child {margin-bottom: 0;}
.wrap-edu-up .row ul {display: flex; flex-wrap: wrap; gap: 100px 20px; justify-content: space-between; width: 100%;}
.wrap-edu-up .row li {display: flex; align-items: center; width: 23%; height: 200px; padding: 0 40px; background: #f1f1f1;}
.wrap-edu-up .con span {display: block; font-family: 'Noto Regular'; font-size: 15px; color: #e63b53;}
.wrap-edu-up .con strong {display: block; margin-bottom: 33px; font-family: 'Noto Bold'; font-size: 26px; line-height: 1.1; color: #002d56;}
.wrap-edu-up .con strong i {font-size: 22px;}
.wrap-edu-up .con a {display: inline-block; height: 40px; padding: 0 20px; border: 1px solid #002d56; font-family: 'Noto Medium'; font-size: 15px; line-height: 37px; color: #002d56;}
.wrap-edu-up .con a::after {content: ''; position: relative; top: -2px; display: inline-block; width: 12px; height: 7px; margin-left: 30px; background: url('../../images/sub/arr-edu-up.png') no-repeat center; vertical-align: middle;}
.wrap-edu-up .con a:hover {background: #002d56; color: #fff;}
.wrap-edu-up .con a:hover::after {background: url('../../images/sub/arr-edu-up-ov.png') no-repeat center;}

@media all and (max-width: 1440px) {
  .wrap-edu-up .con strong {font-size: 22px;}
  .wrap-edu-up .con strong i {font-size: 18px;}
}

@media all and (max-width: 1200px) {
  .wrap-edu-up .row li {width: 31%;}
  .wrap-edu-up .con a::after {margin-left: 10px;}
}

@media all and (max-width: 780px) {
  .wrap-edu-up .row ul {gap: 20px;}
  .wrap-edu-up .row li {width: 47%; height: 180px; padding: 0 20px;}
  .wrap-edu-up .con strong {margin-bottom: 15px; font-size: 20px;}
  .wrap-edu-up .con strong i {font-size: 16px;}
  .wrap-edu-up .con a {font-size: 13px;}
}

/* Facts */
.content01-wrap{position: relative;}
.content01-wrap .con-box01{position: relative; height: 450px; margin-top: 35px;}
.txt-title{position: relative;}
.txt-title .txt-tit{font-size: 30px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #121212; margin-top: 25px;}
.date-txt{font-size: 20px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em; color: #999999; text-align: right; position: absolute; right: 0; bottom: 0;}
.content01-wrap .diagram-text .color1{color: #008395 ;}
.content01-wrap .diagram-text .color2{color: #A78258;}
.content01-wrap .diagram-text .color4{color: #002D56;}
.content01-wrap .diagram-text .color3{color: #E63B53;}
.content01-wrap .diagram-text > span{font-size: 28px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em;}
.content01-wrap .diagram-text li .sub-txt{font-size: 16px; font-family: "Noto Regular"; color: #333333; font-weight: normal;}
.content01-wrap .diagram-text li > span{font-size: 24px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #333333;}
.content01-wrap .diagram-text .m-color{font-size: 16px; font-family: "Noto Regular";}

.content01-wrap .shape-box.shape1{background: url(../../images/sub/Triangle-1.png) no-repeat center center / cover; width: 221px; height: 371px;}
.content01-wrap .shape-box.shape2{background: url(../../images/sub/Triangle-2.png) no-repeat center center / cover; width: 184px; height: 308px; }
.content01-wrap .shape-box.shape3{background: url(../../images/sub/Triangle-3.png) no-repeat center center / cover; width: 129px; height: 215px; z-index: 1; position: relative;}
.content01-wrap .shape-box.shape4{background: url(../../images/sub/Triangle-4.png) no-repeat center center / cover; width: 201px; height: 336px;}
.content01-wrap .diagram-inner{position: absolute;}
.content01-wrap .diagram-inner.type1{top: 0; left: 50%; margin-left: -110px;}
.content01-wrap .diagram-inner.type2{top: 21%; left: 50%; margin-left: -160px;}
.content01-wrap .diagram-inner.type3{bottom: 14px;right: 50%;margin-right: -105px;}
.content01-wrap .diagram-inner.type4{top: 45px; right: 50%; margin-right: -232px;}
.content01-wrap .diagram-inner .diagram-text{background: #fff;}
.content01-wrap .diagram-inner.type1 .diagram-text{text-align: right; position: absolute; top: 20px; margin-left: -495px; padding-right: 40px;}
.content01-wrap .diagram-inner.type1 .diagram-text::before{content: ''; width: 160%; height: 2px; background: #008395; position: absolute; top: 24px; left: 220px; z-index: -1; }
.content01-wrap .diagram-inner.type2 .diagram-text{text-align: right;    position: absolute; top: 52%; margin-left: -423px; padding-right: 40px;}
.content01-wrap .diagram-inner.type2 .diagram-text::before{content: ''; width: 150%; height: 2px; background: #A78258; position: absolute; top: 24px; left: 220px; z-index: -1; }
.content01-wrap .diagram-inner.type3 .diagram-text{text-align: left;position: absolute; right: 50%; margin-right: -616px; top: 70px; padding-left: 40px;}
.content01-wrap .diagram-inner.type3 .diagram-text::before{content: ''; width: 80%; height: 2px; background: #E63B53; position: absolute; top: 24px; right: 329px; z-index: 1; }
.content01-wrap .diagram-inner.type4 .diagram-text{text-align: left;position: absolute;margin-right: -493px;right: 50%;top: 41px; padding-left: 40px;}
.content01-wrap .diagram-inner.type4 .diagram-text::before{content: ''; width: 100%; height: 2px; background: #002D56; position: absolute; top: 24px; right: 218px; z-index: -1; }

@media all and (max-width:1350px){
  .content01-wrap .diagram-inner.type1 .diagram-text{margin-left: -400px; padding-right: 20px;}
  .content01-wrap .diagram-inner.type1 .diagram-text::before{width: 130%;}
  .content01-wrap .diagram-inner.type2 .diagram-text{margin-left: -370px;  padding-right: 20px;}
  .content01-wrap .diagram-inner.type2 .diagram-text::before{width: 120%;}
  .content01-wrap .diagram-inner.type3 .diagram-text{margin-right: -555px;  padding-left: 20px;}
  .content01-wrap .diagram-inner.type3 .diagram-text::before{width: 65%;}
  .content01-wrap .diagram-inner.type4 .diagram-text{margin-right: -420px; padding-left: 20px;}
  .content01-wrap .diagram-inner.type4 .diagram-text::before{width: 67%;}
}

@media all and (max-width:1220px){
  .content01-wrap .diagram-text > span{font-size: 24px;}
  .content01-wrap .diagram-text li > span{font-size: 20px;}
  .content01-wrap .diagram-inner.type1 .diagram-text{margin-left: -300px; padding-right: 20px;}
  .content01-wrap .diagram-inner.type1 .diagram-text::before{width: 100%;left: 200px;}
  .content01-wrap .diagram-inner.type2 .diagram-text{margin-left: -246px;  padding-right: 20px;}
  .content01-wrap .diagram-inner.type2 .diagram-text::before{width: 120%; left: 170px;}
  .content01-wrap .diagram-inner.type3 .diagram-text{margin-right: -435px;  padding-left: 20px; top: 78%;}
  .content01-wrap .diagram-inner.type3 .diagram-text::before{width: 26%; right: 307px;}
  .content01-wrap .diagram-inner.type4 .diagram-text{margin-right: -335px; padding-left: 20px;}
  .content01-wrap .diagram-inner.type4 .diagram-text::before{width: 46%;}

}

@media all and (max-width:1024px){
  .txt-title .txt-tit{font-size: 25px;} 
  .date-txt{margin-bottom: 10px; font-size: 16px;}
  .content01-wrap .shape-box{display: none;}
  .content01-wrap .shape-box.shape1{background: none; width: 100%; height: 100%;}
  .content01-wrap .shape-box.shape2{background: none;  width: 100%; height: 100%;}
  .content01-wrap .shape-box.shape3{background: none;  width: 100%; height: 100%}
  .content01-wrap .shape-box.shape4{background: none;  width: 100%; height: 100%; }
  .content01-wrap .diagram-inner .diagram-text{background: transparent;}
  .content01-wrap .con-box01{display: flex; margin: 0 -10px;height: 100%; flex-wrap: wrap; margin-top: 15px;}
  .content01-wrap .diagram-inner{position: static; width: 33.3333%; padding: 0 10px; margin-bottom: 15px;}
  .content01-wrap .diagram-inner.type1{margin-left: 0;}
  .content01-wrap .diagram-inner.type2{margin-left: 0;}
  .content01-wrap .diagram-inner.type3{ margin-right: 0;}
  .content01-wrap .diagram-inner.type4{ margin-right: 0;}
  .content01-wrap .diagram-inner .inner-box{min-height: 200px; padding: 30px 20px 30px 20px;}
  .content01-wrap .diagram-inner.type1 .inner-box{position: relative;background: url(../../images/sub/shape02.jpg);}
  .content01-wrap .diagram-inner.type1 .inner-box::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index: 1;}
  .content01-wrap .diagram-inner.type2 .inner-box{position: relative;background: url(../../images/sub/shape03.jpg);}
  .content01-wrap .diagram-inner.type2 .inner-box::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; ; z-index: 1;}
  .content01-wrap .diagram-inner.type3 .inner-box{position: relative;background: url(../../images/sub/shape01.jpg);}
  .content01-wrap .diagram-inner.type3 .inner-box::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;  background: #fff;z-index: 1;}
  .content01-wrap .diagram-inner.type4 .inner-box{position: relative;background: rgba(0,45,80,1);}
  .content01-wrap .diagram-inner.type4 .inner-box::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background:  #fff; z-index: 1;}
  .content01-wrap .diagram-inner ul{margin-top: 10px;}
  .content01-wrap .diagram-inner.type1 .diagram-text{position: relative;top: 0; text-align: center; margin-left: 0; padding-right: 0; z-index: 2;}
  .content01-wrap .diagram-inner.type2 .diagram-text{position: relative; text-align: center; top: 0; margin-left: 0; padding-right: 0; z-index: 2;}
  .content01-wrap .diagram-inner.type3 .diagram-text{position: relative; text-align: center; margin-right: 0; right: 0; top: 0; padding-left: 0; z-index: 2;}
  .content01-wrap .diagram-inner.type4 .diagram-text{position: relative; text-align: center; top: 0; right: 0; margin-right: 0; padding-left: 0; z-index: 2;}
  .content01-wrap .diagram-inner .diagram-text::before{display: none;}

}

@media all and (max-width:800px){
  .content01-wrap .diagram-inner{width: 50%;}
}
@media all and (max-width:600px){
  .content01-wrap .diagram-inner .inner-box{min-height: auto;}
  .content01-wrap .diagram-inner{width: 100%;}
}

.content02-wrap{position: relative; margin-top: 55px; margin-bottom: 35px;}
.content02-wrap .sub-txt{font-size: 40px; font-family: "Noto Bold"; line-height: 36px; letter-spacing: -.05em; }
.content02-wrap .circle-title{font-size: 30px; font-family: "Noto Regular"; color:#fff; line-height: 42px; text-align: center; letter-spacing: -.05em;}
.content02-wrap .under-txt{color:#333333; font-size: 25px; display: block; margin-top: 15px;}
.content02-wrap .con-box02{display: flex; justify-content: space-between;}
.content02-wrap .tree-circle-box{width: 50%; margin-top: 47px; position: relative;}
.content02-wrap .one-circle-box{width: 50%; position: relative;}
.content02-wrap .top-txt{padding-left: 140px; position: relative;}
.content02-wrap .top-txt::after{content: ''; background: url(../../images/sub/right-arrow.png) no-repeat top center / cover; width: 108px; height: 78px; position: absolute; top: 103px; left: 6px;}
.content02-wrap .top-txt::before{content: ''; background: url(../../images/sub/left-arrow.png) no-repeat center center / cover; width: 108px; height: 78px; position: absolute; left: -28px; top: 190px;}
.content02-wrap .round01{display: inline-block; position: absolute; left: 50%; margin-left: -209px; top: 6px;}
.content02-wrap .round02{display: inline-block; position: absolute;top: 71px;left: 52%;}
.content02-wrap .round03{display: inline-block; position: absolute; top: -16px; right: 50%; margin-right: -323px;}
.content02-wrap .arrow-box{position: relative;}
.content02-wrap .top-txt .num{font-size: 30px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em;}
.content02-wrap .under-txt span{font-size: 30px; font-family: "Noto Bold"; color: #333333; line-height: 35px; letter-spacing: -.05em;} 
.content02-wrap .under-txt .sub-txt{ font-family: "Noto Medium"; display: block;}

.content02-wrap .circle-box{display: flex; align-items: center; justify-content: center;}
.content02-wrap .round01 .circle-box{width: 290px; height: 290px; border-radius: 50%;background: #002D56;}
.content02-wrap .round02 .circle-box{width: 245px; height: 245px; border-radius: 50%;background: url(../../images/sub/shape01.jpg);} 
.content02-wrap .round03 .circle-box{width: 185px; height: 185px; border-radius: 50%;background:url(../../images/sub/shape02.jpg);} 
.content02-wrap .one-circle-box .circle-box{width:320px; height: 320px; border-radius: 50%;background: url(../../images/sub/shape03.jpg);} 


@media all and (max-width:1300px){

  .content02-wrap .tree-circle-box{width: 43%;}
  .content02-wrap .round01 .circle-box{width: 270px; height: 270px;}
  .content02-wrap .round02 .circle-box{width: 225px; height: 225px;}
  .content02-wrap .round03 .circle-box{width: 165px; height:165px;}
  .content02-wrap .one-circle-box .circle-box{width:300px; height: 300px;} 
  .content02-wrap .top-txt::before{width: 98px; height: 68px;}
  .content02-wrap .top-txt::after{width: 98px; height: 68px;}
  .content02-wrap .sub-txt{font-size: 35px;}
  .content02-wrap .circle-title{font-size: 28px;}
}

@media all and (max-width:1150px){
  .content02-wrap .con-box02{flex-wrap: wrap; display: block; margin-top: 30px;}
  .content02-wrap .tree-circle-box{height: 300px; width: 100%; max-width: 530px; margin: 0 auto; margin-top: 0;}
  .content02-wrap .round01{ left: 0; margin-left: 0px; top: 0px;}
  .content02-wrap .round02{top: 49px;left: 37%;}
.content02-wrap .round03{margin-right: -230px;}

  .content02-wrap .one-circle-box{width: 100%;}
  .content02-wrap .top-txt{padding-left: 0; padding-top: 90px; max-width: 300px; margin: 0 auto;}
  .content02-wrap .under-txt span{font-size: 25px;}
  .content02-wrap .top-txt::after{top: 0; right: 50%; left: unset; transform: rotate(90deg); width: 83px; height: 58px;}
  .content02-wrap .top-txt::before{left: 50%; margin-left: 0px; transform: rotate(90deg); top: 0; width: 83px; height: 58px;}
  .content02-wrap .one-circle-box .circle-box{margin: auto;}
  .content02-wrap .under-txt{text-align: center;}

}
@media all and (max-width:768px){
  .content02-wrap .round01 .circle-box{width: 240px; height: 240px;}
  .content02-wrap .round02 .circle-box{width: 205px; height: 205px;}
  .content02-wrap .round03 .circle-box{width: 145px; height: 145px;}
  .content02-wrap .round03{margin-left: -210px;}
  .content02-wrap .one-circle-box .circle-box{width: 270px; height: 270px;}
  .content02-wrap .circle-title{font-size: 20px;}
  .content02-wrap .top-txt .num{font-size: 25px;}
  .content02-wrap .under-txt span{font-size: 20px;}

}

/* content03 */
.content03-wrap{position: relative; margin-bottom: 32px;}
.content03-wrap .num-box{background: #F8F8F8; padding: 52px 35px 50px 70px; position: relative;}
.content03-wrap .con03-box02{margin-top: 35px;}
.content03-wrap .con03-box02 .notice-txt{right: 65px; bottom: 38px;}
.txt-title .sub-txt-tit{font-size: 22px; font-family: "Noto Medium"; color: #008395; margin-top: 15px; line-height: 1.5; letter-spacing: -.05em; margin-bottom: 20px;}
.num-box .left-area > p{font-size: 45px; line-height: 1.5; letter-spacing: -.05em; color: #333333; font-family: "Noto Regular"; margin-bottom: 12px;}
.num-box .left-area > p > span{font-size: 60px; font-family: "Noto Medium";}
.content03-wrap .top-tit p{font-size: 28px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em;}
.content03-wrap .top-tit .color01{color: #002d56;}
.content03-wrap .top-tit .color02{color: #e63b53;}
.content03-wrap .top-tit .color03{color: #008395 ;}
.content03-wrap .top-tit .color04{color: #A78258;}
.content03-wrap li{font-size: 16px; font-family: "Noto Regular"; line-height: 38px; letter-spacing: -.05em; color: #333333;}
.content03-wrap li > span{font-size: 24px; font-family: "Noto Medium";}
.content03-wrap .num-box::after{content: ''; display: block; clear: both;}
.content03-wrap .left-area{float: left; width: 37%;}
.content03-wrap .left-area > ul{display: flex; flex-wrap: wrap;}
.content03-wrap .left-area > ul > li{ width: 200px; margin-top: 35px;}
.content03-wrap .right-area{float: right; width: 705px;}
.content03-wrap .right-area .circle-box{width: 170px; height: 170px; border-radius: 50%; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -85px; margin-left: -85px; text-align: center; display: table;}
.content03-wrap .type-txt{font-size: 18px; font-family: "Noto Regular"; line-height: 13px; letter-spacing: -.05em;  text-align: right; }
.content03-wrap .type-txt .color01{color: #e63b53;}
.content03-wrap .type-txt .color02{color: #002D56;}
.content03-wrap .type-txt .color03{color: #A78258;}
.content03-wrap .type-txt .color04{color: #008395;}
.content03-wrap .type-txt .item{position: absolute;}
.content03-wrap .type-txt01 .item01{ right: -80px; top: -27px; padding-left: 37px;}
.content03-wrap .type-txt01 .item01::after{content:""; width:27px; height:2px; background:#E63B53; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt01 .item01::before{content:""; width:2px; height:30px; background:#E63B53; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt01 .item02 { bottom: -25px; right: -15px; padding-left: 37px;}
.content03-wrap .type-txt01 .item02::after{content:""; width:27px; height:2px; background:#002D56; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt01 .item02::before{content:""; width:2px; height:30px; background:#002D56; top: -22px; left: 0; position: absolute;}
.content03-wrap .type-txt02 .item01{ right: -26px; top: -27px; padding-left: 37px;}
.content03-wrap .type-txt02 .item01::after{content:""; width:27px; height:2px; background:#E63B53; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt02 .item01::before{content:""; width:2px; height:30px; background:#E63B53; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt02 .item02 { bottom: -25px; right: 0px; padding-left: 37px;}
.content03-wrap .type-txt02 .item02::after{content:""; width:27px; height:2px; background:#002D56; top: 7px; left: 0; position: absolute;}
.content03-wrap .type-txt02 .item02::before{content:""; width:2px; height:54px; background:#002D56; top: -47px; left: 0; position: absolute;}
.content03-wrap .type-txt03 .item01{left:-43px; top: -32px; padding-right: 37px;}
.content03-wrap .type-txt03 .item01::after{content: ''; width: 27px; height: 2px; background: #E63B53; position: absolute; right: 0; top: 5px;}
.content03-wrap .type-txt03 .item01::before{content: ''; width: 2px; height: 50px; background: #E63B53; position: absolute; right: 0; top: 5px;}
.content03-wrap .type-txt03 .item02{right: -129px; bottom: -27px; padding-left: 37px;}
.content03-wrap .type-txt03 .item02::after{content: ''; width: 27px; height: 2px; background: #002D56; position: absolute; left: 0; top: 5px;}
.content03-wrap .type-txt03 .item02::before{content: ''; width: 2px; height: 50px; background: #002D56; position: absolute; left: 0; top: -44px;}
.content03-wrap .type-txt03 .item03{left: -134px; top: 20px; padding-right: 37px;}
.content03-wrap .type-txt03 .item03::after{content: ''; width: 27px; height: 2px; background: #A78258; position: absolute; right: 0; top: 5px;}
.content03-wrap .type-txt03 .item03::before{content: ''; width: 2px; height: 50px; background: #A78258; position: absolute; right: 0; top: 6px;}
.content03-wrap .type-txt03 .item04{left: -130px; bottom: -26px; padding-right: 37px;}
.content03-wrap .type-txt03 .item04::after{content: ''; width: 27px; height: 2px; background: #008395; position: absolute; right: 0; top: 5px;}
.content03-wrap .type-txt03 .item04::before{content: ''; width: 2px; height: 50px; background: #008395; position: absolute; right: 0; top: -44px;}
.content03-wrap .type-txt04 .item02{right: -15px; bottom: -30px; padding-left: 37px;}
.content03-wrap .type-txt04 .item02::after{content: ''; width: 27px; height: 2px; background: #002D56; position: absolute; left: 0; top: 5px;}
.content03-wrap .type-txt04 .item02::before{content: ''; width: 2px; height: 50px; background: #002D56; position: absolute; left: 0; top: -44px;}
.content03-wrap .type-txt04 .item03{top: -38px;padding-left: 37px;right:4px;}
.content03-wrap .type-txt04 .item03::after{content: ''; width: 27px; height: 2px; background: #A78258; position: absolute; left: 0; top: 5px;}
.content03-wrap .type-txt04 .item03::before{content: ''; width: 2px; height: 50px; background: #A78258; position: absolute; left: 0; top: 7px;}
.content03-wrap .type-txt04 .item04{left: -153px; bottom: 5px; padding-right: 37px;}
.content03-wrap .type-txt04 .item04::after{content: ''; width: 27px; height: 2px; background: #008395; position: absolute; right: 0; top: 5px;}
.content03-wrap .type-txt04 .item04::before{content: ''; width: 2px; height: 50px; background: #008395; position: absolute; right: 0; top: -44px;}
.content03-wrap .con03-box02 .num-box{padding: 52px 35px 30px 70px;}
.content03-wrap .right-area .circle-box span{font-size: 22px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; color: #333333;display: table-cell; vertical-align: middle;}
.content03-wrap .right-area .type-circle{position: relative;}
.content03-wrap .right-area .type-circle.type1{background: url(../../images/sub/circle-grape01.png) no-repeat; border-radius: 50%; width: 260px; height: 260px;}
.content03-wrap .right-area .type-circle.type2{background: url(../../images/sub/circle-grape02.jpg) no-repeat; border-radius: 50%; width: 260px; height: 260px; position: relative; }
.content03-wrap .right-area .image-wrap{display: flex; justify-content: space-between;}
.content03-wrap .right-area .image-box{width: 350px; padding-top: 30px;}
.content03-wrap .right-area .image-box02{ width: 287px;}
.content03-wrap .moblie-txt{ display: none; text-align: center; padding-top: 20px;}
.content03-wrap .moblie-txt p{font-size: 16px; font-family: "Noto Regular"; padding-left: 20px; margin-left: 10px;}
.content03-wrap .moblie-txt p.txt01{color: #e63b53; display: inline-block; position: relative;}
.content03-wrap .moblie-txt p.txt01::after{content: ''; width: 15px; height: 15px; background: url(../../images/sub/shape01.jpg); position: absolute; left: 0; top: 5px;}
.content03-wrap .moblie-txt p.txt02{color: #002D56; display: inline-block; position: relative;}
.content03-wrap .moblie-txt p.txt02::after{content: ''; width: 15px; height: 15px; background: #002D56; position: absolute; left: 0; top: 5px;}
.content03-wrap .moblie-txt p.txt03{color: #A78258;; display: inline-block; position: relative;}
.content03-wrap .moblie-txt p.txt03::after{content: ''; width: 15px; height: 15px; background: url(../../images/sub/shape03.jpg); position: absolute; left: 0; top: 5px;}
.content03-wrap .moblie-txt p.txt04{color: #008395; display: inline-block; position: relative;}
.content03-wrap .moblie-txt p.txt04::after{content: ''; width: 15px; height: 15px; background: url(../../images/sub/shape02.jpg); position: absolute; left: 0; top: 5px;}
.content03-wrap .right-area02 .image-box{padding-top: 120px;}
.content03-wrap .right-area02 .type-circle.type1{background: url(../../images/sub/circle-grape03.png) no-repeat; border-radius: 50%; width: 260px; height: 260px; padding-top: 100px;}
.content03-wrap .right-area02 .type-circle.type2{background: url(../../images/sub/circle-grape04.png) no-repeat; border-radius: 50%; width: 260px; height: 260px; position: relative; }

@media all and (max-width:1300px){
  .container{padding: 0 20px;}
  .content03-wrap .num-box{padding: 42px 30px 56px 30px;}
  .content03-wrap .left-area{width: 33%;}
}

@media all and (max-width:1360px){
  .txt-title .sub-txt-tit{font-size: 20px;}
  .content03-wrap .num-box{background: none; padding: 0;}
  .content03-wrap .left-area{float: none; width: 100%; background: #f8f8f8f8; margin-top: 55px; padding: 30px;}
  .content03-wrap .right-area{float: none; margin: 0 auto; width: 100%;}
  .content03-wrap .right-area .type-circle.type1{margin: auto;}
  .content03-wrap .right-area .type-circle.type2{margin: auto;}
  .content03-wrap .right-area .image-box{width: 50%;}
  .content03-wrap .right-area02 .image-box{padding-top: 45px;}
  .content03-wrap .right-area .image-box02{width: 50%;}
  .num-box .left-area > p{font-size: 40px;}
  .num-box .left-area > p > span{font-size: 55px;}
  .num-box .left-area > p{margin-bottom: 0px;}
  .content03-wrap .left-area > ul > li{width: 50%; margin-top: 15px;}
  .content03-wrap .con03-box02 .num-box{padding: 0px;}
  .content03-wrap .con03-box02 .notice-txt{bottom: 0; right: 10px; font-size: 16px;}



}
@media all and (max-width:1024px){
  .content03-wrap .moblie-txt{display: block; width: 300px; margin: auto; text-align: unset;}
  .content03-wrap .moblie-txt p{width: 100%;}
  .content03-wrap .type-txt{display: none;}
  .num-box .left-area > p > span{font-size: 50px;}

}

@media all and (max-width:730px){
  .content03-wrap .right-area .image-wrap{display: block;}
  .content03-wrap .right-area .image-box{width: 100%; margin-top: 0px;}
  .num-box .left-area > p{font-size: 25px;}
  .num-box .left-area > p > span{font-size: 40px;}
  .content03-wrap .top-tit p{font-size: 23px;}
  .content03-wrap li > span{font-size: 20px;}
}

@media all and (max-width:600px){
  .content03-wrap .left-area > ul > li{width: 100%;}
}

/*content04*/
.content04-wrap .pc-chart{display: none;}
.content04-wrap .hidden{visibility: hidden;}
.content04-wrap .chart-box{padding-top: 50px; padding-bottom: 50px;}
.content04-wrap .chart-box::after{content: ''; display: block; clear: both;}
.content04-wrap .chart-title{float: left; width: 155px; text-align: right; padding-right: 30px;}
.content04-wrap .chart-list{float: left; width: 72.8%; height: 185px;}
.content04-wrap .chart-tit{float: right; width: 15.7%; padding-left: 37px;}
.content04-wrap .chart-inner{height: 38px; position: relative; margin-bottom: 20px;}
.content04-wrap .inner{position: relative;}
.content04-wrap .chart-line{height: 18px;}
.content04-wrap .item1 .chart-line{position: absolute;}
.content04-wrap .item2 .chart-line{position: absolute;}
.content04-wrap .item3 .chart-line{position: absolute;}
.content04-wrap .item1 .chart-line.style1{ width: 51%;  background: #002D56; top: 0;} 
.content04-wrap .item1 .chart-line.style2{width: 49%; background: url(../../images/sub/shape01.jpg); bottom: 0;}
.content04-wrap .item2 .chart-line.style1{ width: 5%;  background: #002D56; top: 0;} 
.content04-wrap .item2 .chart-line.style2{width: 38%; background: url(../../images/sub/shape01.jpg); bottom: 0; }
.content04-wrap .item3 .chart-line.style1{ width: 55%;  background: #002D56; top: 0;} 
.content04-wrap .item3 .chart-line.style2{width: 90%; background: url(../../images/sub/shape01.jpg); bottom: 0; }
.content04-wrap .chart-percent {font-size: 18px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #e63b53; position: absolute; right: -43px; top: 50%; margin-top: -14px;}
.content04-wrap .chart-percent.color01{color: #002d56;} 
.content04-wrap .chart-title p{font-size: 20px; font-family: "Noto Medium"; line-height: 60px; letter-spacing: -.05em; color:#121212; }
.content04-wrap .chart-list{border-left: 2px solid #6E6E6E; border-right: 2px solid #6E6E6E; padding: 15px 0; background: url(../../images/sub/graph-bg.png);}
.content04-wrap .chart-tit span{font-size: 18px; font-family: "Noto Regular"; line-height: 30px; letter-spacing: -.05em; display: block; position: relative;padding-left: 27px;}
.content04-wrap .chart-tit span.color01{color: #002d56; }
.content04-wrap .chart-tit span.color01::after{content: ''; width: 20px; height: 20px; background: #002D56; position: absolute; left: 0; top: 5px; }
.content04-wrap .chart-tit span.color02{color: #e63b53;}
.content04-wrap .chart-tit span.color02::after{content: ''; width: 20px; height: 20px; background: url(../../images/sub/shape01.jpg); position: absolute; left: 0; top: 5px;}
.content04-wrap .chart-num::after{content: ''; display: block; clear: both;}
.content04-wrap .chart-num{width: 118%; margin-left: -7px;}
.content04-wrap .chart-num p{float: left; width: 11.8%; font-size: 18px; font-family:"Noto Regular" ; color: #666666;}

@media all and (max-width:1370px){
  .content04-wrap .chart-tit{float: none; margin-bottom: 15px; font-size: 16px; width: 100%;}
  .content04-wrap .chart-list{width: calc(100% - 170px);}
  .content04-wrap .chart-percent{font-size: 16px; margin-top: -13px;}

}
@media all and (max-width:1250px){
.content04-wrap .item3 .chart-line.style2{width: 91.4%;}
}
@media all and (max-width:768px){
  .content04-wrap .chart-box{position: relative;}
  .content04-wrap .chart-list{padding: 0; background: url(../../images/sub/chart_line.png);}
  .content04-wrap .chart-title::after{content: ''; display: block; clear: both;}
  .content04-wrap .chart-title{float: none; width: 100%; text-align: unset; padding-right: 0px; position: absolute; bottom: 0;}
  .content04-wrap .chart-title p{float: left; width: 32%; text-align: center;}
  .content04-wrap .chart-tit{padding-left: 0;}
  .content04-wrap .chart-tit span{font-size: 16px;}
  .content04-wrap .chart-tit span.color01::after{width: 15px; height: 15px; top: 9px;}
  .content04-wrap .chart-tit span.color02::after{width: 15px; height: 15px; top: 9px;}
  .content04-wrap .chart-list{float: none; width: auto; height: 300px;}
  .content04-wrap .chart-inner{height: 100%; width: 38px; margin-bottom: 0; float: left; width: 33.333%;}
  .content04-wrap .item1 .chart-line.style1{height: 145px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -35px;}
  .content04-wrap .item1 .chart-line.style2{height: 155px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -9px;}
  .content04-wrap .item2 .chart-line.style1{height: 20px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -35px;}
  .content04-wrap .item2 .chart-line.style2{height: 134px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -9px;}
  .content04-wrap .item3 .chart-line.style1{height: 165px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -35px;}
  .content04-wrap .item3 .chart-line.style2{height: 270px; width: 18px; bottom: 0; top: unset; left: 50%; margin-left: -9px;}
  .content04-wrap .chart-num{text-align: right; display: flex; flex-direction: column-reverse; position: absolute; top: 116px; width: 100%;}
  .content04-wrap .chart-num p{line-height: 40px; width: 100%; font-size: 15px;}
  .content04-wrap .chart-percent{font-size: 15px; right: 0px; top: -30px; margin-top: 0; }

}

/*content05*/
.content05-wrap {position: relative; margin-top: 55px;}
.content05-wrap .con05-box{position: relative; height: 370px; margin-bottom: 60px;}
.content05-wrap .img-box{position: absolute; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap;}
.content05-wrap .img-box01{background: url(../../images/sub/campus-triangle01.png) no-repeat center center; width: 201px; height: 371px; bottom: 0; left: 50%; margin-left: -179px; z-index: 1; }
.content05-wrap .con05-inner .con05-list{display: inline-block; position: absolute; background: #fff;}
.content05-wrap .con05-inner.type1 .con05-list{top: 43%; left: 49%; margin-left: -411px; padding-right: 25px;}
.content05-wrap .con05-inner.type2 .con05-list{top: 43%; right: 49.5%; margin-right: -411px; padding-left: 20px;}
.content05-wrap .con05-inner.type1 .con05-list::after{content: ''; width: 120%; height: 2px; background: #002D56; position: absolute; top: 17px; right: -155px; z-index: -1;}
.content05-wrap .con05-inner.type2 .con05-list::after{content: ''; width: 100%; height: 2px; background: #008395; position: absolute; top: 24px; left: -160px; z-index: -1;}
.content05-wrap .img-box02{background: url(../../images/sub/campus-triangle02.png) no-repeat center center; width: 175px; height: 322px; bottom: 0; left: 50%; margin-left: -19px;  }
.content05-wrap .img-box01 > p{margin-bottom: 30px;}
.content05-wrap .img-box02 > p{margin-bottom: 10px;}
.content05-wrap .img-box > p{font-size: 18px; font-family:"Noto Medium" ; line-height: 1.5; letter-spacing: -.05em; color: #fff; }
.content05-wrap .img-box > p > span{font-size: 35px; color: #fff;}
.content05-wrap .con05-list span{font-size: 28px; font-family: "Noto Bold"; line-height: 1.6; letter-spacing: -.05em;}
.content05-wrap .con05-list span.color1{color: #002d56;}
.content05-wrap .con05-list span.color2{color: #008395;}
.content05-wrap .con05-list li span{font-family: "Noto Medium"; font-size: 24px;}
.content05-wrap .sub-txt{font-size: 16px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #333333;}
.content05-wrap .num-box > p{font-size: 45px; font-family: "Noto Regular"; line-height: 1.5; letter-spacing: -.05em; color: #333333;}
.content05-wrap .num-box span{font-size: 60px; font-family: "Noto Medium";}
.content05-wrap .campus-box .dia-box p{font-size: 28px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #fff; text-align: center;}
.content05-wrap .campus-box .dia-box01 p{padding-bottom: 30px;}
.content05-wrap .campus-box .dia-box span{font-size: 55px; }
.content05-wrap .con02-wrap .box-list{height: 400px; padding: 0 20px; position: relative;}
.content05-wrap .box-list::after{content: ''; display: block; clear: both;}
.content05-wrap .num-box{float: left; width: 24%; text-align: center; padding-top: 48px; height: 100%;}
.content05-wrap .campus-box{float: left; width: 650px; position: relative; height: 100%;}
.content05-wrap .dia-box{display: flex; align-items: center; justify-content: center;}
.content05-wrap .dia-box01{background: url(../../images/sub/diamond01.png)no-repeat center center / cover; width: 418px; height: 319px; position: absolute; top: 0; left: 12px; z-index: 1; padding-left: 50px;}
.content05-wrap .dia-box02{background: url(../../images/sub/diamond02.png)no-repeat center center / cover; width: 323px; height: 292px; position: absolute; top: 56px; left: 50%; padding-left: 46px;}
.content05-wrap .con02-wrap {margin-bottom: 80px;}
.content05-wrap .con02-wrap .notice-txt{right: 65px;}
.content05-wrap .con03-wrap .num-box{padding-top: 0;}
.content05-wrap .con03-wrap .num-box{float: left; width: 25%;}
.content05-wrap .con03-wrap .top-tit p{font-size: 30px; font-family:"Noto Medium"; color: #121212; line-height: 1.5; letter-spacing: -.05em;}
.content05-wrap .con03-wrap .top-tit p > span{font-family: "Noto Bold";}
.content05-wrap .con03-wrap .name p{font-size: 20px; font-family:"Noto Medium"; color: #121212; line-height: 1.5; letter-spacing: -.05em;}
.content05-wrap .staff-box{float: left; width: 75%;}
.content05-wrap .staff-box > ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.content05-wrap .staff-box > ul > li{width: 49%; padding-left: 50px; flex-wrap: wrap;}
.content05-wrap .sub-list li{display: flex; padding-top: 23px; flex-wrap: wrap;}
.content05-wrap .sub-list li:last-child{padding-top: 40px;}
.content05-wrap .sub-list .name{width: 165px;}
.content05-wrap .sub-list .list01{background: url(../../images/sub/people01.png) no-repeat center center / cover; width: 221px; height: 190px;}
.content05-wrap .sub-list .list02{background: url(../../images/sub/people02.png) no-repeat center center / cover; width: 221px; height: 70px;}
.content05-wrap .sub-list .list-color{background: url(../../images/sub/people-color.png) no-repeat center center / cover; width: 21px; height: 30px;}
.notice-txt{font-size: 20px; font-family:"Noto Medium" ; line-height: 1.5; letter-spacing: -.05em; color: #121212; position: absolute; right: 0; bottom: 0;}

@media all and (max-width:1100px){
  .content05-wrap .dia-box01{width: 393px; height: 299px; position: absolute; top: 0; left: 12px; padding-left: 50px;}
  .content05-wrap .dia-box02{width: 293px; height: 265px; position: absolute; top: 56px; left: 50%; padding-left: 46px;}
  .content05-wrap .campus-box .dia-box p{font-size: 24px;}
  .content05-wrap .campus-box .dia-box span{font-size: 50px;}
  .content05-wrap .num-box span{font-size: 55px;}
}

@media all and (max-width:1040px){
  .content05-wrap .staff-box > ul > li{padding-left: 20px;}
}

@media all and (max-width:1024px){

  .content05-wrap .con05-list span{font-size: 24px;}
  .content05-wrap .con05-list li span{font-size: 20px;}
  .content05-wrap .con05-inner.type1 .con05-list{margin-left: -360px;}
  .content05-wrap .con05-inner.type2 .con05-list{margin-right: -360px;}
  .content05-wrap .num-box > p{font-size: 35px;}
  .content05-wrap .num-box span{font-size: 45px;}
  .content05-wrap .num-box{float: none; width: 100%; text-align: left; padding-top: 0; margin-bottom: 30px;}
  .content05-wrap .campus-box{width: auto; float: none; margin: 0 -10px; padding-bottom: 40px;}
  .content05-wrap .campus-box::after{content: ''; display: block; clear: both;}
  .content05-wrap .dia-inner{width: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center;}
  .content05-wrap .dia-inner01{background: url(../../images/sub/shape01.jpg); }
  .content05-wrap .dia-inner02{background: url(../../images/sub/shape03.jpg);}
  .content05-wrap .dia-box{position: static; float: left; width: 50%; height: auto; padding-left: 0; display: block; padding: 0 10px; background: none;}
  .content05-wrap .con02-wrap .box-list{height: auto; padding-bottom: 40px; padding: 0;}
  .content05-wrap .campus-box .dia-box01 p{padding-bottom: 0;}
  .notice-txt{font-size: 16px;}
  .content05-wrap .con02-wrap .notice-txt{right: 0;}
  .content05-wrap .con03-wrap .box-list{padding: 0 20px;}
  .content05-wrap .con03-wrap .num-box{float: none; width: 100%; margin-bottom: 10px;}
  .content05-wrap .staff-box{float: none; width: 100%;}
  .content05-wrap .staff-box > ul{margin: 0 -10px;}
  .content05-wrap .staff-box > ul > li{padding-left: 0; width: 50%; padding: 0 10px;}
  .content05-wrap .sub-list .name{width: 145px;}
  .content05-wrap .con03-wrap .name p{font-size: 18px;}
  .content05-wrap .con03-wrap .top-tit p{font-size: 25px;}
  .content05-wrap .con03-wrap .sub-list{padding-top: 0;}
  .content05-wrap .sub-list li{padding-top: 30px;}
}

@media all and (max-width:845px){
  .content05-wrap .sub-list .list01{margin-top: 10px;}
}

@media all and (max-width:790px){
  .content05-wrap .img-box{position: static; margin-left: 0;}
  .content05-wrap .con05-inner .con05-list{position: static;}
  .content05-wrap .con05-inner .con05-list{margin-top: 40px; background: #fff; position: relative;}
  .content05-wrap .con05-list span{font-size: 23px;}
  .content05-wrap .con05-inner.type1 .con05-list{margin-left: 0; display: block; text-align: center; padding-right: 0; top: unset; left: unset; border: 2px solid #002D56;}
  .content05-wrap .con05-inner.type1 .con05-list::after , .content05-wrap .con05-inner.type2 .con05-list::after{width: 2px; height: 100%; top: -55px; left: 50%; z-index: -1;}
  .content05-wrap .con05-inner.type2 .con05-list{margin-right: 0; padding-left: 0; text-align: center; display: block; top: unset; right: unset; border: 2px solid #008395;}
  .content05-wrap .con05-box{display: flex; margin: 0 -10px; height: unset; padding-top: 30px; flex-wrap: wrap;}
  .content05-wrap .con05-inner{width: 50%; padding: 0 10px; }
  .content05-wrap .img-box01{background: none; width: 100%; height: 100%; background: #002D56; position: relative; left: unset; bottom: unset; ;}
  .content05-wrap .img-box01::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index: -1;}
  .content05-wrap .img-box02{background: none; width: 100%; height: 100%; background: url(../../images/sub/shape02.jpg); position: relative; left: unset; bottom: unset; z-index: 1;}
  .content05-wrap .img-box02::after{content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index: -1;}
  .content05-wrap .img-box{min-height: 150px; align-items: center;}
  .content05-wrap .img-box > p{color: #000;  margin-bottom: 0;}
  .content05-wrap .img-box > p > span{color: #000;}
  .content05-wrap .img-box01 > p ,   .content05-wrap .img-box02 > p{margin-bottom: 0; text-align: center;}
  .notice-txt{bottom: unset; top: 0;}
  .content03-wrap .con03-box02 .notice-txt{bottom: unset;}
  .content05-wrap .con02-wrap .notice-txt{bottom: 0; top: unset; right: 0;}
}

@media all and (max-width:600px){
  .content05-wrap .con03-wrap .num-box{margin-bottom: 0;}
  .content05-wrap .sub-list li{width: 100%;padding-top: 20px; }
  .content05-wrap .sub-list li:last-child{padding-top: 20px;}
  .content05-wrap .con05-inner{width: 100%; margin-bottom: 20px;}
  .content05-wrap .dia-box{width: 100%;}
  .content05-wrap .dia-inner{margin-bottom: 10px;}
  .content05-wrap .staff-box > ul > li{width: 100%; margin-top: 15px;}
}

/* HUFS MAP */
.wrap-hufs-map {display: flex; justify-content: space-between; gap: 0 40px;}
.wrap-hufs-map .line {position: relative; background: #000;}
.wrap-hufs-map .text-box {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.wrap-hufs-map .text {display: inline-block; width: 90%; max-width: 330px; background: #fff; text-align: center;}
.wrap-hufs-map .text span {display: block; padding-top: 8px; font-family: 'Noto Bold'; font-size: 18px; color: #a78258;}
.wrap-hufs-map .text strong {display: block; font-family: 'Noto Medium'; font-size: 30px; color: #121212;}
.wrap-hufs-map .line img {opacity: .8; transition: 1s;}
.wrap-hufs-map .line:hover img {opacity: 1;}

@media all and (max-width: 1100px) {
  .wrap-hufs-map .text span {font-size: 17px;}
  .wrap-hufs-map .text strong {font-size: 22px;}
}

@media all and (max-width: 660px) {
  .wrap-hufs-map {flex-wrap: wrap;}
  .wrap-hufs-map .line {width: 100%; margin-bottom: 30px}
}

/* 클린행정 */
.step-diag ul {position: relative; display: flex; justify-content: space-around; gap: 0 23px; align-items: center; padding-bottom: 65px;}
.step-diag ul::after {content: ''; position: absolute; left: 0; bottom: 85px; z-index: -1; width: 100%; height: 1px; background: #0064aa;}
.step-diag li {position: relative;}
.step-diag.row5 li {width: 20%;}
.step-diag.row6 li {width: 16.666%;}
.step-diag li::after {content: ''; position: absolute; right: 0; bottom: 16px; width: 8px; height: 10px; background: url('../../images/sub/arrow-step2.jpg') no-repeat center;}
.step-diag li:last-child::after {display: none;}
.step-diag li.color {background: #03499a; border: 2px solid #03499a;}
.step-diag li.color .ico .on {display: none;}
.step-diag li.color .ico .on {display: inline-block;}
.step-diag li.color .ico .off {display: none;}
.step-diag li.color .num {color: #fff;}
.step-diag .box {text-align: center;}
.step-diag .desc {position: relative; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; margin: 0 auto; margin-bottom: 10px; background: #cceaff; border-radius: 100%; font-family: 'Noto Medium'; font-size: 18px; line-height: 1.4; color: #0f4367;}
.step-diag .desc::after {content: ''; position: absolute; left: 50%; top: 99%; width: 19px; height: 10px; background: url('../../images/sub/arrow-step.jpg') no-repeat center; transform: translate(-50%, 0);}
.step-diag .num {display: inline-block; width: 40px; height: 40px; margin-top: 10px; background: #ffffff; border-radius: 100%; font-family: 'Play Bold'; font-size: 16px; border: 2px solid #116eb0; line-height: 35px; color: #0064aa;}
.step-diag .title {position: absolute; left: 50%; top: 100%; width: auto; padding-top: 10px; font-family: 'Noto Regular'; font-size: 14px; text-align: center; color: #666; transform: translate(-50%, 0); white-space: nowrap; line-height: 1.3; color: #808080;}
.step-diag-list img {display: inline-block; margin-right: 18px; vertical-align: middle;}

@media all and (max-width: 860px) {
  .step-diag ul {flex-wrap: wrap; padding-bottom: 0;}
  .step-diag li {width: 31% !important; margin: 0 0 60px 0;}
  .step-diag li::after {display: none;}
  .step-diag ul::after {display: none;}
}

/*유튜브 틀*/
  iframe#guide_frame {width:100%;height:850px;border:1px #f1f1f1 solid;}

/*유튜브 반응형*/
.video-wrapper{
  position: relative;
  padding-bottom:40%;
  iframe{
    position: absolute;
    top: 0;
    left: 15% ;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
  }
}
  
  
  @media all  and (max-width:767px) {
  .video-wrapper{
  padding-bottom:56.25%;
  iframe{
    position: absolute;
    top: 0;
    left: 0 ;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
} 






    .back_text {
      --highlight-color: #ff756f66; /* 기본색 */
      background-image: linear-gradient(90deg, transparent 50%, var(--highlight-color) 0);
      background-size: 200%;
      background-position: 0%;
      transition: background-position 2s linear;
      display: inline;
    }

    .back_text.on {
      background-position: -100%;
      transition: background-position 2s linear;
    }

    .back_text.reset {
      background-position: 0%;
      transition: background-position 0s;
    }