.table_form{width:100%;margin-bottom:30px;border-top:2px solid #aaa;}
.table_form td{padding:10px;border-bottom:1px solid #ccc;}
.table_form td.head{padding-left:10px;background-color:#f4f4f4;width:100px;}
.table_form td.text input[type='text']{height:35px;max-width:90%;width:100%;border:1px solid #aaa;}
.table_form td.text input[type='radio']{display:inline-block;margin-right:5px;height:20px;width:20px;}


.pContent2{width:100%;max-width:500px;margin:10px auto;padding:20px 0;min-height:600px;}
.table_form2{width:100%;border-top:0px solid #aaa;}
.table_form3{margin-bottom:30px;}
.table_form2 td{padding:5px;font-size:15px;letter-spacing:-0.05em;}
.table_form3 td{border-bottom:1px solid #ccc;}
.table_form2 td.head{padding-left:10px;/*width:35%;*/font-weight:bold;}
.table_form2 td.text input[type='radio']{display:inline-block;margin-right:5px;height:20px;width:20px;}

.table_form2 select.form-control{width:auto;}

.testResult{font-size:18px;text-align:center;}
.testResult span.bold{font-weight:bold;color:red;}

.pContent{padding:30px 20px;border:1px solid #ccc;min-height:600px;}
.pTitle{padding-top:0px;font-size:23px;font-weight:bold;margin-bottom:10px;text-align:center;}
#p_page{font-size:18px;padding:20px 20px;text-align:center;}
.testCon{padding:20px;text-align:center;}
.tCard{display:none;margin-bottom:30px;}
.tCard.active{display:block;}
.tSubject{margin-bottom:30px;font-size:18px;font-weight:bold;}
.tExam{font-size:15px;} 
/*
.tExam label{padding:0px 20px;font-size:16px;font-weight:bold;}
.tExam label input{display:inline-block;margin-right:5px;width:20px;height:20px;}
*/
.cardBtn{text-align:center;}



/* The container */
.container_radio {
    display: inline-block;
    position: relative;
    padding-left: 45px;
	margin-right:15px;
    margin-bottom:0px;
	cursor: pointer;
    font-size: 18px;
	line-height:35px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.testCon .container_radio{margin-bottom:15px;}
.container_radio.vert{display:block;text-align:left;}
/* Hide the browser's default radio button */
.container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background background-color: #2196F3;*/
.container_radio input:checked ~ .checkmark {
    background-color: #333;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: white;
}
*/


/*mypage 정의*/
a.btn-info{color:white;}
a.btn-info:link{color:white;}
a.btn-info:visited {color:white;}
/*mypage 사이드 정의*/
#mypageBody{width:100%;}
#mypageSide{width:280px;min-width:280px;}
#mypageSide .profile{padding:30px 20px;background-color:#f1f1f1;text-align:center;}

#mypageSide .pimg{margin:0px auto 20px auto;width:200px;height:200px;border-radius:100px;border:1px solid #ccc;background:url('') no-repeat center center;background-size:cover; }

#mypageSide .pname{margin-bottom:5px;font-size:17px;font-weight:700;}
#mypageSide .prdate{font-size:13px;margin-bottom:2px;font-weight:350;}
#mypageSide .pwork{font-size:14px;font-weight:350;}
#mypageSide .psns{text-align:center;margin:15px 0px 0px 0px;}
#mypageSide .psns i{margin-left:4px;margin-right:4px;font-size:2em;color:#999;}

#mypageSide .profile2 {padding:5px 20px;background-color:#fafafa;text-align:left;}

#mypageSide .phistory{margin:0px;padding:0px;}
#mypageSide .phistory li{list-style-type:none;padding:12px 5px;border-bottom:1px solid #aaa;}
#mypageSide .phistory li div{}
#mypageSide .phistory li div.header{margin-bottom:7px;font-size:13px;font-weight:700;}
#mypageSide .phistory li div.texter{font-size:13px;}
#mypageSide .timeline_title{margin-top:20px;margin-bottom:20px;margin-left:5px;font-weight:bold;font-size:13px;}
#mypageSide .mp_timeline{margin-top:0px;}

/*mypage  basic 정의*/
#mypageCon #mp_basic{display:block}
#mypageCon #mp_jobsearch{display:none;}

#mypageCon.on #mp_basic{display:none}
#mypageCon.on #mp_jobsearch{display:block;}
#mp_jobsearch .jobsearchDiv{width:100%}
#mp_jobsearch .jobsearchDiv img{max-width:100%}

.back_my {font-size:15px;}
#mypageCon{padding:10px 10px 20px 30px;}
#mypageCon{margin-top:0px;}
#mypageCon .mp_header{padding-bottom:10px;margin-bottom:25px;border-bottom:3px solid #eee;}
#mypageCon .mp_header .today {font-weight:400;color:#999;}
#mypageCon .mp_header .date {font-size:25px;font-family: Helvetica, sans-serif;}
#mypageCon .mp_header .month {font-size:13px;}
#mypageCon .mp_header .mb_name{font-size:15px;color:#333;}

#mypageCon .mpChart{margin-bottom:30px;}
#mypageCon .mpChart .chartTitle{padding:10px 5px 10px 5px;margin-bottom:20px;font-size:16px;/*text-align:center;*/font-weight:700;border-bottom:1px solid #ccc;}
#mypageCon .mpChart .chartTitle{display:flex;justify-content: space-between;align-items: center}
a.btn-danger{color:white;}

#mypageCon .mpChart .salary{padding-left:25px;font-size:34px;font-weight:700;font-family: Helvetica, sans-serif;color:#555;}
#mypageCon .mpChart .salary_text{position:relative;top:-5px;padding-left:25px;font-size:14px;margin-bottom:20px;color:#999;}

#mypageCon .job_se{margin:0px;padding:0px 30px 0px 30px;;}
#mypageCon .job_se li{margin:0px;padding:0px;list-style-type:none;font-size:14px;line-height:30px;}
#mpChart .ch_table td{padding-left:3px;padding-right:3px;text-align:center;}

.mpChart .success_total{margin-top:30px;width:120px;height:120px;line-height:115px;text-align:center;font-size:20px;font-weight:700;border-radius:60px;border:4px solid #6f42c1}

.ch2_head{font-size:13px;color:#999;margin-bottom:5px;}
.ch2_head i{font-size:0.8em;margin-right:5px;}
.ch2_text{margin-bottom:10px;font-size:25px;font-weight:bold;color:#333;}


.ch2_num{margin-top:40px;border-top:2px solid #aaa;}
.ch2_num > div {padding-top:20px;border-right:1px solid #ccc;text-align:center;}
.ch2_num > div:last-child {border-right:none;}

.ch2_num > div .ch2_per{margin-bottom:10px;font-size:28px;font-weight:700;}
.ch2_num > div .ch2_text{font-size:15px;font-weight:400;color:#999;}


/*mypage 잡서치 추가보기*/
.js_item .js_item_picture{width:200px;min-width:200px;}
.js_item .js_item_cont{border-left:1px solid #ccc;}
.js_item .js_title{font-size:19px;font-weight:bold;color:#0055a1;margin-bottom:30px;}
.js_item .js_text{margin-bottom:30px;font-size:13px;/*line-height:25px;*/}
.js_item .js_text.js_career{font-size:14px;font-family:'Arial';}
.js_item .js_text.js_tech{}
.js_item .js_text.js_info{}
/*검색에 정의*/


@media (max-width: 576px) {
	#mainCont .mainBody .mCont{padding:0px}
	.pContent{padding:30px 10px;}
	.pTitle{font-size:23px;}
}



@media (max-width: 1200px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
}

@media (max-width: 450px) {

}