p {font-size: 16px;font-weight: 400;color: #000;}
.subtop {-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;aspect-ratio: 1920 / 500; display: flex;align-items: center;width: 100%;} 
.subtop.sub01 {background-image: url("/resources/img/sub/sub_visual01.jpg");}
.subtop.sub02 {background-image: url("/resources/img/sub/sub_visual02.jpg");}
.subtop.sub03 {background-image: url("/resources/img/sub/sub_visual03.jpg");}
.subtop.sub04 {background-image: url("/resources/img/sub/sub_visual04.jpg");}
.subtop.sub05 {background-image: url("/resources/img/sub/sub_visual05.jpg");}
.subtop-tit {font-size: 70px;font-weight: 800;color: #fff;margin-bottom: 35px;}
.subtop-txt {font-size: 26px;font-weight: 700;color: #fff;margin-bottom: 50px;}

.location {display: inline-flex;gap: 15px;align-items: center;}
.location span {font-size: 16px;font-weight: 500;color: #fff;}

.nav-menu-wrap {margin-top: 60px;}
.nav-menu {display: flex;row-gap: 20px;column-gap: 10px;flex-wrap: wrap;align-items: center;}
.nav-menu li {background-color: #F0F0F0;border-radius: 30px;overflow: hidden;}
.nav-menu li a {font-size: 20px;font-weight: 700;color: #aaa;text-align: center;padding: 15px 30px;}
.nav-menu li.on {background-color: #39328B;}
.nav-menu li.on a,
.nav-menu li.on a span {color: #fff;}

.sub-tit {font-size: 50px;font-weight: 800;color: #000;margin-top: 60px;margin-bottom: 80px;}

.pb120 {padding-bottom: 120px;}
.greeting-txt {font-size: 16px;color: #000;font-weight: 400;line-height: 1.8;}
.greeting-bg {padding: 70px;-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url("/resources/img/sub/greeting_bg.png");height: 500px;display: flex;align-items: end;}   
.bg-txt {font-size: 34px;font-weight: 700;color: #fff;}

.history-list {border-top: 2px solid #000;}   
.history-list li {border-bottom: 1px solid #ddd;padding: 30px 0;display: flex;gap: 140px;align-items: center;}
.h-left {flex-basis: 120px;align-self: flex-start;}
.h-rigt {flex: 1;}
.year {font-size: 44px;font-weight: 800;color: #39328B;}
.month {font-size: 24px;font-weight: 700;color: #000;flex-basis: 35px;}
.h-cont {display: flex;align-items: center;gap: 100px;margin-bottom: 20px;}
.h-cont:last-child {margin-bottom: 0;}

#map {height: 600px;}   
#map .root_daum_roughmap {width: 100%;height: 100%;}
#map .root_daum_roughmap .wrap_map {height: 100%;}

.addr-df {display: flex;gap: 16.5%;}
.addr-df .left {font-size: 26px;font-weight: 700;color: #39328B;line-height: 1.5;}
.addr-df .right {flex: 1;}
.addr-info {display: flex;margin-bottom: 10px;gap: 40px;align-items: center;}
.addr-info .cell {font-size: 18px;font-weight: 700;color: #000;flex-basis: 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: #39328B;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: #39328B;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;}
.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;} 
/**게시판 상세**/

.board-list {border-top: 2px solid #000;}
.board-list li {border-bottom: 1px solid #ddd;padding: 30px 0;}
.list-tit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 30px;}
.list-date {font-size: 16px;font-weight: 500;color: #999;}

.inquiry-df {display: flex;justify-content: space-between;}
.inquiry-left {width: 25%;}
.inquiry-right {width: 66%;}
.inquiry-tit {font-size: 36px;font-weight: 700;color: #000;}

.product-info {margin-top: 100px;display: flex;gap: 80px;}  
.product-tit {font-size: 50px;font-weight: 800;color: #000;}
.dot-list li {position: relative;font-size: 18px;color: #000;padding: 10px 0 10px 10px;}
.dot-list li:before {position: absolute;left: 0;top: 20px;content: "";width: 4px;height: 4px;background-color: #007BC6;}
.product-detail {border-top: 2px solid #000;padding-top: 30px;}

.cont-df {display: flex;justify-content: space-between;}
.cont-left {width: 19%;}
.cont-right {width: 75%;}
.cont-tit {font-size: 24px;font-weight: 700;color: #000;}
.pr-table {width: 100%;}
.pr-table th {text-align: center;font-size: 18px;font-weight: 700;color: #fff;background-color: #2F52A0;border-right: 1px solid #4C70BF;padding: 20px 5px;vertical-align: middle;}
.pr-table td {text-align: center;font-size: 18px;font-weight: 500;color: #555;padding: 20px 5px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;vertical-align: middle;}
.pr-table td.th {background-color: #FBFBFB;}
.pr-table th:last-child,.pr-table td:last-child {border-right: none;}
.pr-table td.br {border-right: 1px solid #ddd !important;}
.pr-table td.th.plr20 {padding-left: 20px;padding-right: 20px;}
.info-left {width: 41%;}
@media (max-width: 1600px) {

}
@media (max-width: 1560px) {
	.subtop-tit {font-size: 60px;}
	.sub-tit {font-size: 40px;}
	.bg-txt {font-size: 30px;}
	.year {font-size: 40px;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.subtop-tit {font-size: 50px;}
	.product-tit {font-size: 40px;}
	.subtop-txt {font-size: 22px;}
	.nav-menu li a {font-size: 18px;}
}
@media (max-width: 1399px) {
	.subtop-tit {font-size: 40px;}
	.sub-tit {font-size: 30px;}
	.bg-txt {font-size: 25px;}
	.year {font-size: 30px;}
	.month {font-size: 20px;}
	.history-list li {gap: 100px;}
	.h-cont {gap: 50px;}
	.inquiry-tit {font-size: 30px;}
}
@media (max-width: 1259px) {

}

@media (max-width: 1219px) {
	.subtop-tit {font-size: 30px;margin-bottom: 20px;}
	.subtop-txt {font-size: 18px;margin-bottom: 25px;}
	.location span {font-size: 14px;}
	.nav-menu-wrap {margin-top: 30px;}
	.sub-tit {margin-top: 30px;margin-bottom: 40px;}
	.nav-menu li a {font-size: 16px;padding: 15px 25px;}
	.history-list li {gap: 50px;}
	.product-tit {font-size: 30px;}
	.dot-list li {font-size: 16px;}
	.cont-tit {font-size: 20px;}
	.pr-table th,.pr-table td {font-size: 16px;}
	.list-tit {font-size: 20px;}
	.inquiry-tit {font-size: 25px;}
	.subtop {height: 300px;}
}

@media (max-width: 991px) {
	.greeting-bg {padding: 35px;height: 350px;}
	.product-info {gap: 40px;margin-top: 50px;}
	.info-left {width: 50%;}
	.subtop-txt {font-size: 16px;}
	.pr-table th,.pr-table td {font-size: 14px;}
	.cont-right {width: 73%;}
	.cont-left {width: 23%;}
	.list-date {font-size: 14px;}
	.pb120 {padding-bottom: 60px;}
	#map {height: 400px;}
}	

@media (max-width: 767px) {
	.subtop {height: 250px;}
	.subtop-tit {font-size: 20px;margin-bottom: 10px;}
	.nav-menu li a {font-size: 14px;padding: 10px 20px;}
	.sub-tit {font-size: 20px;}
	.bg-txt {font-size: 18px;}
	.greeting-bg {height: 300px;padding: 25px;}
	.greeting-txt {font-size: 14px;}
	.year {font-size: 20px;}
	p {font-size: 14px;}
	.month {font-size: 16px;flex-basis: 20px;}
	.h-left {flex-basis: 60px;}
	.h-cont {gap: 30px;}
	.history-list li {gap: 30px;}
	#map {height: 300px;}
	.addr-df .left {font-size: 20px;}
	.addr-info .cell {font-size: 16px;flex-basis: 63px;}
	.addr-df {flex-direction: column;gap: 20px;}
	.location span {font-size: 12px;}
	.product-info {flex-direction: column;gap: 20px;}
	.info-left {width: 100%;}
	.product-tit {font-size: 20px;}
	.dot-list li {font-size: 14px;padding: 5px 0 5px 10px;}
	.dot-list li:before {top: 12px;}
	.cont-df {flex-direction: column;gap: 20px;}
	.cont-left,.cont-right {width: 100%;}
	.cont-tit {font-size: 16px;}
	.list-tit {font-size: 16px;margin-bottom: 15px;}
	.list-date {font-size: 12px;}
	.page_wrap {margin-top: 40px;}
	.page_nation a {width: 30px;height: 30px;font-size: 12px;}
	.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;}
	.board-list li {padding: 20px 0;}
	.inquiry-df {flex-direction: column;gap: 30px;}
	.inquiry-left,.inquiry-right {width: 100%;}
	.inquiry-tit {font-size: 18px;}
	.table-scroll {width: 100%;overflow-x: scroll;overflow-y: hidden;}
	.table-scroll .pr-table {width: 390px;}
	.pr-table th,.pr-table td {font-size: 12px;padding: 10px 5px;}
}

@media (max-width: 320px) {

}