/* Placeholder
----------------------------------------------------------*/
input.placeholder:-ms-input-placeholder { color: #AAAAAA; } /* IE 10+ */
input.placeholder::-webkit-input-placeholder { color: #AAAAAA; } /* Chrome/Opera/Safari */
input.placeholder::-moz-placeholder { color: #AAAAAA; } /* Firefox 19+ */
input.placeholder:-moz-placeholder { color: #AAAAAA; } /* Firefox 18- */


/*셀렉박스*/
.ctrl_select_style1 { margin-top: -1px; *margin-top: 0px; vertical-align: top; }
.ctrl_select_style1 select { height: 21px; border: 1px solid #cccccc; font-size: 12px; color: #808080; vertical-align: top; }
.ctrl_select_style1 .centerbar { vertical-align: top; margin-left: 3px; margin-top: 6px; color: #808080; }
.ctrl_select_style2 { display: inline; }
.ctrl_select_style2 select { height: 25px; line-height: 25px; vertical-align: top; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #d2d2d2; }
.ctrl_select_style3 { display: inline; }
.ctrl_select_style3 select { height: 23px; line-height: 26px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #d2d2d2; }
.ctrl_select_style4 { display: inline; }
.ctrl_select_style4 select { height: 21px; font-size: 12px; color:#b2b2b2; border: 1px solid #d2d2d2; }

.ctrl_select_style5 { display: inline; }
.ctrl_select_style5 select { height: 25px; line-height: 25px; vertical-align: top; border: 1px solid #e6e6e6; font-size: 12px; color: #333; vertical-align: top; }


/* input 텍스트박스 */
.ctrl_text { width: 118px; height: 30px; vertical-align: middle; padding: 0 5px; border: 1px solid #ddd; font-size: 12px; color: #666; font-family: 'Dotum'; background: #fff; }
.ctrl_text_calendar { line-height: 35px; vertical-align: middle; margin-left: 3px; }
.ctrl_text_old { height: 21px; line-height: 24px; vertical-align: top;  font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #d2d2d2; padding-left: 10px; }

.ctrl_button {
	display: inline-block; width: 100px; height: 30px; line-height:33px; vertical-align:middle; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-family: 'Dotum'; font-size: 14px; font-weight: bold; color: #333; vertical-align: middle; cursor: pointer;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.ctrl_button > i { display:inline-block; margin-top:-5px; font-size:120%; color: #1e489f; vertical-align:middle; }
.ctrl_button > i.co { color:#333; margin-right:3px; }

.ctrl_radio { line-height: 30px; margin-left: 10px; margin-right: 5px; color: #666; }


.ctrl_select { width: 110px; height: 33px; border: 1px solid #ddd; font-size: 14px; font-weight: bold; color: #666; padding-left: 10px; background: url(/Images/mentor/select_bg.png) right top no-repeat; -webkit-appearance: none; appearance: none; font-family: 'Dotum'; }
.ctrl_select::-ms-expand { display: none;}



.ctrl_text_search { height: 19px; line-height: 19px; text-indent: 7px; color: #808080; font-family: dotum; font-size: 12px; background-color: #fff; border: 1px solid #d2d2d2; vertical-align: top; } 
.ctrl_text01 { height: 23px; line-height: 23px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 15px; }
.ctrl_text02 { height: 23px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 10px; line-height: 27px\9; vertical-align: top\9;}
.ctrl_text03 { height: 21px; vertical-align: top; line-height: 21px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #d2d2d2; }
.ctrl_text04 { height: 19px; line-height: 18px; font-family: '굴림'; font-size: 12px; color:#808080; background-color: #ffffff; border: 1px solid #d2d2d2; padding-left: 7px; }
.ctrl_text05 { height: 21px; line-height: 23px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 5px; }
.ctrl_text05_hint_email { height: 21px; line-height: 23px; color:#fff; border: 2px solid #e6e6e6; padding-left: 5px; background: url(../Images/main/bg_hint_email.gif) 0 2px no-repeat; }
.ctrl_text05_hint_password { height: 21px; line-height: 23px; color:#fff; border: 2px solid #e6e6e6; padding-left: 5px; background: url(../Images/main/bg_hint_password.gif) 0 2px no-repeat; }
.ctrl_text06 { display: inline;  }
.ctrl_text06  input { height: 23px; line-height: 23px; vertical-align: top; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #e6e6e6; padding-left: 10px; }
.ctrl_text07 { display: inline;  }
.ctrl_text07 input[type="text"] { height: 21px; line-height: 24px; vertical-align: top;  font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 1px solid #d2d2d2; padding-left: 10px;}
.ctrl_text07 input.systemnum { font-weight: bold; color: #b3b3b3; }
.ctrl_text07 input.nickname { background: url(../Images/join/bg_hint_nickname.gif) 10px 0 no-repeat; }
.ctrl_text08 { height: 21px; line-height: 23px; font-family: gulim,'굴림'; font-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 5px; }
.ctrl_text08_hint { height: 21px; line-height: 23px; font-family: gulim,'굴림'; font-size: 12px; color:#c1c1c1; border: 2px solid #e6e6e6; padding-left: 5px; }
.ctrl_text09 { width: 175px; height: 15px; font-size: 12px; font-family: gulim, dotum; color: #333333; padding: 3px 0 0 5px; margin-bottom: 5px; border: 1px solid #c1c1c1; vertical-align: top; }
.ctrl_text09_hint_email { width: 175px; height: 15px; font-size: 12px; font-family: gulim, dotum; color: #333333; padding: 3px 0 0 5px; margin-bottom: 5px; border: 1px solid #c1c1c1; vertical-align: top; background: url(../Images/main/bg_hint_email.gif) no-repeat; }
.ctrl_text09_hint_password { width: 175px; height: 15px; font-size: 12px; font-family: gulim, dotum; color: #333333; padding: 3px 0 0 5px; margin-bottom: 5px; border: 1px solid #c1c1c1; vertical-align: top; background: url(../Images/main/bg_hint_password.gif) no-repeat; }


/* Textarea */
.ctrl_textarea_style1 { border: 1px solid #d2d2d2; padding: 10px; font-size: 12px; line-height: 18px; color: #808080; font-family: dotum,'돋움'; }
.ctrl_textarea_guidetxt { color: #b2b2b2; }

.ctrl_textarea_style2 { border: 1px solid #d2d2d2; padding: 10px; font-size: 12px; color: #333; font-family: dotum,'돋움'; }


/*스크롤*/
.ctrl_scroll_style1 {  
    scrollbar-face-color:#dedede;
    scrollbar-track-color:#f0f0f0;
    scrollbar-arrow-color:#9f9f9f; 
    scrollbar-shadow-color:#dedede;
    scrollbar-highlight-color:#dedede;
    scrollbar-3dlight-color:#dedede;
    scrollbar-darkshadow-color:#fff;/* */
}

.ctrl_scroll_style2 {
	scrollbar-3dlight-color:#fcfcfc; 
	scrollbar-face-color:#c7c7c7; 
	scrollbar-shadow-color:#fcfcfc; 
	scrollbar-highlight-color: #fcfcfc; 
	scrollbar-track-color:#fcfcfc; 
	scrollbar-arrow-color:#c7c7c7; 
}


/*모달팝업 백그라운드 */
.popup_modal_background { background-color: #000000; filter: alpha(opacity=70); opacity: 0.7; }


/* Crop Image
----------------------------------------------------------------------------*/
#crop-holder {
	width: 170px;
	margin: auto;
	border: 1px #c0c0c0 solid;
}

#crop-iholder {
	height: 170px;
	width: 170px;
	overflow: hidden;
	cursor: move;
}


/*교육서비스(등급)*/
.edufilter { display:inline-block; width:75px; line-height:22px; padding-top:3px; vertical-align:middle; font-family:Dotum; font-size:12px; font-weight:bold; color:#fff; text-align:center; box-sizing:border-box; }
.edufilter.level_0 { background:#ffab09; border:1px solid #f29f00; }
.edufilter.level_1 { background:#32a2ac; border:1px solid #23838c; }
.edufilter.level_2 { background:#777fb2; border:1px solid #5f679b; }
.edufilter.level_3 { background:#503f50; border:1px solid #3f313f; }

/*교육서비스(라벨)*/
.edulabel { display:inline-block; width:100px; line-height:23px; padding-top:3px; vertical-align:middle; font-family:Dotum; font-size:12px; font-weight:bold; text-align:center; box-sizing:border-box; }
.edulabel i { margin-bottom:2px; font-size:100%; vertical-align:middle; }
.edulabel.time { background:#fff; border:1px solid #dcdcdc; color:#5e6899; }
.edulabel.restriction { background:#fff; border:1px solid #dcdcdc; color:#85b1d4; }
.edulabel.file { background:#fff; border:1px solid #dcdcdc; color:#9b85d4; }
.edulabel.sub_free { background:#ff6023; border:1px solid #e44f16; color:#fff; }
.edulabel.sub_limit { background:#f6f6f6; border:1px solid #dcdcdc; color:#999; }
.edulabel.lecture_ing { background:#f00000; border:1px solid #e00000; border-radius:3px; color:#fff; }
.edulabel.lecture_be { background:#fff; border:1px solid #e00000; border-radius:3px; color:#f00000; }
.edulabel.lecture_end { background:#878787; border:1px solid #757575; border-radius:3px; color:#fff}

/*상담만족도*/
.mentor_contentment .bar { position:relative; display:inline-block; height:7px; background:#eee; }
.mentor_contentment .bar .gauge { position:absolute; display:inline-block; height:7px; }
.mentor_contentment .bar .gauge.up { background:#fc914b; }
.mentor_contentment .bar .gauge.down { background:#6d7da8; }
.mentor_contentment .gauge_percent { float:right; font-family:'Noto Sans KR'; line-height:45px; vertical-align:middle; }
.mentor_contentment .gauge_percent b { font-size:28px; }
.mentor_contentment .gauge_percent.up { color:#fc914b; }
.mentor_contentment .gauge_percent.down { color:#6d7da8; }


.current_table .mentor_contentment { height:58px; position:relative; padding:0 12px; border:1px solid #ddd; }
.current_table .mentor_contentment span.bar { position:relative; width:100%; margin:8px 0px; }
.current_table .mentor_contentment span.bar b { position:absolute; }
.current_table .mentor_contentment .gauge_percent { position:absolute; top:0; right:12px; line-height:35px; font-family:'Malgun Gothic'; }
.current_table .mentor_contentment .gauge_percent b { font-size:17px;}