@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/wcancer/m/Img/mainbg.png) no-repeat top center; height: 4356px;}
.form_wrap .con {position:relative; width:720px; margin:0 auto;}
.form_wrap * {font-family: 'Noto Sans Korean', sans-serif;}

.blank {position: absolute; left: 0; top: 1681px; background: url(/frame/wcancer/m/Img/blank.png) no-repeat #fff center center; width: 720px; height: 100px; background-size: 75% auto; }
.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: 60px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-size:30px; margin-right:18px;}
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 40px; height: 40px; text-align: center; background: #fafafa; border: 2px solid #000; 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: #000; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute;    top: 9px; left: 10px; width: 25px; height: 25px; background: #e83228; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


.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: 0 0; color: #fff; text-align: left;}
.main_top .tbl_form th {font-weight: 400; font-size: 34px; padding-left: 37px;}
.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:80px; box-sizing:border-box; padding:0 7px; width:180px; font-size:37px; 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: 34px; margin-top: 2px; margin-left: 14px;}
.main_top .form_box .privacy input {margin: 0; width: 30px; height: 30px; vertical-align: middle;}
.main_top .form_box .privacy a {margin-left:10px; font-weight:600; color:#000; display: inline-block; padding:2px;   text-decoration: underline;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: 605px; height: 126px;}
/*.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;}


.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;     left: 21px;
    top: 2823px;
    width: 681px;
    height: 1070px; cursor: pointer;}
.alert2 {position: absolute;     left: 0px;
    top: 524px;
    width: 720px;
    height: 212px;
    cursor: pointer;}

.main_top .tbl_form tr {    line-height: 1.5;}
 

.main_top .form_box1 {left: 22px; top: 819px; width: 646px;}
.main_top .form_box1 .tbl_form td {padding:5px 3px;}
.main_top .form_box1 .privacy label {color:#fff;}
.main_top .form_box1 .privacy a {color:#fff;}
.main_top .form_box1 .btn_sub {top: 350px; left: 36px;}


.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: 44px; top: 1452px; z-index: 20; width: 640px;}
.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-top:6px; border-bottom:1px solid #eee; 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:#ff0000; border-radius:5px; 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;}


.insu_list_area .rolling2{padding:5px;  width:630px;}
.insu_list_area .rolling2 li{width:100%;color:#fff; text-align:right; padding-top:8px; line-height:35px; font-size:0; vertical-align:middle;}
.insu_list_area .rolling2 li span {vertical-align: top; margin-left: 20px;}
.rolling2 .name_new{display:inline-block; width:10%;  font-size:19px; display:none;}
.rolling2 .age{width:20%; font-size:19px;}
.rolling2 .age i {display: inline-block; font-style: normal; background: #ff0000; border-radius: 5px; line-height: 34px; padding: 0 15px; color: #fff; font-size: 19px; vertical-align: top; padding: 0; width: 90px; text-align: center;} 
.rolling2 .sex{width:70%; font-size:22px; margin-top: -2px; margin-right: -15px;}
.rolling {width: auto;  width:900px; height: 300px; position: relative;}

.real_insu_wrap2 {top: 9px; left: 200px; width: 490px;}

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

#clock {position: absolute; top: 16px; left: 509px; font-size: 24px; display:none;}
 


/* footer */
#footer {position:relative; background:#00477d; overflow: hidden; padding-top: 20px;}
#footer .f-logo {width: 247px; height: 43px; background: url('./f-logo.png') no-repeat; background-size: contain; margin-left: 35px; margin-top: 20px; position: relative;}
#footer .f-logo a {position: absolute; bottom: -20px; left: 5px; width: 247px; text-align: left; font-size: 15px;}
#footer .cont {width: 400px; margin-left: 35px; color: #ddd; font-size: 14px;}
#footer .cont ul li {padding-top: 5px;}
#footer .cont ul li:last-child {padding-top: 15px; padding-bottom: 20px;}
#footer>div {float: left;}
#footer>div:nth-child(2) {float: right;}
.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; }

select {
width: 200px;
padding: .3em .5em;
font-family: inherit;
background: url('/frame/wcancer/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;
}