@charset "utf-8";


 @font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/* 기본 */
#wrap {}
#wrap > div {max-width:720px; margin:0 auto;}

/* main */
 
.form_wrap {background: url(/frame/wtotal/m/Img/mainbg.png) no-repeat top center; height: 4910px;}
.form_wrap .con {position:relative; width:720px; margin:0 auto;}
.form_wrap * {font-family: 'Noto Sans Korean', sans-serif;}


.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-size:19px; margin-right:18px;}
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 5px; width: 18px; height: 18px; background: #e83228; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
.checks input[type="radio"] + label.blabel {margin:0;}

.main_top .form_box {position:absolute;    left: 100px; top:147px;    text-align:left; }
.main_top .tbl_form {margin-top:0; vertical-align:top; width:100%;}
.main_top .tbl_form th, .main_top .tbl_form td {vertical-align:middle; padding:10px 0; color:#fff; text-align:left;}
.main_top .tbl_form th {font-weight:500; font-size:36px; padding-left:39px;}
.main_top .tbl_form td {padding:0 20px; padding-left:15px;}
.main_top .tbl_form td span.bar {position:relative; width:5px; height:1px; background:#000; display:inline-block; margin:0 2px; top:-2px;}
.main_top .ip_base {border-radius:0px;    border: 3px solid #000; height:75px; box-sizing:border-box; padding:0 7px; font-size:18px; width:180px; font-size:36px; width:100%; font-weight: 600;  background: #fff;}

/* .main_top select.tel1 {height:35px;border-radius:0px; border:1px solid #555; width:54px; font-size:12px;} */
.main_top .ip_base.ip_tel { width:54px;}
.main_top .form_box .t1 {padding:0 20px; font-size:14px; font-weight:300; color:#4a4a4a; line-height:1.4; position:relative; padding-left:30px; word-break: keep-all; display:inline-block; vertical-align: top; width:150px; color:#000; display:none;}
.main_top .form_box .t1:before {content:"※"; position:absolute; left:12px; top:0;}
.main_top .form_box .privacy { padding-right: 0px; text-align: center; color: #000; font-size: 30px; margin-top: 2px; margin-left: 14px;}
.main_top .form_box .privacy input {margin: 0; width: 43px; height: 43px; vertical-align: middle;}
.main_top .form_box .privacy a {margin-left:10px; font-weight:600; color:#000; display: inline-block; padding:2px;color:#000;}
.main_top .form_box .btn_sub {cursor: pointer; display: inline-block; margin: 0; padding: 0; background: none; border: none; outline: none; position: absolute; left: 0; top: 0; width: 659px; height: 88px;}
/*.form_box .btn_sub  img {width:180px; height:auto;}*/

.main_top .t_txt {position:absolute; left:128px; top:365px; width:514px; text-align:left;}
.main_top .t_txt > div { font-size:12px; color:#000; line-height:14px;}
.main_top .t_txt > div.t2 {font-size:18px; font-weight:500; margin-top:2px;}

.alert3 { position: absolute; right: 0; top: 0px; width: 310px; height: 60px; cursor: pointer;}
.main_top .tbl_form tr {    line-height: 1.5;
}

 span .tel1 {font-size: 30px !important; padding:13px 0; font-weight: 600; margin-top:1px;}

.alert {position: absolute;    right: 23px;
    top: 3110px;
    width: 140px;
    height: 1110px; cursor: pointer;
}
.main_top .tbl_form tr {    line-height: 1.5;}
 

.main_top .form_box1 {left: 45px; top: 686px; width: 594px;}
.main_top .form_box1 .tbl_form td {padding:6px 3px;}
.main_top .form_box1 .privacy label {color:#fff;}
.main_top .form_box1 .privacy a {color:#fff;}
.main_top .form_box1 .btn_sub {top: 334px; left: -16px;}


.main_top .form_box2 {left:83px; top:3299px;}
.main_top .form_box2 .ip_base {width:442px;}
.main_top .form_box2 .btn_sub {margin-left:-2px; margin-top:5px;}
.main_top .form_box2 .privacy {font-size:24px;}

	/* 슬라이더 */



.real_insu_wrap {position: absolute; left: 31px; top: 1320px; z-index: 20; width: 650px;}
.real_insu_wrap h3{padding:0 0 5px 10px; font-size:16px; color:#164f94}
/*.insu_list_area{background:#5d6072}*/
.insu_list_area .rolling{padding:5px;  width:630px;}
.insu_list_area .rolling li{width:100%;color:#000; text-align:center; padding:6px 0; line-height:52px; font-size:0; vertical-align:middle;}
.insu_list_area .rolling li span {vertical-align: top;}
.days{display:inline-block; width:25%; padding:0 10px; font-size:22px;  display:none;}
.name_new{display:inline-block; width:20%;  font-size:26px;}
.sex{display:inline-block; width:45%;  font-size:26px;  }
.age{display:inline-block; width:35%; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display:inline-block; font-style:normal; background:#00a9ef; border-radius:0; line-height:45px; padding:0 15px; color:#fff; font-size:26px; vertical-align: top; padding:0; width:150px; 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;}

.real_insu_wrap2 {top: 472px; left: 25px; width:669px;}

		/*성별 :: 버튼형*/
.Sex_Btn label .Txt{}
.Sex_Btn input[type=radio].Rdio + label.Rdio_Txt{height:40px; padding:4px 0 !important; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff; border:3px solid #000;}

	/*성별 :: 버튼형*/
.Sex_Btn{width:244px; padding:0px; font-size:0; /*display:inline-block; margin-bottom:-2px;*/}
.Sex_Btn label{text-align:center; cursor:pointer;}
.Sex_Btn label .Txt{margin-top:7px; display:inline-block; color:#000; font-size:28px;}
.Sex_Btn label.Selected .Txt{display:inline-block; color:#000;}
.Sex_Btn input[type=radio].Rdio{position:absolute; overflow:hidden; clip:rect(0px, 0px, 0px, 0px); height:0px; width:0px; padding:0; border:0;}
.Sex_Btn span {width:50%; font-size:0; display:inline-block; vertical-align: top;}
.Sex_Btn input[type=radio].Rdio + label.Rdio_Txt{width:100%; float:left; padding:6px 0px 7px; display:inline-block;*display:inline; zoom:1; background:#fff; vertical-align:middle; height:55px;}
.Sex_Btn .Rdio_M label.Selected {background:#ffe900 !important;}
.Sex_Btn .Rdio_F label.Selected {background:#ffe900 !important;}


/* footer */
#footer {position:relative; background:#002a44; padding-top: 30px;}
#footer .f-top {width: 350px; height: 35px; background: url('./f-logo.png') no-repeat; margin-left: 20px; position: relative;}
#footer .f-cont {margin-top: 30px;}
#footer .f-cont ul {overflow: hidden;}
#footer .f-cont ul li {color: #bbb; padding-bottom: 10px; float: left; margin-left: 25px;}
#footer .f-cont ul li:last-child {padding-top: 10px; padding-bottom: 20px;}
.footer-bg img {display: block;}

 input::-webkit-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: 400; color:#000; }
#clock {position: absolute; top: 22px; left: 552px; font-size: 19px; display:none;}

select {
width: 200px;
padding: .3em .5em;
font-family: inherit;
background: url('/frame/wtotal/m/Img/arrow.png') no-repeat 95% 50% #fff !important;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand {
    display: none;
}