/* ÀÚ°¡Áø´Ü */
.TESTSelect {overflow:hidden;}
.TESTSelect div {overflow:hidden; padding:120px 20px 20px 20px;}
.TESTSelect h4{display:block; background:none; padding:0 0 10px 10px; text-align:center !important; font-weight:normal; border:none; margin:0 auto}
.TESTSelect ul {overflow:hidden;}
.TESTSelect ul li {width:100%; margin:0 0 5px 0 ; text-align:center; position:relative; transition:all 0.3s ease-out;}
.TESTSelect ul li a {color:#fff; padding:10px; transition:all 0.3s ease-out; border-radius:5px 5px 20px 5px}

.yoBG {border:1px solid #ddd; background:url('/images/cont/c4/icon01.png') 50% 20px no-repeat; transition:all 0.3s ease-out;}
.yoBG li a {display:block; background:#29bc9b; position:relative; overflow:hidden;}
.yoBG li a:hover{background:#8abc29;}

@media (min-width:767px) {
	.TESTSelect ul li {float:left; width:19%; margin:0 0 5px 5px ;}
	.TESTSelect ul li:first-child{margin:0 0 5px 0;}
	.TESTSelect ul li a {display:block; height:30px; padding:70px 10px 10px 10px;}
	.yoBG ul{width:490px; margin:0 auto}
	.yoBG li a:after{content:''; display:block; width:40px; height:44px; position:absolute; top:20px; left:28px;}
	.yoBG li.i01 a:after{background:url('/images/cont/c4/i01.png') center no-repeat; background-size:contain;}
	.yoBG li.i02 a:after{background:url('/images/cont/c4/i02.png') center no-repeat; background-size:contain;}
	.yoBG li.i03 a:after{background:url('/images/cont/c4/i03.png') center no-repeat; background-size:contain;}
	.yoBG li.i04 a:after{background:url('/images/cont/c4/i04.png') center no-repeat; background-size:contain;}
	.yoBG li.i05 a:after{background:url('/images/cont/c4/i05.png') center no-repeat; background-size:contain;}
}

@media screen and (min-width:1200px) {
	/* ÀÚ°¡°ËÁø */
	.TESTSelect div {overflow:hidden; padding:40px 40px 80px 40px;}
	.TESTSelect ul li {float:left; width:160px; margin:0 0 5px 5px; text-align:center;}
	.TESTSelect ul li a {display:block; height:50px; padding:120px 10px 10px 10px;}

	.yoBG {height:280px; background:#fff;}
		.yoBG ul{width:820px; margin:40px auto 0 auto;}
		.yoBG li a:after{width:65px; height:71px; position:absolute; top:30px; left:50px;}

}


.SelfTop {overflow:hidden; border:1px solid #ddd;}
.SelfTop dl {width:33.3%; float:left; padding:0 15px; min-height:100px; border-right:1px solid #ddd; box-sizing:border-box;}
.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(3n) {border-right:none;}


.SelfTopCH ul {overflow:hidden;}
/*SelfTopCH ul li {margin:0.3em; padding:5px 0;}*/
.SelfTopCH ul li {float:left; width:40%; 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/cont/c4/radio_sh.png') left top no-repeat; cursor:pointer; 
}

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


.TBSelfList {transition:all 0.3s ease-out; width:100%; overflow:hidden; text-align:center;}
.TBSelfList thead th {color:#2d2a22; background-color:#f1f1f1; line-height:1.3em; height:50px; font-weight:500;}
.TBSelfList tbody th {transition:all 0.3s ease-out; color:#29bc9b; padding:5px; height:24px; border-bottom:1px solid #ecf1f7;}
.TBSelfList tbody td {color:#333; border-bottom:1px solid #ecf1f7; vertical-align:middle; padding:15px;}
.TBSelfList tbody tr td.name {font-weight:bold;}
.TBSelfList .bg01 {background:#fafafa}
.TBSelfList .tdLeft {text-align:left;}
.TBSelfList .RNone {border-right:none;}

.TBSelfList .ba{vertical-align:baseline;}

.TBSelfList th.bg01 {background:#f6bd90 !important;}
.TBSelfList th.bg02 {background:#ffdf81 !important;}

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


.S_CH {position:relative; display:block; cursor:pointer;}
.S_CH li {margin:0.3em; padding:2px 0;}
.S_CH li label {display:inline-block; width:100%;}
.S_CH input[type="radio"] {opacity:0; position:absolute; 	top:0; left:0; cursor:pointer;}
.S_CH span {position:relative; padding:2px 0 2px 30px;}
.S_CH span:before {
	content:''; display:inline-block; position:absolute; top:2px; left:0; height:20px; width:20px; 
	border-radius:100%; font-size:12px; text-align:center; margin-right:2px; transition:all 0.3s ease-out; 
}

.S_CH input + span:before {color:#fff; border:1px solid #ddd; background:#ddd url('../images/cont/mark.png') center no-repeat}
.S_CH input:checked + span:before {color:#fff; background-color:#29bc9b; border:1px solid #29bc9b;}

@media all and (min-width:767px) {
	.S_CH li {margin:0; padding:0;}
	.S_CH span {color:transparent; font-size:0; letter-spacing:-10px;}
	.S_CH span:before {top:-14px !important; margin-right:0; width:24px; height:24px;}

	.S_CH.type li {margin:0.3em; padding:2px 0;}
	.S_CH.type span {color:#333; position:relative; padding:5px 0 2px 25px; font-size:16px; letter-spacing:0;}
	.S_CH.type span:before {top:8px !important;}
}


.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 input[type="radio"]:not(old) + label {display:inline-block; background:url('/images/cont/c4/check.png') no-repeat; width:21px; height:21px;}
.sel_check input[type="radio"]:not(old):checked + label {display:inline-block; background:url('/images/cont/c4/check_ov.png') no-repeat; width:21px; height:21px;}

.sel_check2 {overflow:hidden; position:relative; line-height:25px;}
.sel_check2 input[type="radio"]:not(old){opacity:0; position:absolute; left:-9999px;}
.sel_check2 input[type="radio"]:not(old) + label {display:inline-block; width:auto; height:auto; background:url('/images/cont/c4/check.png') 0 0 no-repeat; padding:0 0 0 30px;}
.sel_check2 input[type="radio"]:not(old):checked + label {display:inline-block; width:auto; height:auto; background:url('/images/cont/c4/check_ov.png') 0 0 no-repeat;}

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

.sel_Box input[type="checkbox"]:checked + label span {background:url('/images/cont/c4/check_sh.png') -21px top no-repeat;}


.ATCheck {overflow:hidden; box-sizing:border-box;}
	.ATC_L {border:1px solid #ddd; padding:20px;}
	.ATC_R {padding:20px; color:#fff !important;}
	.ATC_R ul strong {color:#fff339 !important}

@media all and (min-width:1200px) {
	.ATC_L  {width:45%; float:left;}
	.ATC_R  {width:45%; float:right}
}
	/*
	.ATC_T {margin-bottom:40px;}
	.ATC_T ul.caution {background:url('http://dnmhc.yesbni.com/images/cont/c4/ico_result01.png') 50% 0 no-repeat; padding:110px 0 0 0; text-align:center;}
	.ATC_T ul.caution strong {}
	.ATC_B {text-align:center;}
	.ATC_B .tit {display:inline-block; width:30%; font-size:20px; background:#9bcb3c; color:#fff; padding:10px 20px; border-radius:50px; margin-bottom:20px; font-weight:600;}
	.ATC_B ul li strong {font-size:20px;}
	 */
.SELbox {background:#efefef; padding:10px;}


/* °á°ú */
.SelfBasic h4.re_tit {width:50%; margin:0 auto; color:#fff; padding:10px 0; border-radius:50px; font-size:32px; background:#5c7ab7;}
.re_txt {font-size:30px; margin:30px 0;}
.re_txt strong {color:#5cae1d; font-weight:600; font-size:30px;}
.re_txt p {font-size:18px; margin:15px 0;}
.re_txt p strong {font-size:18px; color:#5cae1d;}

.re_area {background:#f1f1f1; padding:40px 20px;}
.re_area h5{font-size:18px;}

.re_cont {border:1px solid #ddd; font-size:14px; color:#777; overflow:hidden;}
.re_cont div {width:95%; min-height:auto; border-right:none; border-bottom:1px solid #ddd; padding:14px;}
.re_cont div:last-child{border-right:none;}
.re_cont h5 {font-size:16px; color:#555; padding:0 0 10px 20px; background:url('/images/cont/check_y.png') 0 8px no-repeat;}
.re_cont ul li i {text-decoration:underline; font-style:normal; color:#555;}
.re_info {padding:20px 20px 40px 20px; color:#fff; font-size:20px; background:url('/images/cont/c4/re_bg.png') repeat;}
.re_info ul {padding:110px 0 20px 0; background:url('/images/cont/c4/re_icon.png') 50% 0 no-repeat;}
.re_info ul li strong{color:#faff7b}
.re_btn {
	border-radius:40px; padding:8px 40px; border:1px solid #4e3528; background-color:#4e3528; color:#fff !important; 
	cursor:pointer; outline:none; text-decoration:none; text-align:center; 
}
.re_btn:active {border:1px solid #c55921; background:#c55921;}


.ATC_Call {text-align:center; padding:0px; margin:20px 0 0; 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:#ebfdf5;}

	.ATC_Call li a {display:block; width:150px; margin:0 auto; color:#fff; padding:5px 0; border-radius:50px; font-size:14px; cursor:pointer;}
		.ATC_Call li.bg01 a {background:#f09292;}
		.ATC_Call li.bg02 a {background:#ffc033;}
		.ATC_Call li.bg03 a {background:#8ed7b7;}

@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 {display:block;}
	.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:10px; padding-bottom:10px; border:1px solid #c6c6c6; border-bottom:none; background:#fff;}
	.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; line-height:1.5;}
	.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:0 10px; line-height:22px;}
	.TBSelfList.mobile .inp{margin-bottom:20px;}
	
	.sel_check {overflow:hidden; position:relative; font-size:18px; width:100%; line-height:25px;}
	.sel_check input[type="radio"]:not(old){opacity:0; position:absolute; left:-9999px;}
	.sel_check input[type="radio"]:not(old) + label {display:inline-block; width:auto; height:auto; background:url('/images/cont/c4/check.png') 0 0 no-repeat; padding:0 0 0 30px;}
	.sel_check input[type="radio"]:not(old):checked + label {display:inline-block; width:auto; height:auto; background:url('/images/cont/c4/check_ov.png') 0 0 no-repeat;}

	.SelfTop dl {width:100%; padding:0 15px; box-sizing:border-box; border-right:none;}

	/* °á°ú */
	.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;}
	.re_info {padding:20px 20px; color:#fff; font-size:16px; background:url('/images/cont/c4/re_bg.png') repeat;}
}

@media all and (min-width:1200px) {
	.SelfTop dl {width:33.3%; float:left; padding:0 15px; min-height:100px; border-right:1px solid #ddd; box-sizing:border-box;}
	.SelfTop dl:nth-child(2) {border-right:1px solid #ddd;}
	.SelfTop dl:nth-child(3) {border-right:none;}
	.SelfTop.second dl {width:24%; float:left; padding:0 15px; min-height:100px; border-right:1px solid #ddd;}
	.SelfTop.second dl:nth-child(3) {border-right:1px solid #ddd;}
	.SelfTop.second dl:nth-child(4) {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;}
	.ATC_Call li a {width:200px; font-size:18px;}

	.re_cont div {width:30%; min-height:300px; border-right:1px solid #ddd; float:left; padding:14px;}
	.re_cont div:last-child{border-right:none;}
}