.subtop {height: 530px;position: relative;background: center/cover no-repeat;display: flex;align-items: end;justify-content: center;padding-bottom: 150px;}   
.sub01 .subtop {background-image: url("/resources/img/sub/sub_visual01.jpg");}
.sub02 .subtop {background-image: url("/resources/img/sub/sub_visual02.jpg");}
.sub03 .subtop {background-image: url("/resources/img/sub/sub_visual03.jpg");}
.sub04 .subtop {background-image: url("/resources/img/sub/sub_visual04.jpg?v=2");}
.sub05 .subtop {background-image: url("/resources/img/sub/sub_visual05.jpg?v=1");}

.subtop h2 {font-size: 66px;font-weight: 700;color: #fff;margin-bottom: 30px;}
.location {display: flex;gap: 10px;align-items: center;}
.location span {font-size: 18px;font-weight: 700;color: #fff;}

.nav-menu-wrap {margin-bottom: 60px;}
.nav-menu {display: inline-flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.nav-menu li a {display: inline-block;background-color: #F4F4F4;text-align: center;font-weight: 700;font-size: 18px;color: #999;border-radius: 30px;padding: 20px;min-width: 140px;}
.nav-menu li a.on {background-color: #00583F;color: #fff;}

.sub-common {margin: 60px 0;}
.sub-title {font-size: 40px;font-weight: 700;color: #000;}

.pad-wrap {padding-bottom: 180px;}   
.greeting-wrap {display: flex;justify-content: space-between;margin-top: 80px;}
.greeting1 {font-size: 40px;font-weight: 700;color: #000;line-height: 1.5;width: 37%;}
.greeting2 {width: 57%;}
.greeting2 p {font-size: 18px;color: #000;line-height: 1.8;}
.ceo {font-size: 18px;color: #000;margin-top: 70px;}
.ceo span {font-size: 24px;font-weight: 700;color: #000;margin-left: 20px;}

.history {position: relative;padding-top: 55px;padding-bottom: 100px;}    
.history:before {position: absolute;left: 36%;top: 0;content: "";width: 1px;height: 100%;background-color: #EEEEEE;}
.history-item {display: flex;margin-bottom: 200px;}
.history-item:last-child {margin-bottom: 0;}
.hleft {width: 34%;}
.hright {width: 66%;padding-top: 15px;}
.hdot {padding-left: 110px;position: relative;display: flex;gap: 100px;margin-bottom: 40px;}
.hdot:last-child {margin-bottom: 0;}
.hdot:before {position: absolute;left: 7px;top: -10px;content: "";width: 50px;height: 50px;background: url("/resources/img/sub/dot.svg") center/cover no-repeat;}
.year {font-size: 66px;font-weight: 700;color: #00583F;}
.month {font-size: 24px;font-weight: 700;color: #000;}
.hcont {font-size: 18px;color: #000;line-height: 1.5;}

.cate-list {display: flex;flex-wrap: wrap;align-items: center;gap: 40px;margin-bottom: 65px;}  
.cate-list li a {display: inline-block;font-size: 24px;font-weight: 700;color: #ddd;}
.cate-list li.on a {color: #00583F;}

.board-table th {background-color: #F4F4F4;padding: 25px 0;text-align: center;font-size: 18px;font-weight: 700;color: #000;vertical-align: middle;}
.board-table td {border-bottom: 1px solid #ddd;padding: 40px 0;font-size: 18px;color: #000;text-align: center;vertical-align: middle;}
.board-table td .tit {font-size: 20px;font-weight: 600;color: #000;text-align: left;padding-left: 20px;line-height: 1.7;}
.board-table .col1 {width: 7%;}
.board-table .col2 {width: 80.5%;}
.board-table .col3 {width: 12.5%;}

.map {height: 700px;margin-bottom: 90px;}   
.map-df {display: flex;justify-content: space-between;}
.map-left {font-size: 48px;font-weight: 700;color: #000;width: 30%;}
.map-right {border-top: 2px solid #000;padding-top: 30px;width: 50%;}
.map-info {display: flex;gap: 95px;margin-bottom: 20px;}
.map-info .cell1 {font-size: 18px;font-weight: 700;color: #00583F;line-height: 1.5;flex-basis: 71px;flex-shrink: 0;}
.map-info .cell2 {font-size: 18px;line-height: 1.5;color: #000;}

.biz-item {display: flex;gap: 80px;}   
.biz-item > div {width: 50%;}

.biz-t1 {font-size: 16px;font-weight: 600;color: #00583F;margin-bottom: 5px;}
.biz-t2 {font-size: 40px;font-weight: 700;color: #000;line-height: 1.5;margin-bottom: 20px;}
.biz-t3 {font-size: 18px;color: #000;margin-bottom: 50px;}
.biz-list li {border: 1px solid #ccc;border-style: dashed;border-radius: 20px;padding: 25px 40px;margin-bottom: 10px;display: flex;align-items: center;gap: 14px;font-size: 18px;font-weight: 500;color: #000;line-height: 1.7;}
.biz-list li span {width: 26px;height: 26px;border-radius: 50%;background-color: #00583F;text-align: center;display: inline-flex;align-items: center; justify-content: center;font-size: 14px;font-weight: 700;color: #fff;}

.cert-list {display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 80px;column-gap: 32px;}
.certi-tit {font-size: 20px;color: #000;margin-top: 20px;}
.certi-img {border: 1px solid #ddd;border-radius: 30px;display: flex;justify-content: center;align-items: center;min-height: 500px;padding: 30px;}

.notice-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.notice-item {border-radius: 30px;background-color: #F4F4F4;padding: 40px;display: flex;flex-direction: column;align-items: flex-start;min-height: 410px;}
.notice-label {display: inline-block;text-align: center;font-size: 16px;font-weight: 700;color: #fff;padding: 10px 20px;border-radius: 30px;background-color: #00583F;margin-bottom: 20px;}
.notice-tit {font-size: 24px;font-weight: 700;color: #000;line-height: 1.5;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.notice-txt {font-size: 18px;color: #666;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.notice-date {font-size: 16px;color: #666;margin-top: auto;}

.product-list {display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 80px;column-gap: 32px;}
.product-thumb {border-radius: 30px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;padding: 50px;min-height: 360px;}
.product-tit {font-size: 20px;color: #000;margin-top: 20px;}

.product-detail {display: flex;gap: 80px;margin-bottom: 120px;}
.product-detail > div {width: 50%;}
.product-left {border-radius: 30px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;padding: 110px;}
.detail-name {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 40px;margin-top: 50px;}
.detail-txt {font-size: 18px;color: #000;line-height: 1.7;margin-bottom: 40px;}
.link-btn {display: inline-flex;;align-items: center;justify-content: center;gap: 10px;font-size: 18px;font-weight: 700;color: #fff;padding: 18px 40px;background-color: #00583F;border-radius: 30px;}
.product-cont {padding: 120px 0;background-color: #F4F4F4;}
.cont-flex {display: flex;gap: 180px;justify-content: flex-start;}
.cont-left {font-size: 23px;font-weight: 700;color: #00583F;line-height: 1.5;width: 10%;}
.cont-right {width: 83%;}
.dot {position: relative;line-height: 1.6;font-size: 18px;color: #000;padding-left: 10px;}
.dot:before {position: absolute;left: 0;top: 10px;content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #00AD8A;}

.page_wrap {text-align:center;margin-top: 60px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: inline-flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #004630;color: #fff;}


/**게시판 상세**/
.view-tit-wrap {border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 40px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.view-tit {font-size: 20px;font-weight: 700;color: #000;display: flex;align-items: center;}
.view-date {font-size: 16px;color: #666;align-self: center;}
.view-con-wrap {padding: 40px 10px 100px 10px;border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.view-con,
.view-con p,
.view-con td,
.view-con span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.list-btn {display: inline-flex; align-items: center;justify-content: center;padding: 15px 60px; background-color: #00583F;font-size: 16px;font-weight: 700;color: #fff;border-radius: 30px;}
.view-con .file {margin-bottom: 20px;}
/* .view-con .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.view-con .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;} */
.view-con .file .link {display: inline-flex;gap: 10px;align-items: center;}
.view-con .file .link span {text-decoration: underline;font-size: 15px;color: #333;text-underline-position: under;}
.view-con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.view-con table {text-align: center !important;width: 100% !important;}
.view-con a {display: initial;}
.view-con iframe {margin: 0 auto !important;display: block !important;} 
/**게시판 상세**/


@media (max-width: 1600px) {
	.hdot:before {left: 3px;}
}
@media (max-width: 1560px) {
	.map-left {font-size: 40px;}
}
@media (max-width: 1499px) {
	.cont-flex {gap: 100px;}
	.cont-left {font-size: 20px;}
}	

@media (max-width: 1429px) {
	.subtop h2 {font-size: 60px;}
	.hdot:before {left: -1px;}
	.year {font-size: 60px;}
	.map-left {width: 40%;}
	.biz-t2 {font-size: 30px;}
	.biz-item {gap: 50px;}
	.certi-img {min-height: 400px;}
	.product-thumb {min-height: 300px;}
}
@media (max-width: 1399px) {
	.greeting1 {font-size: 35px;}
	.map {height: 600px;}

}
@media (max-width: 1259px) {
	.cate-list li a {font-size: 20px;}
	.cate-list {gap: 30px;}
	.map-left {font-size: 35px;}

}

@media (max-width: 1219px) {
	.subtop h2 {font-size: 50px;}
	.sub-title {font-size: 35px;}
	.greeting1 {font-size: 30px;}
	.year {font-size: 50px;}
	.hdot:before {left: -5px;}
	.hdot {gap: 50px;}
	.board-table th {font-size: 16px;}
	.board-table td {font-size: 16px;}
	.board-table td .tit {font-size: 18px;}
	.map-info {gap: 50px;}
	.certi-img {min-height: 300px;}
	.certi-tit {font-size: 18px;}
	.product-thumb {padding: 30px;min-height: 260px;}
	.notice-label {font-size: 14px;}
	.notice-tit {font-size: 20px;}
	.notice-txt {font-size: 16px;}
	.notice-date {font-size: 14px;}
	.notice-item {padding: 30px;min-height: 310px;}
	.detail-name {font-size: 25px;}
	.product-left {padding: 60px;}
}

@media (max-width: 991px) {
	.subtop {height: 430px;padding-bottom: 70px;}
	.subtop h2 {font-size: 40px;margin-bottom: 15px;}
	.location span {font-size: 16px;}
	.sub-common {margin: 30px 0;}
	.nav-menu li a {font-size: 16px;padding: 15px;min-width: 120px;}
	.nav-menu-wrap {margin-bottom: 30px;}
	.sub-title {font-size: 30px;}
	.pad-wrap {padding-bottom: 90px;}
	.greeting2 p {font-size: 16px;}
	.ceo {font-size: 14px;margin-top: 35px;}
	.ceo span {font-size: 20px;}
	.greeting1 {font-size: 23px;}
	.greeting-wrap {margin-top: 40px;}
	.year {font-size: 40px;}
	.month {font-size: 20px;}
	.hcont {font-size: 16px;}
	.history-item {margin-bottom: 100px;}
	.hdot:before {width: 30px;height: 30px;-webkit-background-size: 30px auto;background-size: 30px auto;left: 0;top: 0;}
	.hdot {padding-left: 70px;margin-bottom: 20px;}
	.history {padding-top: 30px;padding-bottom: 50px;}
	.cate-list {margin-bottom: 30px;gap: 20px;}
	.cate-list li a {font-size: 16px;}
	.board-table th {padding: 15px 0;}
	.board-table td {padding: 20px 0;}
	.board-table td .tit {font-size: 16px;}
	.map {height: 500px;margin-bottom: 45px;}
	.map-left {font-size: 30px;width: 100%;}
	.map-right {width: 100%;}
	.map-df {flex-direction: column;gap: 20px;}
	.map-info .cell1 {font-size: 16px;flex-basis: 65px;}
	.map-info .cell2 {font-size: 16px;}
	.map-info {margin-bottom: 10px;}
	.map-right {padding-top: 15px;}
	.biz-t2 {font-size: 25px;margin-bottom: 10px;}
	.biz-t3 {font-size: 16px;margin-bottom: 25px;}
	.biz-list li {font-size: 16px;gap: 10px;padding: 20px 20px;}
	.biz-list li span {font-size: 12px;}
	.biz-item {gap: 25px;}
	.cert-list {row-gap: 40px; column-gap: 16px;grid-template-columns: repeat(3, 1fr);}
	.certi-tit {font-size: 16px;margin-top: 10px;}
	.certi-img {padding: 15px;}
	.page_wrap {margin-top: 30px;}
	.page_nation a {width: 30px;height: 30px;font-size: 12px;-webkit-background-size: 30px auto;background-size: 30px auto;}
	.product-list {row-gap: 40px; column-gap: 16px;grid-template-columns: repeat(3, 1fr);}
	.product-tit {font-size: 16px;margin-top: 10px;}
	.notice-label {font-size: 12px;padding: 10px 15px;margin-bottom: 10px;}
	.notice-tit {font-size: 18px;}
	.notice-txt {font-size: 14px;}
	.notice-date {font-size: 12px;}
	.notice-item {padding: 20px;min-height: 270px;}
	.notice-list {gap: 16px;grid-template-columns: repeat(3, 1fr);}
	.view-tit {font-size: 18px;}
	.view-date {font-size: 14px;}
	.list-btn {font-size: 14px;}
	.product-detail {margin-bottom: 60px;gap: 40px;}
	.detail-name {font-size: 20px;margin-top: 25px;margin-bottom: 20px;}
	.detail-txt {font-size: 16px;margin-bottom: 20px;}
	.link-btn {font-size: 16px;padding: 15px 30px;}
	.product-cont {padding: 60px 0;}
	.dot {font-size: 16px;}
	.cont-left {font-size: 18px;}
}	

@media (max-width: 767px) {
	.subtop {height: 330px;}
	.location span {font-size: 14px;}
	.subtop h2 {font-size: 30px;}
	.nav-menu li a {font-size: 14px;min-width: 90px;}
	.sub-title {font-size: 25px;}
	.greeting-wrap {flex-direction: column;gap: 20px;}
	.greeting1,.greeting2 {width: 100%;}
	.greeting1 {font-size: 18px;}
	.greeting2 p {font-size: 14px;}
	.ceo span {font-size: 18px;margin-left: 10px;}
	/* .pad-wrap {padding-bottom: 50px;} */
	.wrap {overflow: hidden;}
	.year {font-size: 20px;position: relative;z-index: 2;}
	.history-item {margin-bottom: 50px;flex-direction: column;}
	.hleft,.hright {width: 100%;}
	.history:before {display: none;}
	.month {font-size: 16px;}
	.hcont {font-size: 14px;}
	.hdot {gap: 25px;padding-left: 40px;}
	.hdot:before {top: -5px;}
	.cate-list li a {font-size: 14px;}
	.board-table th,.board-table td {font-size: 14px;}
	.board-table .col3 {width: 15%;}
	.board-table .col1 {width: 10%;}
	.board-table .col2 {width: 75%;}
	.board-table td .tit {font-size: 14px;padding-left: 10px;padding-right: 10px;}
	.map {height: 400px;}
	.map-info .cell1 {font-size: 14px;flex-basis: 56px;}
	.map-info .cell2 {font-size: 14px;}
	.map-info {gap: 30px;}
	.map-left {font-size: 20px;}
	.biz-item {flex-direction: column;}
	.biz-item > div {width: 100%;}
	.biz-t1 {font-size: 14px;}
	.biz-t2 {font-size: 20px;}
	.biz-t3 {font-size: 14px;} 
	.biz-list li {font-size: 14px;}
	.cert-list {grid-template-columns: repeat(2, 1fr);}
	.certi-tit {font-size: 14px;}
	.certi-img {min-height: 250px;}
	.product-tit {font-size: 14px;}
	.product-list {grid-template-columns: repeat(2, 1fr);}
	.product-thumb {padding: 25px;min-height: 200px;}
	.notice-list {grid-template-columns: repeat(1, 1fr);}
	.notice-tit {font-size: 16px;}
	.notice-item {min-height: 200px;}

	.view-tit {font-size: 16px;}
	.view-date {font-size: 12px;}
	.list-btn {font-size: 14px;padding: 15px 40px;}
	.view-con-wrap {padding: 20px 10px 50px 10px;margin-bottom: 30px;}
	.view-tit-wrap {padding: 20px 10px;}
	.product-detail {flex-direction: column;gap: 0;}
	.product-detail > div {width: 100%;}
	.link-btn {font-size: 14px;}
	.cont-flex {flex-direction: column;gap: 20px;}
	.cont-left,.cont-right {width: 100%;}
	.dot {font-size: 14px;}
	.cont-left {font-size: 16px;}
	.detail-txt {font-size: 14px;}
	.detail-name {font-size: 18px;}
	.link-btn {font-size: 12px;}
}

@media (max-width: 320px) {

}