@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{overflow-y: visible !important;font-family:"Noto Sans KR", sans-serif;background:#333;}
/*  */
	/*  */
@keyframes fadein1{
	0%{margin-top:-50px;opacity:0;}
	100%{margin-top:0;opacity:1;}
}
	/*  */
@keyframes fadein2{
	0%{margin-top:50px;opacity:0;}
	100%{margin-top:0;opacity:1;}
}


/* 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;}



#hp_pc_wrap .contbox7 .cont1.active .txt1,
#hp_pc_wrap .contbox7 .cont2.active .txt1{animation:fadein1 1.5s 1;animation-fill-mode:forwards;}
#hp_pc_wrap .contbox7 .cont1.active .txt2,
#hp_pc_wrap .contbox7 .cont2.active .txt2{animation:fadein2 1.5s .3s 1;animation-fill-mode:forwards;}
/*  */
#hp_pc_wrap{overflow:hidden;position:relative;left:0;top:0;margin:0 auto;min-width:1100px;max-width:1920px;background:#fff;}
#hp_pc_wrap > .inner{width:100vw;z-index:10;}
#hp_pc_wrap > .inner:after{content:"";clear:both;display:block;}
	/* common */
#hp_pc_wrap .contbox{position:relative;left:0;top:0;text-align:center;}
#hp_pc_wrap .contbox img{max-width:100%;height:auto;}
	/* 1 */
#hp_pc_wrap .contbox1{}
	/* 3 */
#hp_pc_wrap .contbox3{padding-bottom:94px;background:#f8f8f8;}
#hp_pc_wrap .contbox3 .cont1{}
#hp_pc_wrap .contbox3 .cont1 .txt1{padding:121px 0 0;text-align:center;}
#hp_pc_wrap .contbox3 .cont2{margin-bottom:30px;}
#hp_pc_wrap .contbox3 .cont3{position:relative;left:0;top:0;margin:0 auto;width:983px;}
	/* 7 */
#hp_pc_wrap .contbox7{}
#hp_pc_wrap .contbox7 .cont1{position:relative;left:0;top:0;}
#hp_pc_wrap .contbox7 .cont1 .txt1{position:absolute;left:50%;top:126px;margin-left:-314px;width:628px;opacity:0;z-index:5;}
#hp_pc_wrap .contbox7 .cont1 .txt2{position:absolute;left:50%;top:342px;margin-left:-642px;width:1284px;opacity:0;z-index:5;}
#hp_pc_wrap .contbox7 .cont2{position:relative;left:0;top:0;}
#hp_pc_wrap .contbox7 .cont2 .txt1{position:absolute;left:50%;top:150px;margin-left:-317px;width:633px;opacity:0;z-index:5;}
#hp_pc_wrap .contbox7 .cont2 .txt2{position:absolute;left:50%;top:279px;margin-left:-577px;width:1153px;opacity:0;z-index:5;}
	/* realtime */
#hp_pc_wrap .realtime{position:relative;left:0;top:0;margin:0 auto;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 .realtime .bg{}
#hp_pc_wrap .realtime .cont{overflow:hidden;position:absolute;left:50%;top:85px;margin-left:-425px;width:850px;height:242px;background:#fff;border:solid 1px #b2aeaf;z-index:5;}
#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:#c42d2d;border-radius:5px;font-size:17px;font-weight:500;color:#fff;text-align:center;}
	/* form */
#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 120px;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/cocomedi_03_btn.png") no-repeat;border:none;border-radius:0;text-indent:-1000em;}
/* quick */
#quick{position:absolute;right:70px;top:200px;z-index:10;}
#quick .btn_close{overflow:hidden;position:absolute;right:0;top:0;width:30px;height:30px;background:#333;border-radius:100%;text-indent:-1000em;z-index:10;}
#quick .btn_close:after,
#quick .btn_close:before{content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-1px;width:14px;height:3px;background:#fff;}
#quick .btn_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#quick .btn_close:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
/* ----------------------------------------------------------------------------------------------------------------
-- 1920 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:1920px){
	/*  */
		/*  */
	@keyframes fadein1{
		0%{margin-top:-2.604166667vw;opacity:0;}
		100%{margin-top:0;opacity:1;}
	}
		/*  */
	@keyframes fadein2{
		0%{margin-top:2.604166667vw;opacity:0;}
		100%{margin-top:0;opacity:1;}
	}
		/* 7 */
	#hp_pc_wrap .contbox7 .cont1 .txt1{top:6.5625vw;margin-left:-16.35416667vw;width:32.70833333vw;}
	#hp_pc_wrap .contbox7 .cont1 .txt2{top:17.8125vw;margin-left:-33.4375vw;width:66.875vw;}
	#hp_pc_wrap .contbox7 .cont2 .txt1{top:7.8125vw;margin-left:-16.51041667vw;width:32.96875vw;}
	#hp_pc_wrap .contbox7 .cont2 .txt2{top:14.53125vw;margin-left:-30.05208333vw;width:60.05208333vw;}
}