@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;}
.header-box{max-width: 1600px;margin: 0 auto;padding:0 16px;}

.footer-wrap {background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, #80222F, #80222F), linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(128, 34, 47, 0.5) 100%);}
.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;}

/* 사이트맵 */
.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;}


/*main01*/
.main-inner-01 {position: relative;z-index: 1;margin-top: -143px;margin-bottom: -30px;} 
.main-inner-01 .quick-wrap {border-radius: 25px;background: url(/_res/temp01/img/main/bg-quick-bottom.png) no-repeat bottom center;background-size: contain;background-color: #fff;}
.main-inner-01 .quick-wrap > ul {max-width: 1600px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));padding: 60px 16px;gap: 40px;}
.main-inner-01 .quick-wrap > ul > li {border: 2px solid;border-image-source: linear-gradient(145.26deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.5) 33.63%, rgba(255, 255, 255, 0.334025) 51.89%, rgba(0, 0, 0, 0.1) 99.94%);border-image-slice: 1;
    min-height: 216px;text-align: center;align-content: center;}
.main-inner-01 .quick-wrap > ul > li a {display: flex;width: 100%;height: 100%;align-content: center;padding: 10px;box-sizing: border-box;perspective: 800px;flex-direction: column;align-items: center;justify-content: center;}
.main-inner-01 .quick-wrap > ul > li a:hover img { transform: rotateY(360deg);}
.main-inner-01 .quick-wrap > ul > li img {margin-bottom: 30px;transition: transform .5s cubic-bezier(.4, 0, .2, 1);transform-style: preserve-3d;backface-visibility: hidden;max-width: 80px;width: 100%;height: auto;object-fit: contain;}   
.main-inner-01 .quick-wrap > ul > li p {font-size: 24px;font-weight: 600;color: #696969;position: relative;display: inline-block;}
.main-inner-01 .quick-wrap > ul > li p:after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #80222F;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;margin-bottom: -4px;}
.main-inner-01 .quick-wrap > ul > li a:hover p:after {transform: scale(1, 1);transform-origin: left center;}
.main-inner-01 .heading-wrap {text-align: center;margin: 0 auto;} 
.main-inner-01 .heading-wrap p {font-size: 52px;font-weight: 700;color: #222;text-align: center;padding: 14px;box-sizing: border-box;display: inline-block;position: relative;}
.main-inner-01 .heading-wrap p:before {content: '';background: url(/_res/temp01/img/main/bg-quick-top.png) no-repeat top center;width: 580px;height: 101px;background-size: cover;position: absolute;z-index: -1;top: 1px;left: 50%;transform: translateX(-50%);}
.main-inner-01 .heading-wrap p span {color: #0041C2;}

.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;}

/*main02*/
.main-content-wrap02 {background:  url(/_res/temp01/img/main/bg-main02.png)no-repeat;background-size: cover;}
.main-content-box02 {max-width: 1600px;margin: 0 auto;padding: 140px 0;}
.heading-wrap {font-weight: 700;font-size: 52px;line-height: 140%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #fff;margin: 0 0 64px;}
.heading-wrap span {color: #AFDBFF;}

.main-inner-02 {position: relative;}
.main-inner-02 .main-reserch {margin: 0 0 80px;position: relative;z-index: 99;}
.main-inner-02 .swiper-slide a {padding: 48px 40px;display: block;backdrop-filter: blur(20px);border-radius: 24px;box-sizing: border-box;position: relative;transition: all .3s;}
.main-inner-02 .swiper-slide a:before{content: "";position: absolute;inset: 0;padding: 1px;border-radius: 24px;background: linear-gradient(
		138.93deg,
		#FFFFFF -30.41%,
		rgba(255, 255, 255, 0) 66.03%
	);-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.main-inner-02 .swiper-slide a:hover {background: #031F46;}
.main-inner-02 .swiper-slide a:hover:before{ background: linear-gradient(138.93deg,#009FF5 -30.41%,rgba(0, 159, 245, 0) 66.03%);}
.main-inner-02 .swiper-slide .vi-img-box {width: 100%;height: 278px;overflow: hidden;border-radius: 12px;margin: 0 0 56px;background: #fff;}
.main-inner-02 .swiper-slide .vi-img-box img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;object-position: center;}
.main-inner-02 .swiper-slide a:hover .vi-img-box img {transform: scale(1.1);}
.main-inner-02 .swiper-slide .vi-txt-box {margin: 0 0 16px;}
.main-inner-02 .swiper-slide .vi-txt-box .txt01{font-weight: 700;;font-size: 30px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #fff;margin: 0 0 32px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;
    overflow: hidden;min-height: 108px;}
.main-inner-02 .swiper-slide .vi-txt-box .txt02{font-family: Pretendard GOV;font-weight: 400;font-size: 18px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;
    overflow: hidden;margin: 0 0 32px;min-height: 50.41px;}
.main-inner-02 .swiper-slide .vi-txt-box .date{font-family: Pretendard GOV;font-weight: 400;font-size: 16px;line-height: 100%;letter-spacing: -0.1px;text-transform: uppercase;color: #F5F5F5;}
.main-inner-02 .swiper-slide .use {font-family: Pretendard GOV;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0%;vertical-align: middle;color: #FFFFFF;margin: 0 0 56px;display: inline-block;position: relative;padding: 8px 24px 8px 11px;
  border-radius: 30px;background: transparent;min-height: 87px;width: 100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.main-inner-02 .swiper-slide .use:before {content: "";position: absolute;inset: 0;padding: 1px;border-radius: 30px;background: linear-gradient(
		138.93deg,
		#FFFFFF -30.41%,
		rgba(255, 255, 255, 0) 66.03%
	);-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;opacity: 0;transition: opacity .3s ease, background .3s ease;}
.main-inner-02 .swiper-slide a:hover {background: #031F46;}
.main-inner-02 .swiper-slide a:hover:before{ background: linear-gradient(
    138.93deg,
    #009FF5 -30.41%,
    rgba(0, 159, 245, 0) 66.03%
  );}
.main-inner-02 .swiper-slide a:hover .use:before {opacity: 1;}
.main-inner-02 .swiper-slide a:hover .use span {border-radius: 20px;background: #000000;}
.main-inner-02 .swiper-slide .use span {padding: 10px;background: #FFFFFF1A;border-radius: 6px;display: inline-block;margin-right: 10px;font-size: 16px;transition: background-color .25s ease,border-radius .3s cubic-bezier(.4,0,.2,1);line-height: 1;}
.main-inner-02 .swiper-slide a:hover .use {background: #FFFFFF1A;} 
.main-inner-02 .swiper-slide .more {border: 1px solid #FFFFFF;border-radius: 4px;}
.main-inner-02 .swiper-slide .more button{font-weight: 600;font-size: 16px;line-height: 20px;letter-spacing: 0.3px;vertical-align: middle;color: #FFFFFF;padding: 14px 20px;text-align: center;display: flex;align-items: center;justify-content: center;
  transition: all .3s;width: 100%;cursor: pointer}
.main-inner-02 .swiper-slide a:hover .more button {background: #1174FF;color: #fff;}
.main-inner-02 .swiper-slide a:hover .more {border: 1px solid #1174FF;}


.main-inner-02 .highlight-txt {padding: 140px 0 0;}
.main-inner-02 .highlight-txt p {font-weight: 700;font-size: 58px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #fff;margin: 0 0 40px;}
.main-inner-02 .highlight-txt span{font-weight: 500;font-size: 26px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #FDD6B6;display: block;}
.main-inner-02 .control-wraps {position: absolute;top: 40%;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-inner-02 .control-wraps .swiper-button-prev,
.main-inner-02 .control-wraps .swiper-button-next {position: relative;width: 64px;height: 64px;border: 0;margin: 0;font-size: 0;cursor: pointer;left: unset;right: unset;top: unset;}
.main-inner-02 .control-wraps .swiper-button-prev {background: url(/_res/temp01/img/common/ico-vi-left.png) no-repeat center;transition: all .3s ease-in-out;left: -80px;}
.main-inner-02 .control-wraps .swiper-button-next {background: url(/_res/temp01/img/common/ico-vi-right.png) no-repeat center;transition: all .3s ease-in-out;right: -80px;}
.main-inner-02 .control-wraps .swiper-button-prev:after, 
.main-inner-02 .control-wraps .swiper-button-next:after {display: none;}


/*main03*/
.main-content-wrap03 {background: url(/_res/temp01/img/main/bg-main03.png)no-repeat;background-size: cover;border-radius: 32px;overflow: hidden;margin: -30px 0 -30px;position: relative;}

.main-content-box03 {max-width: 1600px;margin: 0 auto;padding: 160px 0 132px;}
.main-inner03 {display:  flex;gap: 40px;justify-content: space-between;}
.main-inner03 .board {width: calc(50% - 20px);position: relative;padding: 40px;backdrop-filter: blur(20px);border-radius: 40px;overflow: hidden;height: max-content;}
.main-inner03 .board::before {content: "";position: absolute;inset: 0;padding: 2px;border-radius: 40px;background: linear-gradient(		145.26deg,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(255, 255, 255, 0.5) 33.63%,
		rgba(255, 255, 255, 0.334025) 51.89%,
		rgba(0, 0, 0, 0.1) 99.94%
	);-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.main-inner03 .board.new {margin-bottom: 400px;}
.main-inner03 .board.seminar {margin-top: 400px;}
.main-inner03 .board .tit {font-weight: 700;font-size: 52px;line-height: 140%;letter-spacing: 0;text-align: center;vertical-align: middle;color: rgba(128, 34, 47, 1);padding: 23px 0;position: relative;}
.main-inner03 .board .tit:before {content: "";width: 100%;height: 12px;background: url(/_res/temp01/img/main/border-tit.png)no-repeat;background-size: 100%;left: 0;bottom: -12px;position: absolute;}
.main-inner03 .board .list-board li a{display: flex;gap: 24px;padding: 40px 0;border-bottom: 1px solid rgba(220, 220, 220, 1)}
.main-inner03 .board .list-board li:first-child a {padding: 52px 0 40px;}
.main-inner03 .board .list-board li a .img-board {max-width: 256px;width: 100%;box-sizing: border-box;border-radius: 6px;height: 100%;}
.main-inner03 .board .list-board li a .img-board img {width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.main-inner03 .board .list-board li a:hover .img-board img{transform: scale(1.1);}
.main-inner03 .board .list-board li a .conten-board {width: 100%;display: flex;flex-direction: column;justify-content: space-between;flex: 1;gap: 20px;}
.main-inner03 .board .list-board li a .conten-board .notice {background: rgba(128, 34, 47, 0.1);border-radius: 5px;padding: 9px 16px;box-sizing: border-box;font-weight: 600;font-size: 18px;line-height: 26px;letter-spacing: 0;text-align: center;
  color: rgba(128, 34, 47, 1);display: inline-block;margin: 0 0 16px;}
.main-inner03 .board .list-board li a .conten-board .txt {font-weight: 700;font-size: 24px;line-height: 110.00000000000001%;letter-spacing: 0px;color: rgba(34, 34, 34, 1);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;
    overflow: hidden;position: relative;}
.main-inner03 .board .list-board li a .conten-board .date {font-weight: 400;font-size: 16px;line-height: 100%;letter-spacing: 0; color: rgba(119, 119, 119, 1);}
.main-inner03 .board .more {padding: 24px 20px;}
.main-inner03 .board .more .btn-more {border: 1px solid rgba(184, 184, 184, 1);border-radius: 5px;padding: 14px 24px;font-weight: 600;font-size: 16px;line-height: 20px;letter-spacing: 0.3px;text-align: center;color: rgba(34, 34, 34, 1);max-width: 172px;
    width: 100%;box-sizing: border-box;display: flex;margin: 0 auto;position: relative;align-items: center;justify-content: space-between;transition: all .3s;}
.main-inner03 .board .more .btn-more:after {content: "";display: inline-block;background: url(/_res/temp01/img/common/ico-more.png)no-repeat;background-size: cover;width: 24px;height: 24px;}
.main-inner03 .board .more .btn-more:hover {background: rgba(128, 34, 47, 1);color: #fff;border: 1px solid rgba(128, 34, 47, 1)}
.main-inner03 .board .more .btn-more:hover:after {    filter: brightness(0) invert(1);}
.main-inner03 .board.seminar .list-board li a:hover .date{background: rgba(128, 0, 0, 0.3);color: #fff;}
.main-inner03 .board.seminar .list-board li a .date {background: rgba(242, 242, 242, 1);font-family: Pretendard GOV;font-weight: 700;font-size: 40px;line-height: 140%;letter-spacing: 0;color: rgba(34, 34, 34, 1);padding: 40px 15px;max-width: 96px;width: 100%;
box-sizing: border-box;border-radius: 8px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .3s;overflow: hidden;}
.main-inner03 .board.seminar .list-board li a .date .day {font-family: Pretendard GOV;font-weight: 700;font-size: 40px;line-height: 1.3;letter-spacing: 0;color: rgba(34, 34, 34, 1);transition: all .3s;}
.main-inner03 .board.seminar .list-board li a:hover .date .day {color: #fff;}
.main-inner03 .board.seminar .list-board li a .date .mon-year {font-family: Pretendard GOV;font-weight: 400;font-size: 15px;line-height: 140%;letter-spacing: 0;color: rgba(34, 34, 34, 1);transition: all .3s;}
.main-inner03 .board.seminar .list-board li a:hover .date .mon-year {color: #fff;}
.main-inner03 .board.seminar .list-board li a .conten-board .box-txt .txt{margin: 0 0 16px;}
.main-inner03 .board.seminar .list-board li a .conten-board .box-txt .user {font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: 0px;color: rgba(85, 88, 94, 1);}
.main-inner03 .board.seminar .list-board li a .conten-board .box-txt .user .name {font-weight: 700;}
.main-inner03 .board.seminar .list-board li a .conten-board ul {display: flex;align-items: center;gap: 20px;}
.main-inner03 .board.seminar .list-board li a .conten-board ul li {display: flex;align-items: center;gap: 8px;}
.main-inner03 .board.seminar .list-board li a .conten-board ul li p{font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: 0px;color: rgba(85, 88, 94, 1);}

/*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/temp01/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: -30px 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/temp01/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 30px;}
.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/temp01/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: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;}
.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;}

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

.pc-hide {display:none;}

.research-wrap {display: flex;padding: 25px;border-top: 15px solid #7b2b2b;border-bottom: 3px solid #7b2b2b;border-left: 3px solid #7b2b2b;border-right: 3px solid #7b2b2b;gap: 30px;}
.research-wrap .left {flex: 1;}
.research-wrap .left .tit {font-size: 30px;font-weight: 700;line-height: 1.3;color: #000000;padding: 0 0 10px;border-bottom: 2px solid #000000}
.research-wrap .left .tit > span {font-size: 22px;color: #5a0f1e;}
.research-wrap .left .txt {padding: 15px 0 0;font-size: 16px;font-weight: 600;line-height: 1.5;color: #000000;}
.research-wrap .right {width: 250px;}
.research-wrap .right img {width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width: 768px) {
  .research-wrap {flex-direction: column-reverse;padding: 15px;}
  .research-wrap .right {width: auto;}
  .research-wrap .left .tit {font-size: 25px;}
  .research-wrap .left .tit > span {font-size: 18px;}
  .research-wrap .left .txt {font-size: 14px;}
}

/* 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;}
}

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


@media(max-width: 1600px) {
  .main-inner-02 .control-wraps .swiper-button-prev {left: 0;}
  .main-inner-02 .control-wraps .swiper-button-next {right: 0;}
  .main-inner-02 .control-wraps {top: auto;max-width: 200px;}
}

@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-inner-01 .quick-wrap > ul {grid-template-columns: repeat(3, 1fr);}
  
  
  .main-content-wrap03 {margin: 0;}
  .main-content-box03 {padding: 60px 16px;}
  
  .main-content-box02 {padding: 60px 16px;}
  .main-inner-02 .control-wraps {max-width: 110px;z-index: 100;gap: 20px;}
  .main-inner-02 .control-wraps .swiper-button-prev, .main-inner-02 .control-wraps .swiper-button-next {width: 45px;height: 45px;border-radius: 6px;border: 1px solid #fff;}
  .main-inner-02 .highlight-txt {padding: 60px 0 0;}
  .main-inner-02 .highlight-txt p {font-size: 25px;}
  .main-inner-02 .highlight-txt span {font-size: 16px;}
  .heading-wrap {font-size: 35px;margin: 0 0 40px;}
  .main-inner-02 .swiper-slide a{padding: 25px 20px;}
  .main-inner-02 .swiper-slide .vi-img-box {margin: 0 0 25px;}
  .main-inner-02 .swiper-slide .vi-txt-box .txt01 {font-size: 20px;margin: 0;min-height: unset}
  .main-inner-02 .swiper-slide .vi-txt-box .txt02 {font-size: 16px;margin: 0;min-height: unset}
  .main-inner-02 .swiper-slide .vi-txt-box {min-height: 165.81px;display: flex;flex-direction: column;justify-content: space-between;}
  .main-inner-02 .swiper-slide .vi-txt-box .date {font-size: 14px;}
  .main-inner-02 .swiper-slide .use {margin: 0 0 30px;font-size: 18px;}
  .main-inner-02 .swiper-slide .use span {font-size: 14px;}
  .main-inner-02 .main-reserch {margin: 0 0 50px;}
  .main-content-wrap02 {background-position: center;}
  
  .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 15px center;background-size: 17px auto;-webkit-appearance: none;outline: 0;color: #fff;min-height: 60px;
  font-size: 18px;}
  .tab_sel option{color: #000;background: #fff;}
  .tab_sel option:first-child {display: none;}
  .w{display:none}
}


@media(max-width: 768px) {
  
  .main-inner-01 .heading-wrap p {font-size: 36px;padding: 30px 14px 14px;}
  .main-inner-01 .quick-wrap {border-radius: 0px 0px 20px 20px;}
  .main-inner-01 .quick-wrap > ul > li {min-height: unset;}
  .main-inner-01 .quick-wrap > ul {grid-template-columns: repeat(2, 1fr);}
  .main-inner-01 .quick-wrap > ul > li a {padding: 25px 12px;}
  .main-inner-01 .quick-wrap > ul > li img {margin-bottom: 20px;width: 60px;}

  .main-inner-01 .quick-wrap > ul > li p {font-size: 19px;}
  .main-inner-01 .quick-wrap > ul {padding: 20px 16px 60px;}
  
  .main-inner-02 .swiper-slide .vi-img-box {height: 250px;}
  .main-inner-02 .swiper-slide .vi-txt-box .txt01 {-webkit-line-clamp: 2;}
  .main-inner-02 .swiper-slide .vi-txt-box .txt02 {-webkit-line-clamp: 2;}
  .main-inner-02 .swiper-slide .vi-txt-box {min-height: 140px;}

    .main-inner03 .board {padding: 20px;}
  .main-inner03 .board .tit {font-size: 35px;padding: 10px 0;}
  .main-inner03 .board .list-board li a {padding: 30px 0;}
  .main-inner03 .board .list-board li a .conten-board .notice {font-size: 16px;}
  .main-inner03 .board .list-board li a .conten-board .txt {font-size: 20px;}
  
  .main-inner03 .board.seminar .list-board li a .conten-board .box-txt .user {font-size: 16px;}
  .main-inner03 .board.seminar .list-board li a .conten-board ul {align-items: flex-start;flex-direction: column;gap: 10px;}
  .main-inner03 .board.seminar .list-board li a .conten-board ul li p {font-size: 14px;}
  
  
  .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;} 
  
  .main-inner-02 .swiper-slide .use {min-height: unset;padding: 8px 24px 5px 11px;}
  
}

@media(max-width: 600px) {
  .main-inner03 .board .list-board li a {flex-direction: column;}
  .main-inner03 .board .list-board li a .img-board {max-width: unset;}
  .main-inner03 .board.seminar .list-board li a .date {max-width: unset;padding: 15px;}
  
  .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;}