*{font-family: 'Noto Sans KR', sans-serif; padding:0; margin:0; letter-spacing: -1px;}
ul{list-style: none; padding-left:0; margin-bottom:0;}
a{text-decoration: none;}

.con_wrap:before{position: absolute; top:0; z-index: -1; content:'';width:100%; height:calc(100vh / 2); background-color: #2d8bcf;}
.con_wrap{height:100vh; display: flex; flex-wrap: wrap; align-items: center;}

.logo_wrap{text-align: center; margin-bottom:60px; padding-top:30px;}
.logo_wrap a{display: inline-block; margin:auto;}
.logo_wrap img{max-width:100%;}

.link_wrap ul{display: flex; flex-wrap: wrap;}
.link_wrap ul li{height:397px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc((100% / 3) - 47px); margin-right:70px; text-align: center;}
.link_wrap ul li a{display: block; width:100%; height:100%; padding:40px 10px; border-radius: 40px; background-color: #fff; box-shadow: 0 0 35px rgba(0,0,0,0.15); border:4px solid #fff;}
.link_wrap ul li:last-child{margin-right:0;}
.link_wrap ul li a:hover{border:4px solid #0054a7;}

.link_wrap ul li .img_wrap{margin-bottom:30px;}

.link_wrap ul li .tit{font-size:28px; height:2.6em; font-weight: 500; letter-spacing: -2px; line-height: 38px; word-break: keep-all; color:#222;}

.link_wrap ul li .btn_wrap{margin-top:40px;}
.link_wrap ul li .btn_wrap button{display: inline-block; width:170px; height:40px; line-height: 40px; font-size:18px; font-weight: 500; color:#fff; background-color: #0054a7; border-radius: 30px; outline: 0; border:0;}

.search_wrap{display: flex; align-items: center;}
.search_wrap .tit{min-width:7em; font-size:20px; font-weight: 600; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syyy.lbatva.tb.xe%2Svzt%2Svpb_purpx.cat) no-repeat 0 center; padding-left:28px; margin-right:24px; letter-spacing: -2px; word-break: keep-all;}
.search_wrap .input-group>.form-control{height:50px; border-radius: 8px !important; border:1px solid #ddd;}
.search_wrap .input-group>.form-control::placeholder{color:#888;}
.search_wrap .name_input{width:120px; margin-right:4px;}
.search_wrap .phone_input{width:180px; margin-right:8px;}
.search_wrap .search_btn{border:0; outline: 0; width:92px; height:50px; border-radius: 8px; background-color: #00aeba; line-height: 50px; color:#fff; font-weight: 500;}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 어두운 배경색 */
  z-index: 999;
}

#popupContainer {
  display: none;
  position: fixed;
  width:1000px;
  top: 20%;
  left: calc(50% - 500px);
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

#popupContainer button {
  width:100%;
  margin-top:1em;
  padding: 10px 15px;
  background-color: #4CAF50; /* 버튼 배경색 */
  color: #fff; /* 버튼 텍스트 색상 */
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#popupContainer button:hover {
  background-color: #45a049; /* 마우스 호버 시 버튼 배경색 변경 */
}

#popupTable {
  width: 100%;
  border-collapse: collapse;
}

#popupTable th,
#popupTable td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

#popupTable th {
  background-color: #f2f2f2;
}

.footer{margin-top:72px; padding-bottom:30px;}
.footer .container{display: flex; justify-content: space-between; align-items: center;}
.footer .copy_right{color:#888; margin-top:8px;}

@media(max-width:1200px){
	.link_wrap ul li{width: calc((100% / 3) - 14px); margin-right: 20px;}

	.footer .container{flex-direction: column;}
	.footer .footer_txt{margin-bottom:20px; text-align: center;}
}

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

@media(max-width:768px){
	.link_wrap ul li{display: block; width:100%; height:auto; margin-right:0; margin-bottom:20px;}
	.link_wrap ul li:last-child{margin-bottom:0;}
	.link_wrap ul li .item_wrap{display: flex; justify-content: center; align-items: center; margin-bottom:30px;}
	.link_wrap ul li .img_wrap{min-width:123px; margin-right:20px; margin-bottom:0;}
	.link_wrap ul li .tit{text-align: left;}

	.link_wrap ul li .btn_wrap{margin-top:0;}

	.search_wrap{flex-direction: column;}
	.search_wrap .tit{margin-right:0; margin-bottom:10px;}
}

@media(max-width:480px){
	.link_wrap ul li .tit{font-size:24px; line-height: 34px;}
	
	#searchForm{width:100%;}
	.search_wrap{width:100%;}
	.search_wrap .input-group{flex-direction: column;}
	.search_wrap .input-group>.form-control{margin-right:0; margin-bottom:4px;}
	.search_wrap .name_input{width:100%;}
	.search_wrap .phone_input{width:100%;}
	.search_wrap .search_btn{width:100%;}
	
}

@media(max-width:400px){
	.link_wrap ul li .item_wrap{flex-direction: column;}
	.link_wrap ul li .img_wrap{margin-bottom:20px;}
	.link_wrap ul li .tit{text-align:center;}
}