@import url('https://use.fontawesome.com/releases/v5.15.2/css/all.css');
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@charset "utf-8";

/* Reset CSS  */
* {font-family:"Pretendard", "Noto Sans KR",-apple-system,BlinkMacSystemFont, "Lato", "Malgun Gothic","맑은 고딕", "Dotum", helvetica,"Apple SD Gothic Neo",sans-serif;}
html { height: 100%; overflow-y:scroll; font-size:14px }
body {font-size: 13px; color:#333; position: relative; height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, header, section, footer, nav, small, span, a, img, fieldset, legend { margin: 0px; padding:0px;  list-style:none;  font-family:"Pretendard", "Noto Sans KR", sans-serif; border: 0; word-break: keep-all;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:inherit; word-break: keep-all;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none; word-break: keep-all;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6;}
td strong {font-weight: 200;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
/* ul:after{content:""; display:block; clear:both;} */
small {font-size: inherit;}
img {vertical-align: top;}
address {font-size: inherit;}
h1,h2,h3,h4,h5,h6 {font-weight: inherit; font-size: inherit;}
.container {max-width: 1600px; width:100%; margin: 0 auto; position: relative; box-sizing: border-box;}
.container:after {content: ""; display: block; clear: both;}
.main-container {max-width: 1620px;width:100%; margin: 0 auto; position: relative; box-sizing: border-box; padding:0 15px;}
.main-container:after {content: ""; display: block; clear: both;}


/*formmail*/
#select-form{border:1px solid #ddd; width:100%; padding:15px 10px; font-size:15px}
.fields{position:relative; margin-top:30px; border-top:1px solid #ddd;}
.fields li{display:flex;border-bottom:1px solid #ddd;  align-items:center; padding:15px;}
.fields .lbl{width:200px;font-size:15px; cursor:text}
.fields .desc{width:100%;}
.fields .input{border:1px solid #ddd; padding:15px 10px; box-sizing:border-box; width:100%}
.fields .input.full{width:100%}
.fields .btn-group{margin-top:34px; text-align:center}
.fields .btn-group span{font-size:16px; color:var(--sub-color);}
.fields .btn-group a{font-size:16px; color:#000; font-weight:bold;}
.fields .btn-group a:hover{text-decoration:underline}
/* input[id="agree-check"] + label {display: inline-block; width: 20px; height: 20px; border: 1px solid #bbb; cursor: pointer;margin: 0 4px 4px 0;}
input[id="agree-check"]:checked + label {border-color:#0b4ea2; background:url('../img/agree_check.png') no-repeat center center;}
input[id="agree-check"] {display: none;} */
.fields .btn-submit{background:#0b4ea2; color:#fff; font-size:16px; font-weight:bold; padding: 15px 47px; border:none; outline:none; margin-top:35px;}

:root {
  --main-color: #316A75;
  --sub-color: #999;
  --back-color: #;
}

body.is-index #hd1{ position: fixed !important;top: 0; left: 0; width: 100%; background: transparent !important; z-index: 99999 !important;}
body.is-sub #hd1{background:transparent !important;}
body.is-index.hd-dark #hd1{
  background: #242828 !important;
  border-bottom: 1px solid rgba(255,255,255,.08); /* 원하면 */
}
body.is-sub:not(.hd-dark) #hd1{
  background: transparent !important;
  border-bottom: 0 !important;
}
body.is-index #hd1.gnb_open{ background:#242828 !important; }
body.is-index .mySwiper{ height: 100vh;}
body.is-index .mySwiper .swiper-slide{ height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 120px; width:100%; position: relative;}
body.is-index #hd1.gnb_open{ background: #242828 !important; border-bottom: 1px solid #353535;}
body.is-index #wrapper, body.is-index #container{padding-top: 0 !important; margin-top: 0 !important;}
#hd1 {position: relative; height: 90px; z-index:1000;}
#hd1 #h_logo {position:absolute; top:50%; transform: translateY(-50%); left:120px;}
#hd1 .gnb {position: absolute; top:34px; left:380px;}
#hd1 .gnb .menu {display: flex; gap:60px;}
#hd1 .gnb .menu > li > a {font-size: 18px; color:#fff; font-weight: 300;}
#hd1 .gnb .menu > li > .lnb{display:none !important;}
#mega{ position:absolute; left:0; top:90px; width:100%; background:#000; display:none; z-index: 2000;}
#hd1.gnb_open #mega{display:block;}
#mega .mega_inner{ margin:0 auto; height:210px; display:flex; gap:60px; align-items:center;}

/* 좌측 */
#mega .mega_left{width:360px; height: 100%; color:#fff; padding-left: 120px; padding-right: 1%; background:#373b3b; display: flex; flex-direction: column; justify-content: center;}
#mega .mega_tit{font-size:30px; margin-bottom:12px;}
#mega .mega_desc{font-size:14px; line-height:1.65; opacity:.8; margin:0; font-weight: 200;}

/* 가운데 메뉴 */
#mega .mega_mid{flex: 0 0 840px;}
#mega .mega_list{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 60px; row-gap: 0; margin:0; padding:0; list-style:none;}
#mega .mega_list li {max-width: 240px; margin-bottom: 30px;}
#mega .mega_list > li:nth-last-child(-n+3){margin-bottom: 0;}
#mega .mega_list a{font-size: 16px; font-weight: 200; display:flex; justify-content:space-between; align-items:center; color:#fff; text-decoration:none; opacity:.85; padding:10px 15px; border-bottom:1px solid #525252;}
#mega .mega_list a:hover, #mega .mega_list a:hover::after{opacity:1;}
#mega .mega_list a:hover {border-bottom: 1px solid #fff}
#mega .mega_list a::after{content:"→"; opacity:.6; font-size: 15px;}

/* 우측 이미지 */
#mega .mega_right{width:430px; display:flex; justify-content:flex-end;}
#mega .mega_right img{max-width:100%; opacity:.1;}

#hd1 #lang{ z-index: 999999; }
/* 상위메뉴 투명도 처리 */
#hd1.gnb_open .gnb .menu > li > a{opacity:.5;}
#hd1.gnb_open .gnb .menu > li.is-active > a{opacity:1;}

#hd1 .lang {position: absolute; display: flex; align-items: center; top:50%; transform:translateY(-50%); right:120px; color:#fff;}
#hd1 .lang > img:first-child {margin-right: 7px;}
#hd1 .lang .lang_text {color:#fff; margin-right: 3px; font-size: 18px; font-weight: 300;}
#hd1 .lang .lang_toggle{background: transparent;border: 0; padding: 0; margin: 0;cursor: pointer; display: flex; align-items: center;}
#hd1 .lang .dropdown{ position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); display: none; min-width: 80px; background: #fff; z-index: 999999; box-shadow: 0 4px 10px rgba(0,0,0,0.25); border-radius: 2px; overflow: hidden;}
#hd1 .lang.open .dropdown{ display:block; }
#hd1 .lang .dropdown_text {margin:0;}
#hd1 .lang .dropdown_text a{font-size: 16px; display:block; text-align:center; padding: 8px 18px; color:#333; text-decoration:none; border-top: 3px solid var(--main-color);}
#hd1 .lang .dropdown_text a:hover{background:var(--main-color); color:#fff;}

.dropdown { display: none; position: absolute; top: 31px; left: 31px; }
.dropdown_text { cursor: pointer; }
.active {display: block;}

#nav_btn{display: none; position: absolute; right:2%; top:50%; transform: translateY(-50%); cursor: pointer; }
#nav_btn span{display: block; width: 26px; height: 2px; background: #fff; margin-bottom:9px;}
#nav_btn span:nth-of-type(2) { width: 18px; margin-left: auto; }
#nav_btn span:last-of-type { margin-bottom: 0; }

#sitemap{position: fixed; top:0; right:-100%; width: 50%; height: 100vh; background: rgba(255,255,255,0.96); padding:15vh 50px 0; box-shadow: -2px 1px 8px #46464640; z-index: 999;}
#sitemap .close{cursor: pointer; position: absolute; top: 55px; right:30px;}
#sitemap .close span{display: block; width: 40px; height: 2px; background: #333;}
#sitemap .close .line01{transform: rotate(45deg);}
#sitemap .close .line02{transform: rotate(-45deg); margin-top: -2px;}
#sitemap .m_lang{top:12%; left: 2%;display: inline-block; border:1px solid #777; border-radius: 30px; padding:5px 20px;}
#sitemap .m_lang li{float: left;}
#sitemap .m_lang li a{display: block; font-size: 14px; color:#aaa !important;}
#sitemap .m_lang li:first-child a:after{content:"ㅣ"; padding:0 2px;}
#sitemap .m_lang li a.on, #sitemap .m_lang li:hover a{color:#333 !important;}
#sitemap .sitemap_gnb{height: 80vh; overflow-y: auto;}
#sitemap .sitemap_gnb > li{margin-bottom:30px;}
#sitemap .sitemap_gnb > li > a{font-size:35px; font-weight: 500; letter-spacing: -1px; border-bottom:1px solid #ddd; display: block; padding-bottom:10px; margin-bottom:10px; color:#333 !important;}
#sitemap .sitemap_gnb > li:hover > a{color:#2e5399 !important;}
#sitemap .sitemap_gnb .lnb li a{font-size: 20px; transition: .5s; display: block; padding:3px 0; color: var(--sub-color) !important;line-height: 1.5; }
#sitemap .sitemap_gnb .lnb li:hover a{margin-left:10px; color:#333 !important;}

.cover {position: absolute; width:100%; height: 100%; top:0; left: 0; z-index: 9999;}

.top_btn {position: fixed; bottom:4%; right: 1.5%; width:60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:3px; background:#202020; border:1px solid #fff; z-index: 999;}
.top_btn p {font-size: 17px; color:#fff;}

.swiper {width: 100%; height: 100%;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background:#B5B3B4 !important; opacity:1 !important; margin: 0 var(--swiper-pagination-bullet-horizontal-gap,20px)!important}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--main-color) !important; opacity:1 !important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom,20px)!important;}

/*main*/
/*visual*/
#m_visual .slide01 {background: url('../img/main_01.png') no-repeat center center / cover;}
#m_visual .slide02 {background: url('../img/main_02.png') no-repeat center center / cover;}
#m_visual .slide03 {background: url('../img/main_03.png') no-repeat center center / cover;}
#m_visual .slide04 {background: url('../img/main_04.png') no-repeat center center / cover;}
#m_visual .right_text {text-align: left;}
#m_visual .right_text .m_title {font-size: 55px; font-weight: 300; color:#fff; margin-bottom: 22px;}
#m_visual .right_text .m_article {font-size: 18px; line-height: 1.65; font-weight: 200; color:#fff; margin-bottom:100px;}
#m_visual .right_text .m_more {display: flex; align-items: center; gap:16px; color:#fff;}
#m_visual .right_text .m_more p {font-size: 18px; font-weight: 300;}
#m_visual .left_text {text-align: right;}
#m_visual .left_text p {font-size: 16px; line-height: 1.65; font-weight: 100; color:#fff;}

/*btm*/
#m_btm_wrap {width:100%; display: flex; margin-bottom: 240px;}
#m_btm_wrap .m_btm {width:50%; padding: 77px 120px; box-sizing: border-box; position: relative;}
#m_btm_wrap .btm_as {border-right: 1px solid #363636; background:url('../img/btm_as_bg.png') no-repeat center center / cover;}
#m_btm_wrap .btm_inquiry { background:url('../img/btm_inquiry_bg.png') no-repeat center center / cover;}
#m_btm_wrap .m_btm .title {font-size: 32px; font-family: 'Cormorant Garamond'; margin-bottom: 15px; color:#fff;}
#m_btm_wrap .m_btm .article {font-size: 16px; line-height: 165%; font-weight: 200; color:#fff;}

/*vision*/
#m_vision {margin: 0 auto 240px auto; display: flex; max-width: 1600px; align-items: center;}
#m_vision .left_text {width:25%;}
#m_vision .left_text .title {font-family: 'Cormorant Garamond'; font-size: 48px; letter-spacing: -1.5px; line-height: 110%; margin-bottom: 20px;}
#m_vision .left_text .article {font-size: 17px; font-weight: 300; line-height: 165%; margin-bottom: 80px; width: 80%;}
#m_vision .left_text .btn {display: flex; align-items: center; gap:11px;}
#m_vision .left_text .btn p {font-size: 17px; font-weight: 400; color:var(--main-color);}
#m_vision .right_photo {display: flex; width: 75%;}
#m_vision .right_photo .vision_box {width:33.33%; height: 476px; padding: 0 32px; display: flex; flex-direction: column; justify-content: center;}
#m_vision .right_photo .vision_box .title {color:#090909; font-family: 'Cormorant Garamond'; font-size: 34px; letter-spacing: -1px; margin-bottom: 12px; font-weight: 500; color:#fff;}
#m_vision .right_photo .vision_box .article {font-size: 15px; line-height: 165%; font-weight: 200; color:#e6e6e6;}
#m_vision .right_photo .vision_box01 {background:url('../img/vision_bg01.png') no-repeat center center / cover;}
#m_vision .right_photo .vision_box02 {background:url('../img/vision_bg02.png') no-repeat center center / cover;}
#m_vision .right_photo .vision_box03 {background:url('../img/vision_bg03.png') no-repeat center center / cover;}

/*pro, product 공통*/
.m_txt_wrap {text-align: center; margin-bottom: 40px;}
.m_txt_wrap .title {font-family: 'Cormorant Garamond'; font-size: 48px; letter-spacing: -1.5px; color:#090909; margin-bottom: 8px;}
.m_txt_wrap .article {font-size: 17px; line-height: 165%; font-weight: 300;}

/*pro*/
/* 레이아웃 */
#m_pro{max-width:1600px; margin:120px auto 160px auto;}
#m_pro .m_txt_wrap{text-align:center; margin-bottom:50px;}

/* 탭 */
#m_pro .pro_tabs{
  display:flex;

}
#m_pro .pro_tab{
  flex:1;
  background:#FAFAFA;
  border:0;
  border-right:1px solid #efefef;
  padding:15px 10px;
  font-size:16px;
  color:#B5B3B4;
  cursor:pointer;
  font-weight: 300;
}
#m_pro .pro_tab:last-child{border-right:0;}
#m_pro .pro_tab.is-active{
  color:var(--main-color);
  font-weight:600;
  border:1px solid rgba(49,106,117,0.5);
  background:#fff;
}

/* 패널(탭 콘텐츠) */
#m_pro .pro_panel{display:none;}
#m_pro .pro_panel.is-active{display:block;}

/* 슬라이더 */
#m_pro .proCatSwiper{position:relative;}
#m_pro .proCatSwiper .swiper-slide {position: relative;}
#m_pro .proCatSwiper .swiper-slide img{width:100%; display:block; height:auto;}

/* 화살표 */
#m_pro .proPrev, #m_pro .proNext{color:#fff; width: 16px;}
#m_pro .proPrev {margin-left: 1%;}
#m_pro .proNext {margin-right: 1%;}

/*product story*/
#m_product {
    width: 100%;
    margin: 0 auto 240px auto;
    overflow: hidden; /* 가로 스크롤 방지 */
    position: relative; z-index: 5;
}

/* Swiper 영역 */
#m_product .proSwiper{
  position: relative;
  width: 100%;
  max-width: 1320px;   /* 이 값이 화살표 위치 기준이 됨 (원하면 1200~1400 조절) */
  margin: 0 auto;
  padding:0 70px;
  overflow: visible;
}

/* 슬라이드 폭을 고정(=센터 슬라이드 크게 보이게) */
#m_product .proSwiper .swiper-slide{
  width: 920px; /* 1920 기준 메인 슬라이드 크기 */
  max-width: calc(100vw - 120px);
  transition: transform .35s ease, opacity .35s ease;
  opacity: .35;
  transform: scale(.92);
}

#m_product .proSwiper .swiper-slide-active{
  opacity: 1;
  transform: scale(1);
}

/* 카드 */
#m_product .pro_card{
  display: block;
  text-decoration: none;
  color: inherit;
}

#m_product .pro_img{
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

#m_product .pro_img img{
  display:block;
  width:100%;
  aspect-ratio: 520 / 293;
  object-fit: cover;
}

#m_product .pro_txt{
  text-align: center;
  margin-top: 18px;
}

#m_product .pro_txt h3{
  font-size: 24px;
  font-weight: 300;

}

#m_product .pro_txt p{
  margin-top: 6px;
  font-size: 17px;
  color:var(--sub-color);
  font-weight: 200;
}
#m_product .swiper-slide,
#m_product .swiper-wrapper {
  z-index: 1;
}
/* 네비게이션(동그라미 버튼) */
#m_product .pro_nav{
  position: absolute;
  top: 50%;
  transform: translateY(-65%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  z-index: 99999;
  cursor: pointer;
}

#m_product .pro_btn_prev{ left: calc(50% - 856px/2 - 54px); }
#m_product .pro_btn_next{ left: calc(50% + 856px/2 + 12px); }

#m_product .pro_nav::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width: 23px;              /* 이미지 크기 */
  height: 15px;
  transform: translate(-50%,-50%);
  background: url("../img/pro_arrow.png") no-repeat center / contain;
  /* ↑ 경로는 네 환경에 맞게 조정:
     예) <?php echo G5_IMG_URL?> 는 CSS에서 못쓰니까, /home/img/pro_arrow.png 처럼 절대경로 추천 */
}

/* 왼쪽은 뒤집기(회전) */
#m_product .pro_btn_prev::before{
  transform: translate(-50%,-50%) rotate(180deg);
}


/* 페이지네이션 */
#m_product .swiper-pagination{
  bottom: 15px !important;
  z-index: 30;
}
#m_product .swiper-pagination-bullet{
  background:#B5B3B4 !important;
  opacity:1 !important;
  margin: 0 10px !important;
}
#m_product .swiper-pagination-bullet-active{
  background:var(--main-color) !important;
}

/*m_banner*/
#m_banner {position: relative; max-width:1600px; margin: 0 auto 240px auto;}

/*footer*/
footer {background:#242828; padding:100px 0;}
#footer {max-width:1600px; margin: 0 auto;}
#footer .top_wrap {padding-bottom:40px; border-bottom: 1px solid #454545; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#footer .top_wrap .info_wrap {width:34%;}
#footer .top_wrap .info_wrap img {margin-bottom: 40px;}
#footer .top_wrap .info_wrap .info {display: flex; flex-wrap: wrap; gap:16px 32px;}
#footer .top_wrap .info_wrap .info li {font-size: 16px; font-weight: 300; color:#fff;}
#footer .top_wrap .menu {margin-top:12px;}
#footer .top_wrap .menu ul {display: flex; gap:46px;}
#footer .top_wrap .menu ul li {color:#fff; font-size: 18px; font-weight: 300;}
#footer .copyright {font-size: 14px; font-weight: 100; color:rgba(255,255,255,0.8);}


/*sub*/
#s_top{ position: relative; height: 560px; }
#s_top.bg01 {background: url('../img/sub_top01.png') no-repeat center center;}
#s_top.bg02 {background: url('../img/sub_top02.png') no-repeat center center;}
#s_top.bg03 {background: url('../img/sub_top03.png') no-repeat center center;}
#s_top.bg04 {background: url('../img/sub_top04.png') no-repeat center center;}
#s_top.bg05 {background: url('../img/sub_top05.png') no-repeat center center;}
#s_top.bg06 {background: url('../img/sub_top06.png') no-repeat center center;}
#s_top.bg07 {background: url('../img/sub_top07.png') no-repeat center center;}
#s_top .inner_wrap { width: 100%; height: 100%; max-width:1600px; position: relative; display: flex; flex-direction: column; justify-content: center; margin: 0 auto;}
#s_top .p_title { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
#s_top h2 {margin-bottom: 16px;color: #FFF;font-size: 50px;font-weight: 700;letter-spacing: -0.5px;}
#s_top .p_title p {color: #FFF;font-size: 20px;font-weight: 200;line-height: 165%;}

#path {position: absolute; bottom:23px; left: 0;}
#path .path_wrap {display: flex; gap:20px; align-items: center;}
#path .home_ico {display: block; width:18px; height: 20px; background: url("../img/ico_home.png");}
#path .tit {font-size: 16px; font-weight: 300; color:#fff;}

body.is-sub #hd1{
  position: fixed;
  top:0; left:0;
  width:100%;
  background: transparent !important;
  z-index: 99999;
}

/* 2) s_top 지나면 어두운 헤더 */
body.is-sub.hd-dark #hd1{
  background:#242828 !important;
  border-bottom: 1px solid #353535;
}

body.is-sub #hd1.gnb_open{
  background:#242828 !important;
  border-bottom: 1px solid #353535;
}


/*category*/
#category {width:100%; background:#f5f5f5;}
#category ul {max-width: 1600px; margin:0 auto; display: flex;}
#category ul li {flex:1; text-align: center; display: flex; align-items: center; justify-content: center;}
#category ul li a {font-size: 18px; color:var(--sub-color); font-weight: 200; display: block; padding:23px 0;}
#category ul li.active a {font-weight: 500; color:var(--main-color); border-bottom:3px solid var(--main-color);}


/*sub 공통*/
.sub {margin:120px auto 180px auto;}
.sub .sub_txt_wrap {margin:0 auto; margin-bottom: 40px;}
.sub .sub_txt_wrap .title {color: var(--main-color); font-size: 44px; letter-spacing: -1px; font-weight: 700; margin-bottom: 6px;}
.sub .sub_txt_wrap .article {font-size: 18px; font-weight: 300; letter-spacing: -0.5px; line-height: 165%; color:#666;}
.width_1600 {max-width:1600px;}


/*sub0101*/
#sub0101 .s_vision_wrap {width:100%; height: 697px; background:url('../img/vision_bg.png') no-repeat center center / cover; padding-top:80px; margin-bottom: 120px;}
#sub0101 .s_vision_wrap .vision {max-width: 1320px; margin: 0 auto; text-align: center;}
#sub0101 .s_vision_wrap .vision .v_txt {margin-bottom: 30px;}
#sub0101 .s_vision_wrap .vision .v_txt .tit {font-size: 30px; font-weight: 700; letter-spacing: -0.5px; color:#fff; margin-bottom: 12px;}
#sub0101 .s_vision_wrap .vision .v_txt .article {font-size: 16px; letter-spacing: -0.25px; line-height: 165%; font-weight: 200; color:#fff;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content {padding:43px 47px; display: flex; flex-wrap: wrap; gap:26px; width:100%; border-radius: 10px; background:rgba(255,255,255,0.05); backdrop-filter : blur(10px);}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box {width:calc(50% - 13px); background:#fff; padding: 28px 30px; border-radius:10px; position: relative; overflow: hidden;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box::after {content:""; position: absolute; top:50%; left:50%; width:154px; height: 146px; transform: translate(-50%, -50%); background:url('../img/vision_logo.png') no-repeat center center / contain; z-index: 0;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box *{position: relative; z-index: 1;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box .tit_box {border-bottom: 1px solid #d2d2d2; margin-bottom: 12px;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box .tit_box .tit {font-size: 22px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 12px;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box .tit_box:after {}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box .article {font-size: 16px; font-weight: 300; line-height: 165%; letter-spacing: -0.2px;}
#sub0101 .s_vision_wrap .vision .v_content_wrap .content .detail_box .article span {color:var(--main-color);}

#sub0101 .mission {margin: 0 auto;}
#sub0101 .mission .v_txt {margin-bottom: 34px;}
#sub0101 .mission .v_txt .tit {font-size: 28px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 12px;}
#sub0101 .mission .v_txt .tit span {color:var(--main-color);}
#sub0101 .mission .v_txt .article {font-size: 16px; line-height: 165%; letter-spacing: -0.5px; color:#666; font-weight: 300;}
#sub0101 .mission .detail_wrap .mission_bg {width: 100%; height: 320px; background:url('../img/mission_bg.png') no-repeat center center / cover;}
#sub0101 .mission .detail_wrap .txt_wrap {display: flex; padding: 0 94px; gap:10px; margin-top: -110px;}
#sub0101 .mission .detail_wrap .txt_wrap .txt_box {width: calc((100% - 20px) / 3); border-radius : 10px; background: #fbfbfb; display:flex; flex-direction: column; align-items: center; justify-content: center; padding:36px 0; text-align: center;}
#sub0101 .mission .detail_wrap .txt_wrap .txt_box img {margin-bottom: 12px;}
#sub0101 .mission .detail_wrap .txt_wrap .txt_box .tit {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 5px;}
#sub0101 .mission .detail_wrap .txt_wrap .txt_box .article {font-size: 15px; line-height: 150%; color:#666; letter-spacing: -0.2px;}


/*게시판으로 변경예정*/
/*sub0102*/
#sub0102 {position: relative;}
#sub0102 .anno {font-size: 20px; font-weight: 700; color: var(--main-color); margin-bottom: 18px;}
#sub0102 .title {font-size: 38px; line-height: 150%; font-weight: 700; margin-bottom: 28px; letter-spacing: -0.8px;}
#sub0102 .banner {margin-bottom: 30px;}
#sub0102 .content {font-size: 18px; line-height: 165%; letter-spacing: -0.3px;}
#sub0102 .content span {font-size: 26px; font-weight: 500;}
#sub0102 .sub0102_logo {position: absolute; bottom:0; right:0; background-color:transparent!important;}


/*게시판으로 변경예정*/
/*sub0105*/
#sub0105 .map_wrap {margin: 0 auto; display: flex; flex-wrap: wrap; gap:2%;}
#sub0105 .map_wrap iframe {width: 68%;}
#sub0105 .map_wrap .info_wrap {width: 30%;}
#sub0105 .map_wrap .info_wrap .info {display: flex; flex-direction: column; border-bottom: 1px solid #e1e1e1;padding: 16px 12px;}
#sub0105 .map_wrap .info_wrap .info .tit {font-size: 20px; font-weight: 700; color:var(--main-color); margin-bottom: 12px;}
#sub0105 .map_wrap .info_wrap .info .article {font-size: 18px; line-height: 165%; color: #666;}


/*게시판으로 변경예정*/
/*sub0401*/
#sub0401 .partner_wrap {margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap:60px;}
#sub0401 .partner_wrap .info_wrap {width:calc(50% - 60px);}
#sub0401 .partner_wrap .info_wrap .info {margin-bottom: 60px;}
#sub0401 .partner_wrap .info_wrap .info .tit_wrap {display: flex; align-items: center; gap:12px; margin-bottom: 16px;}
#sub0401 .partner_wrap .info_wrap .info .tit_wrap .tit {font-size: 24px; font-weight: 700;}
#sub0401 .partner_wrap .info_wrap .info ul {padding-left: 5%;}
#sub0401 .partner_wrap .info_wrap .info ul li {font-size: 16px; line-height: 165%; margin-bottom: 6px; position: relative; padding-left: 14px; color:#666;}
#sub0401 .partner_wrap .info_wrap .info ul li :before {content:""; position: absolute; top: calc((1em * 1.65) / 2); transform:translateY(-50%); left:0; width: 6px; height: 6px; border-radius: 10px; background:#666;}
#sub0401 .partner_wrap .info_wrap .info ul li span {color:var(--main-color);}
#sub0401 .partner_wrap > img {width:50%;}


/*sub0602*/
#sub0602 .as_wrap {margin: 80px auto 0; display: flex; gap:15px; align-items: flex-start; justify-content: center;}
#sub0602 .as_wrap .as_box {max-width:272px;display: flex; flex-direction: column; align-items: center;}
#sub0602 .as_wrap .as_box .circle {width:272px; height:272px; display: flex; flex-direction: column; align-items: center; justify-content: center; background:#fdfdfd; border: 1px solid #e8e8e8;
border-radius: 300px; margin-bottom: 20px;}
#sub0602 .as_wrap .as_box .circle img {margin-bottom: 20px;}
#sub0602 .as_wrap .as_box .circle .step {font-size: 15px; font-weight: 700; letter-spacing: -0.5px; color: var(--main-color); margin-bottom: 6px;}
#sub0602 .as_wrap .as_box .circle .tit {font-size: 22px; font-weight: 700; letter-spacing: -0.5px; text-align: center;}
#sub0602 .as_wrap .as_box .article {text-align: center; line-height: 165%; font-size: 16px; color:#666;}
#sub0602 .as_wrap > img {margin-top:8%; filter: brightness(0) saturate(100%) invert(34%) sepia(88%) saturate(278%) hue-rotate(142deg) brightness(88%) contrast(89%);}


/*inquiry*/
#sub0604 h2{font-size: 36px; font-weight: 400; letter-spacing: -1px; margin-bottom: 50px; line-height: 1.5; }
#sub0604 h2 span{font-weight: 600; color: var(--main-color);}
#sub0604 form{width: 100%; border-top:2px solid #333;}
#sub0604 form .list li{border-bottom:1px solid #ddd; display: flex; gap:60px; align-items: center; padding: 30px 20px;}
#sub0604 form .list li:last-child{border-bottom: none;}
#sub0604 form .list li .lbl{width: 200px; font-size: 18px;}
#sub0604 form .list li .lbl::after { content: ""; display: inline-block; width: 15px; height: 25px; background: url(../img/require.png) no-repeat center top / contain; }
#sub0604 form .list li .content{width: 100%;}
#sub0604 form .list li .content .input{padding: 10px 20px; border:1px solid #999; height: 50px; width: 100%;}
#sub0604 form .list li .content textarea.input{height: 250px;}
#sub0604 form .list li .content textarea{padding: 10px; border:1px solid #999; margin-bottom: 10px;}
#sub0604 form .list li .content span { font-size: 16px; }
#sub0604 form .list li .pro_check{display: flex;flex-wrap: wrap;}
#sub0604 form .list li .pro_check .group{width: 50%; padding: 5px 0;}
#sub0604 form .list li .pro_check .group input{margin-right:10px;}
#sub0604 form .btn_box{margin-top:30px; text-align: center; display: flex; justify-content: center; gap: 20px;}
#sub0604 form .btn_box .form_btn{font-size:18px; color:#fff; font-weight: 500; padding: 16px 120px;}
#sub0604 form .btn_box .cancel{background: #333; display:inline-block;}
#sub0604 form .btn_box .submit{background: var(--main-color);}