/* 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-size: 12px; color:#333333; border: 1px solid #d2d2d2; }
.ctrl_select_style3 { display: inline; }
.ctrl_select_style3 select { height: 23px; line-height: 26px; 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_search { height: 19px; line-height: 19px; text-indent: 7px; color: #808080; font-size: 12px; background-color: #fff; border: 1px solid #d2d2d2; vertical-align: top; }
.ctrl_text01 { height: 23px; line-height: 23px; font-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 15px; }
.ctrl_text02 { height: 23px; 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-size: 12px; color:#333333; border: 1px solid #d2d2d2; }
.ctrl_text04 { height: 19px; line-height: 18px; font-size: 12px; color:#808080; background-color: #ffffff; border: 1px solid #d2d2d2; padding-left: 7px; }
.ctrl_text05 { height: 21px; line-height: 23px; 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-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-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-size: 12px; color:#333333; border: 2px solid #e6e6e6; padding-left: 5px; }
.ctrl_text08_hint { height: 21px; line-height: 23px; font-size: 12px; color:#c1c1c1; border: 2px solid #e6e6e6; padding-left: 5px; }
.ctrl_text09 { width: 175px; height: 15px; font-size: 12px; 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; 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; 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 { resize:none; border: 1px solid #d2d2d2; padding: 10px; font-size: 12px; line-height: 18px; color: #808080; vertical-align: top; box-sizing:content-box; }
.ctrl_textarea_guidetxt { color: #b2b2b2; }
.ctrl_textarea_style2 { border: 1px solid #d2d2d2; padding: 10px; font-size: 12px; color: #333; }

/* ?�크�?*/
.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; }


.example_box { min-height:244px; color:#666; font-size:14px; }
.example_box > h2 { font-size:20px; text-align:center; color:#666; }
.example_box > ul > li { padding:5px 0; line-height:1.5; }
.example_box table.table td { vertical-align:middle; }
.example_box .border_none { border-bottom:none; }

button { outline:none; }

.ctrl_btn { position:relative; display:inline-block; top:-2px; padding:5px 12px 7px 12px; margin-bottom:0; font-size:14px; font-weight:700; vertical-align:middle; line-height:1.42857143; text-align:center; white-space:nowrap; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; cursor:pointer; }
.ctrl_btn:hover { opacity:0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.ctrl_btn > i { margin-right:10px; font-size:14px; vertical-align:-1px; }
.ctrl_btn_xs { padding:4px 10px 4px 10px; font-size:12px; border-radius:3px; }
.ctrl_btn.ctrl_btn_xs > i { font-size:11px; vertical-align:0px; }
.ctrl_btn_sm { padding:5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.ctrl_btn.ctrl_btn_sm > i { font-size:12px; vertical-align:-3px; }
.ctrl_btn_lg { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px; }
.ctrl_btn_lg > i { font-size:18px; vertical-align:-1px; }

.ctrl_btn i.icon_right { position:absolute; top:10px; right:11px; font-size:12px; }
.ctrl_btn i.icon_left { position:absolute; top:13px; left:11px; font-size:12px; }

/*검?�색 그라?�이??버튼 배경*/
.ctrl_btn.gradation_black { border:1px solid #1c1b1b; background-color:#474747; background-image:-webkit-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image:-o-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#474747), to(#1c1b1b)); background-image:linear-gradient(to bottom,#474747,#1c1b1b); background-repeat:repeat-x; color:#fff; }
/*블루그레??그라?�이??버튼 배경*/
.ctrl_btn.gradation_bluegray { border:1px solid #b2bad1; background-color:#cbd1e3; background-image:-webkit-linear-gradient(top bottom, #cbd1e3 0%, #b2bad1 100%); background-image:-o-linear-gradient(top bottom, #cbd1e3 0%, #b2bad1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#cbd1e3), to(#b2bad1)); background-image:linear-gradient(to bottom,#cbd1e3,#b2bad1); background-repeat:repeat-x; color:#19233e; }
/*진회??그라?�이??버튼 배경*/
.ctrl_btn.gradation_dgray { border:1px solid #8e95a2; background-color:#afb8c1; background-image:-webkit-linear-gradient(top bottom, #afb8c1 0%, #8e95a2 100%); background-image:-o-linear-gradient(top bottom, #afb8c1 0%, #8e95a2 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#afb8c1), to(#8e95a2)); background-image:linear-gradient(to bottom,#afb8c1,#8e95a2); background-repeat:repeat-x; color:#fff; }

/*?�색 그라?�이??버튼 배경*/
.ctrl_btn.gradation_gray { border:1px solid #d6d6d6; background-color:#fff; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #f6f6f6 100%); background-image:-o-linear-gradient(top bottom, #fff7 0%, #f6f6f6 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background-image:linear-gradient(to bottom,#fff,#f6f6f6); background-repeat:repeat-x; color:#666; }
/*?��? 버튼 배경*/
.ctrl_btn.background_white{ border: 1px solid #d6d6d6; background-color: #fff; color:#000; }
/*?�색 버튼 배경*/
.ctrl_btn.background_gray { border:1px solid #ccc; background-color:#dcdcdc; background-image:-webkit-linear-gradient(top bottom, #ececec 0%, #dcdcdc 100%); background-image:-o-linear-gradient(top bottom, #ececec 0%, #dcdcdc 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dcdcdc)); background-image:linear-gradient(to bottom,#ececec,#dcdcdc); background-repeat:repeat-x; color:#666; }

/*?�색 버튼 배경*/
.ctrl_btn.background_indigo { background-color: #434159; color:#fff; }


/*주황 그라?�이??버튼 배경*/
.ctrl_btn.gradation_orange { display:inline-block; box-sizing:content-box; *display:inline; position:relative; width:220px; height:21px; padding:15px 0; margin:5px 15px; border-radius:30px; background-color:#ff4e00; background:linear-gradient(to bottom,#ff4e00,#dc2900); color:#fff; font-size:20px; font-weight:bold; line-height:23px;  box-shadow:2px 3px 2px 0px rgba(0, 0, 0, 0.4); }
.ctrl_btn.gradation_orange > i { color:#fff; font-size:17px; vertical-align:middle; }

/*?�주??그라?�이??버튼 배경*/
.ctrl_btn.gradation_yorange { display:inline-block; box-sizing:content-box; *display:inline; position:relative; width:220px; height:21px; padding:15px 0; margin:5px 15px; border:1px solid #ff6123; border-radius:30px; background-color:#ff9530; background:linear-gradient(to bottom,#ff9530,#ff6123); color:#fff; font-size:20px; font-weight:bold; line-height:23px;  box-shadow:2px 3px 2px 0px rgba(0, 0, 0, 0.4); }
.ctrl_btn.gradation_yorange > i { color:#fff; font-size:17px; vertical-align:middle; }

/*�?��??그라?�이??버튼 배경*/
.ctrl_btn.gradation_blueviolet { display:inline-block; *display:inline; border:1px solid #384064; border-radius:5px; box-sizing: border-box; background-color:#58639b; background:linear-gradient(to bottom,#58639b,#32395c); color:#fff; }
.ctrl_btn.gradation_grayviolet { display:inline-block; *display:inline; border:1px solid #acb0ca; border-radius:5px; box-sizing: border-box; background-color:#bfc2d4; background:linear-gradient(to bottom,#e6e8f1,#bfc2d4); color:#13172c; }

/*?�하??그라?�이??버튼 배경 */
.ctrl_btn.gradation_pastelblue { display:inline-block; *display:inline; position:relative; width:220px; height:21px; padding:15px 0; margin:5px 15px; border:1px solid #ff6123; border-radius:30px; background-color:#cfd9f7; background:linear-gradient(to bottom,#cfd9f7,#8797c8); color:#333; font-size:20px; font-weight:bold; line-height:23px;  box-shadow:2px 3px 2px 0px rgba(0, 0, 0, 0.4); }
.ctrl_btn.gradation_pastelblue > i { color:#333; font-size:17px; vertical-align:middle; }

/* ?�색 ?�인 버튼 */
.ctrl_btn.border_indigo { border:1px solid #434159; border-radius:45px; background:none; color:#434159; font-size:19px; font-weight:600; text-align:center; vertical-align:middle; cursor:pointer; }


/* 게시???�이�??�벨 */
/* NEW ?�랑 */.label_new_yellow{ display:inline-block; width:20px; height:18px; padding:0px; margin-right:3px; border-radius:3px; background:#ffba00; color:#fff; font-size:13px; font-weight:bold; text-align:center; line-height:18px; }
/* NEW 주황 */.label_new_orange{ display:inline-block; width:20px; padding:2.5px 0; margin-right:3px; border-radius:3px; background:#ff4e00; color:#fff; font-size:13px; font-weight:bold; text-align:center;line-height:18px; }
/* HIT 주황 */.label_hit_orange { display:inline-block; width:30px; height:18px; padding:0px; margin-left:3px; border-radius:3px; background:#ff4e00; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:18px; text-indent:-1px; }
/* ??ex)1??*/.label_episode_orange { display:inline-block; width:30px; padding:2.5px 0; margin-right:3px; border-radius:3px; background:#ff4e00; color:#fff; font-size:12px; font-weight:bold; text-align:center; }
/* ?�인??*/.label_point_gray{ display:inline-block; width:20px; padding:1px 0; margin-right:3px; border-radius:3px; background:#aaaaaa; color:#fff; font-size:13px; font-weight:bold; text-align:center; vertical-align:top; }
/* ?�네???�을경우 ?��?지 ?�이�?*/ .label_fileimg { width:13px; height:12px; margin-top:3px; background-image:url(../images/control/ctrl_fileimg.jpg); font-size:0px; color:transparent; overflow:hidden; }

/* 종목 기간 ?�벨 */
.label_stock{ display:inline-block; border-radius:60px; padding:3px 0; min-width:50px; padding:3px 0; color:#fff; font-size:14px; text-align:center; vertical-align:text-bottom; }
/* ?�기 */.label_stock.single { background:#ff7a00; }
/* ?��? */.label_stock.short { background:#405e9c; }
/* 중기 */.label_stock.middle { background:#3fa098; }
/* ?�기 */.label_stock.long { background:#73c3dd; }


/* 방송 ?�태 */
.label_broadcast { display:inline-block; padding:1.5px 7px 1.5px 7px; border-radius:3px; color:#fff; font-size: 11px; font-weight:bold; line-height:1.364; text-align:center; vertical-align:text-bottom; }
/* ?�을경우 */.label_broadcast.small { min-width:75px; }
/* ?�경??*/.label_broadcast.big { min-width:100px; }

/* 방송�?*/.label_broadcast.on_air { background:#ff4e00; }
/* 방송준�?*/.label_broadcast.stand_by { background:#f09614; }
/* 방송종료 */.label_broadcast.end { background:#9d9d9d; }
/* 추�?방송�?*/.label_broadcast.add { background:#285dad; }

/* 구독?�태 */
.label_subscription { position:relative; bottom:-1px; width:75px; padding:4.5px 0 3.5px 0; padding:5px 0 2px 0 \9; border-radius:25px; border:0; color:#fff; font-size:12px; font-weight:bold; text-align:center; cursor:pointer; }
/* 구독가??*/.label_subscription.possible { background:#285dad; }
/* 구독�?*/.label_subscription.ing { background:#454b5b; }
/* 구독?�한 */.label_subscription.limit { background:#aeadb9; }

/* 종목 경향 */
.label_tendency { display:inline-block; width:42px; height:22px; border:1px solid #eaeaea; border-radius:3px; background-color:#f3f3f3; background:linear-gradient( to bottom, #fff, #f3f3f3); font-size:14px; font-weight:bold; line-height:20px; text-align:center; }
/* ?�기 */.label_tendency.shorterm{ color:#dc3a2a; }
/* ?�급 */.label_tendency.supply{ color:#5a7092; }
/* 종�? */.label_tendency.closing_price{ color:#c41ab2; }
/* ?�마 */.label_tendency.theme{ color:#fe7d29; }
/* 추세 */.label_tendency.trends{ color:#8c4d34; }
/* ?�력 */.label_tendency.influence{ color:#3268ba; }
/* 차트 */.label_tendency.chart{ color:#4299e4; }
/* ?��? */.label_tendency.goodprice{ color:#e44292; }
/* ?�윙 */.label_tendency.swing{ color:#e9a400; }

/* ?�시보기 */.ctrl_btn_replay{ display:block; width:82px; margin:0 auto; background-color:#434159; color:#fff; font-size:13px; font-weight:bold; line-height:28px; text-align:center; }
/* 채팅보기 */.ctrl_btn_viewchat{ display:block; width:82px; margin:0 auto; background-color: #5b5b5b; background: linear-gradient( to bottom, #6b6b6b, #484848); color:#fff; font-size:13px; font-weight:bold; line-height:28px; text-align:center; }
/* PLAY */.ctrl_btn_play{ display:block; position:relative; width:82px; padding-right:15px; margin:0 auto; background-color: #5b5b5b; background: linear-gradient( to bottom, #545454, #393939); color:#fff; font-size:13px; font-weight:bold; line-height:28px; text-align:center; }
.ctrl_btn_play > i { position:absolute; top:7px; right:11px; font-size:10px; padding:1px 1px 1px 3px; border:1px solid #fff; border-radius:50%; background-color:#fff; color:#5b5b5b; }

.ctrl_btn_replay:hover,
.ctrl_btn_replay:active,
.ctrl_btn_replay:visited,
.ctrl_btn_viewchat:hover,
.ctrl_btn_viewchat:active,
.ctrl_btn_viewchat:visited,
.ctrl_btn_play:hover,
.ctrl_btn_play:active,
.ctrl_btn_play:visited { color:#fff; }

/* 추천종목(?�음) */.ctrl_btn_recommended_products.small{ display:inline-block; width:80px; padding:2px 5px; color:#0a5ebf; border:1px solid #0a5ebf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ebf3fb; background:linear-gradient( to bottom, #fff, #ebf3fb); text-align:center; font-weight:bold; }
/* ?�원?�기(?�음) */.ctrl_btn_sponsoring.small{ display:inline-block; width:80px; padding:2px 5px; color:#1c1c1e; border:1px solid #aeadb9; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; }
.ctrl_btn_sponsoring.small span.btn_text { position:relative; padding-left:13px; }
.ctrl_btn_sponsoring.small span.btn_text > i { position:absolute; top:2px; left:0; color:#27488e; font-size:11px; }
/* 추천종목(?? */.ctrl_btn_recommended_products.big{ display:block; width:172px; padding:4px 5px; color:#0a5ebf; background-color:#ebf3fb;  background:linear-gradient( to bottom, #fff, #ebf3fb); border:1px solid #0a5ebf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; font-weight:bold; }
/* ?�원?�기(?? */.ctrl_btn_sponsoring.big{ display:block; width:172px; padding:4px 5px; color:#1c1c1e; border:1px solid #aeadb9; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; }
.ctrl_btn_sponsoring.big span.btn_text { position:relative; padding-left:15px; }
.ctrl_btn_sponsoring.big span.btn_text > i { position:absolute; top:4px; left:0; color:#27488e; font-size:13px; }

/* 주소복사 */.ctrl_btn_url_copy{ display:inline-block; width:82px; height:23px; border:1px solid #ccc; border-radius:5px; background:linear-gradient(to bottom,#ececec,#dcdcdc); color:#666; font-size:12px; font-weight:bold; line-height:22px; text-align:center; }
.ctrl_btn_url_copy span.btn_text { position:relative; padding-left:16px; }
.ctrl_btn_url_copy span.btn_text > i { position:absolute; top:2px; left:0; font-size:13px; }
/* 관?�멘?�등�?*/.ctrl_btn_favorite_montor { display:inline-block; width:110px; height:23px; border:1px solid #ccc; border-radius:5px; background:linear-gradient(to bottom,#ececec,#dcdcdc); color:#666; font-size:12px; font-weight:bold; line-height:22px; text-align:center; }
.ctrl_btn_favorite_montor span.btn_text { position:relative; padding-left:14px; }
.ctrl_btn_favorite_montor span.btn_text > i { position:absolute; top:1px; left:0; color:#e9240f; font-size:12px; }
/* 관?�멘??취소 */.ctrl_btn_favorite_montor.cancle { width:127px; }
.ctrl_btn_favorite_montor.cancle span.btn_text > i { top:2px; color:#989898; font-size:11px; }
/*추천?�기 버튼*/
.ctrl_btn_recommand { display:inline-block; background-color:#e33922; border:none; color:#fff; }
.ctrl_btn_write { width:10%; max-width:97px; height:51px; border-color:#d2d2d2; }
/* 마이?�이지 */
.label_ribbon { position:relative; width:40px; }
.label_ribbon_text { position:absolute; top:3px; left:50%; margin-left:-16px; color:#fff; font-size:11px; font-weight:bold; vertical-align:middle; z-index:5; }
.label_ribbon_inner { display: block; width:30px; color:rgba(0,0,0,1); text-align:center; white-space:normal; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -o-text-overflow:clip; text-overflow:clip; outline:none; overflow:visible; z-index:3; }

/* ?�공 */.label_ribbon_inner.success{ border:10px solid #f23424; border-left:0 solid rgba(0,0,0,1); border-right:10px solid rgba(0,0,0,0); }
/* ?�패 */.label_ribbon_inner.fail{ border:10px solid #1b69bf; border-left:0 solid rgba(0,0,0,1); border-right:10px solid rgba(0,0,0,0); }
/* ?�익 */.label_ribbon_inner.profit{ border:10px solid #3eb826; border-left:0 solid rgba(0,0,0,1); border-right:10px solid rgba(0,0,0,0); }
/* ?�실 */.label_ribbon_inner.lose { border:10px solid #434343;  border-left:0 solid rgba(0,0,0,1); border-right:10px solid rgba(0,0,0,0); }

/* 마이?�이지 */
.label_subscribe { display:inline-block; width:120px; padding:5px 7px; border-radius:20px 20px; color:#fff; font-size:12px; font-weight:bold; text-align:center; }
/* ?�리미엄 */.label_subscribe.premium { background-color:#ff6500; }
/* ?�이�?*/.label_subscribe.live { background-color:#c00000; }
/* VOD */.label_subscribe.vod { background-color:#1f4e79; }
/* 주식리딩 */.label_subscribe.trading { background-color:#454b5b; }
/* 매매기법 */.label_subscribe.stock_reading { background-color:#f89e00; }
/* ?�프?�인 강의 */.label_subscribe.offline { background-color:#07a51d; }
/* 추천종목 */.label_subscribe.recommended_items { background-color:#e71b6d; }
/* 가?�화??*/.label_subscribe.virtual_currency { background-color:#c73fa9; }

/* 추천종목 - 추천?�유 */
.label_recommand_reason { width:76px; height:32px; padding:3px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; font-size:13px; line-height:26px; text-align:center;}
.label_recommand_reason .label_text { position:relative; padding-left:18px; font-weight:bold; }
.label_recommand_reason .label_text i { position:absolute; top:0px; left:-3px; font-size:16px; }
/* ?�기 */.label_recommand_reason.shorterm { border:1px solid #dc3a2a; background-color:#dc3a2a; background:linear-gradient(to bottom, #eb826c, #dc3a2a); }
/* ?�마 */.label_recommand_reason.theme { border:1px solid #db5829; background-color:#db5829; background:linear-gradient(to bottom, #eba16c, #db5829); }
/* ?�료 */.label_recommand_reason.item { border:1px solid #884730; background-color:#884730; background:linear-gradient(to bottom, #ba8f71, #884730); }
/* ?�적 */.label_recommand_reason.earning { border:1px solid #1f9813; background-color:#1f9813; background:linear-gradient(to bottom, #5ec54e, #1f9813); }
/* 차트 */.label_recommand_reason.chart { border:1px solid #2d7bdc; background-color:#2d7bdc; background:linear-gradient(to bottom, #6cb2eb, #2d7bdc); }
/* ?�력 */.label_recommand_reason.influence { border:1px solid #2e61b6; background-color:#2e61b6; background:linear-gradient(to bottom, #6495cf, #2e61b6); }
/* ?�량 */.label_recommand_reason.bluechip { border:1px solid #8d53c7; background-color:#8d53c7; background:linear-gradient(to bottom, #ad77d7, #8d53c7); }


/* ?��? */.label_reply { display:inline-block; width:60px; padding:7px 0px 6px 0; background-color:#ff6500; border-radius:3px; color:#fff; font-size:12px; text-align:center; text-indent:0 !important; }
/* ?��? ?��?*/.label_reply_wait { display:inline-block; width:60px; padding:7px 0px 6px 0; background-color:#778096; border-radius:3px; color:#fff; font-size:12px; text-align:center; text-indent:0 !important; }

/* 중요 */.label_board_notice { display:block; width:40px; height:20px; margin:0 auto; border-radius:3px; background:#ff4e00; color:#fff; font-size:12px; line-height:20px; text-align:center; }
/* HIT */.label_hit { display:block; width:40px; height:20px; border-radius: 3px; background:#ff4e00; color:#fff; font-size:12px; line-height:20px; text-align:center; }
/* ?�기글 */.label_popular_posts { display:block; width:40px; height:20px; border-radius:3px; border:1px solid #2d7bdc; background-color:#2d7bdc; background: linear-gradient(to bottom, #6cb2eb, #2d7bdc); color:#fff; font-size:12px; line-height:18px; text-align:center; }
/* 추천글 */.label_suggestion_posts { display:block; width:40px; height:20px; border-radius:3px; border:1px solid #dc3a2a; background-color:#dc3a2a; background: linear-gradient(to bottom, #eb826c, #dc3a2a); color: #fff; font-size: 12px; line-height:18px; text-align: center; }
/* 무료 */.label_free { display:inline-block; padding:2px 5px 0px 4px; margin-left:5px; border-radius:3px; background:#ff4e00; color:#fff; font-size:11px; line-height:1.5; text-align:center; letter-spacing: -0.5px; }


/* ??�� ?�벨 보통 */.label_ranking { display:inline-block; width:21px; height:21px; text-align:center; line-height:20px; color:#191919; font-weight:bold; border-radius:50%; background-color:#dedede; }
/* ??�� ?�벨 1??*/.label_ranking.first { color:#fff; background-color:#ff6023; }



/* IE10, IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.label_hit_orange { line-height:16.7px; text-indent:1px; }
	.label_subscribe { padding:7px 7px 3px 7px; }
	.label_broadcast { padding:3px 7px 0px 7px; }
	.label_ribbon_text { top:4px; }
}
/* 모든 Edge 버전 */
@supports (-ms-ime-align:auto) {
	.label_new_yellow { line-height:16px; text-indent:-1px; }
	.label_hit_orange { line-height:17px; }
	.label_subscribe { padding:6px 7px 4px 7px; }
	.label_ribbon_text { top:2.5px; }
}

.reading_tit.line_head{ border-bottom:2px solid #454b5b; }
.label_writer { display: inline-block; height: 25px; min-width: 148px; margin-left:10px; border: 1px solid #27448a; border-radius: 25px; background: #fff; text-align: center; color: #27448a; margin-right: 10px; line-height: 23px; vertical-align: middle; }
.disabled { cursor:not-allowed !important; opacity:0.5; }


/*교육?�비???�급)*/
.edufilter { display:inline-block; width:40px; height:20px; line-height:20px; vertical-align:middle; font-size:12px; font-weight:bold; color:#fff; text-align:center; box-sizing:border-box; }
.edufilter.level_0 { background:#ffab09; }
.edufilter.level_1 { background:#32a2ac; }
.edufilter.level_2 { background:#777fb2; }
.edufilter.level_3 { background:#503f50; }

/*교육?�비???�벨)*/
.edulabel { display:inline-block; min-width:100px; padding-top:3px; line-height:23px;vertical-align:middle; font-size:13px; color:#555; text-align:center; box-sizing:border-box; }
.edulabel.fl_r { float:right; }
.edulabel i { margin-bottom:2px; font-size:100%; vertical-align:middle; }
.edulabel.time { padding:0; min-width:55px; }

/* 2018-12-19 구독?�한 ??변�????�라?�명, 변�???- limitation */
.edulabel.restriction { padding:0; min-width:65px; }
.edulabel.limitation { width:80px; min-width:80px; height:25px; padding:0; line-height:25px; background-color:#f6f6f6; color:#666; border-radius:3px; font-size:13px; }

.edulabel.file { padding:0; min-width:75px; }
.edulabel.sub_free { min-width:40px; background:#777fb2; border-radius:3px; color:#fff; height:20px; line-height:20px; font-size:12px; padding:0; vertical-align:middle; }
.edulabel.sub_limit { height:25px; min-width:70px; background:#f6f6f6; border-radius:3px; padding:0; line-height:25px;  color:#666; }
.edulabel.sub_buy { height:25px; min-width:70px; background:#f6f6f6; border-radius:3px;  padding:0; line-height:25px; color:#e00000; }
.edulabel.lecture_ing { background:#f00000; border:1px solid #e00000; border-radius:3px; color:#fff; }
.edulabel.lecture_be { min-width:70px; height:25px; padding:0;background:#e00000; border-radius:3px; color:#fff; line-height:25px; }
.edulabel.lecture_end { min-width:70px; height:25px; padding:0; background:#ccc; border-radius:3px; color:#fff; line-height:25px; }

/* 멘토 챌린지리그 ?�즌3 - ?�청???�성 */
.mentoleague_application .league_form_wrap { width: 1020px; margin: 0 auto; letter-spacing: -0.5px; }
.mentoleague_application .league_form_wrap .tit { margin-bottom: 10px; line-height: 30px; vertical-align: middle; font-size: 22px; color: #333; }
.mentoleague_application .league_form_wrap .tit .im-check-mark-circle-o { margin-right: 2px; vertical-align: middle; color: #999;}
.mentoleague_application .league_form_wrap .tit span { color: #0a59b0;}
.mentoleague_application .league_form_wrap .txt { line-height: 25px; vertical-align: middle; color: #666; font-size: 15px;}
.mentoleague_application .league_form_wrap .agreement { padding: 7px; border: 1px solid #d9d9d9; background: #f7f7f7; }
.mentoleague_application .league_form_wrap .agreement .subttl { line-height: 16px; vertical-align: middle; color: #3972b2; font-size: 15px; padding: 10px 10px 10px 0; }
.mentoleague_application .league_form_wrap .agreement .txtarea { display: block; height: 95px; padding: 10px; border: 1px solid #e6e6e6; background: #fff; font-size: 12px; line-height: 18px; color: #8a8e99; overflow-y: scroll; white-space:pre-line; word-wrap: break-word; }
.mentoleague_application .league_form_wrap .agreement .txtarea .chapter { color: #333333; font-weight: bold;  padding: 0; margin: 0; display: inline-block;}
.mentoleague_application .league_form_wrap .agreement .txtarea .article { color: #1f54cf; font-weight: bold; }
.mentoleague_application .league_form_wrap .txt_check { line-height: 12px; margin-top: 10px; *margin-top: 5px; color: #4f4f4f; font-size: 12px; }
.mentoleague_application .league_form_wrap .txt_check input { position: relative; top: 2px; margin-right: 5px; left: 0px;}
.mentoleague_application .league_form_wrap .btn_league { display: block; width: 270px; margin: 30px auto 60px auto; line-height: 50px; vertical-align: middle; border-radius: 6px; border: 0; background: #ff8424; color: #fff; text-align: center; font-size: 22px; cursor: pointer; }

.mentoleague_application .form_img { padding: 5px 15px; }
.mentoleague_application .form_img .img_box { width: 168px; height: 168px; border: 1px solid #ddd; background: url(/images/form_img.png) center center #fff no-repeat;}
.mentoleague_application .form_img .img_btn { line-height: 28px; vertical-align: middle;  margin: 5px 0; border-radius: 3px; border: 1px solid #ccc; background: linear-gradient(to bottom, #fff,#ebebeb); text-align: center; }
.mentoleague_application .form_img .img_btn .link { display: block; font-size: 14px; color: #333;}
.mentoleague_application .form_img .txt { margin-top: 10px; line-height: 18px; color: #999; text-align: left;}
.mentoleague_application .form_img .txt small { display: block; font-size: 11px; }
.mentoleague_application .form_wtite { padding: 15px; vertical-align: middle; text-align: left;}
.mentoleague_application .form_wtite span { display: block; float: left; line-height: 30px; vertical-align: middle;}
.mentoleague_application .form_wtite .left_tit { width: 110px; line-height: 50px; text-align:left; padding: 0 0 0 20px; color: #333;  font-size: 15px;}
.mentoleague_application .form_wtite .txt { line-height: 50px; overflow: hidden; color: #666; font-weight: bold; font-size: 16px; }
.mentoleague_application .form_wtite .color { color: #999;}
.mentoleague_application .form_wtite .txt_con { margin-left: 30px; line-height: 50px; color: #999; font-size: 13px; }
.mentoleague_application .form_wtite .txt textarea { width: 628px; height: 48px; padding: 10px; margin: 0; line-height: 18px; text-align: left; border:1px solid #ddd;  font-size: 12px; color: #999; }
.mentoleague_application .form_wtite .txt input[type=checkbox] { display: inline-block; line-height: 20px; vertical-align: middle; border: #ddd; }
.mentoleague_application .form_wtite .txt b { display: inline-block; margin-right: 20px; line-height: 20px; vertical-align: middle; margin-top: 3px; font-size: 13.5px; }
.mentoleague_application .form_wtite .txt em { display: block; float: left; color:#e9240f; font-style: normal; font-weight: normal; }
.mentoleague_application .form_wtite .txt .textbox { display: block; width: 230px; height: 30px; padding: 0 5px; margin-right: 5px; border: 1px solid #ddd; }
.mentoleague_application .form_wtite .txt button { display: none; padding: 3px 10px 0 10px; line-height: 27px; vertical-align: middle; border: 1px solid #757b8a; border-radius: 3px; background: linear-gradient(to bottom, #8c93a1,#757b8a); font-size: 12px; color: #fff; }

.calc_table { vertical-align: middle; width: 100%; border-right: 1px solid #ddd;}
.calc_table caption { position: absolute; visibility: hidden; line-height: 0px; font-size: 0px; }
.calc_table th { line-height: 22px; padding: 10px 0 200px 0; border: 1px solid #ddd; background: #f6f9fa; color: #27448a; text-align: center; font-size: 13px; }
.calc_table th.gray { color: #666; background: #f4f4f4; }
.calc_table th .icon_link { display: inline-block; width: 16px; height: 16px; border: 1px solid #27448a; border-radius: 16px; vertical-align: middle; text-align: center;  color: #ee3128; background: #fff; font-size: 11px; font-weight: bold; }
.calc_table .form_agreement { padding: 15px; text-align: left; }
.calc_table td { line-height: 22px; padding-right: 5px; text-align: right; border: 1px solid #ddd; background: #fff; font-size: 12px; }

/*멘토?�블??/
.mentor_emblem li { position:relative; float:left; width:63px; height:63px; margin-left:7px; overflow:hidden; }
.mentor_emblem dl { float:right; width:60px; height:60px; margin-top:3px; font-family:BMJUA; color:#fff; font-size:14px; text-align:center; }
.mentor_emblem dl dt { margin-top:17px; line-height:20px; vertical-align:middle; color:#fff; }
.mentor_emblem dl dt b { font-size:22px; color:#fff; }
.mentor_emblem dl dd { line-height:17px; vertical-align:middle; opacity:0.8; color:#fff; font-family:'BMJUA'; }
.mentor_emblem .ranking {  background:linear-gradient(to bottom,#ff3c00,#e00800); }
.mentor_emblem .continuity {  background:linear-gradient(to bottom,#3a2eaf,#0e0879); }
.mentor_emblem .icon { display:block; position:absolute; left:0; top:0; width:20px; height:20px; }
.mentor_emblem .icon.ranking { background:url(/images/sub/ic_emblem_ranking.png) no-repeat; }
.mentor_emblem .icon.continuity { background:url(/images/sub/ic_emblem_continuity.png) no-repeat; }

/*?�담만족??/
.mentor_contentment .bar { height:7px; background:#eee; overflow:hidden; }
.mentor_contentment .bar .gauge { display:inline-block; height:7px; vertical-align:top; }
.mentor_contentment .bar .gauge.up { background:#ff6023; }
.mentor_contentment .bar .gauge.down { background:#6d7da8; }
.mentor_contentment .contentment { height:45px; padding-bottom:5px; font-size:17px; }
.mentor_contentment .contentment .tit { display:inline-block; color:#333; line-height:45px; vertical-align:middle; }
.mentor_contentment .contentment .tit i { margin-bottom:3px; font-size:90%; vertical-align:middle; }
.mentor_contentment .contentment .gauge_percent { float:right; line-height:45px; vertical-align:middle; }
.mentor_contentment .contentment .gauge_percent b { font-size:28px; }
.mentor_contentment .contentment .gauge_percent.up { color:#ff6023; }
.mentor_contentment .contentment .gauge_percent.down { color:#6d7da8; }

/*208-12-17 만족?�평가 리뉴??/
/*.satisfaction { height:40px; line-height:40px; color:#999; font-weight:500; line-height:20px; vertical-align:middle; border-top:1px solid #ddd; }
.satisfaction .satisfaction_view { float:left; width:100%; margin-right:0; line-height:36px; color:#333; font-size:12px; font-weight:bold; }
.satisfaction .satisfaction_view .im { vertical-align:text-top; font-size:12px; color:#333; margin-left:15px; margin-right:5px; }
.satisfaction .satisfaction_view .tit { display:inline-block; width:86px; color:#222; font-size:12px; }
.satisfaction .satisfaction_view .tit .im.mr { margin:0 2px!important;}
.satisfaction .bar { display:inline-block; width:130px; height:5px; margin:0 10px 3px 10px; background:#eee; text-align:left; vertical-align:middle; }
.satisfaction .bar .gauge { display:inline-block; height:5px; text-align:left; vertical-align:top; }
.satisfaction .bar .gauge.up { background:#fc914b; }
.satisfaction .bar .gauge.down { background:#6d7da8; }
.satisfaction .gauge_percent { display:inline-block; width:50px; text-align:right; font-size:14px; font-weight:500; color:#fc914b; }
.satisfaction .gauge_percent b { font-size:18px; }
.satisfaction .gauge_percent.up { color:#fc914b; }
.satisfaction .gauge_percent.down { color:#6d7da8; }
.satisfaction .satisfaction_view .not_satisfaction { float:right; color:#cccccc; font-size:12px; font-weight:bold; }*/

/* 만족???��? 결과 ?�시 그래?��?�?/
 .link.bar{position:relative; display:inline-block; width:100%; height:5px; margin:55px 0 0 0; border:0; background:#f1f1f1;}
 .location_percent {position:absolute; border:0; font-weight: normal; color: #555555; width:100%; }
 .location_percent .slider_gauge_finish { display:inline-block; position:absolute; top:-48px; left:0; transform:translateX(-50%); width:36px; height:47px; padding-bottom:13px; background: url('/images/common/but_slider.png') 50% 50% repeat-x; border:0; text-align:center; font-size:16px; color:#fff; font-weight:bold;letter-spacing:-1px; }