@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family:"Noto Sans KR", sans-serif;background:#333;}
html{scroll-behavior: smooth;}
/*  */
/*  */
#hp_mobile_wrap{overflow:hidden;position:relative;left:0;top:0;margin:0 auto;max-width:720px;background:#fff;}
#hp_mobile_wrap > .inner{margin:0 auto;z-index:10;}
#hp_mobile_wrap > .inner:after{content:"";clear:both;display:block;}
#hp_mobile_wrap img{max-width:100%;height:auto;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
	/* common */
#hp_mobile_wrap .contbox{position:relative;left:0;top:0;}
#hp_mobile_wrap .contbox img{max-width:100%;height:auto;}


/* review슬라이드 */
.img_slider2{position: relative; left:0; top:0;}
.img_slider2 .slider2{position: absolute; width: 100vw;}
.img_slider2 .bx-wrapper .bx-pager {bottom:43px;width:720px;}
.img_slider2 .bx-wrapper .bx-pager-item{vertical-align:middle;}
.img_slider2 .bx-wrapper .bx-pager.bx-default-pager a{background:#a7948b;width:11px;height:11px; margin: 0 8px;}
.img_slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#a7948b;width:16px;height:16px;}
.img_slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#ce8c18;}
.bx-controls-direction{display: none;}




.footer { display:block; width:100%; position:fixed; bottom:0%; z-index:998; max-width:720px;}
.footer_call {display:block; position:absolute; bottom:0%; left:229px; z-index:999; max-width:311px;}



	/* 3 */
/* #hp_mobile_wrap .contbox3 .cont2{padding-bottom:70px;background:#f8f8f8;} */
/* #hp_mobile_wrap .contbox3 .cont2{background-image:url(../images/mobile/form2_2.jpg); height: 441px;} */
#hp_mobile_wrap .contbox3 .cont2{background: linear-gradient(to top, #2c211b, #100702);}
#hp_mobile_wrap .contbox3 .cont22{background: linear-gradient(to top, #2c211b, #efefef);}
/* realtime */
.realtime{position:relative;left:0;top:0;margin:0 auto;}
.realtime .bg{}
.realtime .cont{overflow:hidden;position:absolute;left:50%;top:115px;margin-left:-332px;width:664px;height:242px;background:#fff;border:solid 1px #b2aeaf;z-index:5;}
.realtime .cont ul{position:absolute;left:0;top:0;width:100%;}
.realtime .cont li{height:40px;line-height:39px;border-bottom:solid 1px #cccccc;}
.realtime .cont li:after{content:"";clear:both;display:block;}
.realtime .cont li > div{float:left;font-size:19px;font-weight:500;text-align:center;}
.realtime .cont li .date{width:33%;font-weight:300;}
.realtime .cont li .name{width:10%;}
.realtime .cont li .tel{width:32%;}
.realtime .cont li .btn{width:20%;}
.realtime .cont li .btn .complete{display:inline-block;padding:0 10px;height:26px;line-height:24px;background:#c47d2d;border-radius:5px;font-size:17px;font-weight:500;color:#fff;text-align:center;}

/* 입력폼 */
#hp_mobile_wrap .formbox{padding-bottom: 50px;}
#hp_mobile_wrap .formbox .formboxc{margin:0 auto;}
#hp_mobile_wrap .formbox .formboxc .inputbox{margin:0 auto;padding:40px;width:664px;background:#fff;-webkit-box-shadow:5px 5px 6px rgba(0, 0, 0, .2);-moz-box-shadow:5px 5px 6px rgba(0, 0, 0, .2);box-shadow:5px 5px 6px rgba(0, 0, 0, .2);}
#hp_mobile_wrap .formbox .formboxc .inputbox dl{position:relative;left:0;top:0;margin-bottom:4px;padding-bottom:9px;border-bottom:solid 1px #d7d7d7;white-space:nowrap;}
#hp_mobile_wrap .formbox .formboxc .inputbox dt,
#hp_mobile_wrap .formbox .formboxc .inputbox dd{line-height:42px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dt{position:absolute;left:0;top:0;font-weight:500;font-size:21px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dd{padding-left:107px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dd .frm_input_text,
#hp_mobile_wrap .formbox .formboxc .inputbox dd textarea{background:#fff;border:solid 1px #d6d6d6;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#hp_mobile_wrap .formbox .formboxc .inputbox dd .frm_input_text{padding:0 10px;width:242px;height:42px;line-height:40px;font-size:inherit;}
#hp_mobile_wrap .formbox .formboxc .inputbox dd .frm_input_text2{background:#fff;border:solid 1px #d6d6d6;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none; padding:0 10px;width:242px;height:42px;line-height:40px;font-size:inherit;}
#hp_mobile_wrap .formbox .formboxc .inputbox dd textarea{padding:10px;height:70px;line-height:1.3;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_tel{float:left;width:439px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age{float:right;width:145px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age dd{padding-left:55px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age dd .frm_input_text{width:90px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_content{clear:both;height:90px;border-bottom:none;}
#hp_mobile_wrap .formbox .formboxc .privacy{text-align:center; margin-bottom: 28px;}
#hp_mobile_wrap .formbox .formboxc .privacy input,
#hp_mobile_wrap .formbox .formboxc .privacy label,
#hp_mobile_wrap .formbox .formboxc .privacy a{display:inline-block;vertical-align:middle;}
#hp_mobile_wrap .formbox .formboxc .privacy input{margin:0;margin-right:5px;padding:0;width:15px;height:15px;background:#fff;border:solid 1px #dcdcdc;}
#hp_mobile_wrap .formbox .formboxc .privacy label{margin-right:10px;font-size:14px;color:#444;}
#hp_mobile_wrap .formbox .formboxc .privacy a{font-size:14px;}
#hp_mobile_wrap .formbox .formboxc .btn_submit,
#hp_mobile_wrap .formbox .formboxc .btn_submit2{position:relative;left:0;top:0;z-index:5;}
#hp_mobile_wrap .formbox .formboxc .btn_submit input{display:block;margin:0 auto;padding:0;width:515px;height:113px;line-height:70px;background:url("../images/mobile/btn.png") no-repeat;border:none;border-radius:0;text-indent:-1000em;}
#hp_mobile_wrap .formbox .formboxc .btn_submit2 input{display:block;margin:0 auto;padding:0;width:515px;height:113px;line-height:70px;background:url("../images/mobile/btn_p11.png") no-repeat;border:none;border-radius:0;text-indent:-1000em;}

#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1{margin-bottom:20px;padding-bottom:5px;border-bottom:dashed 1px #c5c5c5;margin-top:-10px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dt{position:relative;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd{padding-left:0;height:auto;font-size:20px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd ul:after{content:"";clear:both;display:block;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li{float:left;position:relative;left:0;top:0;margin-left:40px;margin-bottom:10px;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li:after{content:"";clear:both;display:block;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li:first-child{margin-left:0;}
#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li input[type="checkbox"]{margin:0;margin-right:5px;padding:0;width:17px;height:17px;}


.footer { display:block; width:100%; position:fixed; bottom:0%; z-index:998; max-width:720px;}
.footer_call {display:block; position:absolute; bottom:0%; left:229px; z-index:999; max-width:311px;}


/* popup */
#fixed_popup{display:none;position:absolute;left:50%;top:160px;margin-left:-186px;width:373px;height:500px;z-index:99;}
#fixed_popup .img1{}
#fixed_popup .img1 img{width:100%;height:auto;}
#fixed_popup .btn_close{position:absolute;left:100%;top:0;}
#fixed_popup .btn_close a{overflow:hidden;display:block;position:relative;left:0;top:0;width:50px;height:50px;background:#fff;text-indent:-1000em;}
#fixed_popup .btn_close a:before,
#fixed_popup .btn_close a:after{content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-24px;width:2px;height:50px;background:#333;}
#fixed_popup .btn_close a:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#fixed_popup .btn_close a:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#fixed_popup .btn_today_close{position:relative;left:0;top:0;padding:10px;}
#fixed_popup .btn_today_close:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;}
#fixed_popup .btn_today_close > .inner{position:relative;left:0;top:0;color:#fff;z-index:5;}
.active#fixed_popup{display:block;}


/* ----------------------------------------------------------------------------------------------------------------
-- 720 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:720px){
  .img_slider2 .bx-wrapper .bx-pager {bottom:5.972vw; width:100%;}
  .img_slider2 .bx-wrapper .bx-pager.bx-default-pager a{width:1.5277777777777777vw;height:1.5277777777777777vw;margin: 0 1.1111111111111112vw;}
	.img_slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{width:2.2222222222222223vw;height:2.2222222222222223vw;}

  .footer_call {left:31.805555555555554vw; width:36.11111111111111vw;}
	/* realtime */
	.realtime .cont{top:15.97222222vw;margin-left:-41.94444444vw;width:83.88888889vw;height:33.61111111vw;}
	.realtime .cont li{height:5.555555556vw;line-height:5.416666667vw;}
	.realtime .cont li > div{font-size:2.638888889vw;}
	.realtime .cont li .btn .complete{padding:0 1.388888889vw;height:3.611111111vw;line-height:3.333333333vw;border-radius:0.694444444vw;font-size:2.361111111vw;}
  /* 입력폼 */
	#hp_mobile_wrap .formbox .formboxc .inputbox{padding:5.555555556vw;width:92.22222222vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl{margin-bottom:0.55555555555vw;padding-bottom:1.25vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dd{padding-left:14.86111111vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dd .frm_input_text{padding:0 1.388888889vw;width:33.61111111vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dd textarea{padding:1.388888889vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_tel{width:60.97222222vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age{width:20.13888889vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age dd{padding-left:7.638888888888888vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age dd .frm_input_text{width:12.5vw;}
  #hp_mobile_wrap .formbox .formboxc .privacy{ margin-bottom: 3.8889vw;}
	#hp_mobile_wrap .formbox .formboxc .privacy input{margin-right:0.694444444vw;width:2.083333333vw;height:2.083333333vw;}
	#hp_mobile_wrap .formbox .formboxc .privacy label{margin-right:1.388888889vw;font-size:2.1vw;}
	#hp_mobile_wrap .formbox .formboxc .privacy a{font-size:12px;}
	#hp_mobile_wrap .formbox .formboxc .btn_submit input,
  #hp_mobile_wrap .formbox .formboxc .btn_submit2 input{width:71.52777778vw;height:15.694444444444445vw;line-height:9.722222222vw;background-size:100% auto;}
  #hp_mobile_wrap .formbox .formboxc .inputbox dt{font-size:3.5vw;}
  #hp_mobile_wrap .formbox .formboxc .inputbox dl.check1{margin-bottom:2.7778vw;padding-bottom:0.6944vw;border-bottom:dashed 0.1389vw #c5c5c5;margin-top:-1.3889vw;}
  #hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li:first-child{margin-left:6vw;}
  #hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dt{margin-bottom:2.5vw;letter-spacing:-0.028vw;font-size:4.5vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li{margin-left:10vw; margin-top:-1vw; font-size:5vw; font-weight:300;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd li input[type="checkbox"]{margin-right:1.2vw; width:3.5vw;height:3.5vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.name,
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.age,
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.content{width:100%;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.name{margin-top:5vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.content{margin-bottom:4.167vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dt,
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd{line-height:6.944vw;}
  #hp_mobile_wrap .formbox .formboxc .inputbox dl.check1 dd{margin-bottom:1.3889vw;}

  }


  /* ----------------------------------------------------------------------------------------------------------------
  -- 640 --------------------------------------------------------------------------------------------------------- */
  @media all and (max-width:640px){
  	/* popup */
  	#fixed_popup{top:15vw;margin-left:-40vw;width:80vw;height:auto;}
  	#fixed_popup .btn_close a{width:8vw;height:8vw;}
  	#fixed_popup .btn_close a:before,
  	#fixed_popup .btn_close a:after{margin-top:-3.8vw;margin-left:-0.3vw;width:1vw;height:8vw;}
  	#fixed_popup .btn_today_close{padding:1vw;font-size:3vw;}

  }


/* ----------------------------------------------------------------------------------------------------------------
-- 520 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:520px){
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_tel,
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age{clear:both;float:none;width:auto;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dl.dl_age dd{padding-left:14.86111111vw;}
	#hp_mobile_wrap .formbox .formboxc .inputbox dd .frm_input_text{width:100% !important;}
}