@charset "UTF-8";
@import url(guide.css);
@import url(table.css);
@import url(reset.css);

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-gov.css");
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");
@import url('https://fonts.googleapis.com/css2?family=Koh+Santepheap:wght@100;300;400;700;900&display=swap');

body {font-family: 'Paperlogy', sans-serif;font-weight: 400;font-size: 18px;color: #222;}
body .sub{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 18px;color: #222;}


.wrap {position: relative;overflow: hidden;max-width: 100%;height: 100%;}
.header-wrap{position: absolute;top:0;left:0;right:0;z-index:100; border-bottom: 1px solid rgba(255,255,255,0.25);}
.header-wrap.on{background:#fff;}
.header-box{max-width: 1600px;margin: 0 auto;padding:0 16px;}

.footer-wrap {background: linear-gradient(90deg,rgba(66, 26, 32, 1) 100%, rgba(0, 0, 0, 1) 50%);}
.footer-box {max-width: 1600px;margin: 0 auto;}
footer > div {max-width: unset;padding: 0;}
footer div > ul {float: unset;width: 100%;text-align: center;}

a {color: inherit;text-decoration: none;}
.msg_touch_help{display:none}
.pagination {flex-wrap: wrap;row-gap: 5px;}
  

@media(max-width: 1024px) {
  .pagination li a, .pagination li strong {width: auto!important;}
}

.path-wrap {max-width: 1440px;margin: -60px auto 0;}
.path-wrap .path-box {background: #fff;}
.path-wrap .path-box .path {display: flex;}
.path-wrap .path-box .path .path-home {display:inline-block;padding:30px 30px 30px;background: #80222F url("/_res/science-new/img/common/home.png") no-repeat center center;box-sizing: border-box;}
.path-wrap .path-box .path .path-depth-wrap  {width:100%;border: 1px solid #CCCCCC;border-left: 0;}
.path-wrap .path-box .path .path-depth-wrap > ul {display: flex;height:100%;width:100%;}
.path-wrap .path-box .path .path-depth-wrap > ul > li {min-width: 345px;position: relative;border-right:1px solid rgba(255, 255, 255, 0.2);}
.path-wrap .path-box .path .path-depth-wrap > ul > li:first-of-type {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-selected {display:block;height:100%;padding:15px 39px 15px 15px;color:#000000;font-size: 18px;position: relative; line-height: 28px;font-weight: 400;border-right: 1px solid #CCCCCC}
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-selected::after {content: ""; position: absolute;top:50%; right: 15px;width:24px;height:24px;transform: translateY(-50%); background: url("/_res/cssa_en/img/comm/arrow-down.png") no-repeat center center;filter: invert(1) brightness(0);}
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-depth {display: none;position: absolute;top: 100%;left: -1px;z-index:1;padding: 20px 15px;width: calc(100% + 1px);background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-depth > li {padding:0 0 12px 0;font-size:14px;font-weight:400;color:#666;}
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-depth > li:last-of-type {padding:0 0 0 0;}

/*
.total-notice .path-wrap .path-box .path .path-depth-wrap > ul > li > .path-depth.path-depth03{display:none !important;}
.total-notice .path-wrap .path-box .path .path-depth-wrap > ul > li:last-child > .path-selected::after {content:none;}
*/

/* 사이트맵 */
.sitemap{display: flex;gap: 20px 40px;flex-wrap: wrap;}
.sitemap:nth-child(1){margin-bottom:50px;}
.sitemap:after{display:block;clear:both;content:""}
.sitemap div{width: calc(25% - 30px);}
.sitemap h3{padding-bottom:10px;font-size:22px;color:#444;font-weight:bold;line-height:140%;border-bottom:2px solid #ba0b4a;}
.sitemap div > ul{}
.sitemap div > ul > li a{display:block;padding:15px;border-bottom:1px solid #dadada;color: #000000;}
.sitemap div > ul > li ul{padding:12px 0;background:#f5f4f1;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul li {padding: 0 10px 15px 30px;}
.sitemap div > ul > li ul li:last-child {padding-bottom: 0;}
.sitemap div > ul > li ul li a{border-bottom:0;position: relative;padding: 0;word-wrap: break-word;font-size: 15px;}
.sitemap div > ul > li ul li a:after {content: '';display: block;position: absolute;top: 9px;left: -15px;width: 5px;height: 1px;background: #555;}

.tab_category { display: flex;width: 100%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;table-layout: fixed;border-radius: 6px;overflow: hidden;flex-wrap: wrap;margin:0 0 30px 0}
.tab_category li{flex: 1;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;}
.tab_category li a{display: block;height: 60px;padding: 0px 15px;font-size: 19px;line-height: 60px;color: #000;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;    text-align: center;}
.tab_sel{display:none}
.tab_category li.selected a{background-color: #8B0029;color: #fff;}


@media (min-width:1025px) {
.bg-group01 {background: radial-gradient(
  circle at center,
  rgba(247,249,249,0.95),
  rgba(238,243,245,0.85),
  rgba(221,233,236,0.75)
), url(../img/common/bg-group01.png) no-repeat center;}
}
/*main01*/
.main-content-box01 {max-width: 1600px;margin: auto;}
.main-content-inner01{padding: 107px 0 40px 0;position: relative;}
.main-content-inner01 .title-box {position:relative;display:flex;gap:93px;}
.main-content-inner01 .title-box h3{font-family: 'Paperlogy';font-weight: 600;font-size: 48px;line-height: 1;color: #111111;}
.main-content-inner01 .swiper-inner01{padding: 26px 0 0 0;}
.main-content-inner01 .swiper-inner01 .swiper-slide{width: 480px;}
.main-content-inner01 .swiper-inner01 .swiper-slide a{display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;overflow: hidden;transition: all 0.5s;position: relative;background: rgba(255, 255, 255, 0.5);box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);backdrop-filter: blur(6px);padding: 32px 24px;}
.main-content-inner01 .swiper-inner01 .swiper-slide a:hover {transform: translateY(-15px);}
.main-content-inner01 .swiper-inner01 .swiper-slide a .txt01{font-family: Paperlogy;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: -0.15px;color:#111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: 0 0 24px 0;}
.main-content-inner01 .swiper-inner01 .swiper-slide a .txt02 {font-weight: 500;font-size: 18px;line-height: 160%;letter-spacing: -0.1px;color:#696969;margin: 0 0 30px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.main-content-inner01 .swiper-inner01 .swiper-slide a .txt03{font-family: Noto Sans KR;font-weight: 500;font-size: 18px;line-height: 26px;letter-spacing: -0.15px;color:#666;background: url(../img/common/ico-calendar.png) no-repeat center left;padding-left:40px;}
.main-content-inner01 .view-more{max-width: 1600px;display: flex;justify-content: flex-end;}
.main-content-inner01 .view-more a {color: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 13px 13px;display: inline-block;position: absolute;top: 107px;z-index: 10;font-weight: 600;font-size: 16px;line-height: 1;letter-spacing: -0.02px;text-transform: capitalize;background: #80222F;min-width: 138px;text-align: center;box-sizing: border-box;}

.main-content-inner01 .swiper-controls > div{display: flex;gap:12px;align-items: center;justify-content: center;overflow: hidden;width:max-content;}
.main-content/-inner01 .swiper-controls .swiper-navigation-icon {display:none;}
.main-content-inner01 .swiper-new-pagination {display: block;position: relative;margin: 32px 0 0 0;z-index: 10;width: 100%;max-width:1600px;height: 6px;background: #dcdcdc;border-radius: 20px;overflow: hidden;left: 0;cursor: pointer;}  
.main-content-inner01 .swiper-new-pagination .swiper-pagination-progressbar-fill{background: #808080;}

@media(max-width: 1024px){
  .main-content-inner01{padding: 64px 16px 0;}
  .main-content-inner01 .title-box {margin: 0 0 20px 0;}
  .main-content-inner01 .title-box h3{font-size: 28px;line-height: 140%;}
  .main-content-inner01 .swiper-inner01{padding: 54px 0 0 0;}
  .main-content-inner01 .swiper-inner01 .swiper-slide a {padding: 20px 16px;}
  .main-content-inner01 .swiper-new-pagination {margin: 30px 0 0 0;width: calc(100% - 20px);}
  .main-content-inner01 .swiper-inner01 .swiper-slide{width: 300px;}
  .main-content-inner01 .swiper-inner01 .swiper-slide a:hover{transform: translateY(0);}
  
  .main-content-inner01 .view-more{justify-content: flex-start;}
  .main-content-inner01 .view-more a{top: 123px;letter-spacing: -0.01px;background-position: center right 12px;}
  .main-content-inner01 .swiper-controls {display:none;}
  .main-content-inner01 .swiper-inner01 .swiper-slide a .txt01 {font-size: 18px;margin: 0 0 12px 0;}
  .main-content-inner01 .swiper-inner01 .swiper-slide a .txt02 {font-size: 16px;margin: 0 0 15px 0;}
  .main-content-inner01 .swiper-inner01 .swiper-slide a .txt03 {font-size: 14px;}
}

@media(max-width: 400px){
  html[lang="en"] .title-box h3 { font-size: calc(28px * (100vw / 400px));}
}

/*main02*/
.main-content-box02 {max-width: 1600px;margin: auto;}
.main-content-inner02{padding: 107px 0 40px;}
.main-content-inner02 .title-box h3{font-family: 'Paperlogy';font-weight: 700;font-size: 48px;line-height: 117%;color: #111111;}

.main-content-inner02 .main-tab-box{width:100%;box-sizing:border-box;position:relative}
.main-content-inner02 .main-tab-box>ul{list-style:none;padding:0;overflow-x:auto;box-sizing:border-box;display:flex;gap:0 16px;flex-wrap:nowrap;margin: -120px 0 0 210px;}
.main-content-inner02 .main-tab-box>ul>li>a{display:inline-block;background-color: #808080;text-align:center;white-space:nowrap;font-weight: 600;font-size: 20px;line-height: 28px;color: #fff;padding: 6px 24px;border-radius: 40px;}
.main-content-inner02 .main-tab-box>ul>li.active>a{background-color: #B2152A;color: #fff;}
.main-content-inner02 .main-tab-box>ul>li .tab-con{display:none;flex-grow:1;width:100%;z-index:1;position:absolute;left:0;right:0;top:76px;box-sizing:border-box}
.main-content-inner02 .main-tab-box>ul>li.active .tab-con{display:block}

:lang(en) .main-content-inner02 .main-tab-box ul {margin: -120px 0 0 420px;}

.main-content-inner02 .swiper-inner02 .swiper-slide{width: 480px;}
.main-content-inner02 .swiper-inner02 .swiper-slide a{display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;padding: 32px 24px;overflow: hidden;height: 332px;transition: all 0.5s;position: relative;background: rgba(255, 255, 255, 0.5);box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);backdrop-filter: blur(6px);}
.main-content-inner02 .swiper-inner02 .swiper-slide a:before{content:'';position: absolute;inset: 0;z-index: -2;opacity: 0;transition: opacity 0.5s ease;background: linear-gradient(0deg, #80222F -0.07%, #4A0C15 100%);box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);}
.main-content-inner02 .swiper-inner02 .swiper-slide a:after{content: '';background: url(../img/common/bg-logo.png) no-repeat bottom right;position: absolute;inset: 0;z-index: -1;opacity: 0;transition: opacity 0.5s ease;}
.main-content-inner02 .swiper-inner02 .swiper-slide a .txt01{padding: 8px 12px;min-width: 84px;background: #838A94;border-radius: 40px;display: inline-block;font-family: 'Paperlogy';font-weight: 600;font-size: 20px;line-height: 28px;color: #FFFFFF;text-align: center;box-sizing: border-box;white-space: nowrap;}
.main-content-inner02 .swiper-inner02 .swiper-slide a .txt02{font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: -0.015em;color: #111111;margin: 24px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.main-content-inner02 .swiper-inner02 .swiper-slide a .txt03{font-weight: 500;font-size: 18px;line-height: 160%;letter-spacing: -0.1px;color: #696969;margin: 0 0 58px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.main-content-inner02 .swiper-inner02 .swiper-slide a ul li{font-weight: 500;font-size: 18px;line-height: 26px;letter-spacing: -0.015em;color: #666666;display: flex;gap: 0 16px;align-items: center;}
.main-content-inner02 .swiper-inner02 .swiper-slide a ul li:before{content: '';width: 24px;height: 24px;display: inline-block;background: url(../img/common/ico-calendar.png) no-repeat center left;}
.main-content-inner02 .swiper-inner02 .swiper-slide a ul li + li{margin-top: 16px;}
.main-content-inner02 .swiper-inner02 .swiper-slide a ul li span{position: relative;}
.main-content-inner02 .swiper-inner02 .swiper-slide a ul li span + span:before{content: '';width: 1px;height: 12px;background: #666;position: absolute;left: -8px;top: 50%;transform: translateY(-50%);}

.main-content-inner02 .swiper-inner02 .swiper-slide a:hover{box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.04);}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover:before{opacity: 1;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover:after{opacity: 1;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover .txt01 {background:#B2152A;color:#FEC89B;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover .txt02{color: #fff;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover .txt03{color: #fff;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover ul li{color: #fff;}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover ul li:before{filter: brightness(0) invert(1);}
.main-content-inner02 .swiper-inner02 .swiper-slide a:hover ul li span + span:before{background: #fff;}
.main-content-inner02 .view-more{max-width: 1600px;display: flex;justify-content: flex-end;}
.main-content-inner02 .view-more{max-width: 1600px;display: flex;justify-content: flex-end;}
.main-content-inner02 .view-more a {color: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 13px 13px;display: inline-block;position: absolute;top: -80px;z-index: 10;font-weight: 600;font-size: 16px;line-height: 1;letter-spacing: -0.02px;text-transform: capitalize;background: #80222F;min-width: 138px;text-align: center;box-sizing: border-box;}

.main-content-inner02 .swiper-new-pagination {display: block;position: relative;margin: 32px 0 0 0;z-index: 10;width: 100%;max-width:1600px;height: 6px;background: #dcdcdc;border-radius: 20px;overflow: hidden;left: 0;cursor: pointer;}  
.main-content-inner02 .swiper-new-pagination .swiper-pagination-progressbar-fill{background: #808080;}

@media(max-width: 1024px){
  .main-content-inner02{padding: 64px 16px 0;}
  .main-content-inner02 .title-box h3{font-size: 28px;line-height: 140%;}
  .main-content-inner02 .main-tab-box>ul {margin:0;}
  .main-content-inner02 .swiper-inner02{padding: 0;}
  .main-content-inner02 .swiper-inner02 .swiper-slide{width: 280px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a{padding: 23px 12px;height: 273px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a .txt01{font-size: 15px;line-height: 28px;width: max-content;padding: 4px 12px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a .txt02{font-size: 18px;line-height: 140%;margin: 16px 0;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a .txt02 br{display: none;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a .txt03 {font-size: 15px;margin: 0 0 30px 0;}
  
  .main-content-inner02 .swiper-inner02 .swiper-slide a ul li{gap: 0 12px;font-size: 14px;line-height: 26px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a ul li + li{margin-top: 12px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a ul li span + span:before{left: -6px;}
  .main-content-inner02 .swiper-inner02 .swiper-slide a:hover{transform: translateY(0);}
  .main-content-inner02 .view-more{justify-content: flex-start;}
  .main-content-inner02 .view-more a{padding: 13px;top: -50px;left: 0;}
  .main-content-inner02 .view-more a span{display: none;}
  .main-content-inner02 .main-tab-box>ul>li .tab-con {top: 110px;}
  
  :lang(en) .main-content-inner02 .main-tab-box ul {margin: 0;}

}

/*main03*/
.main-content-box03 {max-width:1600px; margin: auto;}
.main-content-inner03{padding: 107px 0 40px 0;position: relative;}
.main-content-inner03 .title-box {position:relative;display:flex;gap:93px;}
.main-content-inner03 .title-box h3{font-family: 'Paperlogy';font-weight: 600;font-size: 48px;line-height: 1;color: #111111;}
.main-content-inner03 .video-box {display:flex;gap: 20px 40px;}
.main-content-inner03 .video-box > div {width: calc(50% - 20px);}
.main-content-inner03 .video-box .box-video {position:relative;}
.main-content-inner03 .video-box .box-video .icon {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.main-content-inner03 .video-box .box-video .icon img {}
.main-content-inner03 .video-box .box-video {height: 438px;overflow:hidden;}
.main-content-inner03 .video-box .box-video > img {width: 100%;height: 100%;object-fit:cover;transition: transform 0.5s ease;}
.main-content-inner03 .video-box a:hover .box-video > img {transform:scale(1.1);}
.main-content-inner03 .video-box .box-text {padding: 24px 8px;}
.main-content-inner03 .video-box .box-text .txt01 {color: #222;font-family: Paperlogy;font-weight: 500;font-size: 20px;line-height: 140%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.main-content-inner03 .video-box .box-text .txt02 {font-weight: 600;font-size: 24px;line-height: 1.4;color:#404040;}
.main-content-inner03 .video-box .btn-more {display:inline-block;border-radius: 50px;font-weight: 600;font-size: 18px;line-height: 1;color:#003965;border:3px solid #003965;padding: 15.5px 46px 15.5px 24px;background: url(/_res/u1/depart-intro/img/common/ico-short-left.png) no-repeat center right 12px;background-size: 24px;transition:0.3s;margin: 0 24px;}
.main-content-inner03 .video-box .btn-more:hover {opacity: 0.7;}
.main-content-inner03 .video-box  iframe {height: 432px;}
.main-content-inner03 .video-box ul {display: flex;gap: 40px;justify-content: space-between;}
.main-content-inner03 .video-box ul li {width: calc(50% - 20px);}
.main-content-inner03 .video-box ul li .box-video .icon img {width: 70px}
.main-content-inner03 .video-box ul li .box-video {width: 100%;height: auto;}
.main-content-inner03 .video-box ul li .box-video iframe,
.main-content-inner03 .video-box ul li .box-video > img {height: 208px;}
.main-content-inner03 .video-box .banner {position:relative;}
.main-content-inner03 .video-box .banner img {width:100%;min-height:200px;}
.main-content-inner03 .video-box .banner-text {position:absolute;top:50%;left: 280px;transform: translateY(-50%);}
.main-content-inner03 .video-box .banner-text p {font-family: Paperlogy;line-height: 140%;color: #fff;}
.main-content-inner03 .video-box .banner .t-ko {font-weight: 300;font-size: 38px;}
.main-content-inner03 .video-box .banner .t-ko span {font-weight: 700;}
.main-content-inner03 .video-box .banner .t-en { font-weight: 500;font-size: 24px;}

.main-content-inner03 .view-more{max-width: 1600px;display: flex;justify-content: flex-end;}
.main-content-inner03 .view-more a {color: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 13px 13px;display: inline-block;position: absolute;top: 107px;z-index: 10;font-weight: 600;font-size: 16px;line-height: 1;letter-spacing: -0.02px;text-transform: capitalize;background: #80222F;min-width: 138px;text-align: center;box-sizing: border-box;}

@media (min-width: 1025px) and (max-width: 1919px) {
  .main-content-inner03 .video-box .banner .t-ko {font-size: calc(38/1920*100vw);}
  .main-content-inner03 .video-box .banner .t-en {font-size: calc(24/1920*100vw);}
  .main-content-inner03 .video-box .box-text .txt01 {font-size: 18px}
  .main-content-inner03 .video-box ul, .main-content-inner03 .video-box {gap: 20px;}
  .main-content-inner03 .video-box ul li {width:calc(50% - 10px)}
  .main-content-inner03 .video-box .banner-text {left: calc(280/1920*100vw);}
}

@media (max-width:1024px) {
.main-content-inner03{padding: 64px 16px 0 16px;}
  .main-content-inner03 .title-box {margin: 0 0 54px 0;}
  .main-content-inner03 .title-box h3{font-size: 28px;line-height: 140%;}
  .main-content-inner01 .view-more{justify-content: flex-start;}
  .main-content-inner03 .video-box ul {gap: 20px;}
  .main-content-inner03 .video-box ul li {width:calc(50% - 10px)}
  .main-content-inner03 .video-box {flex-direction:column;}
  .main-content-inner03 .video-box > div {width:100%;}
  .main-content-inner03 .video-box .box-text {padding: 16px 0;}
  .main-content-inner03 .video-box .box-text .txt01 {font-size:20px;margin-bottom: 6px;}
  .main-content-inner03 .video-box .box-text .txt02 {font-size: 18px;}
  .main-content-inner03 .video-box .btn-more {padding: 12.5px 46px 12.5px 24px; font-size:16px;margin:0;}
  .main-content-inner03 .video-box .banner img {min-height: 100%}
}

@media (max-width: 768px) {
  .main-content-inner03 .view-more {justify-content: flex-start;}
  .main-content-inner03 .view-more a {top:123px}
  .main-content-inner03 .video-box ul li a {flex-direction: column;}
  .main-content-inner03 .video-box ul li .box-video {width: 100%;}
  .main-content-inner03 .video-box ul li .box-video iframe {height: 280px;}
  .main-content-inner03 .video-box ul li .box-text {width: 100%; padding: 16px 0;}
  .main-content-inner03 .video-box .banner-text {left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
  .main-content-inner03 .video-box .banner .t-ko {font-size: 18px;}
  .main-content-inner03 .video-box .banner .t-en {font-size: 16px;}
  .main-content-inner03 .video-box ul {flex-direction:column}
  .main-content-inner03 .video-box ul li {width:100%;}
}

/*main04*/
.main-content-wrap04{background: #80222F url(../img/main/sec04-bg.png) no-repeat center left;height:480px;position:relative;background-attachment:fixed;background-size:cover;}
.main-content-box04 {max-width:1600px; margin: auto;}
.main-content-box04 .questions {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;}
.main-content-box04 .questions .t-en{font-family: Koh Santepheap;font-weight: 700;font-size: 58px;line-height: 120%;color:#E6DED0;margin: 0 0 40px 0;}
.main-content-box04 .questions .t-ko{font-family: Paperlogy;font-weight: 250;font-size: 32px;line-height: 120%;color: #fff;}
.main-content-inner04 > img {display:block;margin: 0 auto;}
@media (max-width: 1024px) {
.main-content-inner04 {margin-top:64px;}
.main-content-box04 .questions .t-en{font-size: 30px;}
.main-content-box04 .questions .t-ko{font-size: 22px;}
}
@media (max-width: 768px) {
.main-content-inner04 {margin-top:34px;}
.main-content-box04 .questions {padding: 0 16px;}
 .main-content-box04 .questions .t-en{font-size: 26px;margin: 0 0 20px 0;}
.main-content-box04 .questions .t-ko{font-size: 18px;}
}


/*main-wrap05*/
.main-content-wrap05 {background: url(/_res/science-new/img/main/bg-main05.png)no-repeat;background-size: cover;}
.main-content-box05 {max-width: 1600px;margin: 0 auto;padding: 64px 0 80px;}
.main-content-inner05 .main-title {padding: 34px 0 32px;position: relative;margin: 0 0 64px;}
.main-content-inner05 .main-title:after {content: "";position: absolute;bottom: 0;left: 50%;background: url(/_res/science-new/img/main/title-line.png)no-repeat;background-size: cover;width: 320px;height: 6px;transform: translateX(-50%);}
.main-content-inner05 .main-title > p {font-weight: 700;font-size: 48px;line-height: 100%;letter-spacing: 0;color: #222222;text-align: center;}

.main-content-inner05 .box-humanism {border: 2px solid #00000014;background: #FFFFFF5C;border-radius: 12px;padding: 32px;}
.main-content-inner05 .box-humanism .txt {margin: 0 0 32px;}
.main-content-inner05 .box-humanism .txt .kr{font-family: Paperlogy;font-weight: 700;font-size: 32px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #222222;padding: 0 0 12px;text-align: center;}
.main-content-inner05 .box-humanism .txt .en{font-weight: 500;font-size: 18px;line-height: 120%;letter-spacing: -1px;vertical-align: middle;text-align: center;color: #808080;text-align: center;}
.main-content-inner05 .box-humanism ul {display: flex;align-items: center;justify-content: center;gap: 13px;margin: 0 0 32px;}
.main-content-inner05 .box-humanism ul li a {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #A9A9A9;border-radius: 100%;transition: all .3s;}
.main-content-inner05 .box-humanism ul li:hover a {background: #80222F;}
.main-content-inner05 .box-humanism .box-img {width: 100%;height: 360px;border-radius: 6px;overflow: hidden;}
.main-content-inner05 .box-humanism .box-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.main-content-inner05 .box-humanism .box-img:hover img {transform: scale(1.1);}


@media screen and (max-width:1024px){
.main-content-box05 {padding: 32px 16px 40px;}
}

@media screen and (max-width:768px){
.main-content-inner05 .main-title {padding: 0 0 30px;margin: 0 0 32px;}
.main-content-inner05 .main-title > p {font-size: 30px;}
.main-content-inner05 .box-humanism {padding: 20px;}
.main-content-inner05 .box-humanism .txt .kr {font-size: 25px;}
.main-content-inner05 .box-humanism .txt .en {font-size: 16px;}
.main-content-inner05 .box-humanism .txt {margin: 0 0 20px;}
.main-content-inner05 .box-humanism .box-img {height: calc(450/768*100vw);}
}


/*main-wrap06*/
.main-content-wrap06{background: #4E161D;}
.main-content-box06 {max-width: 1600px;margin: 0 auto;padding: 16px 0;} 
.main-inner06 .related-site {position: relative;}
.main-inner06 .related-site .related-reserch {padding: 80px 0;z-index: 99;}
.main-inner06 .related-site .swiper-slide {background: #FFFFFF;border: 1px solid #00000033;border-radius: 6px;}
.main-inner06 .related-site .swiper-slide a {padding: 26px 20px;display: block;}
.main-inner06 .related-site .swiper-slide p {font-family: Pretendard GOV;font-weight: 700;font-size: 23px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #444444;text-align: center}
.main-inner06 .control-wraps {position: absolute;top: 50%;left: 50%;width: 100%;box-sizing: border-box;transform: translate(-50%, -50%);z-index: 90;display: flex;justify-content: space-between;gap: 64px;align-items: center;}
.main-inner06 .control-wraps .related-button-prev,
.main-inner06 .control-wraps .related-button-next {position: relative;width: 72px;height: 72px;border: 0;margin: 0;font-size: 0;cursor: pointer;left: unset;right: unset;top: unset;background: #FFFFFF;border: 1px solid #0000001A;border-radius: 100%;}
.main-inner06 .control-wraps .related-button-prev {background: #a78a8e url(/_res/science-new/img/common/ico-vi-left.png) no-repeat center;transition: all .3s ease-in-out;left: -96px;}
.main-inner06 .control-wraps .related-button-next {background: #a78a8e url(/_res/science-new/img/common/ico-vi-left.png) no-repeat center;transition: all .3s ease-in-out;right: -96px;transform: rotate(180deg);}
.main-inner06 .control-wraps .related-button-prev:hover {background: #ffffff80 url(/_res/science-new/img/common/ico-vi-left.png) no-repeat center;filter: invert(1);}
.main-inner06 .control-wraps .related-button-next:hover {background: #ffffff80 url(/_res/science-new/img/common/ico-vi-left.png) no-repeat center;filter: invert(1);}
.main-inner06 .control-wraps .related-button-prev:after, 
.main-inner06 .control-wraps .related-button-next:after {display: none;}

@media(max-width: 1600px) {
.main-inner06 .control-wraps .related-button-prev {left: 0;}
.main-inner06 .control-wraps .related-button-next {right: 0;}
.main-inner06 .control-wraps {top: auto;max-width: 160px;position: relative;top: 0;transform: translateX(-50%);gap: 20px;}
}

/*footer*/
.footer-inner .footer-top {padding: 110px 0 80px;}
.footer-inner .footer-top ul {display: flex;justify-content: center;gap: 10px 44px;align-items: center;flex-wrap: wrap;}
.footer-inner .footer-top ul li {position: relative;}
.footer-inner .footer-top ul li:before {content: "";position:absolute;width: 4px;height: 4px;background: #D9D9D9;top: 50%;transform: translateY(-50%);right: -22px;border-radius: 100%;}
.footer-inner .footer-top ul li:last-child:before {display: none;}
.footer-inner .footer-top ul li a{font-weight: 500;font-size: 20px;line-height: 24px;letter-spacing: 0px;color: #fff;position: relative;}
.footer-inner .footer-top ul li a:after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #ffffff;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;margin-bottom: -4px;}
.footer-inner .footer-top ul li a:hover:after {transform: scale(1, 1);transform-origin: left center;}

.footer-inner .footer-bot {display: flex;justify-content:space-between;gap: 30px 100px;padding: 0 0 80px;}
.footer-inner .footer-bot .footer-left > a {display: flex;align-items: center;gap: 16px;padding: 0 0 24px;}
.footer-inner .footer-bot .footer-left > a img {max-width: 200px;width: 100%;}
.footer-inner .footer-bot .footer-left > a span{font-weight: 600;font-size: 30px;line-height: 100%;letter-spacing: 0;vertical-align: middle;color: #fff;position:relative;margin-left: 10px;}
.footer-inner .footer-bot .footer-left > a span:before{content: "";width: 2px;height: 100%;background-color: #fff;position: absolute;left: -10px;top: 50%;transform: translateY(-50%);}
.footer-inner .footer-bot .footer-left .sns li{font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0;color: rgba(255, 255, 255, 0.6);}
.footer-inner .footer-bot .footer-left .sns li a {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0;color: rgba(255, 255, 255, 0.6);}
.footer-inner .footer-bot .footer-left .sns li a.contact {color: rgba(255, 255, 255, 1);text-decoration: underline!important;text-decoration-style: solid;text-decoration-offset: 0%;text-decoration-thickness: 0%;text-decoration-skip-ink: auto;}
.hide {display: none;}

/*sub*/
.wrap.sub .header-wrap {position: relative;}
.wrap.sub .header-wrap .gnb-box nav div.wnav > ul > li > a {color: rgba(34, 34, 34, 1);}
.wrap.sub .header-wrap .header-inner h1 span{color: rgba(34, 34, 34, 1);}
.wrap.sub .header-wrap .header-inner h1 span:before{background: rgba(34, 34, 34, 1)}
.sub-visual-inner {background: url(/_res/science-new/img/common/img-sub-vi.png) no-repeat center / cover;height: 320px;display: flex;align-items: center;justify-content: center;}
.sub-visual-inner h3 {font-family: Pretendard;font-weight: 700;font-size: 56px;line-height: 120%;letter-spacing: 0;text-align: center;color: #fff;}
.content-outer-wrap {position: relative;border-radius: 24px;margin: 0;overflow: hidden;background: #FFFFFF;}
.content-outer-box {max-width: 1440px;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;padding: 80px 0 100px;box-sizing: border-box;justify-content: space-between;gap: 0 64px;}

.content-outer-wrap .lnb-wrap {width: 314px;}
.sub-content-wrap {flex: 1;box-sizing: border-box;width: 100%;}
.lnb-inner h2 {font-family: Pretendard GOV;font-weight: 700;font-size: 26px;line-height: 100%;letter-spacing: 0;color: rgba(64, 64, 64, 1);padding: 56px 20px;text-align: center;border: 10px solid rgba(235, 235, 235, 1);border-radius: 24px 24px 0 0;border-bottom: 0;
background: url(/_res/science-new/img/common/bg-lnb.png)no-repeat;overflow: hidden;}
.lnb-inner ul {border-top: 1px solid rgba(0, 0, 0, 0.2)}
.lnb-inner ul > li{border-bottom: 1px solid rgba(0, 0, 0, 0.2)}
.lnb-inner ul > li a{font-family: Pretendard;font-weight: 500;font-size: 20px;line-height: 100%;letter-spacing: 0;color: rgba(64, 64, 64, 1);padding: 18px 20px;box-sizing: border-box;display: block;transition: all .3s;}
.lnb-inner ul > li a.active {background: rgba(246, 249, 250, 1);}
.lnb-inner ul > li:hover > a {background: rgba(246, 249, 250, 1);}
.lnb-inner ul > li > ul {overflow: hidden; height: 0;display: block;transition: height 0.3s ease;border-top: 0;}
.lnb-inner ul > li > a.active + ul {height: auto}
.lnb-inner ul > li ul > li:last-child {border-bottom: 0;}
.lnb-inner ul > li ul > li > a {font-size: 16px;padding: 18px 20px 18px 35px;}

.title-box {padding: 0 0 70px;}
.title-inner h3{font-family: Pretendard;font-weight: 700;font-size: 42px;line-height: 46px;letter-spacing: 0;vertical-align: middle;color: rgba(0, 0, 0, 1);text-align: center;position: relative;padding: 35px 0 0;}
.title-inner h3:before{content: "";position: absolute;background: url(/_res/science-new/img/common/ico-tit.png)no-repeat;background-size: cover;width: 25px;height: 17px;top: 0;left: 50%;transform: translateX(-50%);}

.tab-box {position: relative;text-align: center;}
.tab-box .tab-ul {display: flex;width: 100%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;table-layout: fixed;border-radius: 6px;overflow: hidden;flex-wrap: wrap;}
.tab-box .tab-ul li{flex:1;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;}
.tab-box .tab-ul li.last {border-radius: 0 6px 6px 0;}
.tab-box .tab-ul.row02 li{width:calc(100% / 2);}
.tab-box .tab-ul li a {display: block;height:auto;padding:5px 15px;font-size: 19px;line-height: 150%;color: #000;font-weight: 500;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: calc(2.4em * 2);
    width: 100%;}
.tab-box .tab-ul li a.active {background-color: #8B0029;color:#fff;}
.tab-box .tab-ul li.active a {background-color: #8B0029;color:#fff;}

.tab-box .tab-ul.row06 li{flex: 0 0 33.33%}
.tab-box .tab-ul.row06 li.last {border-radius: 0 0 6px 0;overflow: hidden;}

.pc-hide {display:none;}


/* button */
.btn_left{margin-top:18px;}
.btn_left li{display:inline-block;margin-bottom:5px;vertical-align:middle}
.btn_right{text-align:right;margin-top:18px;display: flex;gap: 15px;justify-content: flex-end;flex-wrap: wrap;}
.btn_right li{display:inline-block;vertical-align:middle}
.btn.adm {height: auto;}
.btn.save {height: auto;padding: 16px 40px;}
.btn_25{height:35p;padding-top:9px}
.b_red{color:#fff;background:#ba0b4a;border:0;font-weight:700;}
.b_dgray{color:#fff;background:#606976;border:0}
.b_blue{color:#fff;background:#515e7e;border:0}tom:2px;padding:0px 34px 1px 3px;background:#e5eced url(/_res/kusc/img/comm/btn_down.png) no-repeat 95% center;font-weight:500;}




#modal{border:4px solid #70000c;background:#fff;}
#modal h2{color:#444444;font-size:24px;line-height:40px;}
#modal .p_c_text{font-size:12px;line-height:24px;}
#modal .login_line{margin:10px 0 0;height:80px;}
#modal .box_in{float:left;margin:0 10px 0; }
#modal input{width:120px;height:24px;display:block;margin:3px 0 0;}
#modal .btn_login{width:72px;height:60px;background:#363636;color:#e1e1e1;float:left;line-height:60px;text-align:center;}
#modal .find_join{clear:both;margin:20px 0 0 10px;}


div#glayLayer{display:none;position:fixed;left:0;top:0;height:100%;width:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;z-index: 999;}
* html div#glayLayer{position:absolute;}
#overLayer{display:none;width:300px;max-height: 800px;overflow-y: auto;background:white;padding:25px;position:fixed;top:270px;left:50%; border:4px solid #70000c;}
#overLayer a.close{position:absolute;top:0px;right:0px;width:40px;height:40px;text-indent:-999999px;background:#70000c url(/_res/frecon/img/comm/btn_close.png) no-repeat center;}
* html #overLayer{position: absolute;}

#overLayer2{display:none;max-width:1200px;width:90%;border:4px solid #70000c;background:white;position:fixed;top:100px;left:50%;}
#overLayer2 .modal_inner {padding:35px;max-height:80vh;overflow-y: auto;}
#overLayer2 a.close{position:absolute;top:0px;right:-4px;display:inline-block;width:40px;height:40px;text-indent:-999999px;background:#70000c url(/_res/frecon/img/comm/btn_close.png) no-repeat center;}
* html #overLayer2{position: absolute;}
#overLayer3{display:none;width:500px;max-height:500px;overflow-y: auto;background:white;padding:40px 20px 30px;position:fixed;top:270px;left:50%; border:4px solid #70000c;}
#overLayer3 a.close{position:absolute;top:0px;right:0px;width:40px;height:40px;text-indent:-999999px;background:#70000c url(/_res/frecon/img/comm/btn_close.png) no-repeat center;}
* html #overLayer3{position: absolute;}
.modal_inner ul {border:none;}
#overLayer3 > div {display:none;font-size: 14px;line-height: 160%;margin-bottom: 30px;word-break: keep-all;}
#overLayer3 > div h2 {font-size:16px; margin-bottom:20px;}
#overLayer3 > div p { margin:0 0 20px}
pre.pre {color: #333333;} 

@media screen and (max-width: 480px) {
.modal_inner > div .photo_area {width: auto;margin: 0;}
}

.mo_first {display: flex;gap: 30px;}
.modal_inner .basic {flex: 1;float: unset;margin-left: 0;width: 100%;}
.modal_inner .basic dl dt {width: 60px;padding: 0;}
.modal_inner .basic dl dd {float: left;width: 100%;padding: 0;}
.modal_inner .basic dl {display: grid;grid-template-columns: 47px 1fr 55px 1fr;gap: 20px;}   
.modal_inner .basic:after {display: none;}
.modal_inner .m_basic:after {display: none;}

.modal_inner .basic h2 {padding: 10px 0 20px;margin-top: 0;}
.modal_inner .mo_first:after {display: none;}
#overLayer2 a.close {right: 0!important;}

@media screen and (max-width: 1024px) {
.mo_first{flex-direction: column;align-items: center;}
#overLayer2 .modal_inner {padding: 20px;}
.modal_inner .mo_first {padding: 0 0 20px;}
.modal_inner .mo_sec {padding: 0 0 30px;}
.modal_inner div > div:nth-child(1) {width: auto;}

  /* path */
.path-wrap .path-box .path .path-home {display:none;}
.path-wrap .path-box .path .path-depth-wrap > ul > li {min-width:auto;width:calc(100% / 3);}
}

@media(max-width: 768px) {
.modal_inner .basic dl {grid-template-columns: 60px 1fr;}

  .msg_touch_help{display:block;position:absolute;top:30px;left:50%;width:70px;height:70px;margin:0 0 0 -35px}
.msg_touch_help img{width:100%}
}

@media(max-width: 1200px) {

.main-inner-01 .quick-wrap > ul {gap: 25px;}


.main-inner03 {flex-direction: column;}
.main-inner03 .board {width: auto;}
.main-inner03 .board.new {margin-bottom: 0;}
.main-inner03 .board.seminar {margin-top: 0;}

.content-outer-wrap .lnb-wrap {display: none;}
}

@media(max-width: 1024px){
 .main-content-box06 {padding: 16px;}
.main-inner06 .related-site .related-reserch {padding: 30px 0;}
.main-inner06 .related-site .swiper-slide a{padding: 20px;}
.main-inner06 .related-site .swiper-slide p {font-size: 20px;}
.main-inner06 .control-wraps {max-width: 140px;}
.main-inner06 .control-wraps .related-button-prev,
.main-inner06 .control-wraps .related-button-next {width: 60px;height: 60px;}
.main-inner06 .control-wraps .related-button-next {background-size: 40px;}
.main-inner06 .control-wraps .related-button-prev {background-size: 40px;}
.main-inner06 .control-wraps .related-button-prev:hover {background-size: 40px;}
.main-inner06 .control-wraps .related-button-next:hover {background-size: 40px;}

.footer-inner {padding: 0 16px;}
.footer-inner .footer-top {padding: 30px 0;}
.footer-inner .footer-top ul li a {font-size: 16px;}

.sitemap {flex-direction: column;gap: 40px;}
.sitemap div {width: 100%;}
.sitemap:nth-child(1) {margin-bottom: 0;}

.content-outer-box {padding: 30px 16px 50px;}
.content-outer-wrap {margin: 0;}

.mobile-hide {display: none !important;}
.pc-hide{display:block}
.tab_sel{display: block;width: 100%;border: 1px solid #80222f;padding: 5px 35px 5px 20px;background: #80222f url(../img/common/ico-down.png) no-repeat right 5px center;background-size: 13px auto;-webkit-appearance: none;outline: 0;color: #fff;}
.tab_sel option{color: #000;background: #fff;}
.w{display:none}
  .w.list-table {display:block;}
}


@media(max-width: 768px) {
.footer-inner .footer-bot {flex-direction: column-reverse;padding: 0 0 30px;align-items: center;}
.footer-inner .footer-bot .footer-left .sns li {font-size: 14px;}
.footer-inner .footer-bot .footer-left .sns li a {font-size: 14px;}
.footer-inner .footer-bot .footer-left > a img {max-width: 150px;}
.footer-inner .footer-bot .footer-left > a span {font-size: 18px;}
.footer-inner .footer-top ul {gap: 10px 30px;}
.footer-inner .footer-top ul li:before {display: none;} 

 /* path */
.path-wrap .path-box .path .path-depth-wrap > ul > li > .path-selected {display:block;height:100%;padding:15px 39px 15px 15px;font-size: 15px;position: relative; line-height: 28px;font-weight: 400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


}

@media(max-width: 600px) {

.btn_right {flex-direction: column;}
.btn_right .btn {width: 100%;text-align: center;}
}

@media screen and (max-width: 400px) { 
 .main-inner-01 .quick-wrap {border-radius: 0;}
}

/*chemistry > academics > class02*/
.faq-wrap > li {border: 1px solid #dddddd;border-radius: 10px;margin-bottom: 10px;}
.faq-wrap > li.active{border: 1px solid #003e65;}
.faq-wrap > li .faq-question {background: #fff;padding: 20px 150px 20px 30px;border-radius: 10px;cursor: pointer;display: flex;align-items: center;position: relative;}
.faq-wrap > li .faq-question:after {content: '';display: inline-block;width: 16px;height: 16px;right: 30px;top: 50%;transform: translateY(-50%);position: absolute;background: url(../img/common/ico-faq-plus.png);background-repeat: no-repeat;background-size: cover;} 
.faq-wrap > li.active .faq-question:after {width: 16px;height: 2px;background: url(../img/common/ico-faq-minus.png);}
.faq-wrap > li.active .faq-question {border-bottom: unset;border-bottom-right-radius: unset;border-bottom-left-radius: unset;background: #f5f8fa;}
.faq-wrap > li .faq-content {display: block;padding: 25px 145px 25px 30px;}  
.faq-wrap > li .faq-content .icon-list {display: flex;gap: 20px;margin-top: 10px;}
.faq-wrap > li .faq-content .icon-list span {color: #0072bb;font-size: 16px;font-weight: 600;display: flex;align-items: center;}
.faq-wrap > li .faq-content .icon-list span img {margin-right: 8px;}

.faq-wrap > li .faq-question .faq-title {font-size: 18px;font-weight: 700;line-height: 28px;margin-left: 20px;color: #222222;letter-spacing: -0.045rem;}
.faq-wrap > li .faq-question > span:nth-child(1) {font-size: 12px;font-weight: 700;color: #003e65;background: #e5ebef;display: inline-block;border-radius: 15px;padding: 6px 18.5px;margin-right: 8px;transition: all .3s ease-in-out;flex: none;line-height: 1.5;}
.faq-wrap > li .faq-question > span:nth-child(2) {font-size: 12px;font-weight: 700;color: #003e65;background: #fff;display: inline-block;border-radius: 15px;padding: 6px 15px;border: 1px solid #003e65;line-height: 1.5;}
.faq-wrap > li .faq-question > span.number {right: 96px;top: 50%;transform: translateY(-50%);position: absolute;font-size: 15px;font-weight: 500;color: #666666;letter-spacing: -0.04rem;}
.faq-wrap > li.active .faq-question > span:nth-child(1){background: #dce5eb;}
.faq-wrap > li .faq-content .con-p {letter-spacing: -0.04rem;} 

@media screen and (max-width: 1024px) {	
  .faq-wrap > li.f-child .faq-question {padding: 22px 190px 22px 30px;} 
}

@media screen and (max-width: 768px) {	
  .faq-wrap > li .faq-content {padding: 20px 20px 20px 20px;} 
  .faq-wrap > li .faq-content p {text-align: unset;} 
  .faq-wrap > li .faq-content .icon-list {gap: 6px;}
  .faq-wrap > li .faq-content .icon-list span {font-size: 14px;}
  .faq-wrap > li .faq-question {padding: 19px 30px 15px 20px;display: block;}
  .faq-wrap > li .faq-question .faq-title{margin-left: 0;margin-top: 6px;font-size: 16px;}
  .faq-wrap > li .faq-question:after {right: 20px;width: 13px;height: 13px;top: unset;bottom: 18px;}
  .faq-wrap > li .faq-question > span.number {right: 50px;font-size: 13px;bottom: 21px;top: unset;transform: unset;}
  .faq-wrap > li .faq-question > span:nth-child(2),
  .faq-wrap > li .faq-question > span:nth-child(1) {font-size: 10px;padding: 6px 12px;}
  .faq-wrap > li.active .faq-question:after {width: 13px;bottom: 29px;}
  .faq-wrap > li.f-child .faq-question {padding: 22px 125px 22px 30px;}
}

/*location*/
.location-wrap iframe {width: 100%;}
.box-btn.btn-dona {padding: 0px 0 30px 0;}

.vision-tit {font-family: Paperlogy;font-weight: 900;font-size: 40px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color:#80222F;padding: 0 0 40px;text-align: center;}
.vision-wrap {height: 400px;position: relative;max-width: 856px;width: 100%;margin: 0 auto;box-sizing: border-box;padding: 0 100px;}
.vision-wrap .tit-vision {display: flex;height: 100%;justify-content: space-between;    align-items: center;}
.vision-wrap .tit-vision p {font-family: Paperlogy;font-weight: 600;font-size: 24px;line-height: 140%;letter-spacing: 0px;vertical-align: middle;color: #222222;}
.vision-wrap .tit-vision p.txt02 {text-align: right;}
.vision-wrap .mask-line {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;text-align: center;padding: 0;z-index: 0;}
.vision-wrap .mask-line img {height:  400px;width: 100%;}

.vision-wrap .img-mo {display: none;}

@media screen and (max-width:768px){
.vision-wrap .img-mo {display: block;}
.vision-wrap .img-pc {display: none;}
.vision-wrap {height: auto;padding: 60px 0;}
.vision-wrap .tit-vision {gap: 120px;}
.vision-wrap .mask-line img {width: 100%;height: 100%;margin: 0 auto;max-width: 353px;}
.vision-wrap .tit-vision {flex-direction: column;}
.vision-wrap .tit-vision p {font-size: 18px;}
.vision-tit {font-size: 30px;padding: 0 0 20px;}

.title-box {padding: 0 0 30px;}
}

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

}

/*greeting*/
/*css for page /intro/greeting.do */
.gretting-box {display: flex;align-items: center;gap: 50px 60px;}
.gretting-box .txt {flex: 1;}
.gretting-box .txt .tit-get {font-weight: 700;font-size: 40px;line-height: 150%;letter-spacing: -0.2px;color: #000000;padding: 0 0 40px;}
.gretting-box .txt .tit-get > span {color: #80222f;}
.gretting-box .txt .name {font-weight: 700;font-size: 40px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}
.gretting-box .img-gretting {max-width: 500px;width: 100%;display: flex; justify-content: center; align-items: center;}
.gretting-box .img-gretting img {width: 50%;height: 100%;object-fit: cover;}

@media (max-width: 1200px) {
  .gretting-box {flex-direction: column-reverse;align-items: center;}
}


@media (max-width: 768px) {
  .gretting-box .img-gretting {max-width: 100%;}
  .gretting-box .txt .tit-get {font-size: 25px;padding: 0 0 25px;}
  .con-p02 {font-size: 18px;padding: 0 0 25px;}
  .gretting-box .txt .name {font-size: 25px;}
}

/* ---------------------------- ui -----------------------------*/
.ui_wrap .ui{display:flex;border-top:1px dashed #d4d9dd;padding:3.5rem 0 3rem;}
.ui_wrap .ui .tit{width:30%;}
.ui_wrap .ui .tit .txt{font-size:1.75rem;margin:2rem 0 3rem;font-weight:400;}
.ui_wrap .ui .tit .btn_wrap .btn_down{width:8rem;height:2.75rem;font-size:0.925rem;}
.ui_wrap .ui .img { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; padding: 2rem; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d4d9dd' fill-opacity='0.7'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #ccc; background-repeat: repeat; }
.ui01 .ui_wrap .ui .img img {width: 250px;}
.ui02 .ui_wrap .ui .img img {width: 100px;}

@media (max-width: 1024px) {
  .ui_wrap .ui {padding: 2rem 0; flex-wrap: wrap;}
  .ui_wrap .ui .tit {width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 0 0 0.5rem;}
  .ui_wrap .ui .tit .txt {font-size: 1.25rem;margin: 0;}
  .ui_wrap .ui .tit .btn_wrap .btn_down {width: 7rem;height: 2rem;}
  .ui_wrap .ui .img {width: 100%;gap: 1rem;}
  .ui_wrap .ui .img img {max-width: 9rem;}
}
/* ---------------------------- history -----------------------------*/
.history .year_wrap {display:flex;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #d4d9dd;padding:1.5rem 0;}
.history .year_wrap .year{font-size:1.75rem;font-weight:900;width:15%;margin-top:0.5rem;}
.history .year_wrap .month_wrap{display:flex;width:85%;margin-bottom:1rem;align-items:center;}
.history .year_wrap .month_wrap:last-child{margin:0;}
.history .year_wrap .month_wrap .month{width:7%;font-size:1.5rem;color:#858c94;font-weight:600;}
.history .year_wrap .month_wrap .txt{color:#111;font-weight:500;padding:0.5rem 0.75rem;background:#f1f1f1;}
.history .year_wrap .month_wrap .txt li+li{margin:10px 0 0;}

@media (max-width:1024px){
.history .year_wrap{padding:1rem 0;}
.history .year_wrap .year{font-size:1.325rem;margin-top:0.125rem;}
.history .year_wrap .month_wrap .month{font-size:1.125rem;margin-top:0.125rem;}
.history .year_wrap .month_wrap .txt{padding:0.125rem 0.25rem;}
.history .year_wrap .month_wrap{margin-bottom:0.5rem;}
}

@media (max-width:768px){
.history .year_wrap .year{font-size:1.125rem;margin:0 0 0.5rem;width:100%;}
.history .year_wrap .month_wrap .month{font-size:1rem;}
.history .year_wrap .month_wrap .txt{padding:0.125rem 0.25rem;width: 100%;box-sizing: border-box;}
.history .year_wrap .month_wrap .txt li{font-size:0.925rem;}
.history .year_wrap .month_wrap{margin-bottom:0.5rem;width:100%;gap:10px;}
}
/* ---------------------------- time-line -----------------------------*/
.time-line .banner-timeline {max-width:100%;margin:0 auto 20px auto;text-align:center;display:flex;flex-wrap:wrap;}
.time-line .banner-timeline img {width: 50%;flex:1;}
.time-line .tabs-container {display: flex;flex-direction: column;}
.time-line .tabs-header {display: flex;overflow-x: auto;white-space: nowrap;}
.time-line .tab-a {padding: 14px 0;cursor: pointer;transition: background ease .2s;flex: 1;text-align: center;border-bottom: 2px solid #ddd;font-size: 16px;line-height: 140%;}
.time-line .tab-a.active {background: #fff;border-color: #8b0029;color: #8b0029;font-weight: 700;}
.time-line .tab-content {display: none;padding: 10px;background: #fff;margin-top: 10px;}
.time-line .tab-content.active {display: block;}

@media (max-width: 768px) {
  .time-line .tab-a {padding: 14px 20px;}
  .time-line .banner-timeline {flex-direction: column;}
  .time-line .banner-timeline img {width:100%;}
}
/* ---------------------------- undergraduate-box -----------------------------*/
.undergraduate-box .item{display:flex;gap: 20px;}
.undergraduate-box .item + .item {margin: 50px 0 0 0;}
.undergraduate-box .item > p {width: 200px;font-size: 26px;font-weight: 700;color: #222;}
.undergraduate-box .item > div {flex:1;}
.undergraduate-box .item  > div p {font-size: 18px; line-height:140%; font-weight: 400;color: #555555;}
.undergraduate-box .item  > div p + p {margin-top:10px;}
@media (max-width:768px) {
  .undergraduate-box .item {flex-direction: column;}
  .undergraduate-box .btn{margin-top:20px;}
  
}

body.graduate .content-outer-wrap {background:#f6f6f6;}
.graduate-box {}
.graduate-box .group {display:flex;background: #fff;padding: 20px 0;}
.graduate-box + .graduate-box {margin: 20px 0 0 0;}
.graduate-box .group .item {flex:1;min-width:16.66667%;text-align:center;box-sizing:border-box;padding: 0 10px}
.graduate-box .group .item + .item {border-left: 1px solid #ddd;}
.graduate-box .group .item .title {font-size: 18px;font-weight: 700;}
.graduate-box .group .item .title + ul {margin: 10px 0 0 0;}
.graduate-box .group .item  ul li {font-size:16px;line-height:140%;} 
.graduate-box .group .item  ul li + li {margin: 5px 0 0 0;}
.graduate-box .group .item .home {text-indent: -99999px;background: url(../img/content/ico-home.png) no-repeat center;width: 40px;height: 40px;background-size: contain;display: inline-block;}
@media (max-width: 1024px) {
  .graduate-box {overflow-x: auto;width: 100%;}
  .graduate-box .group {width: 100%;min-width: 1000px;overflow-x: auto;}
  
  .graduate-box::-webkit-scrollbar {width: 100%;height: 6px;position: absolute;}
  .graduate-box::-webkit-scrollbar-track {background: #DBDBDB;border-radius: 50px;}
  .graduate-box::-webkit-scrollbar-thumb {background: #80222F;border-radius: 50px;}
}