@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:76%; text-align:center; font-weight:600; font-size:32px;letter-spacing:-2px; cursor:pointer; background-color:#fe5e8e; color:#fff; border:0; padding:15px 0; }



/* lc_15 ani */

@keyframes fadeinfilter {
  0% {opacity: 0;}
  50% {opacity: 1; filter: drop-shadow(0 0 2px #df4373);filter: drop-shadow(0 0 5px #df4373);filter: drop-shadow(0 0 15px #df4373);}
	100% {opacity: 1;}
}

#hp_pc_wrap .ani15.active2 .ani15_a{animation: fadeinfilter 5s 0.1s forwards;}

#hp_pc_wrap .ani15 .ani15_a{position:absolute; left:506px; top:256px; width:906px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani15 {position:relative; max-width: 1920px; margin: 0 auto;}



/* lc_12 ani */

@keyframes a12ani{
	0%{opacity:0; transform: translate(-130px, 427px);}
	100%{opacity:1; transform: translate(0, 0);}
}
@keyframes b12ani{
	0%{opacity:0; margin-left: -482px;}
	100%{opacity:1; margin-left: 0;}
}
@keyframes c12ani{
	0%{opacity:0; transform: translate(375px, 269px);}
	100%{opacity:1; transform: translate(0, 0);}
}
@keyframes d12ani{
	0%{opacity:0; transform: translate(-133px, -427px);}
	100%{opacity:1; transform: translate(0, 0);}
}
@keyframes e12ani{
	0%{opacity:0; transform: translate(370px, -269px);}
	100%{opacity:1; transform: translate(0, 0);}
}

#hp_pc_wrap .ani12.active2 .ani12_a{animation: a12ani 1s 0.1s forwards;}
#hp_pc_wrap .ani12.active2 .ani12_b{animation: b12ani 1.2s 0.1s forwards;}
#hp_pc_wrap .ani12.active2 .ani12_d{animation: d12ani 1.4s 0.1s forwards;}
#hp_pc_wrap .ani12.active2 .ani12_e{animation: e12ani 1.6s 0.1s forwards;}
#hp_pc_wrap .ani12.active2 .ani12_c{animation: c12ani 1.8s 0.1s forwards;}


#hp_pc_wrap .ani12 .ani12_a{position:absolute; left:551px; top:401px; width:344px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani12 .ani12_b{position:absolute; left:1033px; top:401px; width:343px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani12 .ani12_c{position:absolute; left:421px; top:828px; width:344px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani12 .ani12_d{position:absolute; left:1166px; top:828px; width:344px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani12 .ani12_e{position:absolute; left:796px; top:1097px; width:343px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani12 {position:relative; max-width: 1920px; margin: 0 auto;}



/* lc_08 ani */

#hp_pc_wrap .ani8.active2 .ani8_a{animation: scale 0.3s 0.1s forwards;}

#hp_pc_wrap .ani8 .ani8_a{position:absolute; left:738px; top:92px; width:446px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani8 {position:relative; max-width: 1920px; margin: 0 auto;}


/* lc_09 ani */

@keyframes scale2{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-left: -150px;}
	100%{-webkit-transform: scale(1); opacity:1; margin-left: 0;}
}
@keyframes scale3{
	0%{-webkit-transform: scale(2.2); opacity:0; margin-left: 150px;}
	100%{-webkit-transform: scale(1); opacity:1; margin-left: 0;}
}

#hp_pc_wrap .ani9.active2 .ani9_a{animation: scale2 0.3s 0.1s forwards;}
#hp_pc_wrap .ani9.active2 .ani9_b{animation: scale3 0.3s 0.7s forwards;}

#hp_pc_wrap .ani9 .ani9_a{position:absolute; left:618px; top:181px; width:320px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani9 .ani9_b{position:absolute; left:968px; top:180px; width:324px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani9 {position:relative; max-width: 1920px; margin: 0 auto;}



/* lc_04 ani */

@keyframes scale{
	0%{-webkit-transform: scale(2.2); opacity:0;}
	100%{-webkit-transform: scale(1); opacity:1;}
}
@keyframes onoff {
  0% {opacity: 0;}
  45% {opacity: 0;}
  50% {opacity: 1;}
  95% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadein3 {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

#hp_pc_wrap .ani4.active2 .ani4_a{animation: fadein3 3s 1 forwards;}
#hp_pc_wrap .ani4.active2 .ani4_b{animation: fadein1 0.5s 1.2s 1 forwards;}
#hp_pc_wrap .ani4.active2 .ani4_c{animation: scale 0.3s 2.6s forwards;}

#hp_pc_wrap .ani4 .ani4_a{position:absolute; left:551px; top:234px; width:819px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani4 .ani4_b{position:absolute; left:959px; top:487px; width:3px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani4 .ani4_c{position:absolute; left:798px; top:931px; width:324px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani4 {position:relative; max-width: 1920px; margin: 0 auto;}


/* lc_10 ani */

@keyframes fadein1 {
    0% {margin-top: -30px; opacity: 0;}
    100% {margin-top: 0; opacity: 1;}
}

@keyframes fadein2 {
    0% {margin-top: 30px; opacity: 0;}
    100% {margin-top: 0; opacity: 1;}
}

#hp_pc_wrap .ani10.active2 .ani10_a{animation: fadein1 1s 1 forwards;}
#hp_pc_wrap .ani10.active2 .ani10_b{animation: fadein2 1s .3s 1 forwards;}

#hp_pc_wrap .ani10 {position:relative; max-width: 1920px; margin: 0 auto;}
#hp_pc_wrap .ani10 .ani10_a{position:absolute; left:471px; top:110px; width:980px; z-index:5;  opacity:0;}
#hp_pc_wrap .ani10 .ani10_b{position:absolute; left:261px; top:257px; width:1397px; z-index:5;  opacity:0;}



/* lc_07 balloon ani */

@keyframes bnani {
    0% {-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0;}
    95% {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1;}
    100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}

#hp_pc_wrap .balloon.active2 .b1{animation: bnani 0.4s ease-in 0.5s forwards;}
#hp_pc_wrap .balloon.active2 .b2{animation: bnani 0.4s ease-in 0.8s forwards;}
#hp_pc_wrap .balloon.active2 .b3{animation: bnani 0.4s ease-in 1.1s forwards;}
#hp_pc_wrap .balloon.active2 .b4{animation: bnani 0.4s ease-in 1.7s forwards;}
#hp_pc_wrap .balloon.active2 .b5{animation: bnani 0.4s ease-in 2s forwards;}
#hp_pc_wrap .balloon.active2 .b6{animation: bnani 0.4s ease-in 2.3s forwards;}
#hp_pc_wrap .balloon.active2 .b7{animation: bnani 0.4s ease-in 2.6s forwards;}

#hp_pc_wrap .balloon {position:relative; max-width: 1920px; margin: 0 auto;}
#hp_pc_wrap .balloon .b1{position:absolute; left:270px; top:79px; width:377px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b2{position:absolute; left:407px; top:205px; width:378px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b3{position:absolute; left:196px; top:336px; width:539px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b4{position:absolute; left:1212px; top:98px; width:441px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b5{position:absolute; left:1127px; top:203px; width:144px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b6{position:absolute; left:1221px; top:303px; width:526px; z-index:5;  opacity:0;}
#hp_pc_wrap .balloon .b7{position:absolute; left:1153px; top:413px; width:392px; z-index:5;  opacity:0;}




/* lc_06 check ani */
@keyframes draw {
    to {stroke-dashoffset: 0; opacity: 1;}
}

.check.active2 .animated-check1 {animation: draw 0.2s linear 0.1s forwards;}
.check.active2 .animated-check2 {animation: draw 0.2s linear 0.7s forwards;}
.check.active2 .animated-check3 {animation: draw 0.2s linear 1.3s forwards;}
.check.active2 .animated-check4 {animation: draw 0.2s linear 1.9s forwards;}
.check.active2 .animated-check5 {animation: draw 0.2s linear 2.5s forwards;}
.check.active2 .animated-check6 {animation: draw 0.2s linear 3.1s forwards;}
.check.active2 .animated-check7 {animation: draw 0.2s linear 3.7s forwards;}
.check.active2 .animated-check8 {animation: draw 0.2s linear 4.3s forwards;}

.check {position:relative; max-width:1920px; margin: 0 auto;}
.animated-check1 {position:absolute; left:383px; top:398px; width:53px; z-index:5;}
.animated-check2 {position:absolute; left:383px; top:464px; width:53px; z-index:5; opacity:0;}
.animated-check3 {position:absolute; left:383px; top:530px; width:53px; z-index:5; opacity:0;}
.animated-check4 {position:absolute; left:383px; top:595px; width:53px; z-index:5; opacity:0;}
.animated-check5 {position:absolute; left:972px; top:398px; width:53px; z-index:5; opacity:0;}
.animated-check6 {position:absolute; left:972px; top:464px; width:53px; z-index:5; opacity:0;}
.animated-check7 {position:absolute; left:972px; top:530px; width:53px; z-index:5; opacity:0;}
.animated-check8 {position:absolute; left:972px; top:595px; width:53px; z-index:5; opacity:0;}

.animated-check1, .animated-check2, .animated-check3, .animated-check4, .animated-check5, .animated-check6, .animated-check7, .animated-check8 {
    fill: none;
    stroke: #f25686;
    stroke-width: 4;
    stroke-dasharray: 23;
    stroke-dashoffset: 23;
    stroke-linecap: round;
    stroke-linejoin: round
}


/* 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 .a1{animation: anitxt1 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .a2{animation: anitxt2 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .a3{animation: anitxt3 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .a4{animation: anitxt4 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .b1{animation: anitxt5 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .b2{animation: anitxt6 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .b3{animation: anitxt7 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}
#hp_pc_wrap .main .b4{animation: anitxt8 12s ease-in 0.5s infinite; animation-fill-mode:forwards;}

/* main */
#hp_pc_wrap .main {position:relative; max-width: 1920px; margin: 0 auto;}
#hp_pc_wrap .main .a1{position:absolute; left:315px; top:283px; width:556px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .a2{position:absolute; left:226px; top:394px; width:393px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .a3{position:absolute; left:650px; top:405px; width:305px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .a4{position:absolute; left:343px; top:594px; width:497px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .b1{position:absolute; left:267px; top:283px; width:650px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .b2{position:absolute; left:343px; top:395px; width:291px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .b3{position:absolute; left:656px; top:405px; width:172px; z-index:5;  opacity:0;}
#hp_pc_wrap .main .b4{position:absolute; left:382px; top:592px; width:419px; 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:#fc5e7f;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:323px; 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;}