.SelfBasic {line-height:1.5em;}
.SelfBasic .SelfLine {
	border: 1px solid #5c7ab7; 
    border-top: 7px solid #5c7ab7; 
    overflow: hidden; 
    padding: 80px 20px; 
	}

.SelfBasic h4.tit {text-align:center; font-size:32px; margin-bottom:40px;}
.SelfBasic h4.tit span {display:block; font-size:18px; font-weight:300;}


.SelfTop {overflow:hidden; border:1px solid #ddd; font-size:16px;}
.SelfTop dl {width:43%; float:left; padding:0 15px; min-height:100px; border-right:1px solid #ddd;}
.SelfTop dl:hover {background:#fafafa;}
.SelfTop dl dt {padding:10px 0; font-weight:600; border-bottom:1px solid #555;}
.SelfTop dl dd {padding:10px 0;}
.SelfTop dl:nth-child(2n) {border-right:none;}

.SelfTopCH ul {overflow:hidden;}
/*SelfTopCH ul li {margin:0.3em; padding:5px 0;}*/
.SelfTopCH ul li {float:left; width:30%; margin:0.3em;}

.SelfTopCH.type ul li {float:left; width:10%; margin:0.3em;}

.SelfTopCH input[type="radio"] {position:absolute; left:-9999px;}
.SelfTopCH input[type="radio"] + label {color:#333; display:inline-block; width:100%;}
.SelfTopCH input[type="radio"] + label span {
    display:inline-block; 
    width:21px; 
    height:21px; 
    margin:-2px 10px 0 0; 
    vertical-align:middle; 
    background:url('../images/radio_sh.png') left top no-repeat; 
    cursor:pointer; 
	}

.SelfTopCH input[type="radio"]:checked + label span {
	background:url('../images/radio_sh.png') -21px top no-repeat; 
	}


.ep li {position: relative; padding: 0 0 0 2.0rem;}
.ep li:after {
    content: ''; 
    position: absolute; 
    display: block; 
	left: 10px; 
    top: 0.4rem; 
    width: 0.2rem; 
    height: 0.1rem; 
    border-top: 0.5rem solid #fff; 
    border-bottom: 0.2rem solid #fff; 
	}

.ep li:before {
	content: ''; 
	position: absolute; 
	left: 0; 
    top: 0.1rem; 
    width: 1.4rem; 
    height: 1.4rem; 
    background: #a1aab3; 
    border-radius: 50%; 
	}

.TBSelfList {width:100%; overflow:hidden; text-align:center;}
.TBSelfList thead th {color:#2d2a22; background-color:#ecf1f7; line-height:1.3em; height:45px;}
.TBSelfList tbody th {color:#6780a5; padding:5px; height:45px; border-bottom:1px solid #ecf1f7;}
.TBSelfList tbody td {color:#333; padding:5px; border-bottom:1px solid #ecf1f7; vertical-align:middle;}
.TBSelfList .tdLeft {text-align:left;}
.TBSelfList .RNone {border-right:none;}

.TBSelfList .ba{vertical-align: baseline;}
.Selftype dd p{padding:5px 0; display:inline-block; width:200px;}
.Selftype dt {padding:5px; border-bottom:1px solid #ecf1f7; vertical-align:middle;}

.sel_check {line-height:2px; overflow:hidden; position:relative; font-size:0; width:24px; margin:0 auto; height:auto;}
.sel_check input[type="radio"]:not(old){width:24px; opacity:0; position:absolute; left:-9999px;}
.sel_check .ch_ov input[type="radio"]:not(old) + label {display:inline-block; background:url('../images/check.png') no-repeat; width:21px; height:21px;}
.sel_check .ch_ov input[type="radio"]:not(old):checked + label {display:inline-block; background:url('../images/check_ov.png') no-repeat; width:21px; height:21px;}


.sel_check.atype {overflow:hidden; position:relative; font-size:16px; width:100%; line-height:28px;}
.sel_check.atype .ch_ov {position:relative; top:0; left:0; overflow:hidden; margin:2px 0; padding:5px 0;}
	.sel_check.atype input[type="radio"]:not(old){opacity:0; position:absolute; left:-9999px;}
	.sel_check.atype .ch_ov input[type="radio"]:not(old) + label {
	display:inline-block; width:auto; height:auto; 
	background:url('../images/check.png') 0 2px no-repeat; 
	padding:0 0 0 30px; 
	}

	.sel_check.atype .ch_ov input[type="radio"]:not(old):checked + label {
	display:inline-block; width:auto; height:auto; 
	background:url('../images/check_ov.png') 0 2px no-repeat; 
	}


/* 결과 */
.SelfBasic h4.re_tit {width:50%; margin:0 auto; color:#fff; padding:10px 0; border-radius:50px; font-size:32px; background:#5c7ab7;}
.ATCheck {border:1px solid #ddd; text-align:center; padding:20px;}
	.ATC_T {padding:20px 0;}
	.ATC_B {background:url('../images/rs.png') no-repeat top center; padding:150px 0 0 0;}
	.ATC_B .tit {font-size:20px; margin:20px 0; text-decoration:underline;}
	.ATC_B .re{font-size:18px; line-height:1.5;}
	.ATC_B .re strong {font-size:25px; color:#3e9022}
	.ATC_B .txt {color:#666; padding:20px 0;}

.ATC_Call {text-align:center; padding:0px; background:#fff; overflow:hidden;}
	.ATC_Call li {display:block; margin:0; width:auto; padding:30px 0;}
		.ATC_Call li.bg01 {background:#fff5f5;}
		.ATC_Call li.bg02 {background:#fff6e1;}
		.ATC_Call li.bg03 {background:#d2f9e8;}

	.ATC_Call li a {display:block; width:150px; margin:10px auto 0; color:#fff; padding:5px 0; border-radius:50px;}
		.ATC_Call li.bg01 a {background:#f09292;}
		.ATC_Call li.bg02 a {background:#ffc033;}
		.ATC_Call li.bg03 a {background:#60c7b2;}


@media screen and (max-width:767px) {	
		.SelfBasic .SelfLine {padding: 40px 20px;}	
		.SelfBasic h4.tit {text-align:center; font-size:20px; margin-bottom:20px;}
		.SelfBasic h4.tit span {display:block; font-size:16px; font-weight:300;}

		/*자가검진*/
		.TBSelfList.mobile thead {display:none;}
		.TBSelfList.mobile tbody {text-align:left;}
		.TBSelfList.mobile tbody, .TBSelfList.mobile tbody tr, .TBSelfList.mobile tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
		.TBSelfList.mobile tr:nth-child(odd) {background-color:#fafafa;}
		.TBSelfList.mobile tbody tr {padding-top:14px; padding-bottom:14px; border:1px solid #c6c6c6; border-bottom:none;}
		.TBSelfList.mobile tbody tr:last-child {border-bottom:1px solid #c6c6c6;}
		.TBSelfList.mobile tbody tr th {padding:0 20px; border-top-width:0; background-color:transparent; text-align:left; border:transparent;}
		.TBSelfList.mobile tbody tr td {border-top-width:0; text-align:left; padding:0 20px;}
		.TBSelfList.mobile tbody tr th:before, .TBSelfList.mobile tbody tr td:before {color:#333; content:attr(data-cell-header);}
		.TBSelfList.mobile tbody tr td.name {font-size:14px; font-weight:600; margin-bottom:10px;}
		.TBSelfList.mobile tbody tr td dl dt.name {font-size:14px; font-weight:600; margin-bottom:10px;}
		.TBSelfList.mobile tbody tr td.mh45 {min-height:45px;}
		.TBSelfList.mobile label { display:block; font-size:14px; padding:10px; line-height:22px;}
		.TBSelfList.mobile .inp{margin-bottom:20px;}
		.TBSelfList.mobile .tdLeft{width:450px;}


		.sel_check {overflow:hidden; position:relative; font-size:18px; width:100%; line-height:25px;}
		.sel_check .ch_ov {position:relative; top:0; left:0; margin:2px 0;}
		.sel_check input[type="radio"]:not(old){opacity:0; position:absolute; left:-9999px;}
		.sel_check .ch_ov input[type="radio"]:not(old) + label {
			display:inline-block; width:auto; height:auto; 
			background:url('../images/check.png') 0 0 no-repeat; 
			padding:0 0 0 30px; 
			}

		.sel_check .ch_ov input[type="radio"]:not(old):checked + label {
		  display:inline-block; width:auto; height:auto; 
		  background:url('../images/check_ov.png') 0 0 no-repeat; 
			}

		.SelfTop dl {width:95%; padding:0 15px;}

		/* 결과 */
		.SelfBasic h4.re_tit {width:80%; margin:0 auto; color:#fff; padding:10px 0; border-radius:50px; font-size:20px; background:#5c7ab7;}
		.re_txt {font-size:20px; margin:20px 0;}
		.re_txt strong {color:#5cae1d; font-size:25px; font-weight:600;}
		.re_txt p {font-size:18px;}
}


@media all and (min-width:1200px) {
	.SelfTop dl {width:29.5%; float:left; padding:0 15px; min-height:105px; border-right:1px solid #ddd;}
	.SelfTop dl:nth-child(2),
	.SelfTop dl:nth-child(4)	{border-right:1px solid #ddd;}
	.SelfTop dl:nth-child(3) {border-right:none;}
	
	.ATC_Call {padding:10px 0;}
	.ATC_Call li {display:inline-block; width:293px; padding:30px 0;}
	.ATC_Call li:last-child {margin:0;}
}