*{margin: 0; padding: 0;}/*태그마다 갖고 있는 마진값이 달라서 직접지정을 위해 없앰*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{
	font-family: 'Nanum Gothic','나눔고딕', 'dotum', '돋움',sans-serif;
	font-size: 11px;
	color: #6a5742;
	background-repeat: repeat-x;
}/*홈페이지에 제일많이 나오는 글꼴설정*/
li{ list-style: none; }/*리스트에 기호를 없앰, 주고 싶을 경우 배경이미지처리*/
a{ text-decoration: none; color:#6a5742;} /*텍스트링크시 생기는 밑줄 없애고 필요할땐 직접생성*/
img{ border: none; }/*ie8이하의 브라우저가 이미지링크시 선이 자동생기는 것을 방지*/
table{ border-collapse:collapse; border-spacing: 0; }/*테이블의 선중첩과 여백을 없앰*/
address{ font-style: normal; margin: 13px 0 0 290px; color:#6a5742; font-size:11px;}/*주소태그가 기울어지는 것을 없앰*/
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
/*html5 시맨틱태그가 ie8이하의 브라우저에서 인라인엘리먼트로 받아지는것을 방지*/
h3{font-size:13px; color:#282119; margin:0 0 5px 0;}
footer{.background-color: #d6bc8b;}
h4{background:url("../images/sub/h4_img.gif"); background-repeat:no-repeat; background-position:0 4px; padding:0 0 0 20px; font-size:15px; margin: 0 0 10px; position:relative;}
h5 {background: url("../images/sub/dt_img.gif"); background-repeat:no-repeat; background-position: 0 12px;font-size: 14px;padding: 8px 0 10px 20px;}
a:visited{color:#6a5742;}
p{line-height:23px;}
caption{display:none;}
.float_left{float:left;}

#quick_menu{z-index:10; right:0 !important;}
#quick_menu li {margin: 0 0 -4px;}
.wrapper > #quick_menu {right: 0 !important;}

#container_sub {position:relative;padding-top:10px;border-top:1px solid #eee;}
#container_sub:before {content:"";position:absolute;top:0;left:1px;right:1px;height:10px;background:#f8fafc;}
.wrapper {margin:0 auto;width:1200px;}


.leftArea {width: 220px;float: left;}
.leftArea > ul {background-color: #d0b071;padding: 0 10px;}
.leftArea li{background:url("../images/sub/left_li.gif"); background-repeat: no-repeat; background-position: 10px 15px;}
.leftArea li a {border-bottom: 1px solid #ddc596;color: #fff;display: block;font-size: 16px;font-weight: 600;padding: 10px 0 10px 25px;}
.content{background-color:#fff;min-height:700px;}

/*서브 탑*/
.content {background-color: #fff;min-height:610px;padding:0;}
.contents_top {border-bottom: 1px solid #eee;height:120px;display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;}
.contents_top h3 {font-size:48px;color:#222;}
.contents_top > p {color: #717171;font-size: 15px;font-weight: bold;margin: 15px 0 0;}
.sub3rdtab {width:100%;}
.sub3rdtab ul {height:40px;padding:10px 0 10px 0;}
.sub3rdtab ul li {width:13.6%;float:left;text-align:center; height:40px; line-height:30px; background:url("../images/sub/tab_bg_off.gif"); background-repeat:no-repeat;margin:0 5px 0 0}
.sub3rdtab ul li:hover {width:13.6%;float:left;text-align:center; height:40px; line-height:30px; background:url("../images/sub/tab_bg.gif"); background-repeat:no-repeat;margin:0 5px 0 0}
.sub3rdtab ul li a{display:block;}
.sub3rdtab2 {width:100%;}
.sub3rdtab2 ul {height:40px;padding:10px 0 10px 0;}
.sub3rdtab2 ul li {width:49.3%;float:left;text-align:center; background:url("../images/sub/tab_bg03_off.gif"); background-repeat:no-repeat; height:40px; line-height:30px;margin:0 5px 0 0}
.sub3rdtab2 ul li:hover {width:49.3%;float:left;text-align:center; background:url("../images/sub/tab_bg03.gif"); background-repeat:no-repeat;height:40px; line-height:30px;margin:0 5px 0 0}
.sub3rdtab2 ul li a{color:#fff; font-weight:bold; display:block;}
.sub3rdtab3 {width:100%;}
.sub3rdtab3 ul {height:40px;padding:10px 0 10px 0;}
.sub3rdtab3 ul li {width:32.7%;float:left;text-align:center; background:url("../images/sub/tab_bg02_off.gif"); background-repeat:no-repeat; height:40px; line-height:30px;margin:0 5px 0 0}
.sub3rdtab3 ul li:hover{width:32.7%;float:left;text-align:center; background:url("../images/sub/tab_bg02.gif"); height:40px; line-height:30px;margin:0 5px 0 0}
.sub3rdtab3 ul li a{font-weight:bold; color:#fff; display:block}
.content .sub3rdtab a {color: #fff;font-weight: bold;}

.loce {display:flex;align-items:center;font-size:14px;gap:25px;}
.loce > li {color:#222;position:relative;}
.loce > li:before {content:"";position:absolute;left:-15px;top:7px;width:7px;height:1px;background:#ccc;transform:rotate(45deg)}
.loce > li:after {content:"";position:absolute;left:-15px;bottom:7px;width:7px;height:1px;background:#ccc;transform:rotate(-45deg)}
.loce li.first_loce:before {display:none;}
.loce li.first_loce:after {display:none;}
/*서브 탑*/

/*컨텐츠 영역*/
.content_txt {margin:20px 0 60px; padding: 0 0 10px; line-height: 22px;}
/*컨텐츠 영역*/

/* sitemap */
.content_txt .site_01 {display:flex;gap:30px;}
.content_txt .site_02 {display:flex;gap:30px;}
.content_txt .site_03 {display:flex;gap:30px;}
.content_txt .sitemap {flex:1;margin:0;}
.content_txt .sitemap dt {background:#333;}
.content_txt .sitemap dd {padding:10px;font-size:14px;border-bottom:1px solid #ddd;}
.content_txt .sitemap dd a {color:#666;}
.content_txt .sitemap dd ul li {background:none;position:relative;}
.content_txt .sitemap dd ul li:before {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background:#333;}
.content_txt .sitemap dd a:hover {color:#333;font-weight:500;}

/* 오픈 엑세스 정책 */
.content_txt .dl_st_01 dt {color:#333;font-size:18px;padding:0;background:none;}
.content_txt .dl_st_01 dd {color:#666;font-size:16px;}

.both{clear:both;}

.mT10{margin:10px 0 0 0}
.mT20{margin:20px 0 0 0}
.mT30{margin:30px 0 0 0}

.mB10{margin:0 0 10px 0}
.mB20{margin:0 0 20px 0}
.mB30{margin:0 0 30px 0}

.mL20{margin:0 0 0 20px}
.mm20{margin:20px 0;}

.pT10{padding:10px 0 0 0}

dd.mL76{margin:0 0 0 76px}

/*게시판*/
.attach li {color: #a11619; font-weight:bold; margin:15px 0 0 0;}
.attach a {color: #a11619;}
.attach a:hover{color:#d6bc8b}

/*게시판*/
.attach2 li {color: #a11619; font-weight:bold; margin:15px 0 0 0;background:url('../images/sub/list_ico.gif') left no-repeat;padding-left:25px;}
.attach2 a {color: #a11619;}
.attach2 a:hover{color:#d6bc8b}

/*tab*/
.sub3rdtab3 .li_on{background:url("../images/sub/tab_bg02.gif");background-repeat:no-repeat;}
.sub3rdtab2 .li_on{background:url("../images/sub/tab_bg03.gif");background-repeat:no-repeat;}
.sub3rdtab .li_on{background-image:url("../images/sub/tab_bg.gif");background-repeat:no-repeat;}



/*20150615 게시판 이미지확대 시작*/

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;


}
/*20150615 게시판 이미지확대 끝*/


@font-face {font-family:'Pretendard';font-weight:100;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Thin.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Thin.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Thin.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:200;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraLight.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraLight.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:300;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:500;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:600;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:700;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:800;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraBold.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-ExtraBold.otf') format('opentype');}
@font-face {font-family:'Pretendard';font-weight:900;font-style:normal;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Black.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Black.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Black.otf') format('opentype');}

.n_wrapper {font-family:'Pretendard','Malgun Gothic',dotum,sans-serif;}
.n_wrapper a {color:#222;}

/* 헤더 & 푸터 */
.n_header {padding:0 80px;}
.n_header .inner {position:relative;height:90px;display:flex;justify-content:center;align-items:center;}
.n_header .inner h1.logo {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.n_header .inner .right_menu {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.n_header .inner .right_menu ul {display:flex;align-items:center;gap:15px;}
.n_header .inner .right_menu ul li {font-size:15px;}
.n_header .inner .right_menu ul li a {display:block;font-weight:400;}
.n_header .inner .right_menu ul li a.sitemap-btn {height:20px;width:22px;position:relative;}
.n_header .inner .right_menu ul li a.sitemap-btn:before, .n_header .inner .right_menu ul li a.sitemap-btn:after {content:"";position:absolute;left:0;right:0;height:2px;background:#222;}
.n_header .inner .right_menu ul li a.sitemap-btn:before {top:0;}
.n_header .inner .right_menu ul li a.sitemap-btn:after {bottom:0;}
.n_header .inner .right_menu ul li a.sitemap-btn span {font-size:0;width:100%;height:2px;background:#222;position:absolute;top:calc(50% - 1px);left:0;right:0;}
.n_header .inner .right_menu ul li button.search_btn {border:0;background:transparent;cursor:pointer;font-weight:400;}
.n_header .gnb_nav ul.ul_d1 {display:flex;gap:60px;}
.n_header .gnb_nav li.li_d1 {position:relative;}
.n_header .gnb_nav a.a_d1 {display:block;font-size:18px;padding:10px 0;font-weight:700;}
.n_header .gnb_nav li.li_d1 ul {display:none;position:absolute;top:100%;left:-25px;z-index:100;min-width:120px;background:#fff;padding:20px 25px;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,0.15),0 15px 15px -10px rgba(0,0,0,0.15);}
.n_header .gnb_nav li.li_d1 ul li {position:relative;}
.n_header .gnb_nav li.li_d1 ul li:before {content:"";position:absolute;left:0;top:calc(50% - 1px);width:0;height:2px;background:#005bac;border-radius:5px;transition:all 0.15s;}
.n_header .gnb_nav li.li_d1 ul li:hover:before {width:5px;}
.n_header .gnb_nav li.li_d1 ul li a {display:block;font-weight:500;color:#666;font-size:16px;padding:5px 0;white-space:nowrap;transition:all 0.3s;}
.n_header .gnb_nav li.li_d1 ul li a:hover {transform:translateX(8px);color:#005bac;}
.n_header.main-head {position:absolute;z-index:100;left:0;right:0;}
.n_header.main-head .gnb_nav a.a_d1, .n_header.main-head .inner .right_menu ul li button.search_btn, .n_header.main-head .inner .right_menu ul li a {color:#fff;}
.n_header.main-head .inner .right_menu ul li a.sitemap-btn span, .n_header.main-head .inner .right_menu ul li a.sitemap-btn:before, .n_header.main-head .inner .right_menu ul li a.sitemap-btn:after {background:#fff;}

.n_footer {background:#0a192f;padding:30px 0 60px;margin:0;height:auto;}
.n_footer .inner {display:flex;justify-content:space-between;align-items:flex-start;gap:75px;}
.n_footer .inner address {padding:20px 0 0;margin:0;}
.n_footer .inner address p {font-size:16px;color:#fff;display:flex;line-height:30px;}
.n_footer .inner address p.copy {color:rgba(255,255,255,0.5);margin-top:20px;}
.n_footer .inner .site_link {position:relative;border-bottom:1px solid #fff;padding-top:20px;}
.n_footer .inner .site_link dt {position:relative;height:30px;padding-right:30px;font-size:16px;color:#fff;cursor:default;display:flex;align-items:center;}
.n_footer .inner .site_link dt:before {content:"";position:absolute;top:0;right:0;width:30px;height:30px;background:url("../img/common/arrow_up.svg") no-repeat center;transition:all 0.3s;}
.n_footer .inner .site_link dd {position:absolute;bottom:calc(100% - 15px);left:0;right:0;background:#fff;padding:15px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.15),0 15px 15px -10px rgba(0,0,0,0.15);visibility:hidden;opacity:0;transition:all 0.3s;}
.n_footer .inner .site_link dd ul li a {display:block;font-size:14px;color:#222;padding:5px 0;transition:all 0.3s;}
.n_footer .inner .site_link:hover dt:before {transform:rotate(180deg);}
.n_footer .inner .site_link:hover dd {opacity:1;visibility:visible;}
.n_footer .inner .site_link dd ul li a:hover {font-weight:600;}

/* 레이아웃 공통 */
.container {position:relative;width:100%;max-width:1280px;margin:0 auto;height:100%;z-index:20;}
.main_content {width:100%;overflow:hidden;}

/* 메인 비주얼 슬라이드 */
.main_visual {position:relative;width:100%;overflow:hidden;}
.main_visual .visual_wrap {position:relative;width:100%;overflow:hidden;}
.main_visual .swiper {width:100%;height:680px;z-index:10;overflow:hidden;}
.main_visual .swiper-slide {position:relative;width:100%;height:100%;overflow:hidden;}
.main_visual .swiper-slide .slide_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.0);z-index:1;}
.main_visual .swiper-slide::after {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.18);z-index:2;}
.main_visual .swiper-slide .caption {position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#ffffff;z-index:10;}
.main_visual .swiper-slide .caption h6, .main_visual .swiper-slide .caption p, .main_visual .swiper-slide .caption h2 {opacity:0;transform:translateX(-60px);transition:opacity 0.3s ease,transform 0.3s ease;}
.main_visual .swiper-slide-active .caption h6 {opacity:1;transform:translateX(0);transition:opacity 0.9s ease-out 0.7s,transform 0.9s ease-out 0.7s;}
.main_visual .swiper-slide-active .caption p {opacity:1;transform:translateX(0);transition:opacity 0.9s ease-out 1.2s,transform 0.9s ease-out 1.2s;}
.main_visual .swiper-slide-active .caption h2 {opacity:1;transform:translateX(0);transition:opacity 0.9s ease-out 1.7s,transform 0.9s ease-out 1.7s;}
.main_visual .swiper-slide .caption h6 {font-size:16px;margin-bottom:15px;color:#00fff9;letter-spacing:2px;}
.main_visual .swiper-slide .caption p {font-size:32px;font-weight:500;margin-bottom:25px;}
.main_visual .swiper-slide .caption h2 {font-size:54px;font-weight:700;}
.main_visual .visual-bottom-wrap {position:absolute;bottom:30px;left:0;right:0;}
.main_visual .bottom-inner {display:flex;align-items:flex-end;justify-content:space-between;}
.main_visual .project_item {background:rgba(10,25,27,0.75);padding:20px 30px;border-radius:15px;display:flex;flex-direction:column;gap:30px;backdrop-filter:blur(5px);}
.main_visual .project_item .year {display:flex;justify-content:space-between;align-items:center;gap:15px;}
.main_visual .project_item .year span.line {height:1px;flex:1;background:#6278a1;}
.main_visual .project_item .year span {color:#87a0d2;font-size:16px;font-weight:600;}
.main_visual .project_item h3 {font-size:20px;color:#fff;margin:0;display:flex;gap:90px;}
.main_visual .project_item h3 a {padding:3px 10px;border-radius:30px;border:1px solid #fff;color:#fff;font-size:14px;transition:all 0.3s;}
.main_visual .project_item h3 a:hover {background:#fff;color:#222;}
.main_visual .swiper-controls {background:rgba(0,0,0,0.35);padding:5px 15px;border-radius:30px;display:flex;align-items:center;gap:15px;font-family:sans-serif;position:relative;backdrop-filter:blur(3px);z-index:30;}
.main_visual .swiper-controls button {width:22px;height:22px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:cover;border:0;color:#222;display:block;cursor:pointer;transition:all 0.2s;font-size:0;opacity:0.75;}
.main_visual .swiper-controls button:hover {opacity:1;}
.main_visual .swiper-controls button.prev {background-image:url("../img/main/slide_prev_btn.svg");}
.main_visual .swiper-controls button.next {background-image:url("../img/main/slide_next_btn.svg");}
.main_visual .swiper-controls button.play {background-image:url("../img/main/slide_play_btn.svg");}
.main_visual .swiper-controls button.pause {background-image:url("../img/main/slide_pause_btn.svg");}
.main_visual .swiper-pagenum {font-size:14px;font-weight:600;color:#fff;}
.main_visual .progress-wrap {height:2px;background:rgba(255,255,255,0.5);margin:25px auto 0;position:relative;overflow:hidden;z-index:30;}
.main_visual .progress-fill {position:absolute;top:0;left:0;height:100%;background:#000;width:0%;transition:width 0.1s linear;}
.main_visual .swiper-pagination {display:none;}

/* 컨텐츠 섹션 공통 */
.main_sec {padding:90px 0;position:relative;}
.main_sec h2 {color:#222;font-size:40px;display:flex;gap:15px;align-items:flex-end;}
.main_sec h2 span {font-size:24px;color:#d0d5db;font-weight:600;padding-bottom:5px;}
.main_sec .title {display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #222;align-items:flex-end;}
.main_sec .title a {font-size:18px;font-weight:700;padding-bottom:5px;padding-right:22px;background:url("../img/main/arrow_right.svg") no-repeat right top 3px;background-size:20px;}
.main_sec .list_title {color:#222;width:25%;}
.main_sec .list_title span.icon {display:block;margin-bottom:25px;}
.main_sec .list_title h5 {padding:0;background:none;font-size:18px;text-decoration:underline;font-weight:400;line-height:1.75;}
.main_sec .list_title h5 strong {font-weight:600;}

/* 출판 (sec_1) */
.main_sec.sec_1 {background:#f8fafc;}
.main_sec.sec_1 h2 {margin-bottom:30px;}
.main_sec.sec_1:before {content:"개념사 연구의 허브,\A한림과학원";position:absolute;bottom:20px;right:40px;padding:5px 10px;background:rgba(255,255,255,0.35);font-size:22px;color:#8794a1;z-index:1;white-space:pre;text-align:center;}
.main_sec.sec_1:after {content:"";position:absolute;bottom:0;right:-90px;height:770px;width:536px;background:url("../img/main/main_pub_bg.png") no-repeat center;}
.main_sec.sec_1 .publication-wrap {display:flex;gap:60px;}
.main_sec.sec_1 .left, .main_sec.sec_1 .right {flex:1;position:relative;}
.main_sec.sec_1 ul {overflow:hidden;border-radius:15px;display:flex;}
.main_sec.sec_1 ul li {padding:40px;flex:1;}
.main_sec.sec_1 ul li a {position:relative;display:block;overflow:hidden;border-radius:10px;transform:translateY(0);transition:transform 0.4s ease,box-shadow 0.4s ease;}
.main_sec.sec_1 ul li a:hover {transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.12);}
.main_sec.sec_1 ul li a span {display:block;position:absolute;bottom:0;right:0;padding:5px 15px;color:#fff;background:rgba(14,58,93,0.9);font-size:16px;font-weight:600;border-radius:10px 0 0 0;transition:background 0.3s ease;}
.main_sec.sec_1 ul li a:hover span {background:rgba(0,91,172,0.9);}
.main_sec.sec_1 ul li img {width:100%;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);}
.main_sec.sec_1 ul li a:hover img {transform:scale(1.1);}
.main_sec.sec_1 .left ul li:nth-child(1) {background:#e7f1fe;}
.main_sec.sec_1 .left ul li:nth-child(2) {background:#5f7c86;}
.main_sec.sec_1 .right ul {background:rgba(255,255,255,0.75);box-shadow:0 2px 6px 0 rgba(0,0,0,0.1),0 25px 25px -10px rgba(0,0,0,0.08);}
.main_sec.sec_1 .right h5 {position:absolute;transform:rotate(-90deg) translateY(-50%);top:50%;left:-58px;padding:0;background:none;font-size:20px;color:#d1dde9;}
.main_sec.sec_1 .right ul li a span {background:rgba(95,124,134,0.9);}

/* 특강 (sec_2) */
.main_sec.sec_2 .movie_list {display:flex;}
.main_sec.sec_2 .movie_list ul {display:flex;gap:40px;flex:1;}
.main_sec.sec_2 .movie_list ul li {flex:1;color:#222;}
.main_sec.sec_2 .movie_list ul li .txt {margin-bottom:45px;}
.main_sec.sec_2 .movie_list ul li h6 {font-size:15px;margin:5px;}
.main_sec.sec_2 .movie_list ul li h4 {padding:0;background:none;height:75px;font-size:24px;}
.main_sec.sec_2 .movie_list ul li span.date {font-size:15px;color:#666;}
.main_sec.sec_2 .movie_list ul li a {position:relative;display:block;overflow:hidden;border-radius:10px;transition:all 0.4s ease;}
.main_sec.sec_2 .movie_list ul li a:hover {box-shadow:0 12px 24px rgba(0,0,0,0.15);transform:translateY(-8px);}
.main_sec.sec_2 .movie_list ul li a img {width:100%;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);}
.main_sec.sec_2 .movie_list ul li a:hover img {transform:scale(1.08);}
.main_sec.sec_2 .movie_list ul li a span.play_ico {position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:45px;background:url("../img/main/play_arrow.svg") no-repeat center #fff;transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.main_sec.sec_2 .movie_list ul li a:hover span.play_ico {background-color:#005bac;transform:scale(1.2);}

/* 공지사항 & 뉴스레터 (sec_3) */
.main_sec.sec_3 {background:#f8fafc;padding-bottom:120px;}
.main_sec.sec_3 .notice_list {display:flex;margin-bottom:90px;}
.main_sec.sec_3 .notice_list ul {display:flex;flex-direction:column;flex:1;}
.main_sec.sec_3 .notice_list ul li {border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease,box-shadow 0.3s ease;padding:0 20px;}
.main_sec.sec_3 .notice_list ul li:hover {background:#ffffff;box-shadow:0 8px 20px rgba(0,0,0,0.06);border-color:transparent;}
.main_sec.sec_3 .notice_list ul li a {display:block;padding:20px 0;font-size:20px;transition:color 0.3s ease,transform 0.4s ease;}
.main_sec.sec_3 .notice_list ul li:hover a {color:#005bac;transform:translateX(12px);}
.main_sec.sec_3 .notice_list ul li span {color:#666;font-size:15px;padding-right:30px;}
.main_sec.sec_3 .newsletter_wrap {display:flex;justify-content:space-between;align-items:center;padding:30px 60px;background:#f0f7fd;border-radius:15px;box-shadow:0 5px 0 0 rgba(0,0,0,0.1),0 10px 30px -10px rgba(0,0,0,0.35);color:#222;}
.main_sec.sec_3 .newsletter_wrap .left h2 {margin-bottom:5px;}
.main_sec.sec_3 .newsletter_wrap .left p {font-size:18px;}
.main_sec.sec_3 .newsletter_wrap .right {display:flex;gap:15px;}
.main_sec.sec_3 .newsletter_wrap .right a {padding:10px 30px;border:1px solid #222;font-size:18px;border-radius:45px;font-weight:500;background:#fff;transition:all 0.3s ease;}
.main_sec.sec_3 .newsletter_wrap .right a:hover {background-color:#005bac;color:#ffffff;border-color:#005bac;}
.main_sec.sec_3 .newsletter_wrap .right a.btn_1 {color:#fff;padding-left:45px;background:url("../img/main/mail_ico.svg") no-repeat left 15px center #222;}
.main_sec.sec_3 .newsletter_wrap .right a.btn_1:hover {background-image:url("../img/main/mail_ico.svg");background-position:left 15px center;background-repeat:no-repeat;background-color:#005bac;}

/* ── 스크롤 애니메이션 클래스 ── */
.scroll_ani {opacity:0;transform:translateY(50px);transition:opacity 0.8s cubic-bezier(0.25,1,0.5,1),transform 0.8s cubic-bezier(0.25,1,0.5,1);}
.scroll_ani.is_active {opacity:1;transform:translateY(0);}

/* 서브공통 */
.sub-tab--1 {
    transform:translateY(-60px);
    ul {
        display:flex;
        li {
            position:relative;flex:1;border-bottom:2px solid #eee;
            &::before {content:"";position:absolute;top:15px;bottom:15px;left:0;width:1px;background:#eee;}
            &:first-child:before {display:none;}
            &.on {
                border-bottom:2px solid #0067db;
                a {color:#222;font-weight:700;}
            }
            a {font-size:18px;font-weight:500;display:flex;justify-content:center;align-items:center;height:60px;text-align:center;color:#999;line-height:1.2;}
        }
    }
}

.sub-tab--2 {
    transform:translateY(-60px);
    ul {
        display:flex;
        li {
            position:relative;flex:1;border-bottom:2px solid #eee;
            &::before {content:"";position:absolute;top:15px;bottom:15px;left:0;width:1px;background:#eee;}
            &:first-child:before {display:none;}
            &.on {
                border-bottom:2px solid #0067db;
                span {color:#222;font-weight:700;}
            }
            span {cursor:pointer;font-size:18px;font-weight:500;display:flex;justify-content:center;align-items:center;height:60px;text-align:center;color:#999;line-height:1.2;}
        }
    }
}

/* 서브페이지 */
.sub-content {
    padding-bottom:90px;
    h1, h2, h3, h4, h5, h6, p {color:#222;line-height:1.75;}
    h3 {font-size:30px;margin-bottom:30px;}
    p {font-size:18px;margin-bottom:30px;color:#666;}
    &._about {
        article {
            padding-bottom:30px;
            span {display:block;padding-top:10px;font-size:14px;color:#666;}
            span.note {font-size:16px;}
            picture {padding:90px 0;display:block;text-align:center;}
            dl {
                display:flex;gap:60px;padding-bottom:30px;
                dt {
                    width:360px;text-align:center;
                    picture {
                        padding:0;border:1px solid #eee;
                        img {width:100%;}
                    }
                }
                dd {
                    flex:1;
                    p {
                        a {font-size:14px;background:#d8dadd;border-radius:5px;padding:3px 10px;}
                    }
                }
            }
            ul {
                display:flex;justify-content:center;margin:45px 0 30px;padding:35px 0;background:#f8fafc;border-radius:15px;
                li {
                    text-align:center;flex:0 0 calc((100%)/3);border-left:1px solid #e5e9ef;
                    &:first-child {border-left:0;}
                    picture {padding:0;}
                }
            }
        }
    }
    &._hk {
        article {
            .txt-box {
                position:relative;height:100px;border-radius:15px;background:#edf2f8;display:flex;align-items:center;justify-content:center;margin-bottom:45px;
                span {position:absolute;top:20px;bottom:20px;left:30px;display:flex;align-items:center;background:#0067db;padding:0 30px;font-size:30px;color:#fff;font-weight:700;border-radius:10px;}
                h3 {margin:0;text-align:center;line-height:1.3;
                    em {font-size:22px;display:block;font-style:normal;}
                }
            }
            picture {padding:60px 0;display:block;text-align:center;}
            .list {
                padding-top:30px;
                dl {
                    margin-bottom:45px;
                    dt {
                        margin-bottom:15px;
                        h5 {
                            background:none;padding:0;margin:0;display:flex;gap:10px;align-items:center;font-size:22px;
                            span {display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:30px;background:#00549f;font-size:18px;color:#fff;font-weight:600;}
                        }
                    }
                    dd {
                        background:#f8fafc;border-radius:15px;padding:30px;
                        p {margin:0;}
                    }
                }
            }
        }
        ul.ul-box {
            padding:60px;border-radius:15px;background:#f8fafc;display:flex;gap:20px;flex-direction:column;margin:60px 0 90px;
            li {
                padding:20px;border-radius:10px;border:2px solid #e7e8e9;background:#fff;
                dl {
                    display:flex;gap:20px;
                    dt {
                        width:250px;height:250px;border-radius:10px;display:flex;gap:15px;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(135deg, #8ba5ff, #0a3dbf);
                        span {padding:5px 25px;border-radius:30px;background:#485dc7;color:#fff;font-weight:600;font-size:18px;}
                        p {font-size:22px;color:#fff;margin:0;font-weight:600;}
                    }
                    dd {
                        flex:1;display:flex;gap:20px;flex-direction:column;height:250px;
                        .tit {
                            background:#f8fafc;height:80px;border-radius:10px;padding:0 30px;display:flex;align-items:center;flex-shrink:0;
                            h5 {background:none;font-size:22px;font-weight:600;padding:0;margin:0;}
                        }
                        .desc {
                            background:#f8fafc;height:150px;border-radius:10px;padding:30px;
                            p {margin:0;line-height:1.5;}
                        }
                    }
                }
            }
        }
    }
    &._org {
        article {
            padding-bottom:30px;
            picture {text-align:center;display:block;margin-bottom:60px;}
            .ul-tab {
                display:flex;list-style:none;margin:0;padding:0;gap:10px;margin-bottom:40px;
                li {
                    span {font-size:20px;color:#999;cursor:pointer;padding:10px 30px;background:#fff;border:1px solid #999;border-radius:30px;font-weight:700;}
                    &.on {
                        span {background:#0067db;border:1px solid #0067db;color:#fff;}
                    }
                }
            }
            .content-area {
                display:none;
                &.on {display:block;}
                h4 {
                    position:relative;padding-left:15px;font-size:22px;background:none;
                    &::before {content:"";position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:6px;background:#0067db;}
                }
                .table {
                    margin-bottom:45px;
                    table {
                        font-size:18px;text-align:center;border-top:2px solid #222;border-bottom:1px solid #ddd;
                        thead {
                            th {padding:15px;font-weight:600;color:#444;}
                        }
                        tbody {
                            td {
                                padding:15px;font-weight:400;background:#f8fafc;border-top:1px solid #ddd;border-left:1px solid #ddd;color:#222;
                                &:first-child {border-left:0;}
                            }
                        }
                    }
                }
                .inner-list {
                    display:none;
                    &.on {display:block;}
                    dl {
                        display:flex;gap:35px;margin-bottom:60px;
                        dt {
                            width:280px;
                            h4 {}
                        }
                        dd {
                            flex:1;
                            ul.ul-1 {
                                display:flex;gap:60px;flex-wrap:wrap;
                                li.li-1 {
                                    flex:0 0 calc((100% - 120px)/3);display:flex;flex-direction:column;position:relative;
                                    .pic {
                                        aspect-ratio:255/215;overflow:hidden;background:#f8fafc;
                                        img {object-fit:cover;aspect-ratio:255/215;width:100%;}
                                    }
                                    .name {
                                        display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #eee;
                                        h5 {
                                            font-size:24px;background:0;padding:0;
                                            span {font-size:16px;color:#999;margin-left:10px;font-weight:400;}
                                        }
                                        button {
                                            display:block;cursor:pointer;width:22px;height:22px;border-radius:5px;background:#ccc;border:0;color:#fff;
                                            &.edit-member-btn {position:absolute;top:15px;right:55px;width:35px;background:#666;}
                                            &.delete-member-btn {position:absolute;top:15px;right:15px;width:35px;background:#ccc;}
                                        }
                                    }
                                    ul {
                                        li {
                                            position:relative;padding-left:10px;word-break:break-all;
                                            &::before {content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background:#cee7ff;}
                                            p {font-size:16px;padding:0;margin:0;color:#666;line-height:1.8;}
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .inner-ul-tab {
                    display:flex;list-style:none;margin:0;padding:0;gap:5px;margin-bottom:40px;justify-content:center;
                    li {
                        span {display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;cursor:pointer;width:38px;height:38px;background:#fff;border:1px solid #999;border-radius:30px;font-weight:700;}
                        &.on {
                            span {background:#0067db;border:1px solid #0067db;color:#fff;}
                        }
                    }
                }
            }
        }
    }
    &._concept {
        article {
            dl.dl-1 {
                display:flex;gap:100px;margin-bottom:90px;
                dt.dt-1 {
                    width:280px;
                    picture {
                        img {width:100%;}
                    }
                }
                dd.dd-1 {
                    flex:1;
                    .head {
                        display:flex;justify-content:flex-end;gap:5px;margin-bottom:25px;
                    }
                    h3 {margin-bottom:15px;}
                    ul {
                        border-top:2px solid #222;
                        li {
                            dl {
                                display:flex;font-size:18px;
                                dt {
                                    position:relative;padding:15px 30px;font-weight:600;width:180px;color:#444;border-bottom:1px solid #ddd;
                                    &::before {content:"";position:absolute;top:22px;bottom:22px;left:20px;width:3px;background:#ddd;border-radius:5px;}
                                }
                                dd {
                                    padding:15px 30px;flex:1;color:#222;border-left:1px solid #ddd;border-bottom:1px solid #ddd;
                                    a {padding:3px 10px;border:1px solid #ddd;background:#f8fafc;border-radius:5px;}
                                }
                            }
                        }
                    }
                }
            }
            .text-box {
                padding:35px;border-radius:15px;border:7px solid #ebf2f9;background:#f8fafc;
                span.sign {display:flex;justify-content:flex-end;font-size:20px;color:#222;font-weight:600;}
            }
        }
    }
    &._greeting {
        article {
            .g-box {
                display:flex;gap:90px;
                .text {
                    flex:1;
                    span.sign {
                        font-size:20px;color:#222;display:flex;gap:20px;align-items:flex-end;font-weight:500;
                        strong {font-size:26px;}
                    }
                }
                .pic {
                    picture {
                        display:block;width:300px;overflow:hidden;border-radius:20px;
                        img {width:100%;}
                    }
                }
            }
        }
    }
    &._related {
        article {
            padding-bottom:30px;
            h4 {
                position:relative;padding-left:15px;font-size:22px;background:none;
                &::before {content:"";position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:6px;background:#0067db;}
            }
            h5 {font-size:18px;background:none;color:#222;padding:0;margin-bottom:10px;}
            ul {
                display:flex;flex-wrap:wrap;border-top:2px solid #222;border-right:1px solid #ddd;margin-bottom:20px;
                li {
                    display:flex;align-items:center;box-sizing:border-box;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px;color:#222;
                    span {padding:0 20px;height:62px;display:flex;align-items:center;}
                    a {
                        flex:1;display:flex;align-items:center;background:url("../img/sub/link_ico.png") no-repeat right 20px center;color:#222;height:62px;padding:0 20px;letter-spacing:-0.05em;transition:all .3s;
                        &:hover {background-color:#eee;}
                    }
                }
                &.com--2 {
                    li {flex:0 0 calc((100%)/2)}
                }
                &.com--3 {
                    li {flex:0 0 calc((100%)/3)}
                }
            }
        }
    }
    &._sharing {
        .content-area {
            display:none;
            &.on {
                display:block;
            }
            .both-area {
                display:flex;justify-content:space-between;margin-bottom:60px;
                .left {
                    a {font-size:16px;width:180px;height:52px;border-radius:5px;background:#3f80ea;display:flex;justify-content:center;align-items:center;color:#fff;}
                }
                .right {
                    .pic {
                        display:flex;gap:10px;flex-direction:column;align-items:center;
                        picture {display:block;border-radius:20px;overflow:hidden;}
                        span {font-size:16px;color:#666;}
                    }
                }
            }
            .text-box {
                padding:50px 60px;border:1px solid #94bdff;border-radius:20px;
                p {margin:0;}
            }
            .empty {text-align:center;padding:60px 0;}
        }
    }
}
.modal-wrap {
    display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,0.85);align-items:center;justify-content:center;flex-direction:column;gap:10px;
    &.on {display:flex;}
    .modal-close-btn-wrap {
        width:900px;display:flex;justify-content:flex-end;
        .modal-close-btn {
            position:relative;font-size:0;font-weight:700;color:#fff;background:none;border:none;cursor:pointer;width:22px;height:22px;
            &::before {content:"";position:absolute;width:30px;height:2px;background:#fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);}
            &::after {content:"";position:absolute;width:30px;height:2px;background:#fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);}
        }
    }
    .modal-inner {
        display:none;width:900px;height:75vh;padding:30px 60px;background:#fff;overflow-y:auto;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 15px 15px -5px rgba(0, 0, 0, 0.35);box-sizing:border-box;
        &.on {display:block;}
        p {font-size:18px;color:#666;line-height:1.5;}
        .m-head {
            padding:15px 0;margin-bottom:30px;border-bottom:1px solid #ddd;background:url("../img/common/logo_ft.png") no-repeat right center;background-size:185px;
            h4 {
                position:relative;padding:0 0 0 15px;margin:0;font-size:22px;background:none;color:#222;
                &::before {content:"";position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:6px;background:#0067db;}
            }
        }
        .m-body {
            dl {
                padding-bottom:30px;margin-bottom:2px;border-bottom:1px solid #e7f1fe;display:flex;gap:60px;
                dt {
                    width:255px;background:#eee;aspect-ratio:255/215;
                    img {aspect-ratio:255/215;object-fit:cover;width:100%;}
                    
                }
                dd {
                    flex:1;
                    h5 {
                        font-size:24px;color:#444;margin:0 0 20px;padding:0;background:none;
                        span {margin-left:10px;font-weight:400;font-size:16px;color:#999;}
                    }
                    ul {
                        li {
                            position:relative;padding-left:10px;
                            &::before {content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#cee7ff;}
                            p {font-size:16px;}
                        }
                    }
                }
            }
            ul.history {
                padding:20px;background:#e7f1fe;margin-bottom:30px;
                li {
                    position:relative;padding-left:10px;
                    &::before {content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background:#222;}
                    p {color:#222;font-size:16px;line-height:1.85;}
                }
            }
        }
    }
}