@charset "utf-8";
#container {
	width: 100%;
	padding-bottom: 0;
}

#page {

}

#page img {
	max-width: 100%;
}

img.mobile {
	display: none;
}

/* 컬러 */
.bk {
	color: #000 !important;
}

/* 게시판 */
.e_subject a:active,
.e_subject a:focus,
.e_subject a:hover {
	color: #000 !important;
}

#bo_list_total {
	display: none;
}

#gall_allchk {
	margin: 0 0 20px;
}

#bo_sch, .bo_fx {
	margin-top: 20px !important;
}

.card {
	border-radius: 0 !important;
    box-shadow: none !important;
}

#bo_v_con,
#bo_vc .cmt_contents {
    font-size: calc(12px + 0.3vw);
}


/* table */
.sub_tb table {
	width: 100%;
}

.sub_tb table th,
.sub_tb table td {
	font-size: 20px;
	color: #000;
	font-weight: 400;
	padding: 10px 35px;
	border: solid 1px #5d5d5d;
	background: #fff;
}

.sub_tb table th {
	text-align: center;
}

.sub_tb thead th,
.sub_tb thead td {
	background: #f0f0f0;
}

.sub_tb table.center th,
.sub_tb table.center td {
	text-align: center;
}

.sub_tb table .bg {
	color: #fff;
	background: #9a9a9a;
}


/* 서브메뉴 */
.page_nav {
	position: relative;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #e6e6e6;
}

.page_nav .inner {
	width: 1300px;
	margin: 0 auto;
}

.page_nav .path {
	display: flex;
	flex-wrap:wrap;
	position: relative;
	height: 67px;
}

.page_nav .current {
	display: flex;
	flex-wrap:wrap;
	font-size: 17px;
	height: 100%;
}

.page_nav .current > li {
	position: relative;
	display: table;
	width: 275px;
	height: 100%;
	border-right: solid 1px #e6e6e6;
	background: url(../img/new/ico_arrow_drop.png) no-repeat 92% 50%;
}

.page_nav .current > li.on .cate {
    /* display: block; */
}

.page_nav li.p01 {
	width: 64px;
	font-size: 0;
	border-left: solid 1px #e6e6e6;
	background: url(../img/new/ico_nav_home.png) no-repeat 50% 50%;
}

.page_nav .current li a {
    display: table-cell;
    vertical-align: middle;
	padding-left: 30px;
}

.page_nav .cate {
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    border: solid 1px #e6e6e6;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

.page_nav .cate1 {

}

.page_nav .cate2 {

}

.page_nav .cate li {
	border-bottom: solid 1px #e6e6e6;
}

.page_nav .cate li a {
    display: block;
	font-size: 15px;
    padding: 12px 12px 10px 30px;
}

.page_nav .cate li a:hover {
	color: #fff;
	background: #0066b3;
}


/* 서브 이미지 */
.sub_vs {
	display: table;
	width: 100%;
	height: 232px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../img/new/sub/vs_sub.jpg);
}


/* 서브 타이틀 */
.sub_vs .sub_tit {
	display: table-cell;
	font-size: 22px;
	color: #fff;
	font-weight: 300;
	vertical-align: middle;
}

.sub_vs .sub_tit strong {
	display: block;
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 10px;
}

.tit2 {
	font-size: 33px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 30px;
}

.tit2.left {
	text-align: left;
}

.tit2 strong {
	font-size: 38px;
	font-weight: 500;
}

.tit2 strong span {
	font-size: 28px;
	font-weight: 400;
	color: #0066b3;
	padding-left: 20px;
}

.tit2 p {
	padding-top: 10px;
}

.tit3 {
	font-size: 29px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 40px;
}

.tit3.left {
	text-align: left;
}

.tit3 strong {
	display: block;
	font-size: 38px;
	font-weight: 500;
	margin-bottom: 20px;
}

.tit3 strong span {
	color: #ababab;
}

.tit3 p {
	margin-bottom: 30px;
}

.tit3 p b {
	font-weight: 500;
	color: #0066b3;
}

/* 서브 내용 */
.pg_cont {
	padding-top: 100px;
	text-align: center;
}

.pg_cont .inner {
	width: 1520px;
	margin: 0 auto;
}

.pg_cont .inner2 {
	width: 1260px;
	margin: 0 auto;
}

.sect {
	margin-bottom: 70px;
}

.sect .tit {
	font-size: 28px;
	font-weight: 300;
	line-height: 1.8;
	margin-bottom: 10px;
}

.sect .tit.center {
	text-align: center;
}

.sect .tit strong {
	display: inline-block;
	font-size: 36px;
	color: #0066b3;
	font-weight: 500;
	padding-left: 65px;
	margin-bottom: 10px;
	background: url(../img/new/ico_chk.png) no-repeat 0 60%;
}

.sect.bk .tit strong {
	color: #000;
}

.sect .tit strong b {
	color: #0066b3;
	font-weight: 500;
}

.sect .tit p {
	margin-bottom: 35px;
}

.sect .tit p.col2 {
	display: flex;
	flex-wrap: wrap;
}

.sect .tit p.col2 span {
	display: inline-block;
	width: 50%;
}

.sort {
	margin-bottom: 90px;
}

/* sub1 */
.sub1 .pg_cont {
	padding-top: 0;
}

.sub1 h3 {
	font-size: 46px;
	text-align: center;
	margin-bottom: 20px;
}

.sub1 .location {
	padding-top: 130px;
}

.sub1 .map {

}

.sub1 .map + .map {
	padding-top: 50px;
}

.sub1 .map p {
	font-size: 23px;
	text-align: center;
	margin-bottom: 25px;
}

.sub1 .anc {
	scroll-margin-top: 80px;
}

.sub1 .anc img {
	width: 100%;
}

.sub1 .root_daum_roughmap .cont {
	display: none;
}

/* 최상위 컨테이너 */
.sub1 .root_daum_roughmap {
    width: 100% !important;
    height: auto !important; /* 고정 높이 제거 */
}

/* 실제 지도를 담는 영역 */
.sub1 .root_daum_roughmap .wrap_map {
    width: 100% !important;
    height: 60vw !important;    /* 원하는 비율로 반응형 설정 가능 */
    max-height: 555px;          /* PC에서 너무 커지지 않게 제한 */
}

/* sub3 */
.prdList {
	font-size: 0;
	text-align: left;
}

.prdList li {
	display: inline-block;
	width: calc((100% - 60px) / 4);
	margin-bottom: 4%;
}

.prdList li:nth-child(5),
.prdList li:nth-child(9) {
	margin-left: 0;
}

.prdList li + li {
	margin-left: 20px;
}

/* sub4 */
.prdList2 {

}

.prdList2 li {
	width: calc((100% - 20px) / 2);
	margin-bottom: 4%;
	border: solid 1px #9c9c9c;
}

.prdList2 li:nth-child(odd) {
	margin-left: 0;
}

.prdList2 li p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(15px, 3vw, 29px);
	color: #fff;
	text-align: center;
	padding: clamp(10px, 2vw, 20px) 0;
	background: #002d68;
}

/* sub5 / 폼메일 */
.contact_form {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	border-top: solid 1px #d7dbda;
}

.form_row {
    display: flex;
    align-items: center;
	padding: 10px 0;
	border-bottom: solid 1px #d7dbda;
}

.form_row label.form_label {
    width: 185px; /* PC 화면에서 레이블 고정 너비 */
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	padding-left: 24px;
	margin: 0;
}

.form_row.top_align {
    align-items: flex-start;
}

.form_row .form-control,
.form_row button {
    flex: 1;
}

.contact_form .form-control {
    padding: .62rem 1.5rem;
    color: #000;
    background-color: #f8f8f8;
    border: 0;
    border-radius: 0;
}

/* 첨부파일, textarea 등도 full width */
.contact_form .form_check textarea {
    width: 100%;
    resize: none;
	font-size: 15px;
	color: #555;
    padding: 1rem 1.5rem;
	background: #f8f8f8;
    margin-bottom: 20px;
}

.agreeChk {
	padding: 34px 0 50px;
}

.agreeChk .agree_label {
	display: block;
	font-size: clamp(15px, 3vw, 20px);
	font-weight: 300;
	text-align: left;
	margin: 0 0 20px;
}

.check_wrapper {
    display: flex;
    align-items: center;
	padding: 0 20px;
}

.check_wrapper label {
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 0 10px;
}

.form_btn {

}

.form_btn button {
	font-size: clamp(16px, 3vw, 28px);
	color: #fff;
	line-height: 1;
	padding: clamp(15px, 2vw, 24px) clamp(84px, 2vw, 84px);
	border: 0;
	background: #002c68;
}

#bo_list {
	max-width: 1520px;
	margin: 0 auto;
}