@charset 'utf-8';

.main_bg{
      background: url(./mainbg_top.png) no-repeat top center;
      height: 1476px;
      overflow: hidden;
  }


 @media (min-aspect-ratio: 16/9){

    .main_bg{max-height: none; max-width: 100%;}

}

    .box_wrap{
      position: relative;
      width: 1120px;
      margin: 0 auto;
    }


	.logo img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 30px;
	}

    .header_ul {
      width: 198px;
      text-align: center;
      position: relative;
      top: -250px;
    }

    .header_ul li:before {
      content: "";
      width: 100px;
      height: 1px;
      display: inline-block;
      background: #d4d4d4;
      text-align: center;
      margin: 10px 0;      
    }

    .header_ul li {
      margin-top: 30px;
    }

    .rhombus{
      position: absolute;
      left: 180px;
      top: -200px;
      width: 36px;
      height: 36px;
      background: #fff;
      transform: rotateZ(45deg);
	  display:none;
    }
	
	.dash_bar ul {position: relative; left: 771px; top: 608.5px;}
	.dash_bar ul li{position: absolute;}

	.bohumsa ul {position: relative; left: 528px; top: 480px;}
	.bohumsa ul li {position: absolute; }
	.bohumsa .bosa_2 {opacity:0;}
	.bo_seek {opacity: 1 !important;}
	.bo_hide {opacity: 0 !important;}

	.dash {width: 40px; height: 53px;}

  .dash{
    background-image: url(./b1.png);
	  animation-name: dash;
	  animation-duration:1s;
	  animation-iteration-count: infinite;
	  animation-direction:normal;
	  animation-fill-mode: none;
	  animation-delay: 0s;
	}

	@keyframes dash {
		  0% {
        background-image: url(./b1.png);
      }
		  20% {
        background-image: url(./b2.png);
        }    
		  40% {
        background-image: url(./b3.png);
        }
		  60% {
        background-image: url(./b4.png);
        }
		  80% {
        background-image: url(./b5.png);
        }        
	}	


.insu_selector {top: -176px; left: -825px; position: absolute;}
/* .insu_selector ul {}
.insu_selector ul li {float:left; width:111px; height: 45px; line-height: 45px; background: #fff; text-align: center; border-top: 1px solid #24292c; border-bottom: 1px solid #24292c; border-left:1px solid #24292c; box-sizing: border-box; font-size: 17px;} */
.insu_selector ul li:nth-child(8){border-right:1px solid #24292c;}

.sel {display: none;}
.insu_selector li{cursor:pointer; width: 198px; height: 52px; line-height: 52px; margin: 20px 0; text-align: center; font-size: 18px; color: #787878; position: relative; box-sizing: border-box; padding-left: 20px;}
.insu_selector ul {position: absolute; z-index: 11;}
.view_txt {text-align: center; position: relative;width: 1000px; left: 0px; top: 107px; margin: 0 auto;}
.view_txt {font-size: 65px;}
.view_txt h1 .insu_name1 {font-weight: 400; color:#fff; text-shadow: 0px 0px 10px #28292a; font-family:'NanumSquare'; letter-spacing: -0px;}
.view_txt h1 .insu_name2 {font-weight: 300; color: #fff; text-shadow: 0px 0px 10px #28292a; font-family:'NanumSquare'}
.view_txt h1 .insu_name4 {font-weight: bold; color:#fff; text-shadow: 0px 0px 10px #28292a; font-family:'NanumSquare'; margin-top: 15px; display: block;}
.view_txt h3 {font-size: 27px; color: #fff; text-shadow: 0px 0px 10px #28292a; line-height: 52px; font-family:'NanumSquare'; display: block; margin-top: 5px;}
.view_txt h3 span {font-weight: 900;}


.Selected {/*background: #ff8b00 !important;*/ color: #fff !important; font-weight:800; transition:1s;}
/* .Selected::after {content: ""; width: 37px; height: 37px; background-color: #ff8b00; display: block; position: relative; left: 180px; top: -45px; transform: rotate(45deg);}  */

.orange_box {cursor:pointer; left: 10px;width: 198px; height: 52px; background:#ff8b00; position: absolute; top: 20px; z-index: 10;  box-shadow: 3px 3px 11px 0px #828282;} 
.orange_box::after {
	content: "";
    width: 36px;
    height: 36px;
    background-color: #ff8b00;;
    display: block;
    position: relative;
    left: 180px;
    top: 8px;
	transform: rotate(45deg);
	cursor:pointer;
} 


.real_insu_wrap {position: absolute;left: 76px;top: 720px;z-index: 1;width: 290px;}
.real_insu_wrap h3{padding:0 0 5px 10px; font-size:16px; color:#164f94}
.insu_list_area .rolling{padding:5px;  width:230px;}
.insu_list_area .rolling li{width:100%;color:#fff; text-align:center; margin-bottom: 5px; line-height:18px; font-size:0; vertical-align:middle;}
.insu_list_area .rolling li span { vertical-align: middle; }
.days{display:inline-block; width:25%; padding:0 10px; font-size:22px;  display:none;}
.name_new{display:inline-block; width:10%;  font-size:15px;}
.sex{display:inline-block; width:54%;  font-size:15px;  }
.age{display:inline-block; width:30%; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display:inline-block; border:1px solid #fff; border-radius: 10px; font-style:normal; background:none; color:#fff; font-size:12px;  width:73px; text-align:center;}


.rolling {width: auto;  width:900px; height: 300px; position: relative;}

input.Ipt_Txt {width:100%;}
.sel_1 { width:50%; height:36px; width:100%; font-family:'NanumSquare',sans-serif; font-size:17px; text-indent:5px;}


.real_insu_wrap .bx-wrapper {background:none; box-shadow:none; border:none;}

.footer {z-index: 11; bottom: 0; width: 100%; line-height: 22px; color: #bebebe; text-align: left; background: #272727;}
.footer .wrap {overflow: hidden; font-size: 14px; width: 1000px; margin: 0 auto; }
.footer div {justify-content:space-between;}
.footer .wrap .footer_1 { float:left; display:block; margin: 19px 0; padding-top: 10px; width:650px;}
.footer .wrap .footer_1 p { margin-bottom:8px;}
.footer .wrap .footer_2  { display: block; text-align: right; margin: 16px 0; padding-top: 8px;}
.footer .wrap .footer_2 span { white-space:nowrap;}

/* 푸터 끝 */

.count-num { 
	width: 100%;
	height: 100px;
/*	background: rgba(0, 0, 0, 0.5);*/
	position: absolute;
	bottom: -1130px;
	left: 0;
	display: flex;
}
.count-num>div { 
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50px;
	text-align: right;
}

.count-num .num1 { 
	left: 265px;
}
.count-num .num2 { 
	left: 518px;
}
.count-num .num3 { 
	left: 771px;
}
.count-num>div>span { 
	right: 103px;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: -3px;
}
.count-num>div>span:nth-child(2) { 
	font-size: 25px;
	font-weight: bold;
	display: inline-block;
}

.slick-box {
	position: absolute;
	/* padding-top: 25px; */
	z-index: 9999;
	top: 6053px;
	left: 48%;
	transform: translateX(-50%);
}
.slick-slider { 
	width: 800px;
}
.slick-slider>div { 
	width: 900px;
}
.slick-slider img {
	width: 170px;
}

.alert3 {
	width: 175px;
	height: 37px;
	position:
	absolute;
	top: 7252px;
	right: 281px;
	cursor: pointer;
	background-image: url('./btn-compare.png');
}
.alert3:hover { 
	background: url('./btn-compare2.png');
}

.alert2 {
	position: absolute;
	top: 0;
	right: 67px;
	width: 258px;
}

.alert2>div {
	position: absolute;
	left: 41px;
	width: 258px;
	height: 69px;
	cursor: pointer;
	z-index: 666;
}
.alert2 .ab-top1 {top: 213px;}
.alert2 .ab-top2 {top: 883px;}
.alert2 .ab-top3 {top: 1520px;}
.alert2 .ab-top4 {top: 2129px;}
.alert2 .ab-top5 {top: 2718px;}
.alert2 .ab-top6 {top: 3390px;}
.alert2 .ab-top7 {top: 3856px;}
.alert2 .ab-top8 {top: 4675px;}
.alert2 .ab-top9 {top: 5384px;}

.btn_sub { 
	width: 306px; 
	height: 79px; 
	display: inline-block; 
	top: 142px; 
	left: -10px;
	background: url('./btn-bohum.png');
}
.btn_sub:hover { 
	background: url('./btn-bohum2.png');
}

.logo_a { 
	position: absolute;
	top: 10px;
	left: 50px;
	width: 280px;
	height: 55px;
	text-decoration: none;
	color: #ddd;
	text-align: right;
	font-family: 'NanumSquare';
}
.logo_a p { 
	display: block;
	margin-top: 3px;
	margin-right: 14px;
	font-size: 15px;
	font-weight: bold;
}

.bx-wrapper, .bx-viewport { 
	height: 150px !important; //provide height of slider 
}

.today-date { 
	color: #fff;
	position: absolute;
	right: 85px;
	top: 29px;
	font-size: 16px;
}
/* .today-date .date-text { 
	border-bottom: 1px solid #fff;
} */

.date-update { 
	background: #4664bd;
	display: block;
	padding: 3px 5px;
	font-size: 12px;
	float: right;
	margin-left: 5px;
	margin-top: -1px;
}

.alert-box { 
	width: 1000px;
	height: 400px;
	position: absolute;
	top: 1850px;
	left: 60px;
	display: flex;
	flex-wrap: wrap;
}
.alert-box>div { 
	width: 192px;
	height: 195px;
	margin-right: 10px;
	position: relative;
}
.alert-box>div:nth-child(5n) { 
	margin-right: 0;
}
.alert-box>div.alert-margin { 
	margin-top: 7px;
}
.alert-box>div .alert4 { 
	width: 133px;
	height: 31px;
	background: url('./btn-cal.png');
	cursor: pointer;
	position: absolute;
	bottom: 29px;
	left: 29px;
}
.alert-box>div .alert4:hover { 
	background: url('./btn-cal2.png');
}

input::placeholder { 
	color: #aaa;
}

#mask {  
	background: rgba(0, 0, 0, 0.8);
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}

.mask-a {  
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.cm-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	display: block;
}

.cm-popup .form-box {position: absolute;top: 155px;left: 48px;}
.cm-popup .form-all { font-size: 24px; height: 53px; }
.form-number-pop {width:200px; padding: 5px 8px; outline: none; border: 2px solid #222; background: #efefef;}
.cm-popup .form-set div span {color: #fff;width: 110px;line-height: 53px;}
.cm-popup .form-set div .form-text { width: 307px; background: #efefef;	}
.cm-popup .form-set div .form-number { width: 99px; background: #efefef; }
.cm-popup select { 
	padding: 0 10px 0 4px;
	background: url('arrow.png') no-repeat 100% 50% #efefef !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}
.cm-popup .privacy {color: #fff;font-size: 23px;margin-top: 12px;}
.cm-popup .privacy a {color: #fff;}
.cm-popup .btn_submit {top: 170px;left: -3px;width: 418px;height: 74px;background: none;}

.cm-popup .privacy #check-box2 { width: 23px; height: 23px; vertical-align: -5px; }

.popup-close {
	width: 20px;
	height: 20px;
	font-size: 30px;
	position: absolute;
	top: 16px;
	left: 984px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	z-index: 99999999;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main_top .form_box .privacy input { 
		width: 18px;
		height: 18px;
	}
}


.form-box {position: absolute;top: 454px;left: 85px;}
.form-all { height: 43px; font-weight: 800; font-size: 19px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 10px; }
.form-set div span { display: inline-block; width: 83px; line-height: 43px; font-weight: bold; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 208px; padding: 5px 8px; outline: none; border: 2px solid #222; border-radius: none; box-sizing: border-box;}
.form-set div .form-number { box-sizing: border-box; vertical-align: top; width: 66px; outline: none; border: 2px solid #222; border-radius: none; margin-right: 5px; padding: 5px 8px;}
.form-set div .form-number:last-child { margin-right: 0; width: 136px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

.form-set div select:focus { border: 2px solid #d00; }
.form-set div input:focus { border: 2px solid #d00; }

.privacy { text-align: center; font-size: 19px; font-family:NanumSquare, sans-serif; color: #fff; margin-top: 20px;}
.privacy #check-box { width: 19px; height: 20px; vertical-align: -4px;}
.privacy .agree-text { cursor: pointer; }
.privacy a { color: #fff; }

.btn_submit {position: absolute;top: 177px;left: -11px;width: 295px;height: 62px;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer;background: none;}


/* Select box */ 
.box_wrap select {
	padding: 0 10px 0 4px;
	background: url('arrow.png') no-repeat 100% 50% #fff !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* IE */ 
select::-ms-expand { display: none; }

/* IE10 
input::-ms-clear { display: none; }*/

/* placeholder */
input::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: 400; color:#aaa; }

.topImg { position:absolute; top:0; right: 47px;}
.today_txt{position: absolute;left: 200px;top: 28px;color: #fff;font-weight: bold;}

/* 한문철 이미지 삽입시 적용한 css */
.wrap_banner_hmc {
	background:url("./banner_hmc_driver.png") no-repeat top center; height: 290px;
	margin: 50px 0;
}

.hmc_btn a {
	position: absolute;
	width: 1000px;
	height: 290px;
	left: 50%;
	transform: translateX(-50%);
	top: 1957px;
}

.wrap_bottom {
	position: relative;
    margin: 0 auto;
	background:url("./mainbg_bottom.png") no-repeat top center; height: 6210px;
}

.btn_wrap{width: 1000px; margin: 0 auto; position: relative;}

.event_banner{position: relative; width: 1000px; margin: 0 auto;}
.mt_50{margin-top: 30px;}

#wrap > div.main_content > div > div > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family: none;}
.cm-popup #mobile2::placeholder { font-weight: 400; color:#aaa; font-size: 22px; font-weight: bold; }
#mobile2::placeholder { font-weight: 400; color:#aaa; font-size: 16px; font-weight: bold; }
body > div.cm-popup > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family: none;}
body > div.main_bg > div > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family: none;}

.cm-popup{transform: translate(-50%, -50%) scale(0.6);}