@charset "UTF-8";
/*.main{ background: #f5f5f3; }*/

/*슬라이더*/
.bx-wrapper .bx-controls-direction a{ width: 50px; height: 50px; margin-top: -25px; }
.bx-wrapper .bx-prev{ background: url(../../img/00_main/prev.png) no-repeat 0 0; }
.bx-wrapper .bx-next{ background: url(../../img/00_main/next.png) no-repeat 0 0; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 0 0; }

@media (min-width: 1200px){
	.box01 .container, .box03 .container{ width: 100%; max-width: 1500px; }
	.mob_map{ display: none; }
}

.box01{ padding: 3% 0; }
.box01 h1{ padding: 0 0 2% 0; text-align: center; font-weight: 700; color: #bdbdbd; }
.box01 li{ padding-bottom: 20px; }

.box02{ padding:0 0 3% 0; }
.box02 div{ padding: 5%; text-align: center; background: url(../../img/00_main/box02_img01.png); background-size: cover; }
.box02 img{ width: 20%; max-width: 100%; }

.box03{ padding: 3% 0; background: #f4f4f4; }
.box03 .pd_b{ padding: 0 0 20px 0; }

.box03 ul li > div{ height: 300px; padding: 20px; background: #fff; }
.box03 .board h3{ position: relative; margin:0 0 10px 0; padding: 0 0 15px 0; line-height: 1em; border-bottom: 2px solid #eaeaea; }
.box03 .board h3:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 30%; border-bottom: 2px solid #ad9364; }
.box03 .board i{ float: right; vertical-align: middle; }
.box03 .board td{ padding: 5px 0 0 0; }
.box03 .board td:nth-child(2){ font-size: 12px; text-align: right; vertical-align: middle; color: #929292; }
.box03 .subject{display: inline-block; width: 100%; vertical-align: middle; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.box03 .advice h2{ padding: 30px 0 0 0; }
.box03 .advice p{ padding: 30px 0; text-align: center; }
.box03 .advice img{ width: auto; max-width: 100%; }

.box03 .tark > div{ color: #3b1e1e; background: url('../../img/00_main/box03_img02.png') 95% 50% no-repeat, #f9e000; }
.box03 .tark h4{ padding: 20px 0 0 0; line-height: 1.3em; font-weight: 700; }
.box03 .tark p{ padding: 90px 0 0 20px; font-size: 1.1em; font-weight: 700; }
.box03 .tark h1{ padding: 0 0 0 10px; font-size: 2em; font-weight: 700; }

.box03 .time h3{ padding: 0 0 10px 0; }
.box03 .time dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 10px 0; }
.box03 .time dt span{ display: block; padding: 0 5px; text-align: center; }
.box03 .time dd { margin-left: auto; }
.box03 .time h2{ padding:0.7em 0; font-size: 1.6em; font-weight: 700; text-align: center; }
@media (max-width:991px) {
	.box03 .time dt { width: 100px; }
	.box03 .time dd { width: calc(100% - 100px); text-align: right; }
}

.box03 .call h3{ position: relative; padding: 35px 0 30px 0; line-height: 1.5em; font-size: 1.7em; color: #d1b381; }
.box03 .call h3:before{ content: ""; position: absolute; bottom:0; right: -20px; width: 90%; border-bottom: 2px solid #d1b381; }
.box03 .call h2{ padding: 40px 0 0 0; font-size: 1.5em; }
.box03 .call i{ display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; vertical-align: middle; background: #f4f4f4; }

.box03 .address{ text-align: center; }
.box03 .address p{ padding: 0 0 30px 0; }
.box03 .address .kakao{ position: relative; display: inline-block; padding: 0 0 0 120px; font-size: 1.5em; line-height: 1.5em; color: #3b1e1e; }
.box03 .address .kakao i{ position: absolute; top: -15px; left: 0; font-size: 4em; }
.box03 .address .kakao b{ display: block; }
.box03 .address ul{ padding: 25px 0 0 0; }
.box03 .address ul a{ display: block; padding: 15px 0; border-radius: 10px; }

.box03 .map{ height: 260px; background: #000; }

@media (max-width:1400px) {
	.box03 .tark > div{ background-size: 30%; }
	.box03 .time h2{ font-size: 1.6em; }
	.box03 .call h2{ font-size: 1.3em; }
}

@media (max-width:1199px) {
	.box03 .pd_b{ padding: 0; }
	.box03 > div > ul > li{ padding-bottom: 20px; overflow: hidden; }
	.web_map{ display: none; }
}

@media (max-width:991px) {
	.box03 ul li > div{ height: auto; }
	
}
@media (max-width:767px) {
	.box03 .time dt span{ line-height: 2em; }
}


/*팝업창*/
.pc_popup{ font-size:12px; z-index: 20 !important; }
.pc_popup input{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin:0; padding:0; }
.pc_popup label{ display: inline-block; vertical-align: middle; margin:0; padding:0; }
.pc_popup .close{ font-size:1em; margin-left:5px; font-weight: 500; text-shadow:none;opacity: 1; display: inline-block; vertical-align: middle; height: 27px; }
.pc_popup p{ margin:0; padding:0; }
.pc_popup .modal-content{ border:0; border-radius: 0; box-shadow:none; -webkit-box-shadow:none; }
.pc_popup .modal-footer{ border:0; padding: 5px 10px; }
.mobile_popup{display:none;}

@media (max-width: 767px){
	.pc_popup {display:none;}
	.mobile_popup{ display:block; z-index: 20 !important;}
	.mobile_popup { top:49px; left:0; right:0; display:block; font-size:12px; }
	.mobile_popup .vertical-alignment-helper{ max-width:320px; margin:0 auto; }
	.mobile_popup p{ margin:0; padding:0; }
	.mobile_popup p img{ width: 100% !important; height: auto !important; }
	.mobile_popup .modal-content{ border:0; box-shadow:none; -webkit-box-shadow:none; }
	.mobile_popup .modal-footer{ border:0; background: #fff; }
	.mobile_popup input{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin:0; padding:0; }
	.mobile_popup label{ display: inline-block; vertical-align: middle; font-weight:300; font-family: "Nanum", sans-serif; margin:0; padding:0; }
	.mobile_popup .close{ font-family: "Nanum", sans-serif; font-size:1em; margin-left:5px; font-weight: 500; text-shadow:none;opacity: 1; display: inline-block; vertical-align: middle; height: 20px;}
}