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

/*슬라이더*/
.bx-wrapper .bx-controls-direction a{ width: 50px; height: 80px; margin-top: -40px; }
.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; }

.box01{ padding: 3% 0; }
.box01 h2{ padding: 0 0 2% 0; text-align: center; }

@media (max-width:991px) {
	.box01 h2{ padding: 10px 0; }
	.box01 li{ padding-top: 10px; }
}

.box02{ padding:3% 0; background: #f7f7f7; }
.box02 table{ border-top: 3px solid #ff696b; }
.box02 td:nth-child(1){ width: 40%; padding: 10px 20px; vertical-align: top; line-height: 1.7em; color: #fff; background: #ff696b; }
.box02 td:nth-child(2){ width: 78%; }

.box02 td:nth-child(1) img{ width: auto; max-width: 100%; margin: 10px 0; }

@media (max-width:991px) {
	.box02 td:nth-child(1){ display: block; float: left; width: 100%; }
	.box02 td:nth-child(2){ display: block; float: left; width: 100%; }
}

.box03{ padding: 3% 0; }
.box03 .pd_b{ padding: 0 0 20px 0; }
.box03 img{ width: auto; max-width: 100%; }

.box03 ul{ margin: 0 -10px; }
.box03 ul li { float: left; width: 22%; padding: 0 10px; }
.box03 ul li:nth-child(1){ width: 34%; }
.box03 ul li > div{ height: 300px; padding: 20px; border: 1px solid #c5c5c5; 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 #ff696b; }
.box03 .board th, .box03 .board td{ padding:5px; text-align: center; border-bottom : 1px solid #eaeaea }
.box03 .board span{ vertical-align: middle; }
/* .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 .cus{ text-align: center; }
.box03 .cus p{ padding: 20px 0 80px 0; }

@media (max-width:991px) {
	.box03 ul li { width: 33.3%; padding-top: 20px; }
	.box03 ul li:nth-child(1){ width: 100%; padding-top: 0; }

	.box03 ul li > div{ height: auto; }
	.box03 .cus p{ padding: 0 0 20px 0; }
}

/*.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 dt{ float: left; padding: 5px 0; font-weight: 300; }
.box03 .time dt span{ display: block; width:80px; padding: 0; text-align: center; }
.box03 .time dd{ padding:10px 0; text-align: right; }
.box03 .time dd:last-child{ padding:0; }
.box03 .time h2{ padding:0.7em 0; font-size: 1.6em; font-weight: 700; text-align: center; }

.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 40px 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: 40px 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;}
}