
table { border-collapse: collapse; border-spacing: 0; width: 100%; }

.center{ text-align:center }
.mgt5{ margin-top:5px }
.mgt10{ margin-top:10px }
.mgt20{ margin-top:20px }
.mgt30{ margin-top:30px }
.mgt50{ margin-top:50px !important;}

.pdt10{ margin-top:10px }
.pdt20{ margin-top:20px }
.pdt30{ margin-top:30px }
.pdt50{ margin-top:50px }

.hand{cursor:pointer}

/* 타이틀 */
.tle_2depth { position: relative; padding-left: 21px; margin-bottom: 16px; margin-left: 0px; margin-top: 35px; color: #333; font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.1px; font-family: 'Roboto','Noto Sans KR', sans-serif; vertical-align: baseline; }	
.tle_2depth:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; margin: 0; background: #fff; border: 4px solid #ec398e; border-radius: 50%; box-sizing: border-box; content: ''; }


/*****************************************************************************************************************************************************/
.btn {padding:1rem; font-weight:400; margin-bottom:0.3rem; letter-spacing: normal; box-sizing:border-box; border:1px solid; cursor:pointer;}
.btn.nohand {cursor:default}
.btn_round {border-radius:5px;}

.btn-xlg {width:100%; padding:12px 2px; font-size:14px;}
.btn-lg {min-width:220px;padding: 15px 30px;font-size: 15px; font-family: 'Roboto','Noto Sans KR', sans-serif;}
.btn-md {min-width:8px; padding:8px 12px; font-size:15px; font-family: 'Roboto','Noto Sans KR', sans-serif;}
.btn-sm {min-width:4px; padding:4px 6px; font-size:12px;}
.btn-xs {min-width:4px; padding:2px 6px; font-size:11px;}	

.btn_default,
.btn_default:visited {margin:0 0.1rem; margin:0; background:#FFF; border:1px solid #DDD; color:#333;}
.btn_default:active,
.btn_default:focus,
.btn_default:hover {background:#d2e9ff; border-color:#d2e9ff;}

.btn_black,
.btn_black:visited {margin:0 1px; border-color:#2c2c2c; background-color:#3f3f3f; color:#f2f2f2;}
.btn_black:active,
.btn_black:focus,
.btn_black:hover{border-color:#4d4d4d; background-color:#616161; color:#fff; text-shadow:0 0 1px rgba(0,0,0,0.3);}

.btn_white,
.btn_white:visited {margin:0 1px; border-color:#ddd; background-color:#fff; color:#333;}
.btn_white:active,
.btn_white:focus,
.btn_white:hover{border-color:#ddd; background-color:#f7f7f7; color:#333; text-shadow:0 0 1px rgba(0,0,0,0.3);}

.btn-purple,
.btn-purple:visited {margin:0 1px; border-color:#aa449d; background-color:#bb57af; color:#fff;}
.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover{border-color:#bd59b0; background-color:#c875bd; color:#fff; text-shadow:0 0 1px rgba(0,0,0,0.3);}

.btn-blue,
.btn-blue:visited {margin:0 1px; border-color:#0c64dc; background-color:#0d6ded; color:#fff;}
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover{border-color:#0c64dc; background-color:#0d6ded; color:#fff; text-shadow:0 0 1px rgba(0,0,0,0.3);}

.btn-cancel,.btn-cancel:visited {margin:0 0.1rem; margin:0; background:#f2f2f2; border:1px solid #ddd; color:#999;}
.btn-cancel:active,.btn-cancel:focus,.btn-cancel:hover {background:rgba(220,220,220,1); border-color:rgba(197,197,197,1);}

.btn.ico {
    background-image: none;
    text-shadow: none;
    border-radius: 12px;
    padding: 4px 10px;
}
.btn-orange {
    background-color: #ff8000;
    color: #FFFFFF;
    border-color: #cc6600;
}	
.btn-green {
    background-color: #31aa40;
    color: #FFFFFF;
    border-color: #258131;
}
.btn-blue {
    background-color: #0080c0;
    color: #FFFFFF;
    border-color: #0072a8;
}	
.btn-red {
    background-color: #ff2626;
    color: #FFFFFF;
    border-color: #d90000;
}		
.btn-black {
    background-color: #666;
    color: #FFFFFF;
    border-color: #333;
}

.text-blue{ color:#0080ff}






ul.timeUL{display: flex; justify-content: flex-start; flex-wrap: wrap; overflow: hidden; }
ul.timeUL li{ position: relative; flex-basis: 25%; flex-grow: 0; text-align:center; }
ul.timeUL input[type='radio']{display:none; margin:10px;}
ul.timeUL input[type='radio'] + label{ display:inline-block; margin:2px;  padding:6px 15px; background-color:#ffffff; border:1px solid #ccc; font-size:12px !important; font-family: 'Roboto','Noto Sans KR', sans-serif; text-align:center; cursor:pointer; margin-top:10px; }
ul.timeUL input[type='radio']:checked + label{ background-image:none; background-color:#0080ff; border:1px solid #006bd7; color:#fff; }

.revinfo_wrap {font-family: 'Roboto','Noto Sans KR', sans-serif;}
.revinfo_wrap table {border-top:1px solid #ddd;}
.revinfo_wrap table th{background-color:#f7f7f7;}
.revinfo_wrap table td{font-size:13px; color:#333; font-weight:500; min-height:40px}
.revinfo_wrap table td strong{font-size:14px; color:#0080ff; font-weight:600;}
.revinfo_wrap table input{/*margin:1px;*/padding:0.8rem 0; border:solid 1px #dedede;}
.revinfo_wrap table input[type=text]{padding: 5px 5px;border-radius: 4px;}	
.revinfo_wrap table select{
    padding: 5px 5px;
    border-radius: 4px;
	/* margin: 1px; */
	/* padding: 0.8rem 0; */
    border: solid 1px #dedede;
	font-family: "돋움",dotum,sans-serif;
    font-size: 12px;
}


.st_box span,
.st_label {color:#424242; font-size:13px; font-weight:500; letter-spacing:-0.5px;}
.st_label.align_box {margin-right:15px;}

.st_box {position:relative;}
.st_line {padding-top:18px; margin-top:25px; border-top:1px dashed #ccc;}

.st_box span {display:inline-block; margin-right:20px;}
.st_box input[type='checkbox'],
.st_box input[type='radio'] {position:absolute; width:1px; height:1px; padding:0; margin:1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

.st_box input[type='checkbox'] + label,
.st_box input[type='radio'] + label {display:inline-block; position:relative; padding-top:1px; padding-left:26px; box-sizing:border-box; cursor:pointer; -webkit-appearance:none; -moz-appearance:none;}

.st_box input[type='checkbox'] + label:before {border-radius:3px;}
.st_box input[type='radio'] + label:before {border-radius:100%;}

.st_box input[type='checkbox'] + label:before,
.st_box input[type='radio'] + label:before {position:absolute; left:0; width:17px; height:17px; background-color:#fff; text-align:center; border:1px solid #bdbdbd; content:'';}

.st_box input[type='checkbox'] + label:before {top:0;}
.st_box input[type='radio'] + label:before {top:0;}

.st_box input[type='checkbox'] + label:active:before,
.st_box input[type='checkbox']:checked + label:active:before,
.st_box input[type='radio'] + label:active:before,
.st_box input[type='radio']:checked + label:active:before,
.st_box input[type='radio']:checked + label:after {border:1px solid #b11a32;}

.st_box input[type='checkbox']:checked + label:before,
/*
.st_box input[type='radio']:checked + label:before {background-color:#0080ff; background-image:url("http://evans2.proweb.co.kr/images/sub/bg_checkbox.svg"); background-repeat:no-repeat; border:1px solid transparent;}*/
.st_box input[type='radio']:checked + label:before {background-color:#0080ff; background-image:url("/images/common/bg_checkbox.svg"); background-repeat:no-repeat; border:1px solid transparent;}
.st_box input[type='checkbox']:checked + label:before {background-position:1px 3px;}
.st_box input[type='radio']:checked + label:before {background-position:1px -39px;}

.st_box label {margin-right:18px;}
.st_box label:last-child {margin-right:0;}



.mcont{margin-left:30px; font-size:13px; color:#555; font-weight:400; font-family: 'Roboto','Noto Sans KR', sans-serif;}
.mcont div.tit{font-size:18px;font-weight:600}
.mcont div.con{font-size:13px;font-weight:400;margin-top:20px;}

.buttonBox {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #ffff;
    width: 620px;
	padding:50px 0px;
}