.sub_container {padding-bottom: 150px;}

.subtop {display: flex;align-items: center;margin: 0 auto;max-width: 1920px;height: 350px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;margin-bottom: 80px;}
.subtop.sub01 {background-image: url("/resources/img/sub/sub_bg1.jpg");}
.subtop.sub02 {background-image: url("/resources/img/sub/sub_bg2.jpg");}
.subtop.sub03 {background-image: url("/resources/img/sub/sub_bg3.jpg");}
.subtop.sub04 {background-image: url("/resources/img/sub/sub_bg4.jpg");margin-bottom: 50px;}

.subtop h2 {font-size: 25px;font-weight: 800;color: #fff;}
.subtop h3 {font-size: 18px;font-weight: 500;color: #ED1C24;margin-bottom: 10px;margin-top: 100px;}

.sub-nav {position: absolute;left: 0;bottom: -20px;width: 100%;}
.submenu-wrap {background-color: #151D2D;height: 100%;display: flex;align-items: center;}
.nav-home {width: 80px;height: 100%;background-color: #ED1C24;align-content: center;justify-items: center;}
.nav-menu {width: 280px;height: 100%;padding: 0 30px;border-right: 1px solid rgb(255 255 255 / 20%);position: relative;align-content: center;}
.nav-menu.long {width: 350px;}
.nav-name {font-size: 18px;font-weight: 700;color: #fff;position: relative;cursor: pointer;width: 100%;display: flex;align-items: center;}
.nav-name:after {position: absolute;right: 0;content: "";background-image: url("/resources/img/sub/nav_arrow.svg");background-repeat: no-repeat;background-position: center center;width: 18px;height: 10px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav-menu.on .nav-name:after {transform: rotate(180deg);}

.submenu {display: none;position: absolute;left: 0;top: 80px;width: 100%;z-index: 3;}
.submenu li a {width: 100%;height: 80px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 16px;color: #000;font-weight: 700;}
.submenu li a.on,
.submenu li a:hover {background-color: #ED1C24;color: #fff;}

.sub-tit {font-size: 30px;font-weight: 700;color: #000;}
.company-wrap {display: flex;justify-content: space-between;gap: 70px;}   
.company-left {flex-shrink: 0;}
.company-right {width: 100%;}
.company-t1 {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 40px;line-height: 2;}
.company-t2 {font-size: 15px;color: #000;line-height: 2;white-space: pre-line;margin-bottom: 50px;}

.history-wrap {border-top: 2px solid #000;}   
.history-wrap li {border-bottom: 1px solid #ddd;padding: 40px 0;display: flex;gap: 50px;}
.history-left {width: 120px;}
.year {font-size: 20px;font-weight: 800;color: #000;}
.htxt {font-size: 15px;color: #000;margin-bottom: 20px;}
.htxt:last-child {margin-bottom: 0;}

.root_daum_roughmap .cont {display: none !important;}
.root_daum_roughmap.root_daum_roughmap_landing {width: 100% !important;height: 100% !important;}
.root_daum_roughmap .wrap_map {height: 100% !important;}

.map {height: 560px;margin-bottom: 40px;} 
.map-df {display: flex;gap: 60px;align-items: center;margin-bottom: 20px;}
.map-df:last-child {margin-bottom: 0;}
.map-left {width: 70px;font-size: 16px;font-weight: 700;color: #000;}
.map-right {font-size: 15px;color: #000;}


.mb80 {margin-bottom: 80px;}
.mb50 {margin-bottom: 50px;}
.notice {border-top: 2px solid #000;}
.notice li {border-bottom: 1px solid #ddd;padding: 30px 0;}
.notice .tit {font-size: 18px;font-weight: 700;color: #000;line-height: 2;display: flex;}
.nmark {display: inline-block;background-color: #ED1C24;border-radius: 30px;padding: 5px 20px;text-align: center;font-size: 15px;font-weight: 700;color: #fff;align-self: center;margin-right: 15px;}
.notice .txt {font-size: 15px;color: #444;line-height: 2;margin-top: 15px;}
.notice .date {font-size: 15px;color: #999;margin-top: 25px;}
.gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;align-items: center;}
.gallery-tit {font-size: 16px;font-weight: 700;color: #000;margin-top: 10px;}
 
.form-wrap {margin-bottom: 50px;}
.form-flex {display: flex;gap: 32px;}
.form-item {width: 50%;}
.form-tit {font-size: 18px;font-weight: 700;color: #000;}
.form-tit span {color: #ED1C24;}
.form-cont {border-bottom: 1px solid #ddd;padding: 20px 0;height: 60px;position: relative;}
.form-cont.long {height: 150px;}
.form-cont input {width: 100%;height: 100%;border: none;outline: none;font-size: 15px;color: #000;font-weight: 400;background-color: transparent;}
.form-cont textarea {width: 100%;height: 100%;border: none;outline: none;font-size: 15px;color: #000;font-weight: 400;resize: none;}
.btn-submit {display: inline-flex;justify-content: center;align-items: center;gap: 20px;border-radius: 30px;background-color: #ED1C24;padding: 20px 35px;border: none;outline: none;cursor: pointer;}
.btn-submit span {font-size: 16px;font-weight: 800;color: #fff;}
.btn-submit img {filter: invert(1);}

.form-file {position: relative;}
.upfile {position: absolute;right: 0;top: 50%;display: inline-flex;padding: 10px 20px;border-radius: 30px;background-color: #B8BBC5;text-align: center;font-size: 15px;font-weight: 700;color: #fff;cursor: pointer;transform: translateY(-50%);}
.form-cont input.upload-hidden {position: absolute;width: 1px;height: 1px;padding: 0; margin: 0;}

.product-flex {display: flex;gap: 30px;justify-content: space-between;}
.product-flex > div {width: 50%;}
.product-t1 {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 30px;}
.product-t2 {font-size: 15px;color: #000;line-height: 2;}
.product-imgs {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}

.product-t3 {font-size: 18px;font-weight: 700;color: #000;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 20px;} 
.product-spec {display: flex;gap: 35px;margin-bottom: 10px;}
.spec-t1 {font-size: 15px;font-weight: 500;color: #ED1C24;flex-basis: 110px;}
.spec-t2 {font-size: 15px;color: #000;}

.mt30 {margin-top: 30px;}
.mt70 {margin-top: 70px;}

.page_wrap {text-align:center;margin-top: 80px;}
.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: #ED1C24;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: 18px;font-weight: 700;color: #000;display: flex;align-items: center;}
.view-date {font-size: 15px;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;width: 170px;height: 50px;background-color: #ED1C24;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 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;} 
/**게시판 상세**/

.product-imgs-wrap {max-width: 1632px;padding: 16px;padding-right: 16px;margin: 0 auto;}
.subtab {display: flex;justify-content: center; align-items: center; width: 100%;height: 100%;gap: 10px;}
.subtab li {align-content: center;padding: 15px 10px;border: 1px solid #ddd;background-color: #fff;width: 190px;}
.subtab li a {display: block;color: #000;font-size: 15px;text-align: center;font-weight: 700;align-content: center;height: 100%;}
.subtab li a:hover {text-decoration: underline;text-underline-position: under;}
.subtab li.on {background-color: #ED1C24;}
.subtab li.on a {color: #fff;}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;}
.btn:hover {text-decoration: underline;text-underline-position: under;}
.btn span {font-size: 16px; font-weight: 700;color: #222;}
.btn img {opacity: 0.7;}

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {

}

@media (max-width: 1219px) {
	.subtab li {padding: 15px 5px;}
}

@media (max-width: 991px) {
	.subtop {height: 250px;margin-bottom: 70px;}
	.mb80 {margin-bottom: 40px;}
	.mb50 {margin-bottom: 25px;}
	.company-t1 {margin-bottom: 20px;}
	.company-t2 {margin-bottom: 35px;}
	.sub_container {padding-bottom: 100px;}
	.company-wrap {gap: 50px;}
	.htxt {margin-bottom: 15px;}
	.history-wrap li {gap: 30px;padding: 20px 0;}
	.history-left {width: 120px;}
	.map {height: 460px;margin-bottom: 20px;}
	.map-df {gap: 30px;margin-bottom: 10px;}
	.product-flex {gap: 30px;}
	.product-t1 {margin-bottom: 15px;}
	.mt70 {margin-top: 35px;}
	.product-t3 {margin-bottom: 10px;padding-bottom: 10px;}
	.product-spec {gap: 16px;margin-bottom: 5px;}
	.product-imgs {gap: 16px;}
	.gallery {gap: 16px;grid-template-columns: repeat(2, 1fr);}
	.notice li {padding: 25px 0;}
	.page_wrap {margin-top: 40px;}
	.subtab {gap: 5px;}
	.subtab li {padding: 10px 5px;}
	.subtab li {width: 120px;}
	.subtab li a {font-size: 14px;}
	.sub02 .subtab li {height: 55px;}
	.mt30 {margin-top: 15px;}
	.sub-tit {font-size: 25px;}
}	

@media (max-width: 767px) {
	.subtop h3 {margin-bottom: 10px;margin-top: 50px;}
	.subtop {height: 300px;}
	.company-wrap {flex-direction: column;gap: 20px;}
	.company-right {width: 100%;}
	.nav-name {font-size: 12px;}
	.nav-home {flex-shrink: 0;}
	.nav-menu {padding: 0 10px;}
	.history-wrap li {flex-direction: column;gap: 20px;}
	.htxt {margin-bottom: 10px;}
	.year {width: 100%;}
	.map {height: 360px;}
	.map-left {width: 55px;}
	.subtop.sub04  {margin-bottom: 30px;}
	.product-flex {gap: 20px;}
	.mb80 {margin-bottom: 20px;}
	.product-t1 {padding-top: 0;}
	.product-imgs {grid-template-columns: repeat(1, 1fr);}
	.gallery {grid-template-columns: repeat(1, 1fr);}
	.nmark {padding: 5px 10px;margin-right: 10px;}
	.page_nation a {font-size: 12px;width: 30px;height: 30px;}
	.view-date {align-self: end;}
	.view-tit-wrap {flex-direction: column;}
	.list-btn {width: 120px;}
	.form-flex {gap: 16px;}
	.form-cont {padding: 10px 0;height: 50px;}
	.form-item.w100 {width: 100%;}
	.btn-submit {padding: 15px 25px;}
	.product-flex {flex-direction: column;}
	.product-flex > div {width: 100%;}
	.sub02 .subtab {flex-wrap: wrap;}
	.sub02 .subtab li {width: 49%;height: auto;}
	.sub02 .sub-nav {bottom: -70px;}
	.subtop.sub02 {margin-bottom: 90px;}
}

@media (max-width: 375px) {
	.subtab li a {font-size: 12px;}
}

@media (max-width: 320px) {
	.sub-nav .container {padding: 0;}
}