@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{overflow-y: visible !important;font-family:"Noto Sans KR", sans-serif;}
html{scroll-behavior: smooth;}

.formbox0318 { width:960px; margin:0 auto; background-color:#fff; padding:40px 120px; text-align:center; }
.formbox0318 .red { color:#ee0000;}
.formbox0318 .form_table {  }
.formbox0318 .form_table .inner { width:860px; margin:0 auto; }

.formbox0318 .form_table .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; padding:40px 100px; }
.formbox0318 .form_table .formGroup { text-align:center; }

.formbox0318 .form_table { width:100%; border-collapse:collapse; font-size:1em; border-top:1px solid #d7d7d7; }
.formbox0318 .form_table tbody tr { border-bottom:1px solid #d7d7d7; }
.formbox0318 .form_table tbody th { padding:12px 12px 12px 80px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px; font-weight:600;  letter-spacing:-2px; }
.formbox0318 .form_table tbody td { padding:12px 80px 12px 12px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px; }

.formbox0318 .form_table .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; }

.formbox0318 .form_table label { float:left; padding:10px 0; width:40%; }
.formbox0318 .form_table .input_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; }
.formbox0318 .form_table .sel_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; vertical-align:middle;}
.formbox0318 .form_table .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; }

.formbox0318 .submit_box { width:100%; padding-top:10px; margin-bottom:10px;  }
.formbox0318 .submit_box .btn01 { width:48%; text-align:center; font-weight:600; font-size:32px;letter-spacing:-2px; cursor:pointer; background:none; border:0;  }
.formbox0318 .submit_box .btn01 img{ width:100%;}

/* bp3 ani */

@keyframes rotate{
	0%{-webkit-transform: rotateY(0deg);}
	25%{-webkit-transform: rotateY(180deg);}
	50%{-webkit-transform: rotateY(360deg);}
	100%{-webkit-transform: rotateY(360deg);}
}

#hp_pc_wrap .ani_bp3.active2 .bp3_1{animation: rotate 3s ease-in 1s infinite}

#hp_pc_wrap .ani_bp3 .bp3_1{position:absolute; left:840px; top:308px; width:242px; z-index:5;}
#hp_pc_wrap .ani_bp3 {position:relative; max-width: 1920px; margin: 0 auto;}

/* bp2 ani */

@keyframes scale{
	0%{-webkit-transform: scale(2.2); opacity:0;}
	100%{-webkit-transform: scale(1); opacity:1;}
}

#hp_pc_wrap .ani_bp2.active2 .bp2_1{animation: scale 0.3s 1.5s forwards;}
#hp_pc_wrap .ani_bp2.active2 .bp2_2{animation: scale 0.3s 2s forwards;}
#hp_pc_wrap .ani_bp2.active2 .bp2_3{animation: scale 0.3s 2.5s forwards;}

#hp_pc_wrap .ani_bp2 .bp2_1{position:absolute; left:460px; top:937px; width:253px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani_bp2 .bp2_2{position:absolute; left:893px; top:926px; width:159px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani_bp2 .bp2_3{position:absolute; left:1305px; top:926px; width:157px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani_bp2 {position:relative; max-width: 1920px; margin: 0 auto;}


/* main ani */
@keyframes anitxt1{
	0%{margin-top:-81px;opacity:0;}
	4.16%{margin-top:-81px;opacity:0;}
	7.66%{margin-top:0;opacity:1;}
	21.6%{margin-top:0;opacity:1;}
	46.6%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@keyframes anitxt2{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	10%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	11.3%{-webkit-transform: scale(1); opacity:1; margin-top: 0;}
	16.6%{-webkit-transform: scale(1); opacity:1;}
	46.6%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@keyframes anitxt3{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	14.1%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	15.5%{-webkit-transform: scale(1); opacity:1; margin-top: 0;}
	20.8%{-webkit-transform: scale(1); opacity:1;}
	46.6%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@keyframes anitxt4{
	0%{opacity:0; margin-top: 30px;}
	16.6%{opacity:0; margin-top: 30px;}
	21.6%{opacity:1; margin-top: 0;}
	46.6%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@keyframes anitxt5{
	0%{margin-top:-81px;opacity:0;}
	50%{margin-top:-81px;opacity:0;}
	54.16%{margin-top:-81px;opacity:0;}
	57.66%{margin-top:0;opacity:1;}
	71.6%{margin-top:0;opacity:1;}
	96.6%{opacity:1;}
	100%{opacity:0;}
}
@keyframes anitxt6{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	50%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	60%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	61.3%{-webkit-transform: scale(1); opacity:1; margin-top: 0;}
	66.6%{-webkit-transform: scale(1); opacity:1;}
	96.6%{opacity:1;}
	100%{opacity:0;}
}
@keyframes anitxt7{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	50%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	64.1%{-webkit-transform: scale(2.2); opacity:0; margin-top: -10px;}
	65.5%{-webkit-transform: scale(1); opacity:1; margin-top: 0;}
	70.8%{-webkit-transform: scale(1); opacity:1;}
	96.6%{opacity:1;}
	100%{opacity:0;}
}
@keyframes anitxt8{
	0%{opacity:0; margin-top: 30px;}
	50%{opacity:0; margin-top: 30px;}
	66.6%{opacity:0; margin-top: 30px;}
	71.6%{opacity:1; margin-top: 0;}
	96.6%{opacity:1;}
	100%{opacity:0;}
}

#hp_pc_wrap .main .f1{animation: anitxt1 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f2{animation: anitxt2 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f3{animation: anitxt3 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f4{animation: anitxt4 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f5{animation: anitxt5 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f6{animation: anitxt6 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f7{animation: anitxt7 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .f8{animation: anitxt8 12s ease-in 0.1s infinite; animation-fill-mode:forwards;}

/* main */
#hp_pc_wrap .main {position:relative; max-width: 1920px; margin: 0 auto;}
#hp_pc_wrap .main .f1{position:absolute; left:944px; top:317px; width:585px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f2{position:absolute; left:866px; top:452px; width:405px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f3{position:absolute; left:1298px; top:452px; width:309px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f4{position:absolute; left:865px; top:603px; width:741px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f5{position:absolute; left:944px; top:317px; width:585px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f6{position:absolute; left:866px; top:452px; width:405px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f7{position:absolute; left:1298px; top:452px; width:309px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .f8{position:absolute; left:865px; top:603px; width:741px; z-index:5;  opacity:0;}


/* popup */
#fixed_popup{display:none;position:absolute;left:50px;top:50px;width:500px;z-index:99;}
#fixed_popup .img1 img{width:500px;}
#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;}

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

/* sns슬라이드 */
.img_slider3{position:relative;left:0;top:0;}
.img_slider3 .slider3{position:absolute;left:50%;top:526px;margin-left:-546px;width:1120px;}
.img_slider3 .slider3 ul{height:631px;}
.img_slider3 .slider3 ul li{position:relative;left:0;top:0;height:100%;}
.img_slider3 .bx-wrapper .bx-prev{left:-81px;background:url("../images/pc/arrow1.png") no-repeat center center;}
.img_slider3 .bx-wrapper .bx-next{right:-55px;background:url("../images/pc/arrow2.png") no-repeat center center;}
.img_slider3 .bx-wrapper .bx-pager{bottom:-36px;}
.img_slider3 .bx-wrapper .bx-pager.bx-default-pager a{background:#cdcdcd;}
.img_slider3 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#444444;}
.img_slider3 .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: none;}

/* 스크롤배너 */
.scroll_banner { position:absolute; top:230px; right:30px; z-index:1000; text-align:center; }
.scroll_banner .close { position:absolute; top:0; right:0; color:#fff; line-height:20px; font-weight:600; font-size:0.8em; text-align:center; cursor: pointer; display: inline-block; }

@media screen and (max-width:1400px)  {
#hp_pc_wrap > .scroll_banner {display:none;}
}

/* 고정스크롤배너 */
#fixed_banner{position:fixed;right:14px;top:2%;z-index:100;}
#fixed_banner .img1,
#fixed_banner .close{visibility: visible!important;animation-fill-mode: both!important;-webkit-animation-fill-mode: both!important;}
#fixed_banner .close{position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:15px; color:#fff; line-height:30px; font-weight:600; font-size:0.8em; text-align:center; cursor: pointer; display: inline-block; }

@media screen and (max-width:1400px)  {
#hp_pc_wrap > #fixed_banner {display:none;}
}
/* 메인 */
/* .main {position: relative; overflow: hidden;}
.main1 {position:relative; z-index:5; text-align:center;}
.main2 {position:absolute; top:0; text-align:center; width: 100%;}

.main1 {animation:fadeinout 12s 0.5s infinite; animation-fill-mode:forwards;}
@keyframes fadeinout{
	0%{opacity:1;}
	40%{opacity:1;}
	50%{opacity:0;}
	90%{opacity:0;}
	100%{opacity:1;}
} */

/*  */
#hp_pc_wrap{width:100%; min-width:1200px; overflow:hidden;}
#hp_pc_wrap .contbox{position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }
#hp_pc_wrap .contbox img{min-width:800px; }

/*form bg */
#hp_pc_wrap .contbox3{position:relative;left:0;top:0;}
#hp_pc_wrap .contbox3 .cont2{margin-bottom:25px;}
#hp_pc_wrap .contbox3 .cont3{position:relative;left:0;top:0;margin:0 auto;}

/* realtime */
#hp_pc_wrap .realtime .cont{overflow:hidden;position:relative;top:128px;width:980px;height:242px;background:#fff;border:solid 1px #b2aeaf;z-index:5; margin:0 auto;}
#hp_pc_wrap .realtime .cont ul{position:absolute;left:0;top:0;width:100%;color:#333;}
#hp_pc_wrap .realtime .cont li{padding-left:10%;height:40px;line-height:39px;border-bottom:solid 1px #cccccc;}
#hp_pc_wrap .realtime .cont li:after{content:"";clear:both;display:block;}
#hp_pc_wrap .realtime .cont li > div{float:left;font-size:19px;font-weight:500;text-align:center;}
#hp_pc_wrap .realtime .cont li .date{width:25%;font-weight:300;}
#hp_pc_wrap .realtime .cont li .name{width:18%;}
#hp_pc_wrap .realtime .cont li .tel{width:25%;}
#hp_pc_wrap .realtime .cont li .btn{width:32%;}
#hp_pc_wrap .realtime .cont li .btn .complete{display:inline-block;padding:0 10px;height:26px;line-height:24px;background:#c90000;border-radius:5px;font-size:17px;font-weight:500;color:#fff;text-align:center;}

	/* form */
#hp_pc_wrap .formbox0318{z-index:10; position:absolute; top:377px; left:0; right:0;}
#hp_pc_wrap .formbox{position:relative;left:0;top:0;margin:0 auto;width:980px;text-align:left;}
#hp_pc_wrap .formbox .formboxc{margin:0 auto;padding:30px 275px 25px 100px;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_pc_wrap .formbox .formboxc .inputbox{width:584px;}
#hp_pc_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_pc_wrap .formbox .formboxc .inputbox dt,
#hp_pc_wrap .formbox .formboxc .inputbox dd{height:43px;line-height:42px;}
#hp_pc_wrap .formbox .formboxc .inputbox dt{position:absolute;left:0;top:0;font-weight:500;font-size:21px;}
#hp_pc_wrap .formbox .formboxc .inputbox dd{padding-left:107px;}
#hp_pc_wrap .formbox .formboxc .inputbox dd .frm_input_text,
#hp_pc_wrap .formbox .formboxc .inputbox dd textarea{background:#fff;border:solid 1px #d6d6d6;}
#hp_pc_wrap .formbox .formboxc .inputbox dd .frm_input_text{padding:0 10px;width:242px;height:42px;line-height:40px;}
#hp_pc_wrap .formbox .formboxc .inputbox dd textarea{padding:10px;height:70px;line-height:1.3;}
#hp_pc_wrap .formbox .formboxc .inputbox dl.dl_tel{float:left;width:439px;}
#hp_pc_wrap .formbox .formboxc .inputbox dl.dl_age{float:right;width:145px;}
#hp_pc_wrap .formbox .formboxc .inputbox dl.dl_age dd{padding-left:55px;}
#hp_pc_wrap .formbox .formboxc .inputbox dl.dl_age dd .frm_input_text{width:90px;}
#hp_pc_wrap .formbox .formboxc .inputbox dl.dl_content{clear:both;height:90px;border-bottom:none;}
#hp_pc_wrap .formbox .formboxc .privacy{text-align:center;}
#hp_pc_wrap .formbox .formboxc .privacy input,
#hp_pc_wrap .formbox .formboxc .privacy label,
#hp_pc_wrap .formbox .formboxc .privacy a{display:inline-block;vertical-align:middle;}
#hp_pc_wrap .formbox .formboxc .privacy input{margin:0;margin-right:5px;padding:0;width:15px;height:15px;background:#fff;border:solid 1px #dcdcdc;}
#hp_pc_wrap .formbox .formboxc .privacy label{margin-right:10px;font-size:14px;color:#444;}
#hp_pc_wrap .formbox .formboxc .privacy a{font-size:14px;}
#hp_pc_wrap .formbox .formboxc .btn_submit{position:absolute;right:30px;top:30px;z-index:5;}
#hp_pc_wrap .formbox .formboxc .btn_submit input{display:block;margin:0;padding:0;width:167px;height:210px;line-height:70px;background:url("../images/pc/btn.png") no-repeat;border:none;border-radius:0;text-indent:-1000em;background-size:cover;}