.bgwhite {background: rgba(255, 255, 255, 1) !important; background:#fff !important;}
img {vertical-align: middle;}
#wrapper {background-color:#fff !important; margin-top:0 !importnat;}

#header .mem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.section {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.s_mv_bwrap {position: relative; width:100%;  background-position: center; font-size:20px; height:430px; padding-top:0px !important; }
.s_mv {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v1.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.s_mv2 {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v2.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.s_mv3 {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v3.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.s_mv4 {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v4.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.s_mv5 {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v5.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.s_mv6 {width:100%; height:430px; margin:0 auto; display:block; margin-top:0px; background: url(../images/comm/sub_v6.jpg) no-repeat center top; z-index:-100 !important; background-size:cover;}
.sub img{width:100%;}
.s_mv_bwrap h2 {position: relative; margin:0 auto;  width:100%; max-width:1600px; font-size:2.5rem; font-weight:800; box-sizing:border-box; line-height:140px;}
h3 {font-size:1.8rem;  font-weight:500;}
.s_mv_bwrap span{position: absolute; right:0; font-size:1rem; padding-top:15px;  font-weight:400;}

.s_con_w {position:relative; width:100%; max-width:1600px; margin:0 auto;  padding-top:50px;}
.s_con_w .s_nav{max-width:250px; width:20%; height:100%; float:left; border-radius:20px; background: url('../images/comm/navbg.jpg') no-repeat 50% center; padding:40px 0px 40px 50px; color:#fff; font-size:1.3rem; line-height:1.6;  box-sizing:border-box;}/* 20240809수정 */
.s_con_w .s_nav .on{font-weight:800;}
.s_con_w .s_nav ul{width:100%;}
.s_con_w .s_nav ul li a{color:#fff;}
.s_con_w .s_nav ul li a:hover{font-weight:800;}
.s_con_w .s_con{width:100%; max-width:1280px; height:100%; float:right; padding:0 1%;}
.s_con_w .s_con .tit{}
.s_con_w .s_con .con_txt{padding-top:30px;}
.s_con_w .s_con .con_txt .con_tit{padding-bottom:20px; font-size:1.3rem; font-weight:600; color:#005fae;}

.s_con_w .s_con2{width:100%;  margin:0 auto; height:100%; }
.s_con_w .s_con2 .tit{}
.s_con_w .s_con2 .con_txt{padding-top:30px; }

.s_con_w .s_con2 .mem_w{width:96%; margin:0 auto; max-width:800px;}
.s_con2 .mem_num {margin:0px 0 50px;}
.s_con2 .mem_num li{float:left; margin-right:5%; font-size:1.2rem; font-weight:400; color:#888;}
.s_con2 .mem_num li.ov{font-size:1.2rem; font-weight:800; color:#29a237;}
.s_con2 .mem_num li.ov:hover{color:#29a237;}
.s_con2 .mem_num li .Lnum{font-size:1.8rem; vertical-align:middle;}
.s_con2 .mem_num li:hover{color:#666;}

.s_con_w_bg{position:relative; width:100%; max-width:100%; margin:0 auto; background:url('../images/sub/con_bg.png') no-repeat; background-size:cover;} 
.s_con_w_gray{background:#f2f2f2; } 

.point_dot {background:url('../images/comm/dot.gif') no-repeat left 10px; padding-left:10px;}

.line_w{border-bottom:1px solid #fff; height:1px; margin-top:-10px !important;}

/* 서브메뉴 */

.company-info { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0;}

.row {  display: grid;  grid-template-columns: 180px 1fr;  padding: 8px 0;}
.row:not(:last-child) { border-bottom: 1px solid #f0f0f0;}
.label {  color: #777;  font-weight: 500;}

.value {  color: #333; word-break: keep-all;}
.tit_c{padding-bottom:30px; font-size:1.5rem; font-weight:400;}

.timeline { position: relative; padding: 30px 0px; border:1px solid #ddd; border-radius:20px;}

/* 세로 라인 */
.timeline::before {  content: "";  position: absolute;  left: 230px;  top: 0;  width: 2px;  height: 100%;  background: #29a237;}

.item {  display: grid;  grid-template-columns: 200px 60px 1fr;  align-items: flex-start;  margin-bottom: 10px;  position: relative; }

.date {  text-align: right;  font-weight: 600;  font-size:1.2rem;}

.dot {  width: 10px;  height: 10px;  background: #fff;  border: 2px solid #29a237;  border-radius: 50%;  position: relative;  top: 10px;  margin: 0 auto;}

.item_con { line-height: 1.9;  font-size:1.1rem;}

.item_con strong {  color: #29a237;  font-size:1.1rem;  font-weight: 600;}



:root {
  --point-green: #2E7D32;
  --line-gray: #999;
  --text-black: #333;
  --text-gray: #666;
}

.org-chart { border:1px solid #ddd;  border-radius:20px;  padding:10%;  width: 100%;  max-width: 1280px;  margin: 0px auto;  font-family: 'Pretendard', sans-serif;  text-align: center;}

/* 1. 대표이사 상단 박스 */
.ceo-box {  display: inline-block;  padding: 12px 60px;  font-size: 1.5rem;  font-weight: bold;  color: var(--point-green);  border-top: 4px solid var(--point-green);  border-bottom: 4px solid var(--point-green);
  margin-bottom: 0;
}

/* 2. 연결 노드 (회색 가로선 + 초록 동그라미) */
.connector-node {  position: relative;  width: 100%;  height: 40px;  display: flex;  justify-content: center;  align-items: center;}

.connector-node::before {  content: '';  position: absolute;  width: 100%;  height: 1px;  background-color: var(--line-gray);  z-index: 1;}

.connector-node::after {  content: '';  position: absolute;  width: 18px;  height: 18px;  background-color: #fff;  border: 3px solid var(--point-green);  border-radius: 50%;  z-index: 2;}

/* 3. 레이아웃 공통 */
.org-chart_c {  display: flex;  justify-content: center;  align-items: stretch;  position: relative;}

.team-group {  flex: 1;  padding: 10px 20px;  text-align: left;}

.team-title {  color: var(--point-green);  font-size: 1.2rem;  font-weight: bold;  margin-bottom: 10px;  padding-bottom: 8px;  border-bottom: 3px solid #666; /* 팀명 아래 굵은 선 */}

.task-list {  list-style: none;  padding: 0;  font-size: 0.95rem;  color: var(--text-gray);  line-height: 1.7;}

.task-list li::before {  content: "· ";  font-weight: bold;}

/* 4. 중앙 레이어 특화 (연구소 & 품질팀) */
.mid-layer {  padding: 0 50px;}

.vertical-main-line {  width: 6px;  background-color: var(--point-green);  margin: 0 40px;  min-height: 120px;}

/* 5. 하단 레이어 특화 (4개 팀) */
.bottom-layer {  gap: 15px;  padding-top: 10px;}

/* 반응형 모바일 설정 */
@media (max-width: 768px) { 
	.mid-layer, .bottom-layer {    flex-direction: column;    align-items: center;  }
	.vertical-main-line {    display: none; /* 모바일에선 세로선 생략 */  }
	.connector-node::before {    width: 2px;    height: 100%;    left: 50%;    transform: translateX(-50%);  }
	.team-group {    width: 100%;    max-width: 300px;    margin-bottom: 20px;    text-align: center;  }
}


.logo-grid {  display: grid;  /* 기본 3열 레이아웃 */
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px; /* 로고 사이 간격 */
  max-width: 1400px;  margin: 40px auto;  padding:60px 100px;  border:1px solid #ddd; border-radius:20px;
}

.logo-item {  background-color: #ffffff;  border:1px solid #ddd;
  aspect-ratio: 16 / 8; /* 이미지처럼 가로가 긴 직사각형 유지 */
  display: flex;  justify-content: center;  align-items: center;  padding: 10px 20px;
  
  /* 부드러운 그림자 효과 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  border-radius: 4px; /* 살짝 둥근 모서리 */
  transition: transform 0.3s ease;
}

/* 마우스를 올렸을 때 살짝 뜨는 효과 (선택사항) */
.logo-item:hover {  transform: translateY(-5px);  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.logo-item img {  max-width: 70%;  max-height: 60%;  object-fit: contain; /* 로고 비율 깨지지 않게 */
  filter: grayscale(0%); /* 필요 시 로고를 흑백으로 하려면 100% */
}

@media (max-width: 992px) {

}

@media (max-width: 576px) {
  .logo-grid { grid-template-columns: 1fr; /* 모바일에선 1열 */  }
}


h2{font-size:2.2rem; font-weight:500;}

.container { max-width: 1000px;    margin: 0 auto;    padding: 50px 20px;}
.header-text { text-align: left;    margin-bottom: 50px;}
.subtitle { font-size: 1.1rem;   margin-bottom: 5px;	font-weight:300;}
.highlight { color: #29a237; }


/* 인증서 그리드 */
.cert-grid { display: grid;    grid-template-columns: repeat(5, 1fr);    gap: 5px;    margin-top: 20px;}
.cert-item img { width: 100%;	max-width:145px;    border: 0px solid #ddd; }

/* 성장 전략 스타일 */
.strategy-container { width:843px;    display: flex;    justify-content: center;	gap: 0px;    align-items: flex-start;    margin-top: 40px;}
.strategy-card { flex: 1;    text-align: center;}
.circle-box { border: 2px solid #fff;    border-radius: 50%;    width: 180px;    height: 180px;    margin: 0 auto 20px;    display: flex;    flex-direction: column;    justify-content: center; position: relative;}
.step-num { background: #29a237;    width: 40px;    height: 40px;    border-radius: 50%;    display: inline-block;    line-height: 40px;    position: absolute;    top: -10px;    left: 50%; transform: translateX(-50%);    font-weight: bold;}
.step-title { font-weight: bold;    padding: 0 10px;}
.strategy-list { list-style: none;    padding-top: 20px;    font-size: 1.3rem !important;        text-align: left;    display: inline-block;	}
.strategy-list li::before { content: "· ";}

/* 3단계 강조색 */
.active .circle-box { border-color: #29a237; }
.green-text { color: #29a237 !important; }

/* 화살표 */
.map-section {padding:50px 100px; border:1px solid #ddd; border-radius:20px;    width:100%;    max-width: 1400px;    margin: 40px auto;    }

/* 지도 영역 */
.map-display { width: 100%;    height: 400px;
    background-color: #e5e3df; /* 지도 배경색 느낌 */
    position: relative;    display: flex;    justify-content: center;    align-items: center;    border: 1px solid #ddd;
}

.marker { font-size: 40px; color: #e74c3c; }
.map-label {    position: absolute;    top: 55%;    background: white;    padding: 5px 10px;    border: 1px solid #ccc;    font-size: 12px;}

/* 하단 바 설정 */
.info-bar { display: flex;    justify-content: space-between; /* 양 끝 정렬 */
    align-items: center;    padding: 20px 0;    background: #fff;
}
.address-text { font-size: 1.2rem;      margin: 0;}
.tel-text {  font-size: 1.2rem;   margin: 5px 0 0 0;}
.button-group { display: flex;    gap: 10px; }

.btn { display: flex;    align-items: center;    justify-content: center;    padding: 15px 25px;    text-decoration: none;    font-weight: bold;    color: white;font-size: 0.9rem;    height: 60px;}

.btn .icon {    margin-left: 10px;    font-size: 1.2rem;}

.naver { background-color: #2DB400; width: 180px; }
.kakao { background-color: #FEE500; color: #3C1E1E; width: 180px; }
.print { background-color: #46a7b2; width: 60px; }

.business_con{width:100%; max-width:1000px; }
.business_img{text-align:center; margin:30px auto; width:100%; max-width:673px;}
.business_img2{text-align:center; width:100%; max-width:1000px;}

.business_wrap { max-width: 1000px;    width: 100%;    margin: 30px auto;  }

.business_wrap .grid { display: flex;    flex-wrap: wrap;    gap: 10px;  }

.business_wrap .grid .item { width: calc(50% - 5px);    background: #29a236;    aspect-ratio: 4 / 3.5;  border:3px solid #29a236;}
.business_wrap .grid .item.i_1{background: url("../images/sub/business_img4-1.jpg") no-repeat center top; background-size:cover;}
.business_wrap .grid .item.i_2{background: url("../images/sub/business_img4-2.jpg") no-repeat center top; background-size:cover;}
.business_wrap .grid .item.i_3{background: url("../images/sub/business_img4-3.jpg") no-repeat center top; background-size:cover;}

.custom-double-line {    border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;  height: 5px;  width: 100%;margin: 100px 0; }

.b_container { display: grid;  grid-template-columns: 33% 67%;  grid-template-rows: auto auto;  gap: 10px;  padding: 0px; margin-top:30px;}

.b_container .panel {  border: 4px solid #2aa238;  padding: 0px; text-align:center;}
.b_container .panel img{padding:20px 10px; width:80%;}

.b_container .b_title {  background: #2aa238;  color: white;  text-align: center;  padding: 8px;  margin-bottom: 10px;  font-weight: bold;}

/* ⭐ 왼쪽 전체 높이 차지 */
.b_container .left-panel {  grid-row: span 2;}

.b_container .rheed-images {  display: flex;  gap: 10px;}

.b_container .rheed-images img {  width: 40%; margin:0 auto;}

.b_container .right-bottom {  background: #135f81;}

.b_container .qd-images {  display: flex;  gap: 10px;  justify-content: center;}

.b_container .qd-images img {  width: 80%;  }

.b_container2 { display: grid;  grid-template-columns: 50% 50%;  grid-template-rows: auto auto;  gap: 10px;  padding: 0px; margin-top:30px;}
.b_container2 .panel {  border: 4px solid #2aa238;  padding: 0px; text-align:center;}
.b_container2 .panel img{padding:20px 10px; width:80%;}

.b_container .b_title {  background: #2aa238;  color: white;  text-align: center;  padding: 8px;  margin-bottom: 10px;  font-weight: bold;}
.b_container2 .b_title {  background: #2aa238;  color: white;  text-align: center;  padding: 8px;  margin-bottom: 10px;  font-weight: bold;}


.mid-section { display: grid; grid-template-columns: 1fr 1fr; gap: 30px;  margin: 100px 0 30px; max-width:1000px; }
.mid-section h3{border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; }

.bottom-section { border: 3px solid #2aa238;  padding: 30px; text-align: center; max-width:1000px;}

.diagram-container { display: flex;  justify-content: space-around; align-items: center;  gap: 20px; }

/* 이미지 플레이스홀더 */
.img-box { border: 3px solid #2aa238; padding: 10px; height: 100%; display: flex; align-items: center; justify-content: center; }
.img-box img{max-width:292px;}

.diagram-container img{max-width:741px; width:90%;}

/* 메인 콘텐츠 그리드 (2x2 구조) */
.content-grid { display: grid;  grid-template-columns: 1fr 1fr; gap: 20px;  max-width:1000px;  margin-top:40px; }

/* 공통 카드/이미지 박스 스타일 */
.box { border: 3px solid #2e7d32; overflow: hidden; display: flex; flex-direction: column; }
.box-body { padding: 20px; flex-grow: 1; }
.img-placeholder {  width: 100%;  height: 100%;   min-height: 250px;  display: flex;   align-items: center;   justify-content: center; text-align: center;  }

/* 응용분야 텍스트 박스 */
.app-list-box { border: none; }
.app-list-box h3 { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; }
.app-list-box ul { list-style: none; padding: 0; }
.app-list-box li { margin-bottom: 8px; position: relative; padding-left: 15px; }
.app-list-box li::before { content: "-"; position: absolute; left: 0; }

.app-list-box { order: 1; }
.diagram-box { order: 2; }
.machine-box { order: 3; }
.concept-box { order: 4; }
            
@media screen and (max-width:1280px){
	.s_mv_bwrap h2 {position: relative; margin:0 auto;  width:96%; }
}

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

@media screen and (max-width:1024px){
	.s_con_w .s_nav{max-width:1024px; border-radius:10px;  width:96%; margin:2%; padding:20px 40px; height:60px; }
	.s_con_w .s_con{max-width:1024px;  width:100%; margin:0 0% 2% 0%; padding:0px 40px;  }
	.logo-grid { grid-template-columns: repeat(2, 1fr); /* 태블릿에선 2열 */  }
	.map-section {padding:30px;  }
}

@media screen and (max-width:768px){
	#header h1.logo { position: absolute; left: 20px;  top: 20px;  max-width: 130px; }
	#header .mob_btn {  width: 70px; right: 15px; }
	#header .lang {    width: 75px;    right: 75px;    top: 35px;}
	.s_con_w .s_nav{border-radius:10px;  width:96%; margin:2%; padding:20px 40px; height:60px; }
	.s_con_w .s_con{width:100%; margin:0 0% 2% 0%; padding:0px 10px;  }
	.s_mv .s_mv_txt .tt {font-size:0.9rem;}
	
	#sub_nav .sub_nav .wrap > ul > li button { min-width: 50% !important; padding-right: 40px !important; font-size: 14px; }
	.s_con_w h2 .title { font-size: 2rem !important; }

	.mid-section { grid-template-columns: 1fr;  }
	.diagram-container {  flex-direction: column;  }
	.content-grid { grid-template-columns: 1fr; }
	.img-placeholder {  width: 100%;  height: 100%;   min-height: auto;   }
	.img-placeholder img{width: 100%; }
	.footer_b img{max-width: 110px; }

	.info-bar { flex-direction: column;        align-items: flex-start;        gap: 20px;    }
    .button-group { width: 100%;    }
    .btn { flex: 1; }

    .strategy-container { width:282px; flex-direction: column; align-items: center; } 
    .cert-grid { grid-template-columns: repeat(3, 1fr); }
	.strategy-card {padding-top:30px;}
}


@media (max-width: 640px) {
	/* 1. 전체 구성을 1단으로 변경 */
	.b_container { grid-template-columns: 1fr;}
	.b_container .panel img{max-width:226px;}

	/* 2. 우측 섹션의 내부 그리드도 1단으로 변경 */
	.right-section {
		grid-template-columns: 1fr; 
		grid-template-areas:  "rheed"
                    "inas"
                    "led"
                    "tco";
		}

	/* 3. 모바일에서 가로로 배치되었던 이미지들을 세로로 쌓기 (선택사항) */
	.flex-row { flex-direction: column;  }
            
	/* 좌측 섹션이 맨 위로 오게 됨 */
	.left-section { order: -1; } 

	.b_container2 { grid-template-columns: 1fr;}
	.b_container2 .panel img{max-width:321px;}
}

.sub_m {width:100%; margin-top:50px;}
.sub_m li {float:left;  background:rgba(0,0,0,0.5); width:50%; border-bottom:3px dashed #000; height:100px; line-height:100px; text-align:center; color:#fff; font-size:1.5rem;}
.sub_m li a {color:#fff; }
.sub_m .Lov  {background:rgba(255,255,255,1); border-top:3px dashed #000; border-bottom:0px dashed #000; border-right:3px dashed #000; color:#000; font-weight:400;}
.sub_m .Lov a   {color:#000;}/*특허 메뉴 활성화시*/
.sub_m .Rov    {background:rgba(255,255,255,1); border-top:3px dashed #000; border-bottom:0px dashed #000; border-left:3px dashed #000; color:#000; font-weight:400;}
.sub_m .Rov a   {color:#000;}/*논문 메뉴 활성화시*/
.d_line{border-left:3px dashed #000; }

.map_w{ position:relative; width:100%; max-width:1680px; height:450px; margin:0 auto; text-align:center; background: url("../img/sub/bg_map.jpg") no-repeat center top;margin:100px 0; padding:30px;}
.black_box{padding:30px; min-width:220px; max-width:500px; background:#000; opacity:0.8;}
.line_w{width:100%; text-align:center; height:1px; background:#fff; opacity:0.5; margin:20px 0;}
.map_w span{text-align:left; color:#fff;}
.map_w > .map_btn_w{width:100%; float:right; position:absolute; bottom:20px; right:20px; margin-top:50px; width:200px;}
.map_w > .map_btn_w > .map_btn {padding:5px 30px; background:#fff !important; border:1px solid #000; cursor:pointer; }
.map_btn a{color:#000; }

.map_wrap{ position:relative; overflow:hidden; width:100%; max-width:1680px; margin:0 auto; text-align:center; }
.map_wrap div {float:left; height:auto; padding:0px 50px 20px 0px;  }
.map_wrap div li{float:left; text-align:left;line-height:30px; }
.map_h{font-size:1.2rem; font-weight:600; }
.map_wrap p{line-height:35px;}

.map_wrap_area{ position:relative; overflow:hidden; width:100%; max-width:1680px; margin:0 auto; text-align:center; }
.map_area{width:100%; height:300px !important; border:1px solid #ddd; background:#fff; clear:both;}

@media screen and (max-width:500px){
	.s_mv_bwrap h2 {font-size:2rem; line-height:100px;}
	h3 {font-size:1.4rem; }
	.s_mv_bwrap span{position: absolute; right:0; font-size:1rem; padding-top:25px;  font-weight:400;}
}


@media screen and (max-width:1024px){
	.no_col {display:none;}
	.sub_m li {height:80px; line-height:80px; text-align:center; color:#fff; }
	.map_wrap div{width:100%; height:auto; padding:0px 0px 0px 0px ;  }
	#sub_nav{display:block;}
	.s_nav{display:none;}
}

/*
@media screen and (max-width:768px){
  .timeline::before {    left: 15px;  }
  .item {    grid-template-columns: 30px 1fr;    gap: 10px;  }
  .date {    grid-column: 2;    text-align: left;    font-size: 1.1rem;    color: #111;    margin-bottom: 4px;  }
  .dot {    grid-row: 1 / span 2;    margin-top: 5px;  }
  .item_con {    grid-column: 2;  }
  }
*/
.timeline { position: relative; padding: 30px 0; border:1px solid #ddd; border-radius:20px; font-family: sans-serif; }
.timeline::before { content: ""; position: absolute; left: 180px; top: 0; width: 2px; height: 100%; background: #29a237; }

.item { display: grid; grid-template-columns: 150px 60px 1fr; align-items: flex-start; margin-bottom: 25px; position: relative; }
.date { text-align: right; font-weight: 600; font-size: 1.2rem; color: #333; padding-top: 5px; }
.dot { width: 10px; height: 10px; background: #fff; border: 2px solid #29a237; border-radius: 50%; position: relative; top: 14px; margin: 0 auto; z-index: 1; }

/* 내부 정렬 핵심 */
.item_con { line-height: 1.6; font-size: 1.1rem; }
.item_con strong { color: #29a237; font-weight: 600; }
.item_con .row { display: flex; align-items: flex-start; margin-bottom: 8px; }
.item_con .row .mo { width: 40px; font-weight: 600;  flex-shrink: 0; } /* 월 표시 */
.item_con .row p { margin: 0; flex: 1; } /* 내용 표시 */

/* 모바일 대응 */
@media screen and (max-width:768px) {
	.timeline::before { left: 13px; }
	.item { grid-template-columns: 35px 1fr; gap: 10px; margin-bottom: 30px; }
	.dot { grid-column: 1; grid-row: 1 / span 2; margin: 8px 0 0 8px; }
	.date { grid-column: 2; text-align: left; font-size: 1.2rem; margin-bottom: 8px; }
	.item_con { grid-column: 2; width: 100%; }
	.item_con .row .mo { width: 30px;  }
}

@media screen and (max-width:640px){
	.business_wrap .grid .item { width: 100%; }
}



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

}



/* bbs */

#Contents		{position:relative; width:100%; max-width:1300px; padding:0px 0 70px 0; min-height:250px;  line-height:1.6em; text-align:center; margin:50px auto 0;}
#ContTitle		{position:relative; height:80px; padding-top:40px; font-size:40px; color:#333; text-align:center; font-weight:normal; border-bottom:1px solid #d7d7d7;}

.s_con h4	{clear:both; color:#222; font-size:1.5rem; ;}

.pc_col{display:inline;}
.mb_col{display:none;}

/* [TYPE:gray] 일반게시판 lsit */
.bbsList						{clear:both; position:relative; padding-top:20px;}
.bbsList table th           { }
.bbsList table				{width:100%; border-top:2px solid #222; margin:0 auto;}
.bbsList table thead th	{font-size:1rem;height:4.5em; color:#333; background:#fff ; border-bottom:1px solid #ccc; background:url('/images/board/table_bar.gif') no-repeat 0 25px; border-left:0px solid #e1e1e1;;}
.bbsList table thead      {background:#fff;}
.bbsList table td			{text-align:center;height:4em; border-bottom:1px solid #e1e1e1; background:#ffffff; border-left:0px solid #e1e1e1;}
.bbsList table th.bg,
.bbsList table td.bg		{height:4em; border-bottom:1px solid #e1e1e1; background:#f2f8fe_ !important;}
.bbsList table .title		{text-align:left; color:#555;}
.bbsList table .aleft		{text-align:left; padding-left:10px;}
.bbsList table .line        {border-right:0px solid #e1e1e1;}
.bbsList table a           {color:#000;}
.bbsList table .fir{border-left:0px solid #e1e1e1;}
/* list paging */
.bbsBottom				{clear:both; width:100%; *zoom:1; }
.bbsBottom:after		{content:""; clear:both; display:block;}

.bbsPaging				{text-align:center; padding:30px 0 20px 0;}
.bbsPaging li			{display:inline-block; margin-right:2px; border:1px solid #ddd; border-radius:5px; height:50px; line-height:50px; width:50px; }
.bbsPaging li a			{height:50px; line-height:50px;  display:inline-block; color:#000;}
.bbsPaging li a:hover	{width:50px;  height:50px; line-height:50px;  color:#fff; background:#29a237;  border-radius:5px; }
.bbsPaging li:hover	{width:50px; height:50px; line-height:50px;  color:#29a237; border-radius:5px; }
.bbsPaging li a.pre		{width:50px; color:#fff; background:#29a237; border-radius:5px;  text-decoration:underline;}
.bbsPaging li.b_first,
.bbsPaging li.b_first a,
.bbsPaging li.b_first a:hover	{margin:0; padding:0; border:none !important; border:0px solid #ddd !important;background:#fff;}
.bbsPaging li.b_prev,
.bbsPaging li.b_prev a,
.bbsPaging li.b_prev a:hover	{margin:0; padding:0; border:none; border:0px solid #ddd;background:#fff;}
.bbsPaging li.b_next,
.bbsPaging li.b_next a,
.bbsPaging li.b_next a:hover	{margin:0; padding:0; border:none; border:0px solid #ddd; background:#fff;}
.bbsPaging li.b_last,
.bbsPaging li.b_last a,
.bbsPaging li.b_last a:hover	{margin:0; padding:0; border:none; border:0px solid #ddd;background:#fff;}

/* btn */
.bbsBtn				{float:right; margin:30px 0 0;}
/*게시판 버튼 */

.bt-box			{width:100%; text-align:center; vertical-align:middle;}
.bt-box input.bt	{display:inline-block; width:110px; height:42px; line-height:45px; border:1px solid #999; ; vertical-align:middle; color:#111;}
.bt-box input.bt.bg-full{background:#000; color:#fff !important;}
.bt-box input:hover	{background:#000; color:#fff}
.bt-box a.bt		{display:inline-block; width:110px; height:42px; line-height:45px; border:1px solid #666; ; vertical-align:middle; color:#111;}
.bt-box a.bt.bg-full{background:#000; color:#fff !important; }
.bt-box a:hover	{background:#000; color:#fff}
/* list search */
.bbsTop					{clear:both; position:relative;  height:30px; width:100%; margin:0 auto;}

.bbsSearch				{float:right; width:400px; height:40px; text-align:right}
.bbsSearch label		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
.bbsSearch input		{width:200px; height:30px; margin:0; border:1px solid #ccc; background:#ffffff; vertical-align:top;}
.bbsSearch select		{width:80px; height:32px; margin:0; line-height:2em; border:1px solid #ddd; background:#fff; vertical-align:top;}
.bbsSearch button	{width:50px; height:32px; margin:0; color:#ffffff; ; background:#333;}

.bbstotal					{float:left;}

/* [view] */
.bbsView					{border-top:2px solid #222; margin-top:50px; width:100%; margin:0 auto;}
.bbsView .top_v		{overflow:hidden; background:#f9f9f9;}
.bbsView .top_v		{padding:30px 20px 20px 25px; border-bottom:1px solid #e1e1e1;}
.bbsView .top_v h4	{margin:0px;  font-size:1.1rem; line-height:25px; text-align:left;}
.bbsView .top_v p		{margin:0px; font-size:16px; }
.bbsView .file_v       { border-bottom:2px dotted  #e1e1e1; }
.bbsView .file_v p		{padding:15px 15px 0px 15px;  margin:0px; font-size:16px;background:#fff;}
.bbsView .file_v p	a  {color:#29a237;}
.bbsView .file_v p span{font-weight:600; padding-right:50px;}
.bbsView .body_v	 	{padding:20px 10px;  line-height:1.6em; border-bottom:1px solid #e1e1e1; background:#fff;}
.bbsView p{padding-top:20px; text-align:left;}
.bbsView .view_data{color:#666;}
	
.TB_s					{clear:both; margin-bottom:10px; width:100%; border-top:1px solid #c6baaf; }
.TB_s tbody th		{padding:8px; background:#f3f3f3; border-left:1px solid #7c8fc6; border-bottom:1px solid #c6baaf;  color:#333; text-align:center;}
.TB_s tbody td		{padding:13px; text-align:left; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf; }
.TB_s tbody th.bg,	
.TB_s tbody td.bg	{background:#e0e9f6;}
.TB_s tbody th.fir {border-left:0;}

.bbsReply 	{padding:30px; font-size:13px; line-height:1.8em; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f3f3f3;}

/* [write] */
.bbsWrite				{clear:both; position:relative; margin-bottom:10px; width:100%; border-top:2px solid #222; background:#fff; margin-top:50px;}
.bbsWrite tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;   text-align:left; }
.bbsWrite tbody td	{padding:15px; border-bottom:1px solid #e1e1e1;  text-align:left; line-height:1.5em;}
.bbsWrite input			{height:45px; border:1px solid #ddd;  background:#f3f3f3; width:50%;}
.bbsWrite input.subj		{width:100% !important;}
.bbsWrite input.file	{height:45px; border:0px solid #fff; background:#ffff;}
.bbsWrite select      {height:18px; border:none; background:#f3f3f3;}
.bbsWrite textarea	{width:100%; height:150px; border:1px solid #ddd; background:#f3f3f3;}
.bbsWrite .input_nobg {background:none;}
.bbsWrite .acenter		{text-align:center;}
.wps_100{width:100%;}

.consult				{clear:both; position:relative; margin-bottom:10px; width:100%; border-top:2px solid #222; background:#fff; margin-top:50px;}
.consult tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;   text-align:left; }
.consult tbody td	{padding:15px; border-bottom:1px solid #e1e1e1;  text-align:left; line-height:1.5em;}
.consult input			{height:45px; border:1px solid #ddd;  background:#f3f3f3; width:30%; margin:1px 0;}
.consult input.subj		{width:100% !important;}
.consult input.file	{height:45px; border:0px solid #fff; background:#ffff;}
.consult select      {height:18px; border:none; background:#f3f3f3;}
.consult textarea	{width:100%; height:150px; border:1px solid #ddd; background:#f3f3f3;}
.consult .input_nobg {background:none;}
.consult .acenter		{text-align:center;}

/* [TYPE:gray] 사진게시판 lsit */
.bbsPhoto				{clear:both; position:relative; max-width:1280px; width:100%; height:100%;  padding-top:30px; margin:0 auto;border-top:2px solid #222; overflow:hidden;}
.bbsPhoto ul			{padding-left:7px;  text-align:center;width:100%; }
.bbsPhoto ul li			{ float:left; padding:0px;  width:250px; height:260px; margin:0px 25px 25px 0px; text-align:center; vertical-align:middle; border:1px solid #e1e1e1; background:#ffffff;}
.bbsPhoto ul li .photo	{width:249px; height:180px; margin:0 auto; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1;}
.photoTitle				{display:block; width:230px; padding:15px 10px 0px; color:#353535;  text-align:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
/*.photoTitle a			{;}*/
.photoDate				{width:240px; padding:0px 10px; color:#888888; text-align:left;}



/* [faq-list] */
.faqList	{clear:both; border-top:2px solid #000; margin-bottom:20px; background:#fff;}
.faqList a {color:#000;}
.faqList .bgGray	{background:#f3f3f3_;}

.answer			{position:relative; font-size:1.1rem;  padding: 30px 20px 25px 45px; background:url("/images/sub/icon_a.png") no-repeat 15px 30px; background-color:#f9f9f9; text-align:left; border-bottom:1px solid #dddddd; color:#666; border-top:0;}
.answer ul li   {list-style:disc}
.answer ol li   {list-style:decimal}
.answer .btn	{position:absolute; bottom:15px; right:10px;}

.faqList ul		{height: 100%;}
.faqQuestion	{position:relative; padding:8px 15px; font-weight:400; border-top:1px solid #dfdfdf; border-top:0; border-bottom:1px solid #dfdfdf; text-align:left;/*background:#e5eef3;*/}

.questionTitle	{display:inline-block; padding:22px 0px 17px 26px;font-size:1.1rem; background:url("/images/sub/icon_q.png") no-repeat 0 50%;}

@media all and (max-width:768px){
	.bbsWrite input			{width:100%;}
	.no_col2 {display:none;}
	.row { grid-template-columns: 1fr;  gap: 4px;  }
	.label { font-size: 14px;  color: #999;  }
	.value { font-size: 15px; font-weight: 500;  }
}

.organ_box{background:url('../images/sub/guide_topbg.png') no-repeat; width:100%; height:140px; border-radius:20px; border:2px dotted #ddd;}
.organ_box p{padding:60px 0px 0px 230px;font-size:21px; text-align:left;}

/* type1 */
.TB_type1					{clear:both; margin-bottom:10px; width:100%; border-top:2px solid #685747;}
.TB_type1 thead th		{padding:8px; text-align:left; background:#f2f8fe; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type1 tbody th,		
.TB_type1 tbody td		{padding:8px 20px; height:4em; text-align:left; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.TB_type1 tbody th.bg,	
.TB_type1 tbody td.bg	{background:#f2f8fe;}
.TB_type1 tbody th.line,
.TB_type1 tbody td.line {padding:5px 0 4px;  border-left:1px solid #7c8fc6; border-bottom:1px solid #7c8fc6;}
.TB_type1 tbody td.noline {padding:5px 0 4px; border-bottom:1px solid #fff;}
.TB_type1 thead th.fir, 
.TB_type1 tbody th.fir,
.TB_type1 tbody td.fir	{border-left:0;}

/* 개발자 코드 추가 */
.conbox9 {max-width:1300px; width:100%; border:1px solid #ddd; text-align:left; margin-top:20px;display:none_;}
/* 개발자 코드 추가 */

.conbox9_t{line-height:70px; font-size:18px; font-weight:600; padding-left:30px; background:#f8fcfe;}

/*.conbox9_c{ padding:35px 25px;}*/
/* 개발자 변경 */
.conbox9_c{ padding:10px 25px;}

/* 개발자 추가 부분 */

.p_organ_list {max-width:1300px; width:100%;padding:10px; }
.p_organ_list  li {float:left;width:23.5%;text-align:center;font-size:16px; margin:7px;padding:15px 7px;border-radius:10px;border:1px solid #02b191;color:#000; background:#f6fff9;}
.p_organ_list  li:hover {border:2px dashed #02b191; background:#02b191_;color:#fff;}
.p_organ_list1 {max-width:1300px; width:100%;padding:10px; }
.p_organ_list1  li {float:left;width:32%;text-align:center; font-size:16px; margin:7px;padding:15px 7px;border-radius:10px;border:1px solid #0091d6;color:#000; background:#f3fbff;}
.p_organ_list1  li:hover {background:#0091d6;color:#fff;}

.p_organ_list2 {max-width:1300px; width:100%;padding:10px; }
.p_organ_list2  li {float:left;width:32%;text-align:center; font-size:16px; margin:7px;padding:15px 7px;border-radius:10px;border:1px solid #8c66ed;color:#000; background:#f9f6fe;}
.p_organ_list2  li:hover {background:#8c66ed;color:#fff;}

.p_organ_list3 {max-width:1300px; width:100%;padding:10px; }
.p_organ_list3  li {float:left;width:32%;text-align:center; font-size:16px; margin:7px;padding:15px 7px;border-radius:10px;border:1px solid #f65405;color:#000; background:#fefbfa;}
.p_organ_list3  li:hover {background:#f65405;color:#fff;}

/* foote 메인 sub포지션 다름 */
.footer { position:absolute;/* bottom:0px; */margin:0 auto;  width:100%; padding:50px 0; height:auto;  color:#fff; font-weight:300; line-height: 1.4; font-size:1rem; background:#000;}
/* foote 메인 sub포지션 다름 */