@charset "utf-8";

/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}

fieldset,
img {
	border: 0 none
}

dl,
ul,
ol,
menu,
li {
	list-style: none;
	font-size: 10px;
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

input,
select,
textarea,
button {
	vertical-align: middle
}

input::-ms-clear {
	display: none
}

textarea {
	resize: vertical
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}

th,
td {
	color: inherit
}

a {
	color: inherit;
	text-decoration: none
}

a:hover,
a:focus,
a:active,
a:visited {
	text-decoration: none
}

address,
caption,
cite,
code,
dfn,
em,
var,
i {
	font-style: normal;
	font-weight: inherit
}

header,
footer,
menu,
nav,
aside,
main,
section,
article {
	display: block;
	margin: 0;
	padding: 0
}

img {
	max-width: 100%;
	vertical-align: middle
}

table {
	width: 100%;
	border-collapse: collapse;
	border: none
}

button,
input,
select,
textarea {
	font-size: inherit;
	font-family: 'Noto Sans CJ KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
	line-height: inherit;
	color: inherit
}

input[type="password"] {
	font-family: 'Noto Sans CJ KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif
}

/* common */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

body {
	position: relative;
	direction: ltr;
	line-height: 1.3;
	font-family: 'Noto Sans CJ KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
	font-weight: 500;
	color: #363636;
	letter-spacing: -0.055em;
	word-break: keep-all;
	background: #fff;
}

.blind {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999em;
}

.accNav:focus {
	display: block;
	top: 0;
	left: 50%;
	width: 100px;
	height: auto;
	margin: 0 0 0 -50px;
	padding: 3px 0;
	text-align: center;
	font-size: 11px;
	text-indent: 0;
	color: #fff;
	background-color: #333;
	z-index: 999
}

.clear:after {
	content: "";
	clear: both;
	display: block;
}

.outline_1 {
	max-width: 100%;
	padding-bottom: 20px;
	text-align: center;
	background-color: #F1EFE2;
}

.outline_2 {
	max-width: 91.715%;
	margin: 0 auto;
	padding: 0 15px;
	background-color: white;
}

.ess {
	color: #007F41;
}

#wrap .container {
	position: unset;
	width: unset;
	margin: 0 auto;
	text-align: center;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #F3F3F3;
	z-index: 9999;
}

header .top {
	position: relative;
	border-bottom: 1px solid #e1ebf0;
}

header a {
	display: block;
}

header h1 {
	float: left;
	width: 130px;
}

header h1 a {
	height: 40px;
	background: url('/rs/2101_cancer/img/logo.png') 50% 50%/contain no-repeat;
}

header .top .tel {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 137px;
	height: 40px;
	margin-top: -20px;
	background: url('/rs/2101_cancer/img/top_tel.png') 50% 50%/contain no-repeat;
}

.content .mainbanner {
	max-width: 100%;
	background-color: #F1EFE2;
	text-align: center;
}

.content .mainbanner img {
	max-width: 95%;
	border: none;
	padding-top: 25px;
	text-align: center;
}

.content .inq {
	padding: 12px 10px;
}

.content .inq h3 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
}

.content .inq h3 span {
	font-weight: 700;
}

.content .formBox {
	margin-bottom: 12px;
	font-weight: 400;
}

.content .formBox .formGroup {
	margin-bottom: 6px;
}

.content .formBox .input {
	width: 100%;
	height: 64px;
	padding: 12px;
	border: none;
	color: #ababab;
	font-size: 16px;
}

.content .formBox .input::placeholder {
	color: #ddd;
}

.content .formBox .err {
	border: 1px solid #c32424;
}

.content .formBox .err,
.content .formBox .formGroup3 .input.err,
.content .formBox .formGroup3 .input.err:first-of-type {
	border: 1px solid #c32424;
}

.content .formBox ::placeholder {
	color: #8b8a8a;
	opacity: 1;
}

.content .formBox :-ms-input-placeholder {
	color: #8b8a8a;
}

.content .formBox ::-ms-input-placeholder {
	color: #8b8a8a;
}

.content .formBox .formGroup1 {
	position: relative;
	padding-right: 86px;
}

.content .formBox .gender {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.content .formBox label {
	display: block;
	float: left;
	width: 70px;
	height: 100%;
	text-align: center;
	color: #ccc;
	line-height: 63px;
	cursor: pointer;
	font-size: 16px;
	padding-left: 10px;
}

.content .formBox input[type="radio"] {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	opacity: 0;
}

input[class="genderbox"]+label {
	background: url(/rs/2101_cancer/img/chk_off.gif) no-repeat 0 18px;
}

input[class="genderbox"]:checked+label {
	background: url(/rs/2101_cancer/img/chk_on.gif) no-repeat 0 18px;
}

.content .formBox .formGroup3 .input {
	display: block;
	float: left;
	width: calc(33% - 6px);
	margin-left: 6px;
}

.content .formBox .formGroup3 .input:first-of-type {
	width: 33%;
	margin-left: 0;
}

.content .agreeBox {
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #8b8a8a;
}

.content .agreeBox label {
	display: inline-block;
	position: relative;
	margin: 0 8px;
	padding: 2px 0 2px 15px;
	color: #6b6b6b;
	cursor: pointer;
}

.content .agreeBox label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #000 url('/rs/2101_cancer/img/checkbox.png') 50% 50% / 9px no-repeat;
	opacity: 0.5;
}

.content .agreeBox input[type="checkbox"] {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	opacity: 0;
}

.content .agreeBox input[type="checkbox"]:checked+label:before {
	opacity: 1;
}

.content .agreeBox .err+label {
	color: #c32424;
}

.content .inq .btns .btn {
	display: inline-block;
	width: 49%;
	margin: auto;
	padding: 18px 0;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background-color: #01bc78;
	font-weight: bold;
	border-radius: 10px;
}

.content .inq .btns .btn2 {
	display: inline-block;
	width: 49%;
	margin: auto;
	padding: 18px 0;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background-color: #ff8911;
	font-weight: bold;
	border-radius: 10px;
}

.content .inq .btns br {
	display: none;
}

.content .inq .rst .inbox {
	text-align: center;
	padding: 25px;
}

.content .inq .rst p {
	margin-top: 36px;
	padding: 55px 0px;
	font-size: 25px;
	line-height: 35px;
	border-top: 1px solid #e5f5ee;
}

.content .inq .rst p strong {
	font-weight: 800;
}

.content .inq .rst p strong.cal_name {
	color: #00854a;
	font-size: 30px;
}

.content .inq .rst p strong.fee {
	color: #ff8911;
	font-size: 30px;
	font-family: sans-serif;
}


.content .info_1 {
	max-width: 100%;
	background-color: #fff;
	text-align: center;
}

.content .info_1 img {
	max-width: 95%;
	border: none;
	text-align: center;
}

.content .info_2 {
	max-width: 100%;
	background-color: #EDEDF7;
	text-align: center;
}

.content .info_2 img {
	max-width: 95%;
	border: none;
	text-align: center;
}

.content .event_1 {
	max-width: 100%;
	background-color: #3744E4;
	text-align: center;
}

.content .event_1 img {
	max-width: 95%;
	border: none;
	text-align: center;
}

.content .event_2 {
	max-width: 100%;
	background-color: #007F41;
	text-align: center;
}

.content .event_2 img {
	max-width: 95%;
	border: none;
	text-align: center;
}

.content .event_3 {
	max-width: 100%;
	background-color: #33B59B;
	text-align: center;
}

.content .event_3 img {
	max-width: 95%;
	border: none;
	text-align: center;
}

footer {
	height: 170px;
	padding: 12px 0 15px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #8f8f8f;
	line-height: 1.5;
	background-color: #f4f4f4;
}

footer i {
	display: inline-block;
	margin: 0 2px;
	color: #e8e8e8;
}

footer span {
	display: inline-block;
	margin: 0 4px;
}

.container {
	position: fixed;
	bottom: 0;
}

.container .hideme {
	max-width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	opacity: 0;
	display: none;
}

.container .hideme img {
	width: 50%;
	height: 75px;
	float: left;
	border: none;
	display: block;
}

.container .up_btn {
	width: 100%;
	height: 10%;
	float: right;
	opacity: 0;
	padding-bottom: 10px;
}

.container .up_btn img {
	width: 10%;
	height: 10%;
	float: right;
}

/* 팝업 */
.popupWrap {
	z-index: 999;
}

.popupWrap .pop_contentWrap {
	padding: 0 10px;
}

.popupWrap .pop_contentWrap h3 {
	margin: 16px 0 7px;
	font-size: 18px;
}

.popupWrap .pop_contentWrap .pop_contentBox {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

.popupWrap .pop_contentWrap .btnAllAgree {
	font-weight: bold;
	color: #000;
}

.popupWrap .pop_contentWrap .btnAllAgree {
	position: relative;
}

.popupWrap .pop_contentWrap .btnAllAgree input {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.popupWrap .pop_contentWrap .btnAgree {
	padding: 10px;
}

.popupWrap .pop_contentWrap .btnAgree>div {
	display: inline-block;
	position: relative;
}

.popupWrap .pop_contentWrap .btnAgree>div.agreeBox02 {
	margin-left: 7px;
}

.popupWrap .pop_contentWrap .btnAgree>div input {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.popupWrap .pop_contentWrap .btnAgree>div label {
	position: relative;
	padding-left: 22px;
}

.popupWrap .pop_contentWrap .btnAgree>div label::before {
	position: absolute;
	left: 0;
	top: 2.5px;
	content: '';
	width: 18px;
	height: 18px;
	background: url('/rs/2101_cancer/img/check_2.png') no-repeat;
	background-size: 100%;
}

.popupWrap .pop_contentWrap .btnAgree>div input:checked~label::before {
	background: url('/rs/2101_cancer/img/check_1.png') no-repeat;
	background-size: 100%;
}

.popup_1 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	font-family: 'Noto Sans CJ KR';
	overflow: scroll;
}

.popup_1 .header {
	background-color: #007F41;
	width: 100%;
	height: 40px;
	margin-top: 40px;
}

.popup_1 .header h1 {
	position: absolute;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	width: 100%
}

.popup_1 .header .pop_close {
	position: relative;
	width: 100%;
	z-index: 999;
}

.popup_1 .header .close {
	width: 18px;
	height: 100%;
	padding-top: 9.5px;
	margin-right: 15px;
	float: right;
	outline: 0;
}

.popup_1 .pop_contentWrap .pop_content1 {
	padding: 15px 0;
	background-color: #fff;
	text-align: left;
	font-size: 12px;
	line-height: 17px;
}

.popup_1 .pop_contentWrap .pop_btn {
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	border: solid 2px #c5c5c5;
	font-weight: bold;
	font-size: 16px;
}

.popup_1 .pop_contentWrap .pop_btn img {
	width: 18px;
	height: 18px;
	margin-top: -2px;
}

.popup_1 .pop_contentWrap .pop_content2 {
	padding: 10px 8px;
	margin-bottom: 9px;
	background-color: #e0e0e0;
	font-weight: normal;
}

.popup_1 .pop_contentWrap .pop_content2 ul li {
	font-size: 12px;
	line-height: 17px;
}

.popup_1 .pop_contentWrap .pop_content2>ul>li {
	margin-bottom: 10px;
}

.popup_1 .pop_contentWrap .pop_content2>ul>li:last-child {
	margin-bottom: 0;
}

.popup_1 .pop_btns {
	margin-top: 30px;
}

.popup_1 .pop_btns .btn {
	width: 100%;
	height: 50px;
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background-color: #ff7925;
	font-weight: bold;
}

.popup_2 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	font-family: 'Noto Sans CJ KR';
	overflow: scroll;
}

.popup_2 .header {
	background-color: #007F41;
	width: 100%;
	height: 40px;
	margin-top: 40px;
}

.popup_2 .header h1 {
	position: absolute;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	width: 100%
}

.popup_2 .header .pop2_close {
	position: relative;
	width: 100%;
	z-index: 999;
}

.popup_2 .header .close {
	width: 18px;
	height: 100%;
	padding-top: 9.5px;
	margin-right: 15px;
	float: right;
	outline: 0;
}

.popup_2 .pop_contentWrap .pop2_content1 {
	padding: 15px 0;
	background-color: #fff;
	text-align: left;
	font-size: 12px;
	line-height: 17px;
}

.popup_2 .pop_contentWrap .pop2_btn {
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	border: solid 2px #c5c5c5;
	font-weight: bold;
	font-size: 16px;
}

.popup_2 .pop_contentWrap .pop2_btn .btn {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: left;
	color: #000;
}

.popup_2 .pop_contentWrap .pop2_btn img {
	width: 20px;
	height: 20px;
	margin-top: -2px;
}

.popup_2 .pop_contentWrap .pop2_content2 {
	padding: 10px 8px;
	margin-bottom: 9px;
	background-color: #e0e0e0;
	font-weight: normal;
}

.popup_2 .pop_contentWrap .pop2_content2 ul li {
	font-size: 12px;
	line-height: 17px;
}

.popup_2 .pop_contentWrap .pop2_content2>ul>li {
	margin-bottom: 10px;
}

.popup_2 .pop_contentWrap .pop2_content2>ul>li:last-child {
	margin-bottom: 0;
}

.popup_2 .pop2_btns {
	margin-top: 30px;
}

.popup_2 .pop2_btns .btn {
	width: 100%;
	height: 50px;
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background-color: #1ca77e;
	font-weight: bold;
}

.info {
	background-color: #fff;
	word-break: break-all;
}

.info .outline {
	padding: 0;
}

.info .tab {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.info .tab li {
	float: left;
	width: 25%;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
	color: #888;
}

.info .tab li a {
	display: block;
	padding: 6px 0;
	border-left: 1px solid #c0c0c0;
}

.info .tab li:first-of-type a {
	border-left: none;
}

.info .tab .active {
	color: #242424;
}

.info .innerTab {
	padding-top: 14px;
	text-align: center;
	border: none;
}

.info .innerTab li {
	position: relative;
	width: auto;
	padding: 0;
	font-size: 12px;
	font-weight: 300;
	color: #0f9185;
}

.info .innerTab .active:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-style: solid;
	border-width: 6px;
	border-color: transparent;
	border-top-color: #0d8f83;
}

.info .innerTab li:first-of-type a,
.info .innerTab li a {
	padding: 5px 15px;
	border-radius: 100px;
	border: 1px solid #a7d1cd;
}

.info .innerTab .active {
	color: #fff;
}

.info .innerTab .active:first-of-type a,
.info .innerTab .active a {
	border-color: #0d8f83;
	background-color: #0d8f83;
}

.info .innerTab span {
	margin: 0;
}

.info .innerTab2 li {
	float: left;
	width: 20%;
	font-size: 10px;
	color: #030002;
	white-space: nowrap;
	letter-spacing: -1px;
}

.info .innerTab2 .active:before {
	display: none;
}

.info .innerTab2 li:first-of-type a,
.info .innerTab2 li a {
	padding: 12px 0;
	border-radius: 0;
	border-color: #7f7f7f;
	border-right-width: 0;
}

.info .innerTab2 li:last-of-type a {
	border-right-width: 1px;
}

.info .innerTab2 .active {
	color: #077d6f;
}

.info .innerTab2 .active:first-of-type a,
.info .innerTab2 .active a {
	border-color: #7f7f7f;
	background-color: #f0f9f6;
}

.info .cont .toggle {
	display: none;
}

.info .cont .on {
	display: inherit;
}

#info2_2 .innerTab2 li,
#info3_2 .innerTab2 li {
	width: 25%;
}



.info h3 {
	font-size: 5.30vw;
	color: #00854a;
	font-weight: bold;
	padding: 0 5vw;
	margin-top: 6.666vw;
	line-height: 1
}

.info .weight {
	color: #ff3333
}

.info .terms-wrap {
	padding: 0 5vw;
}

.info .terms-wrap h4 {
	margin-top: 20px;
	margin-top: 6.666vw;
	font-size: 12px;
	font-size: 4vw;
	color: #067e50;
	font-weight: 700
}

.info .terms-wrap h4:before {
	content: '▣';
	display: inline-block;
	color: #333;
	margin-right: 5px;
}

.info .terms-wrap h4+h4 {
	margin-top: 1.666vw
}

.info .terms-wrap h5 {
	margin-top: 10px;
	font-size: 3.4vw;
	font-weight: 700;
	color: #333333;
}

.info .terms-wrap .terms-cont {
	margin-top: 4vw;
}

.info .terms-wrap .data-table {
	width: 100%;
	table-layout: fixed;
	margin-top: 5px;
	border-bottom: 1px solid #00b0a2;
}

.info .terms-wrap .data-table thead th {
	border-top: 1px solid #00b0a2;
	border-bottom: 1px solid #00b0a2;
	border-left: 1px solid #00b0a2;
}

.info .terms-wrap .data-table thead tr th:first-child {
	border-left: 0 none;
}

.info .terms-wrap .data-table th {
	background-color: #f0f9f5;
	padding: 2vw;
	color: #333333;
	font-weight: bold;
	font-size: 3VW
}

.info .terms-wrap .data-table td {
	padding: 2vw 1vw;
	color: #666666;
	font-size: 2.6vw;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: center;
}

.info .terms-wrap .data-table td.center {
	text-align: center;
}

.info .terms-wrap .data-table.center td {
	text-align: center;
	padding: 1vw 2vw;
}

.info .terms-wrap .data-table td.left {
	text-align: left;
}

.info .terms-wrap .data-table td.right {
	text-align: right;
}

.info .terms-wrap .data-table td span {
	display: inline-block;
	margin-top: 1vw;
}

.info .terms-wrap .data-table tbody th {
	border-top: 1px solid #ccc;
}

.info .terms-wrap .data-table tbody tr th.borderTopNone {
	border-top: none;
}

.info .terms-wrap .data-table tbody tr th {
	border-right: 1px solid #d9d9d9;
}

.info .terms-wrap .data-table tbody tr:first-child th:first-child {
	border-top: 0 none;
}

.info .terms-wrap .data-table tbody tr:first-child td {
	border-top: 0 none;
}

.info .terms-wrap .data-table tbody tr td:first-child {
	border-left: 0 none;
}

.info .terms-wrap .data-table tfoot th {
	border-top: 1px solid #00b0a2;
	border-left: 1px solid #00b0a2;
}

.info .terms-wrap .data-table tfoot tr th:first-child {
	border-left: 0 none;
}

.info .terms-wrap .data-table tfoot tr:first-child td {
	border-top: 1px solid #00b0a2;
}

.info .terms-wrap .data-table+.data-list {
	margin-top: 3vw;
}

.info .terms-wrap .data-table+.info-text {
	margin-top: 3vw;
}

.info .terms-wrap .data-list li {
	font-size: 3VW;
	margin-top: 1.5vw;
	font-weight: 700;
	color: #333333;
}

.info .terms-wrap .data-list li .highlight {
	font-weight: 800;
	text-decoration: underline;
}

.info .terms-wrap .data-table tbody tr td .data-list li {
	padding: 0;
	color: #666666;
	font-size: 2.6vw;
}

.info .terms-wrap .data-table tbody tr td .data-list.small li {
	padding: 0;
	color: #666666;
	font-size: 2.6vw;
	font-weight: normal;
}

.info .terms-wrap .data-table tbody tr td .data-list.small li p {
	color: #666666;
	font-size: 2.6vw;
	font-weight: normal;
}

.info .terms-wrap .data-table tbody tr th.btNon {
	border-top: none;
}

.info .terms-wrap .data-table tbody tr th.bbNon {
	border-bottom: none;
}

.info .terms-wrap .data-table tbody tr td.btNon {
	border-top: none;
}

.info .terms-wrap .data-table tbody tr td.bbNon {
	border-bottom: none;
}

.info .terms-wrap .data-list li.weight {
	color: #ff3333;
}

.info .data-list.small {
	margin-left: 5px;
}

.info .data-list.small li {
	position: relative;
}

.info .data-list.small li:before {
	content: '*';
	display: block;
	position: absolute;
	color: #333333;
	margin-left: -1.8vw;
	top: 0.5vw;
}

.info .data-list.small li.weight:before {
	content: '*';
	display: block;
	position: absolute;
	color: #ff3333;
	margin-left: -10px;
}

.info .data-table+.aside {
	padding-top: 5vw;
}

.info .aside {
	text-align: left;
}

.info .aside span {
	display: block;
	text-align: right;
}

.info .terms-wrap .data-table+.info-message {
	margin-top: 2vw
}

.info h5+p {
	margin-top: 5px;
	color: #333333;
}

.info p {
	font-size: 3VW;
	color: #333333;
	font-weight: 700
}

.info p em.chinese {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.info .data-list ul {
	margin-top: 2vw;
	margin-left: 10px;
}

.info .terms-wrap .data-list.none {
	margin-left: 0;
}

.info .terms-wrap .data-list.none li {
	margin-top: 0;
}

.info .terms-wrap .data-list.none li:before {
	content: '';
	display: none;
}

.info dl {
	margin-top: 2vw;
	margin-left: 10px;
}

.info dt,
.terms dd {
	font-size: 3VW;
	color: #333333;
	font-weight: 700
}

.info #info3 p {
	font-size: 4vw;
}

.info #info3 .aside {
	font-size: 3vw;
}

.info #info3 .info_btn {
	display: inline-block;
	margin-top: 30px;
	border: 1px solid #a0a0a0;
	border-radius: 16px;
	padding: 8px 16px;
	font-size: 13px;
}

.info #info3 .info_btn.on {
	background: #00854a;
	color: #fff;
}

.info #info3 .info_box_man {
	display: block;
}

.info #info3 .info_box_girl {
	display: none;
}


/* 4월 신규 운전자보험 */
.driver header {
	padding-left: 15px;
	background: #fff;
}

.driver header .top {
	border: none;
}

.driver header h1 {
	width: 95px;
}

.driver header h1 a {
	height: 42px;
	background: url('/rs/2101_cancer/img/logo.png') 50% 50%/contain no-repeat;
}

.driver header .tel {
	top: 0;
	width: 127px;
	height: 42px;
	margin-top: 0;
	background: url('/rs/2101_cancer/img/tel.png') 50% 50%/contain no-repeat;
	animation: infinite logoAni linear 2s;
}

@keyframes logoAni {
	0% {
		background: url('/rs/2101_cancer/img/tel.png') 50% 50%/contain no-repeat;
	}

	49% {
		background: url('/rs/2101_cancer/img/tel.png') 50% 50%/contain no-repeat;
	}

	50% {
		background: url('/rs/2101_cancer/img/tel_2.png') 50% 50%/contain no-repeat;
	}

	99% {
		background: url('/rs/2101_cancer/img/tel_2.png') 50% 50%/contain no-repeat;
	}

	100% {
		background: url('/rs/2101_cancer/img/tel.png') 50% 50%/contain no-repeat;
	}
}

.driver .mainbanner {
	position: relative;
	padding-top: 42px;
	background: #1ca77e;
}

.driver .mainbanner img {
	max-width: 100%;
	padding-top: 0px
}

.driver .info4 {
	font-size: 0;
}

.driver .outline_1 {
	position: relative;
	padding: 0 10px 40px;
	background: #00854a;
}

.driver .outline_1::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 41px;
	background: #00854a;
}

.driver .outline_1 .outline_2 {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 0;
}

.driver .inq {
	padding: 30px 0 0 0;
}

.driver .formBox {
	margin: 0 20px;
	margin-bottom: 18px;
	font-size: 14px;
}

.driver .formBox {}

.driver .formBox .formGroup {
	margin-bottom: 0;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.driver .formBox .formGroup1 {
	padding-right: 80px;
}

.driver .formBox label {}

.driver .inq .rst {
	color: #1a1a1a;
	font-weight: bold;
	line-height: 30px;
}

.driver .inq .rst p .fee {
	font-size: 27px;
	color: #ff7925;
}

.driver .inq .rst .feeText {
	display: block;
	font-weight: normal;
	font-size: 10px;
	color: #6b6b6b;
	line-height: 18px;
}

.driver .inq .btns {
	margin: 0 20px;
}

.driver .info .tab {
	border-top: 2px solid #c9c9c9;
	border-bottom: 2px solid #d4d4d4;
}

.driver .info .tab li {
	padding: 0;
	border-left: 2px solid #c9c9c9;
}

.driver .info .tab li:first-child {
	border-left: none;
}

.driver .info .tab li a {
	padding: 22px 0;
	border-left: none;
	color: #8a8a8a;
	font-size: 16px;
	font-weight: bold;
}

.driver .foot {
	height: auto;
	padding: 16px 0;
	margin-bottom: 59px;
}

.driver .container {
	width: 100%;
}

.driver .container .hideme img {
	height: 59px;
}

.driver .container .up_btn {
	padding-right: 11px;
	padding-bottom: 12px;
}

.driver .container .up_btn img {
	min-width: 44px;
	min-height: 44px;
}

.driver ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #999898;
	font-weight: normal;
}

.driver :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999898;
	opacity: 1;
	font-weight: normal;
}

.driver ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999898;
	opacity: 1;
	font-weight: normal;
}

.driver :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #999898;
	font-weight: normal;
}

/* 하단 내용 */
.infoTitle {
	padding: 5px 10px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 14px;
	color: rgba(0, 133, 74, 1);
}

.infoList {
	padding: 20px 10px;
}

.infoList .MT10 {
	margin-top: 10px;
}

.infoList .bold {
	font-weight: bold;
}

.infoList .red {
	color: red;
}

.infoList .black {
	color: #000 !important;
}

.infoList .link {
	color: rgba(0, 112, 192, 1);
	text-decoration: underline;
}

.infoList .left {
	text-align: left;
}

.infoList .right {
	padding-right: 7px !important;
	text-align: right;
}

.infoList br.br {
	display: none;
}

.infoList .bbGray {
	border-bottom: 1px solid #dcdddd !important;
}

.infoList .bbn {
	border-bottom: none !important;
}

.infoList>li {
	padding-bottom: 7px;
	color: #666;
}

.infoList li {
	font-size: 11px;
}

.infoList>li:last-child {
	padding-bottom: 0;
}

.infoList li .tit {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	color: rgba(0, 133, 74, 1);
}

.infoList>li>.txt {
	padding-bottom: 5px;
}

.infoList li ul li {
	position: relative;
	padding-bottom: 3px;
}

.infoList .caption {
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 10px;
	color: #6f6f6f;
}

.infoList .table {
	margin-bottom: 10px;
	border-top: 1px solid #30bfb3;
	border-bottom: 1px solid #30bfb3;
	text-align: center;
	font-size: 10px;
}

.infoList .table.long br {
	display: none;
}

.infoList .table th {
	padding: 8px 5px;
	border-right: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
	background: rgba(240, 249, 245, 1);
	font-weight: bold;
}

.infoList .table th:last-child {
	border-right: none;
}

.infoList .table td {
	padding: 6px 5px;
	border-right: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
}

.infoList .table td:last-child {
	border-right: none;
}

.infoList .table tbody tr:last-child th {
	border-bottom: none;
}

.infoList .table tbody tr:last-child td {
	border-bottom: none;
}

.infoList .table tbody tr:first-child td:last-child {
	border-right: none;
}

.infoList .tableNoticeList li {
	padding-bottom: 3px;
}

.infoList .tTit {
	padding-top: 10px;
	font-weight: bold;
}

.infoList li ul.list1 {
	padding-left: 10px;
}

.infoList li ul.list1>li {
	padding-bottom: 3px;
	text-indent: -10px;
}

.infoList li ul.list2 {
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.infoList li ul.list2>li {
	padding-bottom: 3px;
	text-indent: -13px;
}

.infoList li ul.list3 {
	padding-left: 10px;
}

.infoList li ul.list3>li {
	padding-bottom: 3px;
	text-indent: 0;
}

.infoList li ul.list3>li:before {
	position: absolute;
	left: -7px;
	top: 5px;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #666;
}

.infoList li ul li .tit {
	padding-bottom: 3px;
	font-size: 11.5px;
	color: #666;
}

.infoList li ul li .txt {
	padding-bottom: 3px;
}

.infoList li ul.list4 {
	padding-left: 14px;
}

.infoList li ul.list5 {
	padding-left: 13px;
}

.infoList li ul.list5>li {
	padding-bottom: 3px;
	text-indent: -13px;
}

.infoList li ul.list6 {
	padding-left: 8px;
}

.infoList li ul.list6>li {
	padding-bottom: 3px;
	text-indent: -5px;
}

/* 플로팅 배너 */
.bannerFloating {
	position: fixed;
	left: 50%;
	z-index: 99;
	width: 100%;
	background: #fff;
	text-align: center;
	transform: translateX(-50%);
	transition: all .7s ease;
}

.bannerFloating .topArea {
	position: relative;
}

.bannerFloating .topArea .btnClose {
	position: absolute;
	right: 0;
	top: 50%;
	width: 6%;
	height: 100%;
	transform: translateY(-50%);
}

.bannerFloating .topArea .btnClose a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}


/* 7월 운전자보험 */
.driver #wrap header {
	border-bottom: 1px solid #d5d3d3;
}

.driver #wrap .container {
	position: static;
	max-width: 720px;
	margin: 0 auto;
	text-align: left;
}

.driver #wrap .container .content .formBox input {
	outline: none;
}

.container.btBtnWrap {
	overflow: hidden;
	width: 100%;
}

.container.btBtnWrap .up_btn img {
	max-width: 63px;
}

.container.btBtnWrap .hideme a {
	display: block;
	float: left;
}

.container.btBtnWrap .hideme a:nth-child(1) {
	width: 50%;
	height: 60px;
	background: #ff7925;
}

.container.btBtnWrap .hideme a:nth-child(2) {
	width: 50%;
	height: 60px;
	background: #1ca77e;
}

.container.btBtnWrap .hideme a img {
	float: none;
	display: inline-block;
	width: auto;
	text-align: center;
}

/* 221006 채팅 상담 버튼 추가 */
.container.btBtnWrap .hideme a:nth-child(1) {
	background-color: #0b3d25 !important;
	width: 33.33% !important;
	vertical-align: bottom;
	height: 60px;
}

.container.btBtnWrap .hideme a:nth-child(2) {
	background-color: #0fb76a !important;
	width: 33.33% !important;
	vertical-align: bottom;
	height: 60px;
}

.container.btBtnWrap .hideme a:nth-child(3) {
	background-color: #ff8911 !important;
	width: 33.33% !important;
	vertical-align: bottom;
	height: 60px;
}

/* 2210 이미지변경 */
.cancer.driver .outline_1::before {
	display: none;
}

.cancer.driver .outline_1 {
	background-color: #1bb06e;
	padding: 0 6.5%;
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	background-size: 100%;
}

.cancer.driver .outline_1::after {
	content: "";
	display: block;
	width: 100%;
	height: 80px;
	background-color: #1bb06e;
}

.cancer.driver .outline_1 .outline_2 {
	max-width: 100%;
	background-color: transparent;
}

.cancer .content .inq .rst .inbox {
	padding: 18px;
	margin-top: 40px;
	background-color: #00854a;
}

.cancer .content .inq .rst p {
	border: none;
	background-color: #fff;
	margin-top: 0;
}

.cancer.driver .inq .rst p .fee {
	vertical-align: bottom;
}


/* 231207 윤아팝업 추가 */
#wrap {
	position: relative;
}

#dim {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.7);
	/* transition: 1s; */
}

.popup {
	position: relative;
}

.popup .close {
	position: absolute;
	top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 15px;
	width: 35px;
	height: 35px;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;

}


@media only screen and (max-width: 720px) {

	/* 231207 윤아팝업 추가 */
	.popup>img {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.popup .close {
		top: 3%;
		right: 7%;
		max-width: 35px;
		max-height: 35px;
		width: 7vw;
		height: 7vw;

	}

	.popup .close>img {
		width: 55%;
	}

}


@media only screen and (max-width: 550px) {
	.content .inq .btns br {
		display: initial;
	}

	.driver .container .hideme a {
		display: flex;
		align-items: center;
	}

	.driver .container .hideme img {
		/* height: auto; */
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 601px) {
	.outline_2 {
		max-width: 91.715%;
	}
}

@media only screen and (max-width: 600px) {
	.outline_2 {
		max-width: 92.9% !important;
	}

	.driver .info .tab li a {
		font-size: 13px;
	}

	.cancer .outline_2 {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 350px) {
	.infoList br.br {
		display: block;
	}

	.driver .info .tab li a {
		font-size: 11px;
	}

	.outline_2 {
		max-width: 94.7% !important;
	}
}

@media only screen and (max-width: 320px) {
	.infoList .table td {
		padding: 10px 2px;
	}
}

@media only screen and (max-width: 315px) {
	.driver .info .tab li a {
		padding: 30px 0;
	}

	.driver .info .tab li:last-child a {
		padding: 29px 0;
	}
}

.txt_left {
	text-align: left;
}