/* 
coder : hansync
email/gtalk : hansync@gmail.com
ver : 1.00
*/

/* Type Style */
.letter-spacing-1 { letter-spacing:-1px;}

.text_sp1 { letter-spacing:-1px;}

.text_white,
.text_white a { color:#fff; }

.text_white_1_11,
.text_white_1_11 a{color:#fff !important; font-size:11px; letter-spacing:-1px;}
.text_white_1_11 a:hover{color:#fff !important; font-size:11px; letter-spacing:-1px;}

/* Mono */

.text_black { color:#000; }

.text_gray,
a.text_gray { color:#666; }

.text_gray_1_11,
.text_gray_1_11 a{color:#333 !important; font-size:11px;}

.text_gray_2_11,
.text_gray_2_11 a{color:#666 !important; font-size:11px;}

.text_gray_3_11,
.text_gray_3_11 a{color:#999 !important; font-size:11px;}

.text_gray_4_11,
.text_gray_4_11 a{color:#ccc !important; font-size:11px;}

.text_gray_1_11 a:hover,
.text_gray_2_11 a:hover,
.text_gray_3_11 a:hover,
.text_gray_4_11 a:hover{ color: #000 !important; font-size:11px;}


.text_gray_1_12,
.text_gray_1_12 a{ color:#333 !important; font-size:12px;}

.text_gray_2_12,
.text_gray_2_12 a{color:#666 !important; font-size:12px;}

.text_gray_3_12,
.text_gray_3_12 a{color:#999 !important; font-size:12px;}

.text_gray_4_12,
.text_gray_4_12 a{color:#ccc !important; font-size:12px;}

.text_gray_1_12 a:hover,
.text_gray_2_12 a:hover,
.text_gray_3_12 a:hover,
.text_gray_4_12 a:hover{ color: #000 !important; font-size:12px;}

.text_gray_1_13,
.text_gray_1_13 a { color:#333 !important; font-size:13px; }

.text_info_add { font-size: 13px;  color: #9d9d9d;}


.text_lightGray { color:#666; }
.text_lightGray2 { color:#9d9d9d; }

/* Yellow */
.text_yellow_1_11,
.text_yellow_1_11 a{ color:#ffe400 !important;}
.text_yellow_1_11 a:hover{ color:#ffe400 !important;}

.text_yellow,
.text_yellow a { color:#FFB706;}



/* Blue */
.text_blue_dark_1_11,
.text_blue_dark_1_11 a{ color:#3b7dc2; font-size:11px; letter-spacing:-1px;}
.text_blue_dark_1_11 a:hover{ color:#3b7dc2; font-size:11px; letter-spacing:-1px;}

.text_blue_dark_2_11,
.text_blue_dark_2_11 a{ color:#1a3d62; font-size:11px; letter-spacing:-1px;}
.text_blue_dark_2_11 a:hover{ color:#1a3d62; font-size:11px; letter-spacing:-1px;}

.text_blue_white_1_11,
.text_blue_white_1_11 a{ color:#8fa8c2; font:11px; letter-spacing:-1px;}
.text_blue_white_1_11 a:hover{ color:#8fa8c2; font:11px; letter-spacing:-1px;}



/* blue */
.text_blue_1_11,
.text_blue_1_11 a{ color:#3570cf !important; font-size:12px; }
.text_blue_1_11 a:hover{ color:#3570cf !important; font-size:12px;}

.text_blue_1_12,
.text_blue_1_12 a { color:#3570cf !important; font-size:13px; }
.text_blue_1_12 a:hover{ color:#3570cf !important; font-size:13px; }

.text_blue_15,
.text_blue_15 a
.text_blue_15 a:hover { color:#3570cf; font-size:15px; }

.text_blue,
.text_blue a
.text_blue a:hover { color:#3570cf; }

/* Green */

.text_green,
.text_green a { color:#22ab6b; }

.text_green_1_11,
.text_green_1_11 a{ color:#22ab6b !important; font-size:12px; }
.text_green_1_11 a:hover{ color:#22ab6b !important; font-size:12px; }

.text_green_1_12,
.text_green_1_12 a{ color:#22ab6b !important; font-size:14px; }
.text_green_1_12 a:hover{ color:#22ab6b !important; font-size:14px; }

.text_green_2_12,
.text_green_2_12 a{ color:#22ab6b !important; font-size:13px; }
.text_green_2_12 a:hover{ color:#22ab6b !important; font-size:13px; }

.text_green_1_13,
.text_green_1_13 a{ color:#22ab6b !important; font-size:15px; }
.text_green_1_13 a:hover{ color:#22ab6b !important; font-size:15px; }

.text_green_1_18,
.text_green_1_18 a{ color:#22ab6b !important; font-size:18px; }
.text_green_1_18 a:hover{ color:#22ab6b !important; font-size:18px; }


/* dark gray text */

.text_dark,
.text_dark a { color: #222; }


/* red */
.text_red,
.text_red a { color:#f62222; }

.text_red_1_11,
.text_red_1_11 a{ color:#f62222 !important; font-size:11px;}
.text_red_1_11 a:hover{ color:#f62222 !important; font-size:11px;}

.text_red_1_12,
.text_red_1_12 a{ color:#f62222 !important; font-size:14px;}
.text_red_1_12 a:hover{ color:#f62222 !important; font-size:14px;}

.text_red_1_13,
.text_red_1_13 a{ color:#f62222 !important; font-size:13px;}
.text_red_1_13 a:hover{ color:#f62222 !important; font-size:13px;}

.text_red_1_15,
.text_red_1_15 a{ color:#f62222; font-size:15px;}
.text_red_1_15 a:hover{ color:#f62222; font-size:15px;}


/* black */
.text_black  { color: #000; }


/* lecture */
.text_lecture16,
.text_lecture16 a{ color:#3f8fe4 !important; font:16px dotum !important; font-weight:bold !important; letter-spacing:-1px;}
.text_lecture16 a:hover{ color:#0096ff !important; font:16px dotum !important; font-weight:bold !important; letter-spacing:-1px;}

.text_lecture14,
.text_lecture14 a{ color:#3f8fe4 !important; font:14px dotum !important; font-weight:bold !important; letter-spacing:-1px;}
.text_lecture14 a:hover{ color:#0096ff !important; font:14px dotum !important; font-weight:bold !important; letter-spacing:-1px;}

.text_lecture12,
.text_lecture12 a{ color:#3f8fe4 !important; font:12px dotum !important; font-weight:bold !important; letter-spacing:-1px;}
.text_lecture12 a:hover{ color:#0096ff !important; font:12px dotum !important; font-weight:bold !important; letter-spacing:-1px;}


/* Lecture Now Status */
.status_playing, 
.status_playing a { font-weight:555; color:#0f78e7 !important;}
.status_standby, 
.status_standby a { font-weight:555; color:#5d6b7a !important; }
.status_end,
.status_end a { font-weight:555; color:#999999 !important; }


/* Number of COLOR */

.text_number_date {font:11px tahoma !important; color:#999999 !important;}

.numbergreen,
.numbergreen a{ font-size:13px; color:#71b437 !important}
.numberblue,
.numberblue a{ font-size:13px; color:#20a7d4 !important}
.numberorange, 
.numberorange a{ font-size:13px; color:#f08239;}
.numberred, 
.numberred a{ font-size:13px; color:#f62222 !important}
.numberredLarge, 
.numberredLarge a{ font-size:14px !important; color:#f62222 !important}

.text_number_sort {padding:5px;margin:0 5px 0 0; border:1px solid #e0e0e0; background-color:#fff; font-size:18px; font-weight:bold; color:#71b437;}




/* board text set */
.text_board_num_comment { color: #68B83D; font-weight:bold; font-size:9px !important;}
.text_board_num_comment {}


/* decoration */

.underLine { text-decoration: underline; }

/* Anchor Style */
a{color: #3570cf; }
a:link, a:visited, a:active{text-decoration: none; }
a:hover{text-decoration: underline; }
a.more{white-space: nowrap; padding-right: 10px; background: url(../img/arrows/morearrow_08c.gif) no-repeat 100% 50%; }
a[rel="external"], a.external{white-space: nowrap; padding-right: 15px; background: url(../img/icons/external10x10.gif) no-repeat 100% 50%;}
strong, b{font-weight: 500; }

a.pdf{background: url(../img/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.html{background: url(../img/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.qt{background: url(../img/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.ical{background: url(../img/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dl{background: url(../img/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dmg{background: url(../img/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.zip{background: url(../img/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.keynote{background: url(../img/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.audio{background: url(../img/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }



.text_whitegray_11_1 {color: #22ab6b; font-size:13px; line-height:18px; letter-spacing:-0.5px; font-weight: 400; }
.text_whitegray_11_1 i { padding-left:5px;}
.isAnswer {background:url(../img/icon/extra/isAnswer.png) no-repeat center center}
.isWrong {background:url(../img/icon/extra/isWrong.png) no-repeat center center}


/*폰트 사이즈 */

.fontSize12 { font-size:12px; }
.fontSize13 { font-size:13px; }
.fontSize14 { font-size:14px; }
.fontSize15 { font-size:15px; }
.fontSize16 { font-size:16px; }
.fontSize20 { font-size:20px; }


/* 폰트 굵기 */

.fontWeight400 { font-weight: 400; }
.fontWeight500 { font-weight: 500; }

/* bullet 묹단 */
.text-exc:before,
.bullet_exc:before { content:"\f06a"; font-family: fontawesome; margin-right: 5px; }

#AllOrderItemCheck, 
.ChkGroup { display: inline-block; background-color: #f6f6f6; color:#666; text-decoration: none; font-size: 12px; padding: 1px 5px; margin-right: 8px; border-radius: 2px; border: 1px solid #cbcbcb; }
#AllOrderItemCheck:hover { cursor:pointer; }
#AllOrderItemCheck:after,
.ChkGroup:after { content:"\f00c"; font-family: fontawesome; margin-left: 3px; font-size: 11px; }
.select_group { background: #fff; color: #FFFFFF; border: none; }

.downloadIcon:before { content:"\f019 "; font-family: fontawesome; margin-right: 5px; color:#3570cf; font-size:10px; }
.moveToRight:before { content:"\f105 "; font-family: fontawesome; margin-right: 5px; color:#fff; font-size:10px; background-color: #3570cf; display: inline-block; width: 16px; height:16px; line-height: 16px; }