@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(../fonts/NotoSansKR-Thin.woff) format('woff'),
url(../fonts/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
url(../fonts/NotoSansKR-Light.woff) format('woff'),
url(../fonts/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(../fonts/NotoSansKR-Regular.woff) format('woff'),
url(../fonts/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(../fonts/NotoSansKR-Medium.woff) format('woff'),
url(../fonts/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(../fonts/NotoSansKR-Bold.woff) format('woff'),
url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
url(../fonts/NotoSansKR-Black.woff) format('woff'),
url(../fonts/NotoSansKR-Black.otf) format('opentype');}



/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


html{-webkit-text-size-adjust:none; -ms-user-select:none; 
  -khtml-user-select:none; -webkit-user-select:none;
  -webkit-touch-callout:none; user-select:none;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#333333; letter-spacing:-0.1px;
font-weight: 500; font-family: 'Noto Sans KR'; text-align: left; } 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all;}

nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
input:focus, button:focus, textarea:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
/*a:link{color:#fff;}
a:visited{color:#fff;}
*/

:root{
    --main:#0068b7;
    --skyblue:#61c9ff;
    --green2:#10972A;
    --sub2:#ffcf67;
}



/*fix*/
.hidden_fix{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
legend, caption {
    overflow: hidden;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    line-height: 0;}

input[type="text"], input[type="password"]
{height:60px; border:1px solid #e2e2e2; padding:0px 12px; color:#777; font-size:15px;}
.main-c04-wrap.mobile{display: none;}



#goto_top{
    position: fixed;
    display: none;
    z-index: 49;
    width: 60px;
    height: 60px;
    background: url(../images/goto_top.svg) center no-repeat;
    background-size: 60px 60px;
    bottom: 50px;
    right: 50px;
    filter : drop-shadow(0 0 30px rgba(255,255,255,0.7));
    will-change: filter;
}


/*헤더 기본*/
.header{position: fixed; display: block; width:100%; top:0px; left:0px; z-index:2000; box-shadow: none; transition: box-shadow 0.3s;}
.header.scrolled{box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);}
.gnbwrap{position: relative; min-height:80px; transition: all 0.5s; background: #fff}
.gnb-inner{position: relative; min-height: 79px; transition: all 0.5s;}
.gnb-inner .gnb-logo{position: absolute; display: block; top:16px; left:50px; width:100px; line-height: 0}
.gnb-inner .gnb-logo img{display: block; width: 100%}
.gnb-inner .gnb{ width:800px; margin:0px auto; display: flex; flex-wrap: wrap;}
/*.gnb-inner .gnb:after{content:""; display:block; clear:both;}*/
.gnb-inner .gnb-unit{flex: 1; display: block;}
.gnb-inner .gnb-unit .parent{display: block; height:79px; line-height:80px; font-size:17px;
font-weight: 400; text-align: center; color:#333;}
.gnb-inner .right-btns{position: absolute; top:27px; right:107px;}
.gnb-inner .right-btns:after{content:""; display:block; clear:both;}
.gnb-inner .right-btns .lang{float: left; display: block;
  font-family: 'Montserrat'; font-weight: 600; color:#fff; padding-top:5px;
font-size:15px; width:30px; height:30px; text-align: center; margin-left:15px;}
.gnb-inner .sitemap-go{position: absolute; top:0px; right:0px;}
.gnb-inner .sitemap-go .sitemap-btn{display: block; width:80px; height: 80px;
background:#333 url(../images/sitemap-btn.png) 28px 34px no-repeat;
background-size: 24px 18px;}
.gnb-inner .sitemap-go .sitemap-btn.active{display: block; width:80px; height: 80px;
background:#3a3d3e url(../images/sitemap-btn-a.png) 29px 32px no-repeat;
background-size: 22px 22px;}
.gnb-inner .momenu-go{position: absolute; top:0px; right:0px;}
.gnb-inner .momenu-go .momenu-btn{display: none; width:30px; height: 30px;
background: url(../images/momenu-btn.png) center no-repeat;
background-size: 24px 18px; margin-top:28px; margin-right:25px;}




/*헤더 GNB 메뉴 펼침 관련*/
.child{height:0px; overflow: hidden; transition: all 0.5s;
border-right:1px solid #f0f0f0; padding-left: 10px;}
.gnb-unit:first-child .child{border-left:1px solid #f0f0f0;}
.child:hover{}
.gnb:hover .child{display: block;}
/*.gnbwrap.active{border-bottom:1px solid #f0f0f0;}*/
.gnbwrap.active, .gnbwrap.sub{background-color: #fff;}
.type2{display: none;}
.gnbwrap.active .type2, .gnbwrap.sub .type2{display: inline-block;}
.vline{display: none;}
.gnbwrap.active .vline{position: absolute; display: block; width:100%; height: 1px;
top:79px; left:0px; background: #f0f0f0;}

.gnb.active .gnb-unit .parent, .gnbwrap.sub .parent{color:#808080;}
.gnb.active .gnb-unit .parent:hover span, .gnb.active .gnb-unit .parent:focus span,
.gnb.active .gnb-unit:hover .parent span, .gnb.active .gnb-unit:focus .parent span,
.gnb.active .gnb-unit .parent.active
{display: block; width:100%; height:80px; line-height:80px;}

.gnb .parent.active
{display: block; width:100%; height:80px; line-height:80px;
/*border-bottom:3px solid var(--main);*/}

.gnb.active .gnb-unit .parent:hover, .gnb.active .gnb-unit .parent:focus,
.gnb.active .gnb-unit:hover .parent, .gnb.active .gnb-unit:focus .parent,
.gnb.active .gnb-unit .parent.active, .gnb .gnb-unit .parent.active
{color:var(--main); font-weight: 700;}
.gnb.active .child{height:288px; transition: all 0.5s; padding-top:8px;}
.child .child-unit{display: block; width:98%; margin:0px auto; font-size:15px; 
text-align: left; color:#808080; height:45px; line-height:45px;}
.child .child-unit:focus, .child .child-unit:hover, .child .child-unit.active{color:var(--main); /*text-decoration: underline;*/}
.gnbwrap.active .gnb-inner .right-btns .lang,
.gnbwrap.sub .gnb-inner .right-btns .lang{color:#53585a;}
.gnbwrap.active .gnb-inner .right-btns .lang.on,
.gnbwrap.sub .gnb-inner .right-btns .lang.on{color:var(--main);}
.gnbwrap.active .gnb-inner .right-btns .search,
.gnbwrap.sub .gnb-inner .right-btns .search{
background:url(../images/hd-search-t2.png) center no-repeat;}
.gnb.active2{}
.gnb.active2 .gnb-unit .parent, .gnbwrap.sub .parent{color:#333;}
.gnb.active2 .gnb-unit .parent:hover span, .gnb.active2 .gnb-unit .parent:focus span
{display: block; width:100%; height:80px; line-height:80px;
border-bottom:2px solid var(--main);}
.gnb.active2 .gnb-unit .parent:hover, .gnb.active2 .gnb-unit .parent:focus
{color:var(--main); font-weight: 700;}

/*상단 검색창*/
.top-search-bar{display: none;}
.top-search-bar.active{position: fixed; display: block; top:80px; left:0px; background: #fff; width:100%;
height:200px; z-index: 200; text-align: center; border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;}
.tsb-close{position: absolute; width:80px; height: 80px; top:0px; right:0px;
background:url(../images/quick-close.png) center no-repeat; background-size:22px 22px;}

/*사이트맵*/
.sitemap{display: none;}
.sitemap.active{position: fixed; display: block; top:80px; left:0px; background: #fff; width:100%;
height:calc(100vh - 80px); z-index: 200; text-align: center; padding-top: 8%}
.sitemap-in{display: inline-block;}
.sitemap .sitemap-unit{float: left; width:195px; margin-left:79px;}
.sitemap .sitemap-unit:fisrt-child{margin-left:0px;}
.sitemap .sitemap-unit .parent{display: block; height:79px; line-height:80px; font-size:25px;
font-weight: 500; text-align: left; color:#222; border-bottom:1px solid #707070;}
.sitemap .child{height:auto; transition: all 0.5s; padding-top:8px; padding-left: 0px;
border:none;}
.sitemap .child .child-unit{display: block; width:98%; margin:14px auto; font-size:18px; 
text-align: left; color:#808080; height:34px; line-height:34px;}
.sitemap .child .child-unit.on{color:var(--main);}

/*모바일전용 메뉴*/
.only-mo-menu{display: none;}
.only-mo-menu.active{display:block !important; position: fixed; width:100%; height:100vh; z-index: 100000; top:0px;}
.omm-left{float: left; width:24%; height:100vh; background-color: rgba(0,0,0,0.5); }
.omm-right{position: relative; float: left; width:76%; height:100vh; background-color: #fff; overflow-y: auto;}
/*.omm-close{position: absolute; top:calc(50vh - 50px); left:calc(24% - 50px); width:50px;
height:100px; z-index: 10100; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
background: var(--main) url(../images/quick-close-w.png) center no-repeat;
background-size:22px 22px;}*/
.omm-close{position: absolute; top:17px; right:0px; width:50px;
height:50px; z-index: 10100; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
background: url(../images/quick-close.png) center no-repeat;
background-size:22px 22px;}



.omm-top{width:100%; height:53px; text-align: center; margin-top:27px;}
.omm-top-logo{display: block; float: left; width:60px; height:26px; margin-top:0;
margin-left: 15px;}
.omm-parent{display: block; width:100%; height:60px; line-height:59px;
  border-bottom:1px solid #d0d0d0;
text-align: left; font-size:16px; font-weight: 700; padding-left: 15px; color:#333;
background: #fff url(../images/bg_select.png) no-repeat; background-position: calc(100% - 14px) center;}
.omm-parent:first-child{border-top:1px solid #d0d0d0; background-image: none;}
.omm-parent.active{background: #fff url(../images/bg_select_u.png) no-repeat; 
  background-position: calc(100% - 14px) center;}
.omm-parent.active:first-child{background-image: none;}
.omm-child-unit{display: block; width:100%; height:49px; line-height:48px; border-bottom:1px solid #d0d0d0;
text-align: left; font-size:15px; font-weight: 400; padding-left: 15px; color:#333;
background-color: #f0f0f0}
.omm-child{display: none;}
.omm-parent.active + .omm-child{display: block; }



/*퀵메뉴 바깥*/
.quick-menu{position: fixed; top:80px; right:0px; z-index: 99; transition: all 0.5s;}
.quick-menu.active{right:280px; transition: all 0.5s;}
.quick-menu-top{position: relative; display: block;  width:80px; height: 256px; background: var(--main);}
.quick-btn{display: block; width:19px; height: 19px;
background:url(../images/quick-off.png) center no-repeat; margin-top:10px;}
.quick-btn.on{background:url(../images/quick-on.png) center no-repeat;}

/*퀵메뉴 메인*/
.q_close{position: absolute; display: block; width:22px; height: 22px;
background: url(../images/quick-close.png) center no-repeat;
background-size: 20px 18px; top:26px; right:16px;}


/*푸터 기본*/

.footer{width:100%; height:auto; padding:0px 50px; background:#fff; position: relative; border-top: 1px solid #e0e0e0; }
.footer .footer-top{position: relative; height: 89px; border-bottom:1px solid #ddd;}
.footer .footer-top .gnb-logo{position: absolute; display: block; top:34px; left:0px;}
.footer .footer-top .gnb-logo .footer-logo-img{height:30px; width:auto; filter: grayscale(100%); opacity: 0.6; vertical-align: middle;}
.footer .footer-top .footer-logo-wrap{display: flex; align-items: center; gap: 10px; top:50%; transform: translateY(-50%);}
.footer .footer-top .footer-brand-name{font-size:18px; font-weight:700; color:#555; letter-spacing:-0.5px; vertical-align: middle;}
.footer .footer-top .right-btns{float: right; margin-top:36px;}
.footer .footer-top:after{content:""; display:block; clear:both;}
.footer .footer-top .right-btns:after{content:""; display:block; clear:both;}
.footer .footer-top .i1{float: left; width: 1px; height:16px;
background: #ccc; margin:4px 16px 0px;}
.footer .footer-bot{position: relative; height: auto; padding-bottom:80px;      }
.footer .footer-bot .txt1{position: relative; top:auto; margin-top:25px;  color:#666;
font-size:15px; font-weight: 400; line-height: 24px;
background: none !important; padding:0px !important;}
.footer .footer-bot .txt2{position: relative; top:auto;  margin-top:20px; left: 0px; color:#999;
font-size:15px; font-weight: 400; line-height: 24px; margin-top:12px;}


/*메인 컨텐츠*/
/*.content.c001{width:100%; height:100vh; 
background:url(../images/main-c001a.jpg) top center no-repeat ; background-size: 1920px auto}*/
.swiper.main01 {display: block;
  width: 100%;
  max-height: 985px;
}

.content_info{
    display: flex;
    flex-wrap: wrap;
    gap:30px;
    justify-content: center;
    width: 100%;
}

.content_info img{
    max-width: 100%;
    border:none !important;
}

.content_info.size2 img{
  max-width: 700px;
}

.content_info.size3{
  gap:0;
}

.content_info.size3 img{
  max-width: 700px;
}

.content_info.size3 .ciTxt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color:#111;
    font-weight: 400;
    word-break: keep-all;
    padding:5px 0 40px;
}


.content_info .txt_info{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color:#111;
    font-weight: 400;
    word-break: keep-all;
}

/*.main-txt1{
  font-family: 'Nanum Myeongjo', serif;
  font-weight: 700;
}*/

/* 메인 슬라이더 슬라이드 : 이미지 높이 고정 컨테이너 */
.main01 .swiper-slide{
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 500px;
  overflow: hidden;
}

/* 슬라이드 배경 이미지 : 절대위치로 꽉 채움 */
.main01 .swiper-slide img{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* 텍스트 오버레이 wrapper */
.main-top-image{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  pointer-events: none;
}

.buttonLink1{
  display: block;
  max-width: 240px;
  width: calc(100% - 40px);
  height: 56px;
  background: #fff/*var(--main)*/;
  color: #111 !important;
  line-height: 56px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  margin:30px 0 0;
  pointer-events: all;
  position: relative;
}
.buttonLink1::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
  transform: rotate(45deg);
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* mti_wrap : 항상 슬라이드 정중앙에 고정 */
.mti_wrap{
  display: flex;
  flex-wrap: wrap;
  gap:24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
}

.mti-txt1{width:100%; font-size: 42px; line-height: 1;

  /*font-family: 'Nanum Myeongjo', serif;*/
  color:#fff;  font-weight: 700; /*margin-top:10px;*/
text-align: center;}
.mti-txt2{width:100%; font-size: 42px; line-height: 1;
  /*font-family: 'Nanum Myeongjo', serif;*/
  color:#fff;  font-weight: 400; margin:6px 0 0;
text-align: center;}





/* main01 페이지네이션 : 12x4 사각형 bullet */
.main01 .swiper-pagination{
  bottom: 24px !important;
  z-index: 10;
}
.main01 .swiper-pagination-bullet{
  width: 24px !important;
  height: 4px !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,0.5) !important;
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all 0.3s !important;
}
.main01 .swiper-pagination-bullet-active{
  background: #fff !important;
  width: 28px !important;
}

/*.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white,
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{display: none;}*/




.main-c02-wrap{
  width:100%; 
  position: relative;
  background: #f3f4f5;
  padding:160px 0 200px;
}




/*메인 : 청하람 새소식*/
.m-c02-news-wrap{width:100%; margin: 50px auto 0;
display: flex; flex-wrap: wrap; gap:40px;}
.m-c02-news{width:calc((100% - 80px) / 3); 
background: #fff; position: relative;
padding:60px 30px 30px; border:1px solid #F0ECEC;}
.m-c02-news:hover, .m-c02-news:focus{
/*box-shadow: 0px 0px 14px 2px rgba(0,0,0, 0.3);
-moz-box-shadow: 0px 0px 14px 2px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0, 0.3);
transition: all 0.5s */
}
.mnews-lb{position: absolute; top:-1px; right:-1px; font-size:16px; text-align: center;
font-weight: 400; width:80px; height:40px; line-height:40px; background: #444; color:#fff;}
.mnews-lb-01{background: #00a8ff; }
.mnews-lb-02{background: #00d37b; }
.mnews-lb-03{background: #454545; }
.mnews-newmark{font-size:15px; font-weight: 600; font-family: 'Montserrat'; text-align: left;
 color:#FEA30B; line-height: 20px; height: 20px;}


.mnews-title{font-size:19px; color:#222; line-height: 30px; text-align: left; margin-top:10px;
letter-spacing: -1px;
overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3; 
            -webkit-box-orient: vertical; height:90px;
}
.mnews-date{font-size:15px; font-weight: 500; font-family: 'Montserrat'; text-align: left;
 color:#c5c5c5; }





/*.main-pic-btn001 .m4-cover{line-height: 330px;}
.main-pic-btn002 .m4-cover{line-height: 430px;}
.main-pic-btn003 .m4-cover{line-height: 330px;}*/

.main-v-btn{display: none;}
.main-v-btn.active{display: block; position: absolute; width:783px; height: 443px;
top:220px; left:calc(50% - 245px); z-index: 30;}

.main-v-btn img{width: 100%; height: 100%;}





.main-c04-wrap-a{
  display: block;
  padding:90px 0 100px;
}

.main-c04-wrap{width:100%; position: relative; 
  height:860px;}

.main-txt1{text-align: center; font-size: 40px; color:#222;
padding-top:69px;}
.main-txt2{text-align: center; font-size: 18px; color:#8d8d8d;
padding-top:14px; }

.main-block-tv{display: none;}
.main-block-tv.active{display: block; width:74vw; position: absolute; 
 height:460px; top:300px; left:0px; background:#121618;
z-index:20; transition: all 0.5s }
/*.main-block-tv2{background:#0c549e;}
.main-block-tv3{background:#c36c21;}
.main-block-tv4{background:#9a3535;}*/

.main-c04-menu-wrap{display: block; position: absolute; width:200px;
height:340px; top:366px; left:0px; z-index: 30;}
.main-c04-menu{display:block; font-size:18px; color:#ddd; font-weight: 300;
border-bottom:1px dotted #4d4a8a; height: 68px; line-height: 67px;}
.main-c04-menu.active{color:#fff; font-weight: 500;}
.mv-bt-txt{display: none;}
.mv-bt-txt.active{display: inline-block; font-size:20px; font-weight: 500; color:#fff; text-align: left;
position: absolute; z-index: 30;
left: calc(50% - 245px); top:693px;}


/*서브 컨텐츠*/
.page-title-bar{width:100%; height: 460px; padding-top:80px; overflow-y: auto}
.page-title-bar h2{color:#fff; text-align: center; font-size:50px; font-weight: 500;
margin-top:170px;height:52px; line-height:52px;}
.page-title-bar h3{color:#fff; text-align: center; font-size:18px; font-weight: 400;
height:22px; line-height:22px; margin-top:30px;}
.page-title-bar .m_line{width:34px; height: 1px; background: #b4bbc2; margin:0px auto; margin-top:30px;}
.nav-menu-bar{position: relative; height:80px; border-bottom: 1px solid #e2e2e2;}
.nav-menu-bar-in{display: block; width:1314px; height:80px; margin:0px auto;}
.nav-menu-bar-in:after{content: ""; display: block; clear: both;}
.nav-home-btn{float: left; width: 80px; height: 80px; display: block;
background: var(--main) url(../images/nav-home.png) center no-repeat;}
.nav-depth-new{float: left; display:block;height:79px; line-height:79px;
padding:0 40px 0 30px; color:#3a3d3e;font-size:17px;}
.icon-gts{display: inline-block; width:7px; height: 13px;
background: url(../images/icon-gts.png) center no-repeat; margin:0px 14px;}
.select {width:100%; position:relative;display:inline-block;
vertical-align:middle;color:#3a3d3e;font-size:17px;}
.select dt a {width:100%;  display:block;height:80px;
padding:0 40px 0 20px;
background: url(../images/bg_select.png) no-repeat 196px center; color:#3a3d3e;
font-size:17px;line-height:80px; border-right:1px solid #e2e2e2;}
.select dt a.on {background: url(../images/bg_select_u.png) no-repeat 196px center;}
.select dd {display:none;position:absolute;top:79px;left:0;width:100%;
padding:0 !important;border:1px solid #e2e2e2; max-height: 440px; overflow-y: auto;
background:#fff;color:#3a3d3e;font-size:17px; z-index:90;}
.select dd ul {padding:0;}
.select dd ul a {display: block; padding:10px 0 13px 20px;line-height:25px; color:#3a3d3e;}
.select dd ul a:hover {background:#f0f0f0;}
.select dd.on {display:block;}

.content{}
.content-in{position: relative; display: block; width:1314px; margin:0px auto;}
.sub-title{font-size:38px; text-align: center; margin-top:100px; height:100px; line-height:50px;}


/*페이지, 버튼*/


















/*컨텐츠 페이지*/




/*서브페이지들 상단이미지*/
.sub-a .page-title-bar{background:url(../images/sub1.webp) 50% calc(50% + 50px); }
.sub-b .page-title-bar{background:url(../images/sub2.webp) 50% calc(50% + 50px); }
.sub-c .page-title-bar{background:url(../images/sub3.webp) 50% calc(50% + 50px); }

/*대표이사 인사말*/

.txt1{position: absolute; font-size:35px; line-height:48px; top:200px; left:0px; color:#222;
background:url(../images/suba01-0.png) left top no-repeat; padding:0px 0px 0px 110px;}
.txt2{position: absolute; font-size:17px; line-height:28px; top:350px; left:0px; color:#8d8d8d;}
.img-sa001-01{position: absolute; bottom:200px; right:0px;}
.txt3{position: absolute; font-size:16px; line-height:16px; bottom:150px; text-align: right; right:20px; color:#000;}
.txt4{position: absolute; font-size:24px; line-height:24px; bottom:120px; text-align: right; right:20px; color:#000;}
.sa001-01 .content-in{min-height:1370px;}






/*조직도*/
.sto-tree-003{position: absolute; font-size: 21px; font-weight: 500;
width:300px; height:70px; line-height:70px; background: #53575a; z-index: 70;
top:292px; left:calc(50% + 240px); color:#fff; text-align: center;}
.sto-tree-004{position: absolute; width:330px; z-index: 70; top:460px; left:calc(50% - 500px);}
.sto-tree-005{position: absolute; width:330px; z-index: 70; top:460px; right:calc(50% - 500px);}
.sto-team{ display: block; border-top:1px dashed #b7b7b7; height:65px; line-height:64px;
font-size: 19px; color:#53575a; font-weight: 500; text-align: left;
background:url(../images/r-arrow.png) calc(100% - 24px) no-repeat;
background-size:10px 18px; padding-left:30px; }
.sto-team:first-child{height:65px; border-top:none;}
.tab-a5-content{display: none}
.tab-a5-content.active{display: block; position: relative;}







.ci-row1{height:424px; border:1px solid #f2f2f2; position: relative;}
.ci-001{position: relative; margin-top:90px; margin-left:76px;}
.ci-txt{font-size:17px; font-weight:400; color:#8d8d8d; line-height:30px;}
.ci-row1 .ci-txt{position: relative; margin-top:40px; margin-left:76px;}


/*오시는 길*/
.content-in.a008-bot{min-height:10px;}
.map-area{}
.addr-info{margin-top:50px;}
.addr-info:after{content: ""; display: block; clear: both;}
.addr-left{position: relative; float: left; width:42%;}
.addr-right{float: left; width:58%;}
.addr-title{font-size:43px; color:#222; font-family: 'Montserrat';  font-weight: 400;
margin-top:15px;}
.addr-line{width:76px; height:1px; position: absolute; background: #434343;
left:0px; top:90px;}
.addr-right
.addr-tr{height:88px; border-bottom:1px solid #f2f2f2;}
.addr-tr:after{content: ""; display: block; clear: both;}
.addr-th{float: left; width:35%; font-size:20px; color:#222;
height:88px; line-height:87px;}
.addr-td{float: right; width:65%; font-size:17px; color:#8d8d8d;
height:88px; line-height:87px;}







.fs-groups{width:100%; display: flex; flex-wrap: wrap; gap: 60px 30px;}
.fs-one{width: calc((100% - 60px) / 3); text-align: center;}
.fs-group{width: 100%; border: 1px solid #e0e0e0; height:186px; line-height:184px; display:flex; align-items:center; justify-content:center;}
.fs-txt1{font-size:18px; color:#333; margin-top:15px; font-weight: 500;}
.fsg-002 img{width:173px; height:auto; vertical-align: middle;}

/*
게시판류 넓이*/


/* Accessibility */
#accessibility {}
#accessibility a {display:block; position:absolute;
z-index:99999; top:0; left:-99999px; width:100%; padding:10px 0;
background-color:#000; background-color:rgba(0,0,0,0.8); text-align:center; color:#fff;}
#accessibility a:focus, #accessibility li a:active {left:0;}
.hidden {  display:block;overflow: hidden;position:absolute;left:-9999999999999999px;
  top: -999999px;width:0;height:0;font-size: 0;}




@media screen and (max-width: 1400px) {
.sitemap .sitemap-unit{margin-left: 40px;}
.gnb-inner .gnb-logo{left:33px;}
.right-btns .lang{display: none !important;}

.page-title-bar{height:480px;}
.page-title-bar h2{font-size:40px; padding-top:53px; margin-top:120px}
.sub-a .page-title-bar{background:url(../images/sub1.webp) 50% calc(50% + 40px); background-size: auto 400px; }
.sub-b .page-title-bar{background:url(../images/sub2.webp) 50% calc(50% + 40px); background-size: auto 400px;}
.sub-c .page-title-bar{background:url(../images/sub3.webp) 50% calc(50% + 40px); background-size: auto 400px;}

}


@media screen and (max-width: 1370px) {
.content-in{width:calc(100% - 66px) !important;}
.first.sa001-01 .txt1{top:150px;}
.first.sa001-01 .txt2{top:auto; position: relative;
margin-top:230px; font-size: 15px; line-height: 24px;}
.gnb-inner .gnb{width:600px;}
.child .child-unit{
  font-size: 13px;
}

.first.sa001-01 .txt1{
  font-size: 30px; line-height: 40px;
  padding:0px 0px 0px 40px !important;
}

/*a002*/

/*a003*/


/*a005*/
.sto-tree-003{left: calc(50% + 170px);}

/*a007*/
.ci-row1{height:424px; border:1px solid #f2f2f2; position: relative;}
.ci-001{margin-top:70px; margin-left:36px;}
.ci-row1 .ci-txt{margin-top:40px; margin-left:36px;
font-size:16px; padding-right: 20px;}


/*b001*/

/*c002*/

/*d005*/

/*게시판류 넓이*/



/*.main-c05-wrap{display: none;}*/


}


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



.m-c02-news{
padding: 40px 14px 0px; height: 210px;}
.main-c02-wrap{height: auto;}
.main-c02-wrap .content-in{padding-bottom: 60px;}
.mnews-title{font-size: 15px; line-height: 24px;}
.mnews-date{left:14px;}
.mnews-lb{font-size:14px; width:72px; height:36px; line-height:36px;}

}


@media screen and (max-width: 1200px) {
.gnb{display: none;}
.sitemap-go{display: none;}
.quick-menu{display: none;}
.sitemap.active{display: none;}
.gnb-inner .momenu-go .momenu-btn{display: block;}
.gnb-inner .right-btns{right:86px;}

/*a003*/

/*a005*/
.sto-tree-003{left: calc(50% + 100px); width:300px; height:70px; line-height:70px;}
.sto-tree-004{left: calc(50% - 320px); width:300px; height:70px; line-height:70px;}
.sto-tree-005{right: calc(50% - 320px); width:300px; height:70px; line-height:70px;}

/*a008*/
.addr-left{width:100%}
.addr-title{
    font-size: 28px;
}

.addr-line{
    top:60px;
}
.addr-right{width:100%; margin-top: 40px}
.addr-right .addr-tr{height: auto; padding:30px 0px;}
.addr-info{margin-top:50px;}
.addr-th{width:85px; height:auto; line-height: 24px; font-size:16px;}
.addr-td{width:calc(100% - 85px); height:auto; line-height: 24px; font-size:16px;}


/*게시판류 넓이*/
/*.sd001-01 .content-in{width:1200px !important; margin:0px auto;}*/









}

@media screen and (max-width: 1110px) {
.page-title-bar{height: 280px; padding-top: 70px;}
.page-title-bar h2{height: auto; margin-top: 34px}
.sub-a .page-title-bar{background:url(../images/sub1.webp) 50% calc(50% + 40px); background-size: auto 300px; }
.sub-b .page-title-bar{background:url(../images/sub2.webp) 50% calc(50% + 40px); background-size: auto 300px;}
.sub-c .page-title-bar{background:url(../images/sub3.webp) 50% calc(50% + 40px); background-size: auto 300px;}

/*통합검색결과*/





/*a003*/
.mti-txt1{font-size:30px;}
.mti-txt2{font-size:30px;}

/*foot*/

/*a002*/



}

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

.gnb-inner .gnb{
  display: none;
}

.main-c04-wrap-a{
    padding:40px 0;
}

.main-c02-wrap{
    padding: 100px 0 140px;
}

.main-c04-wrap.mobile .main-txt1{
    font-size: 28px;
}
.main-txt1{
    font-size: 28px;
}

.main-txt2{
    font-size: 16px;
    padding-top: 10px;
}
/*재단사업소개 모바일버전*/
.main-c04-wrap.desktop{display: none;}
.main-c04-wrap.mobile{display: block; height:auto;}
.main-c04-wrap.mobile .content-in{min-height: auto; padding-bottom: 0px;}

.main-c04-wrap.mobile .main-txt1{text-align: left; padding-left:9vw; font-size:26px;}
.main-c04-wrap.mobile .main-txt2{text-align: left; padding-left:9vw; font-size:14px;
padding-top:8px; padding-right: 8px}
.mb-mo-wrap{width:100%; height:800px;}


.mb-mo-w{position: relative; width:100%; height:400px; padding:50px 0px 0px 9vw;
text-align: left;}

.mb-mo-w.mb-mo-w1{background:#a6227a;}
.mb-mo-w.mb-mo-w2{background:#4946AE;}
.mb-mo-w.mb-mo-w3{background:#137DC3;}

.main04b .mb-mo-w.mb-mo-w1{background:#121618;}
.main04b .mb-mo-w.mb-mo-w2{background:#121618;}
.main04b .mb-mo-w.mb-mo-w3{background:#121618;}
.main04b .mb-mo-w.mb-mo-w4{background:#121618;}

.mb-mo-w .bmc-txt1{font-size:16px; text-align: left; color:#fff; font-weight: 400;
padding-left: 2px; }

.mb-mo-pic{position:absolute; width:500px; line-height: 0px; top:298px; left:9vw;
z-index: 30;}

.mb-mo-pic img{width:100%;}
    .swiper.main04b {
      width: 100%;
      height: 100%; margin-top:30px;
    }


.main04b .swiper-slide .mb-mo-pic{left:-69px;}
.main04b .swiper-slide-active .mb-mo-pic{left:9vw; transition: all 0.3s}
.main04b .mb-mo-wrap{height: auto; padding-bottom: 0px}
    .main04b .mb-mo-w{height:250px; margin-top:100px;}
    .main04b .mb-mo-pic{top:0px; z-index: 40}
    .main04b .bmc-txt1{margin-top:148px;}


.main-c04-wrap .main-txt1{padding-top: 40px;}















.first.sa001-01 .txt2{margin-top:530px;}
.first.sa001-01 .txt3{bottom:auto; right: 140px; top:290px;  }
.first.sa001-01 .txt4{bottom:auto; right: 225px; top:310px;}
.img-sa001-01{bottom:auto; top:260px; right:-50px; width:244px; height:342px;}

/*a007*/
.ci-row1{height:424px; border:1px solid #f2f2f2; position: relative;}
.ci-001{margin-top:70px; margin-left:36px;}
.ci-row1 .ci-txt{margin-top:24px; margin-left:36px;
font-size:14px; padding-right: 20px; line-height: 24px;}




/*c007*/

/*d007*/


/*c007*/
}



@media screen and (max-width: 920px) {
/*b001*/
}


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



.footer {height: auto; padding:0px 33px;}
.footer .footer-top{height: auto; padding: 30px 0;}
.footer .footer-top .gnb-logo{position: relative; top: 0;}
.footer .footer-top .footer-logo-wrap{transform: none; display: inline-flex;}
.footer .footer-top .right-btns{width:100%; margin-top:80px;}
.footer .footer-top .i1{display: none;}
.footer .footer-bot{padding-bottom: 40px;}

/*a002*/

/*a003*/

/*a004*/

/*a005*/
.sto-tree-003{left: calc(50% + 120px); width:200px; height:70px; line-height:70px;}
/*{padding-left: 12px;}*/

/*a007*/


/*c001*/

/*비공개 정보 세부기준*/



/*d007*/

/*f002*/
.fs-groups{gap: 40px 15px;}
.fs-one{width: calc((100% - 30px) / 3);}
.fsg-002 img{width:173px; height:auto; vertical-align: middle;}

}


@media screen and (max-width: 850px) {
/*a007*/
.m-c02-news{
    width: 100% 
}

.main-c02-wrap{height: auto;}
.main-c02-wrap .content-in{padding-bottom: 60px;}
.mnews-title{font-size: 15px; line-height: 24px;}
.mnews-date{left:14px;}
.mnews-lb{font-size:14px; width:72px; height:36px; line-height:36px;}
}


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


.main-c02-wrap{
    padding:50px 0 100px;
}

.txt_info br{
    display: none;
}

#goto_top{
    right: 18px;
    bottom:24px;
}


/* 모바일: 슬라이드 높이 조정 */
.main01 .swiper-slide{ height: 400px;}

.mti-txt1{font-size:20px; line-height: 1.4; padding-top:70px}
.mti-txt2{font-size:20px; line-height: 1.4; }

.buttonLink1{
    max-width: 160px;
    height: 42px;
    line-height: 42px;
    margin:20px 0 0;
}

.mti_wrap{
    gap:10px;
}

.main-c04-wrap-a{
    padding:40px 0;
}



/*a004*/

/*a007*/

/*c010*/

/*d005*/
}




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

.nav-depth-new{
    padding: 0 10px 0 18px;
}

.gnb-inner .momenu-go .momenu-btn{
    margin-top: 20px;
}

.gnbwrap{
    height: 70px;
    min-height: 70px;
}

.gnb-inner .gnb-logo{
    top:12px;
}

.gnb-inner{
    min-height: 70px;
}

.nav-home-btn{
    width: 50px;
    height: 50px;
}

.nav-menu-bar{
    height: 50px;
}
.nav-menu-bar-in{
    height: 50px;
}

.nav-depth-new{
    height: 49px;
    font-size: 15px;
    line-height: 49px;
}


.only_pc{display: none;}
.gnb-inner .gnb-logo{left:22px;}

.content-in{width:calc(100% - 44px) !important;}
.mb-mo-wrap{height: auto; padding-bottom:calc(100px + 30vw);}
.footer {padding:0px 22px;}

.mb-mo-w{padding:42px 0px 0px 7vw; height: 390px}
.mb-mo-pic{width:calc(100% - 7vw - 50px); top:268px; left:7vw;}

.main04b .mb-mo-w{height:300px;}
.main04b .bmc-txt1{margin-top:186px;}




.main-c02-wrap .main-txt1 {
    font-size: 26px;
}
.main-c02-wrap .main-txt2 {
    font-size: 14px;
}

.main-c04-wrap.mobile .main-txt1{text-align: left; padding-left:7vw; font-size:26px;}
.main-c04-wrap.mobile .main-txt2{text-align: left; padding-left:7vw; font-size:14px;
padding-top:8px; padding-right: 8px}

.main04b .swiper-slide .mb-mo-pic{left:-30px;}
.main04b .swiper-slide-active .mb-mo-pic{left:7vw; transition: all 0.3s}
.mb-mo-w .bmc-txt1{font-size:14px;}

/*a001*/
.sub-title{font-size:33px; margin-top: 54px;}
.first.sa001-01 .txt1{padding:60px 0px 0px 34px; font-size:30px; line-height:40px; top:110px;}
.img-sa001-01{bottom:auto; top:260px; right:-50px; width:244px; height:342px;}

/*a002*/

/*a003*/

/*a004*/

/*a005*/
.sto-tree-003{width:120px; height:50px; line-height: 50px;
left: calc(50% + 60px); top:120px; font-size: 19px;}
.sto-tree-004{width:150px; top:240px; left: calc(50% - 155px);}
.sto-tree-005{width:150px; top:240px; right: calc(50% - 155px);}
.sto-team{height:auto; line-height:25px; font-size: 16px; padding:10px 22px 10px 5px;
    background: url(../images/r-arrow.png) calc(100% - 8px) no-repeat;
    background-size: 5px 9px;}
.sto-team:first-child{height:49px;}


/*a007*/





/*c003*/

/*공지사항*/
.sub-title{height:auto; padding-bottom: 30px;}


/*c007*/

.select dt a{font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select dd ul a{font-size:14px; text-overflow: ellipsis; white-space: nowrap;}

/*c010*/

/*d007*/


/*d005*/
/*f001*/

/*f002*/
.fs-groups{gap: 40px 0px;}
.fs-one{width: 100%;}

}


@media screen and (max-width: 600px) {
.main04b .mb-mo-w{height:250px;}
.main04b .bmc-txt1{margin-top:136px;}
/*a007*/
.ci-row1{height:324px;}


/*c001*/


/*공지사항*/

/*보도자료*/


/*언론보도*/

/*c001*/
/*c007*/

}


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


.gnb-inner .right-btns{right:66px;}
.gnb-inner .momenu-go .momenu-btn{margin-right:18px;}
.page-title-bar{height:245px;}

.page-title-bar h2{font-size:30px; margin-top:10px; }
.sub-a .page-title-bar{background:url(../images/sub1.webp) 50% calc(50% + 50px); background-size: auto 245px; }
.sub-b .page-title-bar{background:url(../images/sub2.webp) 50% calc(50% + 50px); background-size: auto 245px;}
.sub-c .page-title-bar{background:url(../images/sub3.webp) 50% calc(50% + 50px); background-size: auto 245px;}


.main04b .mb-mo-w{height:200px;}
.main04b .bmc-txt1{margin-top:116px;}


/*a002*/
/*a003*/

/*a006*/



/*f002*/


}

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




.sub-title{height:auto; padding-bottom: 30px; font-size: 28px; line-height: 40px;}

.main04b .mb-mo-w{height:170px;}
.main04b .bmc-txt1{margin-top:86px;}


/*a007*/


/*c002*/
/*c003*/
/*.blt-wrap{margin-top:10px;}*/


/*c010*/

/*d005*/

/*d007*/


}


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

/*a005*/
.sto-tree-003{left: calc(50% + 35px);}

/*a007*/



}



@media screen and (max-width: 400px) {
.main04b .mb-mo-w{height:130px; margin-top:90px;}
.main04b .bmc-txt1{margin-top:46px;}
/*a005*/

/*a006*/

/*a007*/
.ci-row1{height:214px;}


.mb-mo-wrap{height: auto; padding-bottom:calc(150px);}

.m-c02-news{width: 100%; margin-left: 0px; padding: 40px 20px 0px;}


}

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




.first.sa001-01 .txt3{width:155px; right:auto; left:0px; text-align: left;}
.first.sa001-01 .txt4{width:140px; right:auto; left:0px; text-align: left;}
.img-sa001-01{right:-58px;}

/*a004*/

/*a007*/


}


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



}


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



}




















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



}



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

}

/* 반응형 대표 인사말 (sub_a001.html) 리팩토링 */
.sa001-01 .content-in {
  min-height: auto !important;
}
.greeting-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  gap: 40px;
  padding-bottom: 100px;
}
.greeting-text {
  flex: 1;
  min-width: 300px;
}
.greeting-ceo {
  width: 369px;
  text-align: right;
}
.first.sa001-01 .txt1 {
  position: static !important;
  padding: 0px 0px 0px 110px !important;
  margin-top: 60px !important;
  margin-bottom: 40px !important;
  background-position: left top !important;
}
.first.sa001-01 .txt2 {
  position: static !important;
  margin-top: 0 !important;
}
.first.sa001-01 .img-sa001-01 {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 20px !important;
}
.first.sa001-01 .txt3 {
  position: static !important;
  margin-bottom: 10px !important;
  text-align: right !important;
}
.first.sa001-01 .txt4 {
  position: static !important;
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .greeting-wrap {
    flex-direction: column;
    align-items: center;
  }
  .greeting-ceo {
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
  .first.sa001-01 .txt3, .first.sa001-01 .txt4 {
    text-align: center !important;
  }
  .first.sa001-01 .txt1 {
    font-size: 24px !important;
    line-height: 36px !important;
    padding-left: 60px !important;
    background-size: 40px auto !important;
  }
}

/* 특허출원 내용 (sub_a002a.html) 반응형 리팩토링 */
.sa007-01 .patent-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-top: 40px;
}
.sa007-01 .patent-wrap .ci-row1 {
  width: 100%;
  max-width: 800px;
  height: auto !important;
  border: 1px solid #f2f2f2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
  box-sizing: border-box;
}
.sa007-01 .patent-wrap .ci-row1 .ci-001 {
  margin: 0 !important;
  position: static !important;
  max-width: 100%;
  height: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.sa007-01 .patent-wrap .ci-row1 .ci-txt {
  margin: 30px 0 0 0 !important;
  position: static !important;
  font-size: 18px;
  line-height: 1.5;
  color: #333;
  word-break: keep-all;
}

@media screen and (max-width: 768px) {
  .sa007-01 .patent-wrap .ci-row1 {
    padding: 30px 15px;
  }
  .sa007-01 .patent-wrap .ci-row1 .ci-txt {
    font-size: 16px;
    margin-top: 20px !important;
  }
}

/* 모든 서브페이지 하단 공통 여백 (홈화면 제외) */
#contentsarea:not(.index) {
  padding-bottom: 150px;
}