/* CSS Document */

/************************* common *************************/
select.join {
width: 276px;
height: 40px;
padding-left:0.5em;
border: 1px solid #e6e6e6;
font-family: inherit;
background: url("../../../../common/img/icon/icon_select.png") no-repeat right center;
border-radius: 0px;
font-weight:300;	
font-size: 15px;
line-height: 50px;
color: #404040;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand {
    display: none;
}

.checkbox-container {

position: relative;

}

/* button */
button, button:focus, button:active {outline:0 !important;border:none !important;}


/* 기본 체크박스 없애기 */
.checkbox-container input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
/* 웹의 경우 커서에 pointer 설정 */
.checkbox-container input[type="checkbox"] + label {display:inline-block; position:relative; cusor:pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* 새로운 디자인의 체크박스 만들기 */
.checkbox-container input[type="checkbox"] + label:before {content:' '; display:inline-block; width:40px; height:40px; line-height:40px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:#fff; border:1px solid #e6e6e6;}
.checkbox-container input[type="checkbox"] + label:active:before,
.checkbox-container input[type="checkbox"]:checked + label:active:before {box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checkbox-container input[type="checkbox"]:checked + label:before {content:''; background:url("../img/icon/icon_chackbox_on.png") no-repeat center;}

textarea {padding:5px 8px; border:1px solid #e3e3e3;}
textarea.member {width:800px;}

button {border-radius:0px !important; font-weight:300 !important;}
input {border-color:#e3e3e3 !important; border-radius:0px !important; font-size:16px; font-weight:300; box-shadow:none !important;}
input.file {border-color:#e3e3e3 !important; border-radius:0px !important; font-size:16px; font-weight:300; box-shadow:none !important;}

/* 첨부파일디자인변경 */
.file_input label {display:inline-block; padding:9px 20px; color:#999; vertical-align:middle; background-color:#e3e3e3; cursor:pointer; border:1px solid #e3e3e3; border-radius:0px; color:#404040;}
.file_input label input {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.file_input input[type=text] {display:inline-block; height:40px; font-size:16px; padding:0 10px; vertical-align:middle; border:1px solid #e3e3e3; border-radius:0px;}



.btn_member {position:relative; left:-50%; float:right;  margin-top:50px;}
.btn_member li {position:relative; float:left; left:50%; font-size:18px;}
.btn_member li a {display:block; width:200px; height:50px; margin-right:10px; text-align:center; line-height:50px; color:#404040;}
.btn_member li a.btn_basic {border:1px solid #e3e3e3;}
.btn_member li .btn_submit {display:block; width:200px; height:50px; background:#3a8e48; border:none; font-size:18px; font-family:300 !important; text-align:center; line-height:50px; color:#fff;}



.notice_mentee {width:100%; height:100px; background:#0160a0; font-size:20px; color:#fff; text-align:center; line-height:30px;}
.notice_mentee p {padding-top:20px;}
span.tooltip_id {position:absolute; display:block; top:13px; left:290px; font-size:14px; color:#3a8e48; line-height:20px; z-index:10;}
span.tooltip_name {position:absolute; display:block; top:14px; left:290px; font-size:14px; color:#3a8e48; line-height:20px; z-index:10;}
span.tooltip_name2 {position:absolute; display:block; top:24px; left:290px; font-size:14px; color:#3a8e48; line-height:20px; z-index:10;}
span.tooltip_mbimg {position:absolute; display:block; top:14px; left:390px; font-size:14px; color:#3a8e48; line-height:20px; z-index:10;}