@charset "utf-8";

/*
-----------------------------------------------------------------
.Name : common.css
.Content : Reset, Global, Layout, Contents
-----------------------------------------------------------------
*/

/* 캄보디아어 폰트 */
@font-face {
 font-family: 'khmer';
 font-style: normal;
 src: url('../css/font/khmer/KhmerUI.eot')}

@font-face {
 font-family: 'khmer';
 font-style: normal;
 src: url('../css/font/khmer/KhmerUI.eot') format('embedded-opentype'),
 url('../css/font/khmer/KhmerUI.woff') format('woff'),
 url('../css/font/khmer/KhmerUI.ttf') format('truetype')
}

/* reset */
html, body {height:100%; -webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {font-size:100%}
html, body, div, iframe, form, fieldset, legend, input, select, button, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0}
ol, ul, li {list-style:none}
img, fieldset {border:0 none}
input, button, select, textarea, label {vertical-align:middle; resize:none}
input, textarea {-webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px}
input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer}
button {border:0 none; background:transparent; cursor:pointer}
table {border-collapse:collapse; border-spacing:0}
address, em, optgroup {font-style:normal}
hr {display:none}
legend, .hide {position:absolute; top:0; left:-99999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
caption {width:0; height:0; font-size:0; line-height:0; text-indent:-99999px; overflow:hidden}
pre {white-space: pre-line !important}
.blind {position:absolute; top:0; left:0; width:1px; height:1px; text-indent:10px; white-space:nowrap; overflow:hidden}
.hide {width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
/* default_font */
body, input, select, button, textarea, table {color:#333; font-size:12px; font-family: Verdana, Arial, Padauk, 'khmer', 'Khmer UI', Parabaik, Myanmar3, Myanmar2, Myanmar1, MyMyanmar, Thanlwin, 'Masterpiece Uni Sans', Zawgyi-one, Sans-serif}
/* default_link */
a {color:#333; text-decoration:none}

/* skip_navi */
#skip_navi{position:absolute; left:0; top:0; width:100%; z-index:200}
#skip_navi li{position:absolute; left:0; top:0;  width:100%; z-index:5}
#skip_navi a{display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden}
#skip_navi a:active, #skip_navi a:focus{width:100%; height:auto; padding:5px 0; background:#f5f5f5; font-size:1em; text-align:center}

/* ---------- BUTTON ---------- */
	.btnspace .btn, .btnspace button {margin-left:2px}
	.btnspace .btn:first-child{margin-left:0}
	.btn_r {margin-top:6px; text-align:right}
	.btn_r2 {margin:10px 0 20px; text-align:right}
	.btn_r3 {margin-top:10px; text-align:right}
	.bt {display:inline-block; vertical-align:middle}
	button.dim, .btn.dim {opacity:0.5; filter:alpha(opacity=50); cursor:default}
	/* size(mediem, large, small, xsmall) */
	.btn {display:inline-block; padding:2px 10px 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; font-weight:bold}
	
	.btn.btn_lg {padding:5px 10px 6px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
	
	.btn_sm {display:inline-block; height:19px; padding:0 5px; border:1px solid #919bad; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; color:#414146; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x}
	button.btn_sm {height:21px}
	.btn_xsm {display:inline-block; height:19px; padding:0 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center}
	button.btn_xsm {height:21px}
	/* colorType */
	.btn_white {border:1px solid #b4b4b4; border-bottom-color:#aaa; border:1px solid #b4b4b4; -moz-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); -webkit-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); box-shadow:inset 0px -1px 0 rgba(233,233,233,1); background:#fff; color:#202020}
	.btn_gray {height:19px; padding-top:0 !important; padding-bottom:0 !important; line-height:19px; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
	.btn_gray2 {height:19px; padding-top:0 !important; padding-bottom:0 !important; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3); font-size: 11px; line-height:19px; font-family:Tahoma}
	.btn_darkgray {padding-top:0 !important; padding-bottom:0 !important; height:19px; line-height:19px; border:1px solid #414146; border-bottom-color:#4d4d52; background:#49525c; background:-moz-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #5e6672), color-stop(100%, #49525c)); background:-webkit-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-ms-linear-gradient(top, #5e6672 0%, #49525c 100%); background:linear-gradient(to bottom, #5e6672 0%, #49525c 100%); -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
	button.btn_gray, button.btn_gray2, button.btn_darkgray {height:21px}
	.btn_darkgray_n {padding:2px 10px 3px; border:1px solid #414146; border-bottom-color:#4d4d52; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#444b56 url('../images/common/bg_noise_darkgray.gif') repeat-x; -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
	.btn_xsm.white {border:1px solid #919bad; background:#e9e9e9; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x; color:#414146}
	.btn_round_sm {height:21px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; color:#8d8c91}
	.btn_round_sm.white {border:1px solid #aaa; background:#fff}
	.btn_rud {height:19px; margin:0 1px; padding:0 3px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; color:#8d8c91; font-size:11px; line-height:19px;  font-family:Tahoma}
	button.btn_rud {height:21px}
 
	/* txtFix */
	span.fixsize {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top}
	button.btn_classify_lookup span.fixsize {width:106px}
	button.btn_reset span.fixsize {width:70px}
	button.btn_classify_selec span.fixsize {width:65px}
	/* button groups */
	.btn_grp {display:inline-block; border:1px solid #c2c2c2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
	/* functionType */
	.btn_state_close {margin-left:9px; padding:2px 5px; border:1px solid #63718a; background:#dadfe5; color:#63718a; font-weight:bold; font-size:9px; font-family:Tahoma;  #padding:1px 5px}
	.btn_con_sear {margin-left:9px}
	button.btn_search {width:30px; padding:0}
	.btn_sear {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -74px -23px}
	.btn_sear2 {width:25px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -194px -23px}
	.btn_goto {display:inline-block; padding:4px 10px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #848484; border-bottom:1px solid #848484; background:#fff; -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(0,0,0,0.1); color:#495AC8;/*font:11px/1.1 Arial*/}
	.btn_goto span {padding-right:8px; background:url('../images/common/bul_arr_dot.png') no-repeat 100% 50%; font-weight:bold;}
	.btn_plus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat 0 -56px}
	.btn_plus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -64px -56px}
	.btn_minus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -32px -56px}
	.btn_minus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -92px -56px}
	.btn_setting {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -34px -89px}
	.btn_setting2 {width:17px; height:17px; background:url('../images/common/spr_icon.png') no-repeat -195px -89px; vertical-align: baseline}
	.btn_more {display:inline-block; width:37px; height:13px; background:url('../images/common/spr_btn.png') no-repeat -74px 0}
	.btn_show {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -87px}
	.btn_hide {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -115px}
	.btn_setting_t {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -115px}
	.btn_play {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -87px}
	.btn_play.dim {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -87px}
	.btn_completed {width:75px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -115px}
	.btn_confirm {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -120px -56px}
	.btn_cancel {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -217px -56px}
	.btn_edit {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -153px -56px}
	.btn_del {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -185px -56px}
	.btn_sdel {width:9px; height:9px; background:url('../images/common/spr_btn.png') no-repeat -55px 0}
	.btn_excel {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -114px -23px}
	.btn_mailto {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -154px -23px}
	.btn_remove {width:25px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -61px -143px; #margin-right:4px} 
	
/* ---------- ICON ---------- */
	.icon {display:inline-block; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline}
	button .icon {#display:block}
	.ico {display:inline-block; vertical-align:middle; text-align:center}
	.icon_num {margin-bottom:2px; padding:1px 5px 2px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#e75254; color:#fff; font:10px Tahoma}
	/* imgType */
	.icon_arr_down {width:11px; height:8px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -57px 0}
	.icon_arr_down2 {width:7px; height:4px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -90px 0}
	.icon_arr_lidown {display:inline-block; width:10px; height:7px; margin-right:5px; background:url('../images/common/spr_icon.png') no-repeat -155px 0}
	.icon_arr_liup {display:inline-block; width:10px; height:7px; margin-right:5px; background:url('../images/common/spr_icon.png') no-repeat -175px 0}
	.icon_sear {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat 0 -89px; vertical-align:top; margin-top:2px}
	.menu_area ul.menu .icon_report {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat 0 -114px}
	.menu_area ul.menu .icon_discussion {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -31px -114px}
	.menu_area ul.menu .icon_evaluation {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -63px -114px}
	.menu_area ul.menu .icon_quiz {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -96px -114px}
	.menu_area ul.menu .icon_survey {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -129px -114px}
	.menu_area ul.menu .icon_board {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -162px -114px}
	.menu_area ul.menu .icon_contents {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -194px -114px}
	.menu_area ul.menu .icon_gdocs {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -226px -114px}
	.menu_area ul.menu .icon_lti {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -258px -114px}
	.icon_report {width:16px; height:16px; background:url('../images/common/icon_report.png') no-repeat}
	.icon_discussion {width:17px; height:16px; background:url('../images/common/icon_discussion.png') no-repeat}
	.icon_evaluation {width:16px; height:16px; background:url('../images/common/icon_test.png') no-repeat}
	.icon_quiz {width:16px; height:16px; background:url('../images/common/icon_quiz.png') no-repeat}
	.icon_survey {width:16px; height:16px; background:url('../images/common/icon_survey.png') no-repeat}
	.icon_board {width:16px; height:16px; background:url('../images/common/icon_board_default.png') no-repeat}
	.icon_contents {width:16px; height:16px; background:url('../images/common/icon_contents.png') no-repeat}
	.icon_gdocs {width:16px; height:16px; background:url('../images/common/icon_gdocs.png') no-repeat}
	.icon_lti {width:16px; height:16px; background:url('../images/common/icon_lti.png') no-repeat}
	.icon_mobile {width:8px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -58px -89px}
	.icon_like {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -76px -89px}
	.icon_scrap {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -100px -89px}
	.icon_start {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -124px -89px}
	.icon_filedown {width:11px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -148px -89px}
	.icon_n {width:15px; height:15px; background:url('../images/common/spr_icon.png') no-repeat -159px -144px}
	.icon_lec_search {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -184px -144px}
	.icon_notice {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -214px -144px}
	.icon_qna {width:21px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -244px -143px}
	.ico_file {vertical-align:-3px}
	/* txtType */
	.icon_t_videofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -144px}
	.icon_t_audiocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -75px}
	.icon_t_discussiontopic {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -214px}
	.icon_t_etc {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -191px}
	.icon_t_file {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -214px}
	.icon_t_image {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -167px}
	.icon_t_lti {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -121px}
	.icon_t_unit {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -191px}
	.icon_t_weblink {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -75px}
	.icon_t_flashmedia {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -144px}
	.icon_t_webcontents {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -98px}
	.icon_t_videocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -121px}
	.icon_t_audiofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -98px}
	.icon_t_unititem {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -167px}
	.icon_reuse {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -120px -283px}
	.icon_new {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px}
	.icon_new2 {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px}
	.icon_default {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -24px}
	.icon_sync {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -40px}
	.icon_standby {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat 0 0}
	.icon_standby2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -166px 0}
	.icon_completed {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat -83px 0}
	.icon_completed2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -243px 0}
	.icon_t_common {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -24px}
	.icon_t_qna {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -24px}
	.icon_t_data {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -24px}
	.icon_t_notice {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -40px}
	.icon_t_1vs1 {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -40px}
	.icon_t_schedule {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -40px}
	.icon_t_1vs1_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -237px}
	.icon_t_schedule_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -237px}
	.icon_t_notice_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -237px}
	.icon_t_common_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -260px}
	.icon_t_qna_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -260px}
	.icon_t_data_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -260px}
	.icon_t_unscored {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -121px}
	.icon_t_submitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -98px}
	.icon_t_notsubmitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -75px}
	.icon_t_yes {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -56px}
	.icon_t_no {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -265px -56px}
	.icon_t_connected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -144px}
	.icon_t_disconnected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -167px}
	.icon_t_learning {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -191px}
	.icon_t_cancel {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -214px}
	.icon_t_join {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -237px}
	.icon_t_dropout {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -260px}
	.icon_t_on {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -144px -56px}
	.icon_t_off {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -181px -56px}
	.icon_t_copy {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -283px}
	.icon_t_essay {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -283px}
	.icon_t_multiple {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -301px}
	.icon_t_accepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -283px}
	.icon_t_notaccepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -301px}
	.icon_t_shared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -319px}
	.icon_t_notshared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -337px}

/* ---------- FORM ---------- */
	.inp_txt, .inp_txta {border:1px solid #bebebe; background:#fff}
	.inp_txtb {border:1px solid #bebebe; background:#fff; display:inline-block; width:53%; margin: 0 14px 0 10px;}
	span.inp_txt {display:inline-block} 
	input.intxt {width:auto; height:21px; padding:0 5px;  border:1px solid #bebebe; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
	.inp_txt input {width:100%; height:19px; padding:0 5px; border:0; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
	.inp_txtb input {width:100%; height:19px; padding:0 5px; border:0; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
	.inp_txt textarea, .inp_txta textarea {width:100%; padding:5px; border:0; overflow:auto; color:#666; line-height:18px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
	input:focus, textarea:focus {color:#333}
	label.space {margin-left:11px}
	label.space_r {margin-right:11px}
	label.space_r2 {margin-right:6px}
	textarea.txtarea_h52 {height:52px}
	textarea.txtarea_h65 {height:65px}
	textarea.txtarea_h78 {height:78px}
	textarea.txtarea_h85 {height:85px}
	textarea.txtarea_h102 {height:102px}
	textarea.txtarea_h152 {height:152px}
	textarea.txtarea_h190 {height:190px}
	.w35 {width:35px !important}
	.w40 {width:40px !important}
	.w100 {width:100px !important}
	.w160 {width:160px !important}
	.w190 {width:190px !important}
	.w240 {width:240px !important}
	.w400 {width:400px !important}
	.w310 {width:310px !important}

	.write_box {position:relative}
	.write_box .inp_txt {margin-right:85px}
	.write_box .inp_txt textarea, .write_box2 .inp_txt textarea {height:77px}
	.write_box button {position:absolute; top:0; right:0; width:80px; height:79px}

	/* file_search */
	.file_add{position:relative}
	.file_add:after{content:""; display:block; clear:both;}
	.file_add .inser_file{margin:0 58px 0 0; color:#999;}
	.file_add .inser_file img{vertical-align:middle;}
	.file_add .btn_file{position:absolute; top:0; right:0; display:inline; height:19px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center}
	.file_add .btn_file span.fixsize {width:51px; color:#8d8c91; font-size:11px; line-height:19px; font-family:Tahoma}
	.file_add .btn_file .file-search{position:absolute; top:0; right:0; width:155px; height:19px; opacity:0; filter:alpha(opacity=0); cursor:pointer}

	.file_add2{position:relative; height:28px}
	.file_add2 .btn_file{position:absolute; top:0; left:0; display:inline; height:28px; overflow:hidden; cursor:pointer; text-align:center}
	.file_add2 .btn_file span {display:inline-block; width:91px; font-family:Tahoma}
	.file_add2 .btn_file .file-search{position:absolute; top:0; right:0; width:155px; height:27px; opacity:0; filter:alpha(opacity=0); cursor:pointer}

	.file_add3 {margin-top:5px; text-align:center}
	.file_add3 .btn_file {position:relative; display:inline-block; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center; vertical-align:middle; *zoom:1; *display:inline}
	.file_add3 .btn_file span {display:inline-block; padding:0 5px; color:#8d8c91; font-size:11px; line-height:19px; font-family:Tahoma}
	.file_add3 .btn_file .file-search{position:absolute; top:0; right:0; width:150px; height:19px; opacity:0; filter:alpha(opacity=0); cursor:pointer}
	.file_add3 .btn_filedel {display:inline-block; height:21px; padding:0 5px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; color:#8d8c91; font-size:11px; font-family:Tahoma}

	.fileadd_list li {margin-bottom:5px}
	.fileadd_list .file_add .inser_file {margin:0 81px 0 0}
	.fileadd_list .file_add .btn_file {right:25px}
	.fileadd_list .btn_plus, .fileadd_list .btn_minus {position:absolute; top:0; right:0}

	table.board_modify td {padding-left:0 !important; padding-right:0 !important}
	table.board_modify tr.tit .inp_txt {margin:0 10px}
	table.board_modify .fileadd_list, table.board_modify .txt_default, table.board_modify .attached_wrap {padding:0 10px}
	.attached_wrap {border-top:1px dashed #c8d2df}
	ul.attached_list li {margin-top:5px}
	ul.attached_list li em {padding:0 2px; color:#999}

	.sear_wrap {position:relative}
	.sear_wrap p.inp_txt {margin-right:30px}
	.sear_wrap .btn_sear2 {position:absolute; top:0; right:0}

	/* datepicker */
	.period_set {margin-bottom:8px}
	.date_area input.datepicker {width:65px; height:19px; padding:0 3px; border:1px solid #bebebe; color:#666; font-size:11px; font-family:Tahoma; line-height:19px}	
	.date_area img {position:relative; vertical-align:middle}
	.date_area img.btn_calendar {cursor:pointer}
	#ui-datepicker-div {z-index:999 !important}
	#ui-datepicker-div .ui-widget-header {border:1px solid #d40000; background:#e75254}
	#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-active,  #ui-datepicker-div .ui-widget-header .ui-state-focus {border:1px solid #e75254; background:none; cursor:pointer}
	#ui-datepicker-div .ui-widget-header .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')}
	#ui-datepicker-div .ui-state-hover .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')}
	#ui-datepicker-div .ui-state-default {color:#515965}
	#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-datepicker-today .ui-state-highlight {border:1px solid #4da4db; background:#99cae9}
	#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-state-focus {border:1px solid #4da4db; background:#99cae9}
	#ui-datepicker-div .ui-state-active {border:1px solid #4da4db; background:#fff}
	/* selectDesign */
	div.jsSelect {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
	div.jsSelect .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
	div.jsSelect .bg_right {width:17px; height:21px; background:url('../images/common/spr_icon.png') no-repeat -29px 0; position:absolute; top:0; right:0}
	div.jsSelect .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
	div.jsSelect a:hover, div.jsSelect a:active {text-decoration:none}
	div.jsSelect .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff}
	div.jsSelect .itemList ul {max-height:150px; _height:expression(this.scrollHeight>150?"150px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
	div.jsSelect .itemList ul li {padding:1px; margin-bottom:4px}
	div.jsSelect .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
	div.jsSelect .itemList ul li a:hover {background-color:#f3f3f3}
	div.jsSelect2 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:27px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
	div.jsSelect2 .bg_left {height:25px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
	div.jsSelect2 .bg_right {width:19px; height:27px; background:url('../images/common/spr_icon.png') no-repeat 0 0; position:absolute; top:0; right:0}
	div.jsSelect2 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:27px}
	div.jsSelect2 a:hover, div.jsSelect2 a:active {text-decoration:none}
	div.jsSelect2 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:26px; left:0; background:#fff}
	div.jsSelect2 .itemList ul {max-height:200px; _height:expression(this.scrollHeight>200?"200px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
	div.jsSelect2 .itemList ul li {padding:1px; margin-bottom:4px}
	div.jsSelect2 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
	div.jsSelect2 .itemList ul li a:hover {background-color:#f3f3f3}
	div.jsSelect3 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
	div.jsSelect3 .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
	div.jsSelect3 .bg_right {width:19px; height:19px; background:url('../images/common/spr_icon.png') no-repeat 0 -4px; position:absolute; top:1px; right:0}
	div.jsSelect3 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
	div.jsSelect3 a:hover, div.jsSelect3 a:active {text-decoration:none}
	div.jsSelect3 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff}
	div.jsSelect3 .itemList ul {max-height:200px; _height:expression(this.scrollHeight>200?"200px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
	div.jsSelect3 .itemList ul li {padding:1px; margin-bottom:4px}
	div.jsSelect3 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
	div.jsSelect3 .itemList ul li a:hover {background-color:#f3f3f3}

	.rselect .itemList {left:auto !important; right:0 !important}

	label input[type="radio"], label input[type="checkbox"] {vertical-align:-2px}

	.txt_valign {vertical-align:middle}

/* ---------- BANNER & Thumbnail ---------- */
	.thumb_box {border:1px solid #bebebe}
	img.thum {max-width:80px; max-height:45px; border:1px solid #bebebe; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px} /* lcms icon_thumbnail */
	img.thumb {vertical-align:top}
	.thumb_default_file {display:table-cell; width:108px; height:138px; vertical-align:middle}
	.thumb_default_file .thumb {max-width:108px; max-height:138px}
	.thumb_bann {width:198px; height:43px; border:1px solid #bebebe}

/* ---------- BOARD ---------- */
	table {table-layout:fixed}
	table th, table td {word-wrap: break-word}
	table td .jsSelect .value  {word-wrap:normal}
	table.noline {border-top:none !important}
	table.need_space th, table.need_space td {padding-left:0 !important; padding-right:0 !important}
	.board_wrap {padding-top:30px}

	.colgrid_type1 {position:relative; padding-left:125px}
	.colgrid_type1 .fixarea {position:absolute; top:0; left:0}

	/* listType */
	table.board_list {width:100%; border-top:1px solid #afb6c0}
	table.board_list thead th {padding:9px 12px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#000002; font-size:13px}
	table.board_list tbody td {padding:10px; border-bottom:1px solid #dce1e6; text-align:center}
	table.board_list tbody td p {line-height:18px}
	table.board_list tbody td.date, table.board_list tbody td.num {color:#666; font-size:11px}
	table.board_list tbody td.grp_cell {background:#f9fafa}
	table.board_list tbody td.grp_cell .grp_name {margin-bottom:10px}
	table.board_list tr.cancel * {color:#999 !important}
	table.board_list .icon_mobile {position:relative; top:-1px}
	
	/* rowdataType */
	table.board_rows {width:100%; border-top:1px solid #afb6c0}
	table.board_rows tbody th, table.board_rows tbody td {padding:6px 10px; border-bottom:1px solid #dce1e6}
	table.board_rows .oerTitle  tbody th, table.board_rows tbody td {padding:6px 10px; border-bottom:0px !important}
	table.board_rows tbody th {background:#f5f6f6; color:#202020; text-align:left}
	table.board_rows tbody td {color:#333}
	table.board_rows tbody td p {line-height:18px}
	table.board_rows tbody td.date, table.board_rows tbody td.num,  table.board_rows tbody .num {color:#666; font-size:11px}
	table.board_rows tbody td.line_l {border-left:1px solid #dce1e6}
	table.board_rows tbody td.nospace {padding-right:0}
	table.board_rows tbody td.noallspace {padding:0}
	table.board_rows .desc_txt {color:#999}
	table.board_rows .txt {color:#999; font-size:12px}
	table.board_rows.space {margin-top:13px}
	table.board_rows tr.noline th, table.board_rows tr.noline td {border-bottom:none}
	table.board_rows tr.dashed th, table.board_rows tr.dashed td {border-bottom-style:dashed}
	table.board_rows tr.dim th {color:#9c9d9d !important}
	table.board_rows tr.dim td {opacity:0.5; filter:Alpha(opacity=50)}
	table.board_rows tr.dim td .itemList {display:none !important}
	table.board_rows td.dim, .dim_obj {opacity:0.5; filter:Alpha(opacity=50)}
	table.board_rows td.dim .itemList {display:none !important} 
	table.board_rows .dim_select .jsSelect {opacity:0.5; filter:Alpha(opacity=50)}
	table.board_rows .dim_select .itemList {display:none !important}
	.dis.jsSelect {opacity:0.5; filter:Alpha(opacity=50)}
	.dis.jsSelect .itemList {display:none !important}
	.css_list {width:100%; overflow:hidden}
	.css_list li {float:left; width:25%; text-align:center}
	.css_list li:first-child .sample {border-left:none}
	.css_list li .sample {padding-top:9px; border-left:1px dashed #c8d2df}
	.css_list li .sample div.thum {margin-top:9px; padding:10px 0; border-top:1px dashed #c8d2df}
	.css_list li .sample div.thum img {margin-bottom:5px; vertical-align:top}
	
	/* datatableType */
	table.board_data {width:100%; border-top:1px solid #afb6c0; border-collapse:separate}
	table.board_data th {padding:10px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#202020}
	table.board_data td {padding:10px; border-bottom:1px solid #dce1e6; border-left:1px solid #dce1e6; text-align:center}
	table.board_data thead th.first {text-align:left}
	table.board_data tbody th {text-align:left}
	table.board_data tbody th.nobg {background:none; font-weight:normal; text-align:center}
	table.board_data .non_cell, table.board_data .first_cell {border-left:none}
	table.board_data .non_cell2 {border-left:none; border-bottom:none}
	table.board_data tr.dep01 .first_cell {padding-left:10px}
	table.board_data tr.dep02 .first_cell {padding-left:30px}
	table.board_data tr.dep03 .first_cell {padding-left:50px}
	table.board_data tr.dep04 .first_cell {padding-left:70px}
	table.board_data tr.dep05 .first_cell {padding-left:90px}
	table.board_data tr.dep06 .first_cell {padding-left:110px}
	table.board_data tr.dep07 .first_cell {padding-left:130px}
	table.board_data tr.dep08 .first_cell {padding-left:150px}
	table.board_data tr.dep09 .first_cell {padding-left:170px}
	table.board_data tr.sum td {background:#fafaf5; color:#000002; font-weight:bold}
	table.board_data tr.sum td.rt {color:#000002}
	table.board_data tr.totalsum th, table.board_data tr.totalsum td {border-left:none; background:#f1f1e0; color:#000002; font-weight:bold}
	table.board_data .cell_accent {background:#f1f1e0 !important}
	table.board_data .expire {background:#fcfbea !important}
	table.board_data .txt_expire {color:#205adf}
	
	table.board_data.cell_line thead th {border-left:1px solid #dce1e6}
	table.board_data.cell_line tbody th.nobg {background:none; font-weight:normal; text-align:left}
	table.board_data.cell_line th.first_cell {border-left:none}
	table.board_data.cell_line tr.sum th {border-left:none; background:#fafaf5; text-align:right}
	table.board_data.cell_line tr.totalsum th {text-align:right}

	/* board movelist */
	table.board_movelist {width:100%; margin-top:30px; border-top:1px solid #afb6c0; border-bottom:1px solid #afb6c0}
	table.board_movelist th {padding:10px 10px 10px 35px; text-align:left}
	table.board_movelist td {padding:10px; text-align:center}
	table.board_movelist tr.prev th, table.board_movelist tr.prev td {border-bottom:1px dashed #c8d2df}
	table.board_movelist tr.prev th {background:url('../images/common/bul_mov_prev.png') no-repeat 13px 50%}
	table.board_movelist tr.next th {background:url('../images/common/bul_mov_next.png') no-repeat 13px 50%}
	table.board_movelist td.num {color:#666; font-size:11px}

	table.board_movelist2 {width:100%; border-top:1px solid #afb6c0}
	table.board_movelist2 th {padding:10px}
	table.board_movelist2 td {padding:10px; background:#f5f6f6}
	table.board_movelist2 td .ico {margin-right:10px}
	table.board_movelist2 tr.prev th, table.board_movelist2 tr.prev td {border-bottom:1px dashed #c8d2df}
	table.board_movelist2 tr.prev th {background:#f5f6f6 url('../images/common/bul_mov_prev.png') no-repeat 14px 50%}
	table.board_movelist2 tr.next th {background:#f5f6f6 url('../images/common/bul_mov_next.png') no-repeat 14px 50%}
	table.board_movelist2 td.date {padding-right:14px; color:#666; font-size:11px; font-family:Tahoma; text-align:right}
	/* board view */
	.board_view {border-bottom:1px solid #dce1e6}
	.board_view .bd_view_head .bd_view_tit {position:relative; padding:10px 0; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6; z-index:2; *zoom:1}
	.board_view .bd_view_head .bd_view_tit .tit {display:block; padding-left:10px; color:#000002; line-height:17px}
	.board_view .bd_view_head .bd_view_tit:after {content:''; display:block; clear:both}

	.manage_con .board_view, .manage_con .bd_view_head {float:left; width:100%}
	.manage_con .board_view .bd_view_head .bd_view_tit {float:left; width:100%}
	.manage_con .board_view .bd_view_head .bd_view_tit:after {content:normal}
	.manage_con .bd_view_info {float:left; width:100%}
	.manage_con .board_view .bd_view_con {float:left; width:100%; padding:20px 0}
	.manage_con .board_view .bd_view_con .txt_con {padding:0 10px; line-height:18px}

	.bd_check {float:right; padding-top:11px}
	.bd_check > li {float:left; padding:0 10px; background:url('../images/common/bar_list.gif') no-repeat 0 50%}
	.bd_check > li:first-child {background:none}
	.bd_check > li a {color:#202020; font-weight:bold}
	.bd_check > li .ico {padding-right:5px; vertical-align:-3px}
	.bd_check li .lay_flag span.layopen em {margin-right:5px; vertical-align:middle}
	.scrap_wrap {position:relative}
	.scrap_wrap .bd_check {top:0}
	.bd_view_info {position:relative; padding:10px 0; border-bottom:1px dashed #c8d2df}
	.bd_view_info .uname {padding-left:10px}
	.bd_view_info .date {color:#666; font-size:11px; font-family:Tahoma; margin-left:5px; padding-left:6px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%}
	.bd_view_info .f_rt {float:none !important; margin-top:10px; *zoom:1}
	.bd_view_info .f_rt dl {float:left}
	.bd_view_info .f_rt dt {float:left; padding:0 3px 0 10px}
	.bd_view_info .f_rt dd {float:left; margin-right:5px; color:#666}
	.bd_view_info .f_rt dd .star_point {margin-left:7px; vertical-align:-3px}
	.bd_view_info .f_rt  .lay_addfile {float:left; margin-left:10px}
	.bd_view_info .f_rt:after {content:''; display:block; clear:both}
	.board_view .bd_view_con {padding:20px 10px}
	.board_view .bd_view_con .txt_con {line-height:18px}
	.view_area {border-bottom:1px solid #dce1e6; padding:20px 10px 30px; line-height:18px} 
	/* board comments */
	.board_comments {width:100%}
	.board_comments .comm_num {display:inline-block; margin-bottom:5px; padding-left:20px}
	.board_comments .comm_num .accent {cursor:pointer}
	.board_comments .comme_write {margin-bottom:20px; padding:15px 20px}
	.board_comments .comme_write .write_area {position:relative; width:100%}
	.board_comments .comme_write .write_area .inp_rud {margin-right:85px; padding:3px; border:1px solid #a6b2c5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff}
	.board_comments .comme_write .write_area .inp_rud textarea {width:100%; height:71px; border:0; overflow:auto; color:#666}
	.board_comments .comme_write .write_area button {position:absolute; top:0; right:0; width:80px; height:79px}
	.board_comments .comme_write .comm_list {width:100%}
	.board_comments .comme_write .comm_list li {padding:15px 0; border-top:1px dashed #c8d2df; *zoom:1}
	.board_comments .comme_write .comm_list > ul > li:first-child {border-top:none}
	.board_comments .comme_write .comm_list li:last-child {padding-bottom:0}
	.board_comments .comme_write .comm_list li.last-child {padding-bottom:0}
	.board_comments .comme_write .comm_list li.reply {padding-left:25px; background:url('../images/common/bul_comm.gif') no-repeat 12px 16px}
	.board_comments .comme_write .comm_list li .del_comm {color:#999}
	.board_comments .comme_write .comm_list dt {margin-bottom:3px}
	.board_comments .comme_write .comm_list dt strong {color:#333}
	.board_comments .comme_write .comm_list dt .date {margin-left:6px; padding:0 4px 0 7px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666; font-size:11px; font-family:Tahoma}
	.board_comments .comme_write .comm_list dt .reply {padding:0 4px 0 12px; background:url('../images/common/bul_answer.gif') no-repeat 0 50%; color:#666; font-size:11px}
	.board_comments .comme_write .comm_list dt .reply.cancel {color:#e75254}
	.board_comments .comme_write .comm_list dd {color:#666}
	.board_comments .comme_write .comm_list dd em.reply_id {color:#0a5ac3}

	/* board answer */
	.board_answer {margin-top:35px}
	.board_answer table.board_rows {border-top:none}
	.board_answer table.board_rows td p {color:#666; font-size:11px}
	.board_answer textarea {height:142px}

	.board_answer_view {margin-top:30px; border-bottom:1px solid #dce1e6}
	.board_answer_view .answer_con {padding:20px 10px}
	/* post_icons */
	.del_post {padding-top:40px; background:url('../images/common/icon_del_post.gif') no-repeat 50% 0; color:#999; text-align:center}
	.no_result, .ment {padding:30px 0; border-bottom:1px solid #dce1e6}
	.no_result.only {border-top:1px solid #dce1e6}
	td .no_result, td .ment {padding:20px 0; border-bottom:none}
	.no_result p {padding-top:40px; background:url('../images/common/icon_no_result.gif') no-repeat 50% 0; color:#999; text-align:center}
	.ment_alert p {padding-top:40px; background:url('../images/common/icon_alert.gif') no-repeat 50% 0; color:#999; text-align:center}
	.scrap_list .no_result {border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6}
	.main_lms .no_result {padding:8px 0 0 0; border:0}

	/* board info */
	.board_info {position:relative; height:27px; margin-bottom:11px}
	.board_info .txts {color:#666; line-height:27px}
	.board_info .txts strong {color:#202020}
	.board_info .btns {position:absolute; top:0; right:0}
	.board_info .layout_r {position:absolute; top:0; right:0}
	.board_info .layout_r div.jsSelect2 .itemList, .board_info .layout_r div.jsSelect3 .itemList {left:auto; right:0}
	.board_info ul.sort {margin-top:6px}

	.board_info.selec3type {height:21px}
	.board_info.selec3type .txts {line-height:21px}
	.board_info.selec3type ul.sort {margin-top:3px}

	.board_info.type1 {margin-top:30px}
	.board_info.type2 {height:21px; margin-top:11px}
	.board_info.type2 .txts {line-height:21px}
	.board_info.type2 ul.sort {margin-top:3px}

	.board_info.type3 {height:auto}
	.board_info.type3 .txts {line-height:1.2}

	.board_info.type4 {height:auto; margin:0; padding-bottom:10px;  border-bottom:1px dashed #afb6c0}
	.board_info.type4 .txts {line-height:1.2}

	.board_info.type5 {height:auto; margin:0; padding:10px 0;  border-bottom:1px dashed #afb6c0}
	.board_info.type5 .txts {line-height:1.2}
	.board_info.type5 ul.list {display:inline; margin-left:10px}
	.board_info.type5 ul.list li {margin-right:7px}
	.board_info.type5 ul.list li strong {color:#000002}
	.board_info.type5 ul.list li img {vertical-align:-2px}

	.must {color:#d40000; font-weight:bold; vertical-align:middle}
	/* board : btns */
	.board_action {padding-top:10px}
	.board_action .attention_mark {margin-right:8px}
	.board_action2 {padding-top:10px}
	.board_action3 {padding-top:10px}

	.manage_con .board_action.floating, .manage_con .board_action2.floating, .manage_con .board_action3.floating {width:100%; overflow:hidden}
	.manage_con .board_action.floating:after, .manage_con .board_action2.floating:after, .manage_con .board_action3.floating:after {clear:none; content:normal}
	
	/* board search */
	.board_search {margin-top:30px; padding:14px 0; text-align:center}
	.board_search .jsSelect {text-align:left; margin-right:2px}
	.board_search .inp_txt {text-align:left; margin-right:6px}
	.lecture_search .board_search, .board_search.tlayout {margin-top:0}
	.board_search2 {padding:14px}
	.board_search2 .jsSelect {margin-right:2px}
	.board_search2 .inp_txt {margin-right:6px}
	.board_search3 {padding:14px}
	.board_search3 .search {position:relative}
	.board_search3 .search .inp_txt {margin:0 40px 0 136px}
	.board_search3 .search .jsSelect {position:absolute; top:0; left:0}
	.board_search3 .search .btn_sear {position:absolute; top:0; right:0}
	.board_search3 .titline {margin-top:10px; padding:0 0 0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 6px; color:#0f2d50}
	
	/* paging */
	.paging {position:relative; height:25px; margin-top:10px; padding-top:2px; text-align:center}
	.paging a, .paging strong {vertical-align:middle}
	.paging .btn_page_first {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat 0 -59px}
	.paging .btn_page_prev {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -36px -59px}
	.paging .btn_page_next {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat -73px -59px}
	.paging .btn_page_last {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -109px -59px}
	.paging .btn_page_first.dim {background-position:0 -37px}
	.paging .btn_page_prev.dim {background-position:-36px -37px}
	.paging .btn_page_next.dim {background-position:-73px -37px}
	.paging .btn_page_last.dim {background-position:-109px -37px}
	.paging .nums {margin:0 10px}
	.paging .nums a, .paging .nums strong {padding:0 8px; font-weight:bold; font-size:11px}
	.paging .nums a {color:#333}
	.paging .nums strong {color:#d10000}
	.paging .btns {position:absolute; top:0; right:0}
	.paging .btns_l {position:absolute; top:0; left:0}

/* ---------- POPUP ---------- */
	/* layer */
	.layer {position:relative}
	.layer .layopen {position:relative}
	.layer .laypop {display:none; position:absolute; top:0; left:0; width:100%; z-index:99; line-height:1.2 !important}
	.layer .laypop_ui {border:1px solid #aaa; background:#fff; font-weight:normal !important}
	.layer .laypop_ui .action {padding:5px 0 6px; background:#eee; text-align:center}
	.layer .laypop_ui .action button {margin:0 2px}
	.layer .laypop_ui .layclose {display:inline-block; position:absolute; top:3px; right:3px; width:9px; height:9px; padding:0 !important; background:url('../images/common/spr_btn.png') no-repeat -55px -15px}
	
	.lay_flag span.layopen {display:inline-block; height:14px; cursor:pointer}
	.lay_flag ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff}
	.lay_flag li {width:14px; height:14px; margin-bottom:8px; cursor:pointer}
	.lay_flag em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
	.lay_flag .laypop {top:20px; left:-11px; width:14px}
	.lay_flag .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe}
	.lay_flag .color1, .lay_flag .color01 {width:14px; height:14px; background:#e75254}
	.lay_flag .color2, .lay_flag .color02 {width:14px; height:14px; background:#e57147}
	.lay_flag .color3, .lay_flag .color03 {width:14px; height:14px; background:#fad237}
	.lay_flag .color4, .lay_flag .color04 {width:14px; height:14px; background:#53baad}
	.lay_flag .color5, .lay_flag .color05 {width:14px; height:14px; background:#508ed6}
	.board_list .lay_flag {float:left; top:2px; margin-right:8px; margin-bottom:2px}

	.lay_mbr span.layopen {display:inline-block; height:14px; cursor:pointer}
	.lay_mbr ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff}
	.lay_mbr li {width:80px; height:auto; margin-bottom:8px; cursor:pointer; word-wrap:break-word;}
	.lay_mbr em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
	.lay_mbr .laypop {top:20px; left:0px; width:80px}
	.lay_mbr .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe}
	.board_list .lay_mbr {top:2px; margin-right:8px; margin-bottom:2px}
	.lay_mbr a {word-wrap:break-word;}
	
	.lay_scrap .laypop {width:298px; left:auto; right:0; top:20px}
	.lay_scrap .laypop .con {padding:14px 0 10px 10px}
	.lay_scrap .laypop textarea {width:267px; height:86px; padding:3px; border:1px solid #e2e1e1; color:#999; overflow:auto}

	.lay_starpoint .laypop {width:117px; left:auto; right:0; top:20px}
	.lay_starpoint .laypop .con {padding:14px 0 5px 10px}
	.lay_starpoint .laypop .con li {margin-bottom:5px}
	.lay_starpoint .laypop .con li input {vertical-align:-5px}
	.lay_starpoint .laypop .con li label {cursor:pointer}

	.lay_addfile a.layopen {text-decoration:underline}
	.lay_addfile a.layopen .icon_filedown {margin-left:3px}
	.lay_addfile .laypop {left:0; top:20px; width:200px}
	.lay_addfile .laypop .con {padding:15px 0 5px}
	.lay_addfile .laypop .con li {padding:3px 15px 3px 10px}
	.lay_addfile .laypop .con li.hover {background:#eee}
	.lay_addfile .laypop .con a {display:block; padding:1px 0 1px 22px; color:#0a5ac3; text-decoration:underline}

	.lay_tools .layover {cursor:pointer}
	.lay_tools .laypop {top:23px; width:180px}
	.lay_tools .laypop .con {padding:15px 0 5px}
	.lay_tools .laypop .con li {padding:3px 15px 3px 10px; color:#999}
	.lay_tools .laypop .con li.hover {background:#eee}
	.lay_tools .laypop .con li span.fixsize {width:100px}
	.lay_tools .laypop .con li a span.fixsize {width:115px}
	.lay_tools .laypop .con li span.fixsize {color:#666}
	.lay_tools .laypop .con li .accent {font-weight:bold}

	.lay_toolmange {display:inline-block; *zoom:1; *display:inline}
	.lay_toolmange .laypop {top:30px; left:auto; right:0; width:150px}
	.lay_toolmange .laypop .con ul {padding:15px 0 10px}
	.lay_toolmange .laypop .con li {float:none; padding:0; border:none}
	.lay_toolmange .laypop .con li a {display:block; padding:5px 10px 5px 15px; background:url('../images/common/bul_dot.gif') no-repeat 8px 11px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap}
	.lay_toolmange .laypop .con li a:hover, .lay_toolmange .laypop .con li a:focus {background-color:#eee}

	.lay_period .laypop {top:25px; left:auto; right:0; width:430px}
	.lay_period .laypop .con {padding:15px 0; text-align:center}
	.lay_period li {position:static !important; border-bottom:none !important; text-indent:0 !important}

	.lay_gmail .layopen {margin-right:5px}
	.lay_gmail .laypop {top:auto; left:0; bottom:20px; width:215px; padding:10px}
	.lay_gmail .laypop li {margin-top:3px}
	.lay_gmail .laypop li:first-child {margin-top:0}

	.lay_detail .laypop {top:20px; width:345px}
	.lay_detail .laypop_ui p.para {padding:15px 10px 10px; line-height:18px; text-align:justify; word-wrap:break-word}
	.lay_detail .laypop_ui .attached_list {padding:10px; border-top:1px dashed #c8d2df; }
	.lay_detail .laypop_ui .scrap {position:relative; padding:10px}
	.lay_detail .laypop_ui .scrap .tit {font-weight:bold}
	.lay_detail .laypop_ui .scrap .ico {margin-right:5px}
	.lay_detail .laypop_ui .scrap a {position:absolute; top:10px; right:10px}
	.lay_detail .laypop_ui .scrap .inp_txt {margin-top:5px}

	.lay_professor .laypop {top:20px; left:0; width:300px}
	.lay_professor .laypop .con {padding:12px 15px 10px 10px; color:#333; line-height:18px}
	.professor_list .lay_professor {display:inline}

	.lay_signup .laypop {top:30px; left:auto; right:0; width:168px; border:1px solid #aaa; background:#fff}
	.lay_signup .laypop .con {padding:9px 7px 6px}
	.lay_signup .laypop .con .inp_txt {margin:0 55px 3px 0}
	.lay_signup .laypop .con .inp_txt input {color:#98a1ad; font-size:11px}
	.lay_signup .laypop .con button.btn_login {position:absolute; top:9px; right:7px; width:51px; height:45px; background:url('../images/common/spr_btn.png') no-repeat 0 -143px}
	.lay_signup .arr_t {right:37px}

	.layer .arr_t {position:absolute; top:-5px; display:inline-block; width:7px; height:5px; background:url('../images/common/spr_icon.png') no-repeat -107px 0}

	#header ul.gnb li .lay_mymenu .laypop {top:38px; width:150px; right:16px; left:auto}
	#header ul.gnb li .lay_mymenu .con {padding:15px 0 10px} 
	#header ul.gnb li .lay_mymenu li {float:none}
	#header ul.gnb li .lay_mymenu li a, .main_lms #header ul.gnb li .lay_mymenu li a {float:none; height:auto; padding:5px 10px 5px 15px; color:#333; font-weight:normal; font-size:12px; line-height:1.2; background:url('../images/common/bul_dot.gif') no-repeat 8px 11px; /*overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap*/}
	#header ul.gnb li .lay_mymenu li a:hover, #header ul.gnb li .lay_mymenu li a:focus {background-color:#eee}
	#header ul.gnb li .lay_mymenu li.logout a {background:none}
	.main_lms #header ul.gnb li .lay_mymenu .laypop {top:31px; right:0}
	#header ul.gnb li .lay_lecture ul {height:120px; overflow:auto}

	/* popupGlobal */
	.popup {padding-top:45px}
	.popup .pop_head {position:fixed; top:0; left:0; right:0; z-index:100; height:45px; background:#28282d}
	.popup .pop_head h1 {padding:10px 0 0 20px; color:#fff; font-size:22px; font-weight:bold}
	.popup .pop_close {position:absolute; top:0; right:0; width:44px; height:45px; border-left:1px solid #121316; background:url('../images/common/spr_btn.png') no-repeat -1px -1px}
	.popup .pop_con {}
	.popup .pop_con h2 {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#232835; font-size:16px}
	.popup .pop_con h2.space {margin-top:30px}
	.popup .pop_foot {position:fixed; bottom:0; left:0; right:0; z-index:100; padding:11px 0 15px; border-top:1px solid #eff0f1; background:#f6f6f6; text-align:center}
	.popup .pop_foot button {margin:0 1px}
	.pop_bott {position:fixed; bottom:0; left:0; right:0; z-index:100}
	.ui-dialog .pop_foot, .ui-dialog .pop_bott {position:static !important} /* modal foot_position */
	.pop_bott .btn_qna {position:absolute; top:25px; right:20px}

	/* popupContents */
	.ui-dialog {padding:0 !important; border:none !important; border-radius:0 !important; background:#fff !important}
	.ui-dialog .ui-dialog-titlebar {height:45px; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; background:#28282d !important}
	.ui-dialog .ui-dialog-title {padding: 10px 0 0 20px !important; font-size:22px !important}
	.ui-dialog .ui-dialog-titlebar-close {position:absolute; top:0 !important; right:0 !important; width:44px !important; height:45px !important; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; border-left:1px solid #121316 !important; background:url('../images/common/spr_btn.png') no-repeat -1px -1px !important}
	.ui-dialog .ui-dialog-content {margin:0 !important; padding:0 !important}
	
	.have_foot, .pop_classplan, .pop_develop_plan, .pop_classify_find, .pop_setting, .pop_professor_info, .pop_lti, .pop_email, .pop_add_resource {padding-bottom:54px}

	.pop_classify_find .pop_con {padding:20px}
	.pop_con .category_area {height:337px; border:1px solid #c2c2c2; overflow-x:hidden; overflow-y:hidden}

	.pop_professor_info .pop_con {padding:20px 20px 23px} 
	/* .pop_professor_info .scr {max-height:200px; overflow-x:hidden; overflow-y:auto} */
	.pop_professor_info .sear_professor {position:relative; margin-bottom:20px; padding:14px 55px 14px 14px}
	.pop_professor_info .sear_professor .jsSelect {position:absolute; top:14px; left:14px}
	.pop_professor_info .sear_professor .inp_txt {margin:0 0 0 255px}
	.pop_professor_info .sear_professor .btn_search {position:absolute; top:14px; right:15px}

	.pop_professor_info .sear_professor2 {position:relative; margin-bottom:20px; padding:14px 55px 14px 14px}
	.pop_professor_info .sear_professor2 .select_grp {position:absolute; top:14px; left:14px}
	.pop_professor_info .sear_professor2 .inp_txt {margin:0 0 0 260px}
	.pop_professor_info .sear_professor2 .btn_search {position:absolute; top:14px; right:15px}

	.pop_history .pop_con {padding:20px 20px 25px}

	.pop_classplan .pop_con {position:relative; /* height:600px; overflow:auto; overflow-x:hidden */}
	.pop_classplan .pop_con .con_inner {padding:20px}

	.pop_pif_upload .pop_con {padding:40px 20px}
	.pop_pif_upload ul {margin-bottom:10px; *zoom:1}
	.pop_pif_upload ul:after {display:block; content:""; clear:both}
	.pop_pif_upload li {float:left; width:50%}

	.pop_develop_plan .pop_con {padding:20px}
	/* .pop_develop_plan .scr {max-height:270px; overflow-x:hidden; overflow-y:auto} */

	.pop_caption_upload .pop_con {padding:20px}
	.pop_caption_upload .graybox {margin-bottom:5px; padding:15px}
	.pop_caption_upload .caption_check {margin-bottom:9px}
	.pop_caption_upload label.space {margin-left:10px}
	.pop_caption_upload  p {color:#666; font-size:11px}

	.pop_preview_period .pop_con {padding:30px 20px}
	.pop_preview_period .graybox {padding:15px; text-align:center}
	.pop_preview_period .date_area input.datepicker {width:38%}

	.pop_add_resource .pop_con {padding:20px}
	.pop_add_resource .filelist {border-top:1px solid #afb6c0}
	.pop_add_resource .filelist > li {position:relative; padding:6px 12px; border-bottom:1px solid #dce1e6}
	.pop_add_resource .filelist li .jsSelect {position:absolute; top:6px; left:12px}
	.pop_add_resource .filelist li p.inp_txt {margin:0 33px 0 66px}
	.pop_add_resource .filelist li .btn_del {position:absolute; top:8px; right:12px}
	.pop_add_resource .pos_wrap p.inp_txt {margin:0 33px 0 0}
	.pop_add_resource .pos_wrap .btn_del {top:2px}
	.pop_add_resource .btn_area {margin-bottom:9px}
	.pop_add_resource .txt_default {padding-top:17px}
	.pop_add_resource .txt_default span {padding:0 5px; color:#bec5cd}
	.pop_add_resource .upload_list {border-top:1px solid #afb6c0}
	.pop_add_resource .upload_list > li {position:relative; border-bottom:1px solid #dce1e6; *zoom:1}
	.pop_add_resource .upload_list > li:after {display:block; content:""; clear:both}
	.pop_add_resource .upload_list li .video_area {float:left; width:270px; padding:15px}
	.pop_add_resource .upload_list li .file_info {float:left; padding:10px}
	.pop_add_resource .upload_list li .file_info dt {color:#333}
	.pop_add_resource .upload_list li .file_info dd {padding:7px 0}
	.pop_add_resource .upload_list li .btn_del {position:absolute; top:8px; right:12px}

	.pop_learning_status dl.def dt, .pop_learning_status dl.def dd {margin:25px 0 10px}
	.pop_learning_status dl.def dd {padding-top:1px}
	.pop_learning_status table.board_data .first_cell strong {padding-right:15px; background:url('../images/common/bul_arr_dn.png') no-repeat 100% 50%; color:#000002; font-size:13px}

	.tool_frame_wrap {position:absolute; left:0; right:0; top:0; bottom:76px}
	.tool_frame {margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; border:0}
	/*.popup.pop_tool_detail {padding-bottom:82px}*/
	.pop_tool_detail .pop_con {padding:20px}
	/*.pop_tool_detail .pop_con {min-height:100%; margin:-45px 0 -82px}
	*html .pop_tool_detail .pop_con {height:100%;}
	.pop_tool_detail .pop_con .popcon_wrap:after {content:""; display:block; clear:both}
	.pop_tool_detail .pop_con .popcon_wrap {padding:65px 20px 102px; *zoom:1}*/
	.pop_tool_detail .graybox.board_search .itemList {top:auto; bottom:20px}

	.massage_wrap {position:absolute; left:0; right:0; top:0; bottom:0}
	.massage_wrap .massage_tit {height:45px; background:#28282d}
	.massage_wrap .massage_tit h1 {padding:10px 0 0 20px; color:#fff; font-size:22px}
	.massage_wrap .massage {top:45px}
	.massage {position:absolute; left:0; right:0; top:0; bottom:0}
	.massage .txt {display:table-cell; vertical-align:middle; text-align:center}
	.massage .txt {#height:auto !important; #padding-top:75px}

	.pop_scoring .pop_con {padding:20px}
	.pop_scoring .board_info.type2 {margin-top:10px}
	.pop_scoring td .inp_txt input {text-align:center}

	.pop_grpsetting .pop_con {padding:20px}
	.pop_grpsetting .grplist_wrap {width:100%; padding-top:30px; overflow:hidden}
	.pop_grpsetting .grplist_wrap .grp_list {float:left; width:40%}
	.pop_grpsetting .grplist_wrap .grp_detail {float:right; width:57%}
	.pop_grpsetting .grplist_wrap .grp_detail .tit_area .btns2 .itemList {left:auto; right:0}

	.pop_connecting .graybox {padding:17px 15px; color:#202020}
	.pop_connecting .attention_mark2 {margin-top:17px}

	.pop_notification .pop_con {padding:35px 20px}
	.pop_txt {color:#202020; font-size:14px; text-align:center}
	.pop_txt p.para {line-height:20px}
	.pop_txt p.space {margin-top:10px}
	.pop_txt em {color:#666}
	.pop_txt strong {display:block; margin-top:10px; font-size:20px}
	.pop_txt ul.default {text-align:left}
	.txt_service_stop {padding-top:75px; background:url('../images/common/icon_service_stop.gif') no-repeat 50% 0}
	.txt_pif_validation {padding-top:75px; background:url('../images/common/icon_upload.gif') no-repeat 50% 0}
	.txt_not_register {padding-top:75px; background:url('../images/common/icon_not_register.gif') no-repeat 50% 0}
	.txt_complete {padding-top:75px; background:url('../images/common/icon_complete.gif') no-repeat 50% 0}
	.txt_attention {padding-top:75px; background:url('../images/common/icon_attention2.gif') no-repeat 50% 0}
	
	.pop_sear_list .pop_con {padding:20px}
	.pop_sear_list .scrbox {margin-top:20px; height:223px; border:1px solid #aaa; overflow-y:auto; overflow-x:hidden}
	.scrbox ul {padding:5px 0}
	.scrbox li a {display:block; padding:3px 0 3px 14px}
	.scrbox li a:hover, .scrbox li a:focus {background:#eee}

	.pop_signup {padding-bottom:54px}
	.pop_signup .pop_con {padding:20px} 
	.pop_signup .txt_must {margin-bottom:5px; padding-left:123px}

	.pop_default .pop_con, .pop_setting .pop_con, .pop_lti .pop_con, .pop_email .pop_con, .pop_learning_status  .pop_con, .pop_download .pop_con, .pop_connecting .pop_con {padding:20px}

	.loading {text-align:center}

	.id_info {border-top:1px solid #afb6c0; text-align:center; font-weight:bold}
	.id_info dt {padding:10px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#000002}
	.id_info dd {padding:10px; border-bottom:1px solid #dce1e6; color:#df2027}
	
	.login {position:relative}
	.login fieldset {padding:15px 105px 9px 43px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6}
	.login p {margin-bottom:6px}
	.login .btn_login {position:absolute; top:15px; right:43px; width:56px; height:48px}
	.login .list2 {margin-top:15px; padding-left:43px}
	.login .list2 a {color:#666}

	.edu_message {display:table; width:100%; height:100%; background:#000; opacity:0.85; filter:alpha(opacity=85)}
	.edu_message div.msg {display:table-cell; color:#fff; font-weight:bold; font-size:20px; line-height:32px; vertical-align:middle; text-align:center; text-shadow:2px 1px 0px rgba(0,0,0,0.3); #padding-top:100px}
	.edu_message div.msg span {display:inline-block}
	.msg_audio span {padding-top:64px; background:url('../images/common/icon_edu_sound.png') no-repeat 50% 0}
	.msg_service span {padding-top:64px; background:url('../images/common/icon_edu_chk.png') no-repeat 50% 0}
	.msg_refresh span {padding-top:64px; background:url('../images/common/icon_edu_refresh.png') no-repeat 50% 0}
	.msg_down span {padding-top:64px; background:url('../images/common/icon_edu_down.png') no-repeat 50% 0}
	.msg_down p {margin-top:15px}
	.msg_loading span {padding-top:64px; background:url('../images/common/loading.gif') no-repeat 50% 0}
	
	.ico_num {height:14px; padding:0 5px; border:1px solid #96a0b1; border-radius:7px; color:#63718a; font-weight:bold; font-size:11px; font-family:Tahoma; line-height:14px; vertical-align:0}
	.pop_faq .pop_con {padding:20px}
	.pop_faq .faq_type {padding-bottom:9px; background:url('../images/portal/bg_slider_on.png') no-repeat 31px 100%}
	.pop_faq .faq_type h2 {background:none !important; margin:0 !important; padding:0 0 15px !important; border-bottom:2px solid #e02027; color:#000002 !important; font-size:20px !important}
	.pop_faq h3 {padding:8px 1px; color:#0f2d50; font-size:14px}
	.faq_section {margin-bottom:30px; border-top:1px solid #c3c7cf}
	.faq_section .tit {padding:7px 10px 7px 36px; border-bottom:1px dashed #c8d2df; background:url('../images/common/icon_pop_tit.gif') no-repeat 23px 13px; color:#000002; line-height:19px}
	.faq_section .desc {padding:25px 0 0 36px}
	.faq_section .desc .img img {max-width:100%; vertical-align:top}
	.faq_section .desc ol {margin-top:7px}
	.faq_section .desc li {position:relative; padding-left:25px; color:#333; line-height:24px}
	.faq_section .desc li .no {position:absolute; top:0; left:0; #line-height:1.2}
	.faq_section .desc li ul {padding:5px 0}
	.faq_section .desc li li {padding:0; color:#666; font-size:11px; line-height:17px}

/* ---------- LAYOUT ---------- */
	/* LCMS & commonLayout  */
	body.editor {height:auto; margin:20px}

	#wrap {height:100%; width:auto; min-width:1000px}
	#header {position:relative; z-index:2; border-bottom:1px solid #000208; background:#262e3c; background:-webkit-gradient(left top, left bottom, color-stop(0%, #262e3c), color-stop(100%, #212733)); background:-webkit-linear-gradient(top, #262e3c 0%, #212733 100%); background:-ms-linear-gradient(top, #262e3c 0%, #212733 100%); background:linear-gradient(to bottom, #262e3c 0%, #212733 100%); -moz-box-shadow:0 3px 10px rgba(60,60,60,0.3); -webkit-box-shadow:0 3px 10px rgba(60,60,60,0.3); box-shadow:0 3px 10px rgba(60,60,60,0.3)}
	#header .layout_inner {position:relative; height:51px; border-left:1px solid #111419; border-right:1px solid #111419; -moz-box-shadow:0 -10px 20px rgba(17,20,25,0.9); -webkit-box-shadow:0 -10px 20px rgba(17,20,25,0.9); box-shadow:0 -10px 20px rgba(17,20,25,0.9)}
	#header h1 {padding:14px 0 0 35px}
	#header ul.gnb {position:absolute; top:0; right:0}
	#header ul.gnb > li {float:left; height:51px; border-left:1px solid #111419}
	#header ul.gnb li a {display:block; float:left; height:51px; padding:0 17px; color:#fff; font-size:13px; font-weight:bold; line-height:51px;}
	#header ul.gnb li a .fix_txt {display:inline-block; float:left; max-width:150px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap; vertical-align:middle; cursor:pointer; #float:none}

	#container{min-height:100%; margin:-52px 40px -94px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:url('../images/common/bg_container.gif') repeat-y}
	#container .contents_wrap:after {content:""; display:block; clear:both}
	#container .contents_wrap {padding:52px 0 94px 0; *zoom:1}
	#lnb {float:left; width:222px; padding-bottom:40px}
	#lnb h2 {height:33px; margin-right:1px; padding-top:17px; padding-left:33px; border-bottom:1px solid #e3e3e3; color:#232835; font-size:22px; font-weight:bold}
	#lnb ul.lnb_list {padding:16px 20px 0 19px}
	#lnb ul.lnb_list > li {border-bottom:1px solid #e3e3e3}
	#lnb ul.lnb_list > li > a {display:block; width:155px; margin-left:-5px; padding:8px 19px; color:#666; font-size:13px; font-weight:bold}
	#lnb ul.lnb_list > li > a.on, #lnb ul.lnb_list > li > a:hover, #lnb ul.lnb_list li a:focus {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#ebf0f2 url('../images/common/bg_lnb.png') no-repeat 100% 50%}
	#lnb ul.lnb_list > li ul {padding-top:10px; border-top:1px solid #e3e3e3}
	#lnb ul.lnb_list > li li {margin-bottom:10px}
	#lnb ul.lnb_list > li li a {display:block; padding:0 5px 0 26px; color:#999}
	#lnb ul.lnb_list > li li a.on, #lnb ul.lnb_list > li li a:hover, #lnb ul.lnb_list > li li a:focus {color:#d40000}

	#contents{width:auto; padding-left:222px}
	#contents .con_tit {position:relative; width:100%; /* height:49px; */ border-bottom:2px solid #d40000; background:url('../images/common/bg_contit.gif')}
	#contents .con_tit h3 {padding:15px 0 8px 20px; color:#000002; font-size:22px; font-weight:bold}
	#contents .con_tit .location {display:none; position:absolute; top:27px; right:20px; color:#666; font-size:11px}
	#contents .con_tit .location em {color:#333}
	#contents .con_wrap {padding:0 20px 40px}
	#contents .con_wrap h4 {margin-bottom:15px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#232835; font-size:16px}
	#contents .con_wrap h4.space {margin-top:30px}
	#contents .con_wrap .manage_con {padding-top:30px}

	#footer{height:90px; border-top:4px solid #a5a8aa; background:#d1d5d8 url('../images/common/bg_footer.gif')}
	#footer p.copyright {padding-top:18px; color:#444; font-size:10px; text-align:center;}
	#footer p.copyright em {color:#333; font-weight:bold}
	.layout_inner {margin-left:40px; margin-right:40px}

	/* LMS(main) */
	body.main_lms {background:#e5eaee}
	.main_lms .layout_lms .layout_inner {margin:0; width:980px; margin:0 auto}
	.main_lms .layout_lms #header {border-bottom:1px solid #880000; background:#e02027}
	.main_lms .layout_lms #header .layout_inner {position:relative; height:30px; border-left:none; border-right:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none}
	.main_lms .layout_lms #header ul.gnb {position:absolute; top:0; right:0}
	.main_lms .layout_lms #header ul.gnb > li {float:left; height:30px; border-left:1px solid #880000}
	.main_lms .layout_lms #header ul.gnb > li.last-child a {padding-right:1px}
	.main_lms .layout_lms #header ul.gnb li a {display:block; float:left; height:30px; padding:0 11px; color:#f0f0f4; font-size:11px; font-weight:normal; line-height:30px}

	.main_lms .layout_lms #container{min-height:0; margin:0; border-left:none; border-right:none}
	.main_lms .layout_lms #container .contents_wrap {padding:0}	
	.main_lms .layout_lms #contents{width:980px; margin:0 auto; padding:20px 0 0 0}

	.main_lms .menu_area .menu_area_inner {height:76px; padding-bottom:0; border-bottom:2px solid #d40000}
	.main_lms .menu_area .layout_inner {position:relative}
	.main_lms .menu_area h1 {padding-top:25px}
	.main_lms .menu_area ul.main_menu {position:absolute; left:390px; top:29px}
	.main_lms .menu_area ul.main_menu li {float:left; margin-right:90px}
	.main_lms .menu_area ul.main_menu li a {float:left; color:#202020; font-size:17px}
	.main_lms .menu_area ul.main_menu li a .ico {margin-right:8px; vertical-align:-5px}

	.mainvisual {position:relative; height:auto; padding-right:2px}
	.mainvisual .visualimg img {max-width:100%; height:auto; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; vertical-align:top}
	.mainvisual .univ_intro {position:absolute; top:0; bottom:0; right:0; width:220px; padding:0 18px; border-radius:0 5px 5px 0; background:#c3cad7}
	.mainvisual .univ_intro h2 {padding:10px 0 16px; color:#363a3f; font-weight:normal; font-size:27px; letter-spacing:-1px}
	.mainvisual .univ_intro .txt {color:#5a6e80; font-size:13px; line-height:20px}
	.mainvisual .univ_intro .txt img.thumb {position:relative; top:5px; float:left; max-width:60px; height:auto; margin:0 8px 0 0; vertical-align:top}
	.more_info {padding-right:9px; text-align:right}
	.more_info a {display:inline-block; width:64px; height:20px; background:url('../images/common/spr_btn.png') no-repeat -121px 0}

	.maincont {position:relative; margin-top:21px}
	.maincont .best_lecture ul {/* height:241px */ width:100%}
	.maincont .best_lecture ul li {float:left; width:229px; min-height:207px; margin-right:21px; padding:17px 0; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#fff}
	.maincont .best_lecture ul li img.thumb {width:229px; height:105px; vertical-align:top}
	.maincont .best_lecture ul li a {display:block}
	.maincont .best_lecture ul li a dl {padding:0 12px}
	.maincont .best_lecture ul li a dt {margin:8px 0; padding-right:10px; background:url('../images/common/bul_arr_rt.png') no-repeat 100% 1px; font-weight:bold}
	.maincont .best_lecture ul li a dd {color:#666; font-size:11px; line-height:17px}
	.maincont .best_lecture ul::after {content:''; display:block; clear:both}
	.maincont .aside {position:absolute; top:0; right:0; width:229px; height:241px}
	.maincont .aside img {vertical-align:top}
	.maincont .aside .bann img {width:229px; height:203px; -moz-border-radius:0 0 9px 9px; -webkit-border-radius:0 0 9px 9px; border-radius:0 0 9px 9px}

	.main_etc {margin-top:20px; *zoom:1}
	.main_etc:after {content:""; display:block; clear:both}
	.main_etc .article_wrap {float:left; width:480px; min-height:105px; padding:17px 0 0 0; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#fff}
	.main_etc .article_wrap ul.tab {padding:0 10px 0 12px; background:none}
	.main_etc .article_wrap ul.tab li {border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
	.main_etc .article_wrap ul.tab li a {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background:none}
	.main_etc .article_wrap .article_list {padding-top:3px}
	.main_etc .article_wrap .article_list ul {padding:0 10px 0 12px}
	.main_etc .article_wrap .article_list li {position:relative; padding:6px 0 7px; border-bottom:1px dashed #c8d2df}
	.main_etc .article_wrap .article_list li a {font-size:11px}
	.main_etc .article_wrap .article_list li span.date {position:absolute; top:7px; right:0} 

	.main_etc .members {float:right; width:480px; min-height:105px; padding:17px 0 0 0; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#fff}
	.main_etc .members h3 {margin-bottom:18px; padding:0 17px}
	.main_etc .members img {vertical-align:top}
	.main_etc .members ul {padding:0 12px; *zoom:1}
	.main_etc .members ul:after {content:""; display:block; clear:both}
	.main_etc .members ul li {float:left; width:13.8%; text-align:center}
	.main_etc .members ul li dd {padding-top:5px}
	.main_etc .members ul li dd a {display:block; text-align:center; color:#919ba7; font-size:11px}
	.main_etc .members ul li dd a.inline {display:inline; margin:0 5px}
	.main_etc .members ul li.item3 {width:17%}

	.main_lms .layout_lms #footer {height:auto; margin-top:20px; border-top:none; background:none}
	.main_lms .layout_lms #footer .foot_link {height:62px; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:url('../images/common/bg_box.gif')}
	.main_lms .layout_lms #footer .foot_link ul.footmenu {float:left; padding:22px 0 0 29px}
	.main_lms .layout_lms #footer .foot_link ul.footmenu li {float:left; padding:0 8px 0 9px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%}
	.main_lms .layout_lms #footer .foot_link ul.footmenu li:first-child {padding-left:0; background:none}
	.main_lms .layout_lms #footer .foot_link ul.footmenu li a {color:#666; font-size:11px}
	.main_lms .layout_lms #footer .foot_link ul.sns {float:right; padding:14px 30px 0 0}
	.main_lms .layout_lms #footer .foot_link ul.sns li {display:inline; float:left; margin-left:13px}
	.main_lms .layout_lms #footer .foot_copy {position:relative; margin-top:23px; padding-bottom:30px}
	.main_lms .layout_lms #footer .foot_copy p.logo {position:absolute; top:0; left:30px}
	.main_lms .layout_lms #footer .foot_copy p.copyright {padding:3px 0 0 84px; color:#666; font-size:11px; font-weight:normal}
	.main_lms .layout_lms #footer .foot_copy p.copyright em {color:#63718a; font-weight:bold}

	/* LMS(sub) */
	.layout_lms #header {border-bottom:1px solid #880000; background:#d70000; background:-webkit-gradient(left top, left bottom, color-stop(0%, #d70000), color-stop(100%, #d00000)); background:-webkit-linear-gradient(top, #d70000 0%, #d00000 100%); background:-ms-linear-gradient(top, #d70000 0%, #d00000 100%); background:linear-gradient(to bottom, #d70000 0%, #d00000 100%); -webkit-box-shadow:none; box-shadow:none; z-index:101}
	.layout_lms #header .layout_inner {position:relative; border-left:1px solid #880000; border-right:1px solid #880000; -moz-box-shadow:0 0 20px rgba(136,0,0,0.9); -webkit-box-shadow:0 -7px 20px rgba(136,0,0,0.9); box-shadow:0 -7px 20px rgba(136,0,0,0.9)}
	.layout_lms #header ul.gnb > li {border-left-color:#880000}
	.layout_lms #container {margin-top:-117px; background:none}
	.layout_lms #container .contents_wrap {padding-top:117px}
	.layout_lms #lnb {display:none}
	.layout_lms #contents {margin-left:0; padding:30px 35px 40px 34px}

	.menu_area {position:relative; z-index:100; border-bottom:1px solid #b9bfc7; background:url('../images/common/bg_contit.gif')}
	.menu_area .menu_area_inner {padding-bottom:13px; border-bottom:2px solid #d40000}
	.menu_area h2 {float:left; width:14%; padding:13px 0 0 35px; font-size:20px}
	.menu_area h2.block {float:none; width:auto}
	.menu_area .tit_info {float:left; padding:13px 0 0 35px}
	.menu_area .tit_info .btn_goto {position:relative; margin-right:2px}
	.menu_area .tit_info .btn_goto .icon_n {position:absolute; top:-5px; right:-5px}
	.menu_area ul.menu {float:left; padding:12px 0 0 0}
	.menu_area ul.menu li {float:left; width:70px; text-align:center}
	.menu_area ul.menu li a {display:block; font-weight:bold; letter-spacing:-1px}
	.menu_area ul.menu li a .ico {display:block; position:relative; left:50%; top:0; margin-left:-10px; margin-bottom:3px}
	.menu_area ul.menu li.on a, .menu_area ul.menu li a:hover, .menu_area ul.menu li a:focus {color:#d10000}
	.menu_area .f_rt {float:right; margin:13px 3px 0 0}
	.menu_area .f_rt .jsSelect {width:115px !important}
	/*.menu_area .layout_inner.floating .f_rt .jsSelect {width:115px !important}
	.menu_area .layout_inner .floating .f_rt .jsSelect {width:300px !important}*/
	.menu_area .f_rt div.jsSelect .itemList {left:auto; right:0}

/* ---------- CONTENTS(pageGlobal) ---------- */
	/* frequently_used */
	.floating {*zoom:1}
	.floating:after {display:block; content:""; clear:both}
	.floating2 {width:100%; overflow:hidden}
	.f_lt {float:left !important}
	.f_rt {float:right !important}
	.clear {clear:both !important}
	.pos_wrap {position:relative}
	.ab_l {position:absolute; top:0; left:0}
	.ab_r {position:absolute; top:0; right:0}

	.lt {text-align:left !important}
	.ct {text-align:center !important}
	.rt {text-align:right !important}
	.mt5 {margin-top:5px !important}
	.mt10 {margin-top:10px !important}
	.mt20 {margin-top:20px !important}
	.mt25 {margin-top:25px !important}
	.mt30 {margin-top:30px !important}
	.mb10 {margin-bottom:10px !important}
	.ml10 {margin-left:10px !important}
	.mr5 {margin-right:5px !important}
	.mr10 {margin-right:10px !important}
	.oerTitle{border-top:0px !important; border-bottom: 0px !important; }

	.graybox {border:1px solid #c3c7cf; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)}
	.graybox2 {border:1px solid #c3c7cf; border-top:none; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)}
	.lgraybox {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#f6f7f9}
	.dotbox {border:1px solid #c8d2df; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url('../images/common/bg_box.gif'); -moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); -webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); box-shadow:inset 0px 1px 0 rgba(255,255,255,1)}
	.alim_box {margin-top:20px; border:1px solid #f1f1e0; background:#fafaf5}
	.alim_box p.attention {padding:9px 0; text-align:center}
	.alim_box p.attention img {margin-right:8px; vertical-align:middle}
	.alim_box .lt {display:inline-block; vertical-align:middle; line-height:1.7}
	.arrow_box {position:relative; display:inline-block; border:1px solid #aaa; padding:2px 5px; background:#fff}
	.arrow_box .arr_l {position:absolute; top:50%; left:-4px; width:4px; height:5px; margin-top:-2px; background:url('../images/common/spr_icon.png') no-repeat -76px 0}
	.answer_box {margin-left:8px; color:#63718a; font-size:11px; line-height:1}
	.txt_default {color:#666; font-size:11px}
	.txt_default.space_b {margin-bottom:20px}
	.desc_box {margin-bottom:10px}
	.date {color:#666; font-size:11px; font-family:Tahoma}
	.num {font-family:Tahoma !important}
	.bd {color:#000002 !important}
	.accent {color:#d40000 !important}
	.accent2 {color:#205adf !important; font-weight:bold}
	.attention_mark {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#d40000 !important}
	.attention_mark2 {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#666 !important}
	span.attention_mark {display:inline-block; vertical-align:-1px; line-height:1.3}
	.validation {margin-top:5px; color:#d40000 !important; font-size:11px}
	.infotxt {color:#d40000 !important; font-size:11px}
	.panel.infotxt {padding:5px 10px}
	.con_wrap .category_area {margin-top:25px;  height:426px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden}
	.con_wrap .category_area2 {height:426px; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden}

	.scr_box {border:1px solid #bebebe; overflow:auto; overflow-x:hidden}
	.txta_type1 {height:70px; padding:6px 10px 6px 26px; line-height:23px}
	.txta_type2 {height:140px; padding:6px 10px 6px 26px; line-height:23px}

	/* progressBar */
	.total_progress {position:relative; height:10px; border:1px solid #b9c0c7; border-top-color:#81868b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#c8cfd7}
	.total_progress .progress {position:absolute; left:-1px; top:-1px; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fffefe; font-size:8px; line-height:8px; font-family:Tahoma; text-align:center}
	.total_progress .style_blue {border:1px solid #042045; background:#19559a; -moz-box-shadow:inset 0px 1px 0 rgba(53,106,166,1); -webkit-box-shadow:inset 0px 1px 0 rgba(53,106,166,1); box-shadow:inset 0px 1px 0 rgba(53,106,166,1)}
	.total_progress .style_gray {border:1px solid #383940; background:#6c7380; -moz-box-shadow:inset 0px 1px 0 rgba(126,132,143,1); -webkit-box-shadow:inset 0px 1px 0 rgba(126,132,143,1); box-shadow:inset 0px 1px 0 rgba(126,132,143,1)}

	.progress-bar {background:#e1e4e9 !important}
	.progress-bar-success {background:#e75254 !important}

	.progress-bar-num {padding-right:37px; text-align:left}
	.progress-bar-num .progress {position:relative; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
	.progress-bar-num .progress_num {position:absolute; top:-2px; right:-65px; width:50px; font-size:11px; font-family:Tahoma}
	.progress-bar-num .progress_num.num0 {right:auto; left:0}

	/* star_point */
	.star_point {display:inline-block; width:75px; height:14px; background:url('../images/common/spr_icon.png') no-repeat 0 -144px; vertical-align:middle}
	.star_point span.full {display:inline-block; width:75px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -75px -144px}
	/* tab */
	ul.tab {width:100%; overflow:hidden; background:url('../images/common/bg_tab.gif') repeat-x left bottom}
	ul.tab li {float:left; border:1px solid #919ba7; border-left:none; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0}
	ul.tab li:first-child {border-left:1px solid #919ba7}
	ul.tab li a, ul.tab li span.only {display:block; float:left; border-radius:5px 5px 0 0; background:url('../images/common/bg_noise_gray.gif'); color:#505a70; font-size:13px; font-weight:bold}
	ul.tab li a img {vertical-align:top}
	ul.tab li.selected {border-bottom-color:#e4e6e9}
	ul.tab li.selected a, ul.tab li.selected span.only {background:#fff; color:#0f2d50} 
	ul.tab.tab_lg li a, ul.tab.tab_lg li span.only {padding:9px 17px}
	ul.tab.tab_lg2 li a, ul.tab.tab_lg2 li span.only {padding:9px 17px}

	.tab_wrap {position:relative}
	.tab_wrap .btns {position:absolute; top:1px; right:0}
	.tab_wrap .btns button {height:27px}

	.tab_editor {height:19px}
	.tab_editor ul {float:right}
	.tab_editor ul li {float:left; border-right:1px solid #919ba7; border-bottom:1px solid #919ba7; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px}
	.tab_editor ul li:first-child {border-left:1px solid #919ba7}
	.tab_editor ul li a {display:block; float:left; height:18px; padding:0 10px; color:#63718a; font-size:11px; line-height:18px; font-weight:bold}

	.opt_control {text-align:center}
	.opt_control a {display:inline-block; padding:7px 16px 7px 24px; border:1px solid #919ba7; border-top:none; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background:url('../images/common/spr_bul.png') no-repeat; color:#0f2d50; font-weight:bold}
	.opt_control a.open {background-position:12px -21px}
	.opt_control a.close {background-position:12px 12px}
	.opt_line {display:none}

	/* sort */
	ul.sort {float:left}
	ul.sort li {float:left; padding:0 10px 0 11px; background:url('../images/common/bar_list.gif') no-repeat 0 50%}
	ul.sort li:first-child {background:none}
	ul.sort li a {color:#666}
	ul.sort li.on a {font-weight:bold}
	
	/* title */
	h3.space {margin-top:30px}
	.tit_area {position:relative}
	.tit_area button.btn_lg {position:absolute; top:-4px; right:0; margin-left:2px}
	.tit_area .btns {position:absolute; top:-4px; right:0}
	.tit_area .btns button.btn_lg {position:static}
	.tit_area .btns2 {position:absolute; top:0; right:0}
	.tit_area .txt {position:absolute; top:6px; right:0}
	.txt_area {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; line-height:16px}
	.txt_area p {text-align:justify}
	.tit_st {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#000002; font-size:16px}
	.tit_st_line {padding:0 0 10px 11px; border-bottom:2px solid #afb6c0; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 11px; color:#000002; font-size:20px; font-weight:normal}
	.tit_st_big {margin-bottom:10px; font-size:20px}

	.tit_tab {position:relative; border-bottom:1px solid #dce1e6}
	.tit_tab strong {display:inline-block; padding:7px 30px; border:1px solid #919ba7; border-bottom:none; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0}
	/* linkStyle */
	a.link {color:#0a5ac3; text-decoration:underline}
	a.underline {line-height:1.5}
	a.underline:hover, a.underline:focus {text-decoration:underline}
	table a.underline:hover, table a.underline:active, table a.underline:focus {color:#0a5ac3; text-decoration:underline}
	a.attch_file {display:inline-block; padding:1px 0 1px 22px; background:url('../images/common/icon_attch_file.png') no-repeat; color:#0a5ac3; text-decoration:underline; line-height:14px}
	
	/* listStyle */
	ol.decimal li {list-style-type:decimal; margin-left:30px; padding-left:0; margin-top:5px}
	ol.decimal li:first-child {margin-top:0}
	ol.multiple-choice li {position:relative; padding-right:31px}
	ol.multiple-choice li .btn_minus {position:absolute; top:0; right:0}
	
	.list_wrap {position:relative}
	.list_wrap ul.list {margin-right:32px; padding:3px 0 2px}
	.list_wrap .btn_plus {position:absolute; top:0; right:0}
	ul.default li {padding:3px 0}
	ul.default li .ico {vertical-align:-2px}
	ul.list li {display:inline; margin-right:15px}
	ul.list li em {color:#666}
	ul.list li:last-child {margin-right:0}
	ul.list li.last-child {margin-right:0}
	ul.list2 {*zoom:1}
	ul.list2:after {display:block; content:""; clear:both}
	ul.list2 li {float:left; margin-left:10px; padding-left:10px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666; *display:inline}
	ul.list2 li:first-child {margin:0; padding:0; background:none}
	ul.list2 li em {color:#333}
	ul.list2 li.layout_r {float:right; margin:0; padding:0; background:none} 
	ul.list2 li .layer {display:inline}
	ul.list2 li a.layopen {color:#666}
	ul.list2 li span.date {font-size:11px; font-family:Tahoma}
	.lecture_data ul.list2 {padding:10px; border-top:2px solid #afb6c0}

	ul.progress_result {padding:11px 10px 24px 27px}
	ul.progress_result li {position:relative; margin-top:8px}
	ul.progress_result li:first-child {margin-top:0} 
	ul.progress_result li p {margin-right:360px}
	ul.progress_result li .progress_area {position:absolute; top:0; right:0}
	ul.progress_result li .progress_area .total_progress {float:left; margin-top:2px}
	ul.progress_result li .progress_area em.nums {float:left; width:107px; text-align:right}

	ul.items {padding:11px 10px 24px 27px}
	ul.items li {margin-top:5px; line-height:1.5}
	ul.items li:first-child {margin-top:0}

	ul.txt_list li {margin-top:6px; padding-left:15px; color:#666}
	ul.txt_list li:first-child {margin-top:0; background:url('../images/common/icon_attention_mark.png') no-repeat 0 1px}
	ul.txt_list.dash {margin-top:13px; padding-top:13px; border-top:1px dashed #afb6c0}
	.graybox ul.txt_list {font-size:11px}

	/* definition */
	dl.def:after {display:block; content:""; clear:both}
	dl.def dt {float:left; padding:0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 50%;}
	dl.def dd {float:left; padding-left:9px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666}

	dl.desc {margin-top:15px}
	dl.desc dt {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6; font-weight:bold}
	dl.desc .scr_box {margin:14px 0 10px}
	dl.desc p.inp_txt {margin:14px 0 10px}

	/* error */
	.error {padding:0 20px; border-top:19px solid #e31f26; text-align:center; border-radius:8px 8px 0 0}
	.error_txt {padding:40px 0 96px}
	.error_txt p {margin-bottom:45px; color:#666; font-size:14px}
	.error_txt p.tit {margin-bottom:25px}
	.error_txt p.tit strong {display:inline-block; height:43px; padding:17px 0 0 80px; background:url('../images/common/icon_cccess_denied.gif') no-repeat; color:#000002; font-size:20px}
	.error #footer {border-top:1px solid #ced7e3; background:none}

/* ---------- CONTENTS(LCMS) ---------- */
	.classify_wrap {margin:25px 0 30px 0; padding:19px}
	.classify_wrap .classify_system {position:relative}
	.classify_wrap .classify_system span.inp_txt {display:block; margin:0 119px 0 0}
	.classify_wrap .classify_system button {position:absolute; top:0; right:0}
	.classify_wrap .classify_slect {margin:10px 119px 10px 0}
	.classify_wrap .classify_slect > ul {height:21px}
	.classify_wrap .classify_slect > ul > li {float:left; width:25%}
	.classify_wrap .classify_slect > ul > li:last-child {float:right} .classify_wrap .classify_slect > ul > li.last-child {float:right}
	.classify_wrap .classify_select {position:relative; padding:0 119px 0 0}
	.classify_wrap .classify_select > ul {height:21px}
	.classify_wrap .classify_select.select2 > ul > li {float:left; width:50%}
	.classify_wrap .classify_select.select3 > ul > li {float:left; width:33.3333333336%}
	.classify_wrap .classify_select.select4 > ul > li {float:left; width:25%}
	
	.classify_wrap .classify_select .btns {position:absolute; top:0; right:0}
	.classify_wrap .classify_select .btns button.btn_search {margin-right:6px}
	.graybox button.btn_reset, .graybox button.btn_classify_selec, .graybox button.btn_classify_lookup, .graybox2 button.btn_reset {padding:0}
	.graybox .loginbox {padding:5px}
	.graybox .loginlabel {padding:15px 0 8px 20px; color:#000002; font-size:22px; font-weight:bold}
	.classify_wrap .search {position:relative}
	.classify_wrap .id {display:inline-block;width:100px;text-align:right;}
	.classify_wrap .search .search_con {height:21px; margin:0 119px 0 0}
	.classify_wrap .search .search_con .select_wrap {float:left; width:25%}
	.classify_wrap .search span.inp_wrap {float:right; width:75%}
	.classify_wrap .search span.inp_txt {display:block}
	.classify_wrap .search .btns {position:absolute; top:0; right:0}
	.classify_wrap .search .btns button.btn_search {margin-right:6px}
	.classify_wrap .classify_slect2 {margin:10px 0}
	.classify_wrap .search2 {position:relative}
	.classify_wrap .search2 .jsSelect {position:absolute; top:0; left:0}
	.classify_wrap .search2 .inp_txt {margin:0 119px 0 139px}
	.classify_wrap .search2 .btns {position:absolute; top:0; right:0}
	.classify_wrap .search2 .btns button.btn_search {margin-right:6px}
	.classify_wrap .search2 .id {position:absolute;top:2px;left:104px;text-align:center;width:50px;font-size:13px;font-weight:bold}
	.classify_wrap .search3 {position:relative}
	.classify_wrap .search3 .select_wrap, .classify_wrap .search3 .jsSelect {position:absolute; top:0; left:0}
	.classify_wrap .search3 .select_wrap .jsSelect {position: static}
	.classify_wrap .search3 .inp_txt {margin:0 40px 0 139px}
	.classify_wrap .search3 .btns {position:absolute; top:0; right:0}
	.classify_wrap .search4 {position:relative}
	.classify_wrap .search4 .inp_txt {margin:0 40px 0 0}
	.classify_wrap .search4 .btns {position:absolute; top:0; right:0}
	.classify_wrap.nospace {margin:0}

	.sear_learningtool {margin:25px 0 30px 0; padding:19px}
	.sear_learningtool .search {position:relative}
	.sear_learningtool .search .select_wrap {position:absolute; top:0; left:0}
	.sear_learningtool .search .jsSelect {margin-right:2px}
	.sear_learningtool .search span.inp_txt {display:block; margin:0 119px 0 268px}
	.sear_learningtool .search .btns {position:absolute; top:0; right:0} 
	.sear_learningtool .search .btns button.btn_search {margin-right:6px}

	/* construction_info */
	ul.construction_info {float:left; width:100%; border-top:1px solid #afb6c0}
	ul.construction_info > li {float:left; width:100%; border-bottom:1px solid #dce1e6}
	ul.construction_info > li .fold_head {height:50px; padding:10px 12px; background:#f5f6f6}
	ul.construction_info > li .fold_head .fold_title {float:left; padding-left:15px; background:url('../images/common/bul_arr_up.png') no-repeat 0 4px}
	ul.construction_info > li .fold_head .fold_title strong {color:#000002; font-size:13px; font-weight:bold; cursor:pointer}
	ul.construction_info > li .fold_head .fold_title p {margin-top:8px}
	ul.construction_info > li .fold_head .etc {float:right; text-align:right}
	ul.construction_info > li .fold_head .etc .btns button {margin-left:2px; padding-left:5px; padding-right:5px}
	ul.construction_info > li .fold_head .etc .period {margin-top:5px; color:#666; font-size:11px; font-family:Tahoma}
	ul.construction_info > li .fold_head .etc .period em {color:#333}
	ul.construction_info > li.even .fold_head {background:#f5f6f6}
	ul.construction_info li .fold_con {display:none; float:left; width:100%}
	ul.construction_info li .fold_con > ul {float:left; width:100%}
	ul.construction_info li .fold_con > ul > li:first-child {float:left; width:100%}
	ul.construction_info li .fold_con > ul > li:first-child > .floating {float:left; width:100%}
	ul.construction_info li .fold_con > ul > li:first-child > .floating:after {content:normal}
	ul.construction_info li .fold_con li {clear:both; padding:10px 0; border-top:1px solid #dce1e6}
	ul.construction_info li .fold_con li .btn_set {margin-top:7px}
	ul.construction_info li .fold_con li .f_rt {width:255px}
	ul.construction_info li .fold_con li .f_rt .lay_filesize {float:left}
	ul.construction_info li .fold_con li .f_rt .lay_filesize .laypop {top:20px; width:63px}
	ul.construction_info li .fold_con li .f_rt .lay_filesize .laypop li {margin:0; padding:0; border:0}
	ul.construction_info li .fold_con li .f_rt .lay_filesize .laypop li a {display:block; padding:3px 5px 3px 0; border:1px solid #aaa; border-top:none; background:#fff; color:#202020; text-align:right}
	ul.construction_info li .fold_con li .f_rt .lay_filesize .laypop li a:hover, ul.construction_info li .fold_con li .f_rt .lay_filesize .laypop li a:focus {background:#eee}
	ul.construction_info li .fold_con li .f_rt .icon {float:left; margin-top:4px}
	ul.construction_info li .fold_con li .f_rt .item_btns {float:right; width:132px; padding-right:12px}
	ul.construction_info li .fold_con li .f_rt .item_btns .btn_down {float:left; width:61px; padding:0; font-weight:normal}
	ul.construction_info li .fold_con li .f_rt .item_btns .btn_preview {float:right; width:61px; padding:0; font-weight:normal}
	ul.construction_info li .fold_con li li {padding-left:25px}
	ul.construction_info li .fold_con li li li {padding-left:50px}
	ul.construction_info li .fold_con li li li li {padding-left:75px}
	ul.construction_info li .fold_con li li li li li {padding-left:100px}
	ul.construction_info li .fold_con li li li li li li {padding-left:125px}
	ul.construction_info li .fold_con li li li li li li li {padding-left:150px}
	ul.construction_info li .fold_con li li li li li li li li {padding-left:175px}
	ul.construction_info li .fold_con li li li li li li li li li {padding-left:200px}
	ul.construction_info li .fold_con li li li li li li li li li li {padding-left:225px}
	ul.construction_info li .fold_con li li li li li li li li li li li {padding-left:250px}
	ul.construction_info li .fold_con li .item_name {text-indent:75px}
	ul.construction_info li .fold_con li.item_grp {padding:0}
	ul.construction_info li .fold_con li.item_grp strong {float:left; display:inline-block; padding:10px 0; text-indent:60px}
	ul.construction_info li .fold_con li.item_grp strong span {padding-left:15px; background:url('../images/common/bul_arr_up.png') no-repeat 0 3px; font-weight:bold; cursor:pointer}
	ul.construction_info li .fold_con li.item_grp strong.down span {background:url('../images/common/bul_arr_dn.png') no-repeat 0 7px}
	ul.construction_info li .fold_con li.item_grp li.item_grp strong {padding-left:10px; text-indent:75px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp strong {padding-left:35px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:60px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:85px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:110px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:135px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:160px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:185px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:210px}
	ul.construction_info li .fold_con li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp li.item_grp strong {padding-left:235px}
	ul.construction_info li .fold_con li ul {display:none; clear:both}
	ul.construction_info li .fold_con li.selected > ul {display:block}
	ul.construction_info li.selected .fold_con {display:block}
	ul.construction_info li.selected .fold_head .fold_title {background:url('../images/common/bul_arr_dn.png') no-repeat 0 6px}
	ul.construction_info li .fold_head.noitem .fold_title {background:none !important}

	/* panel(right) */
	.panel_infomation {position:relative; padding:20px}
	.panel_infomation .tit {margin-bottom:10px; color:#232835; font-size:13px; font-weight:bold}
	.panel_infomation .tit.space {margin-top:30px}
	.panel_infomation .tit_area button {position:absolute; top:-2px; right:0; margin-left:2px}
	.panel_infomation .tit_area .btns {position:absolute; top:-2px; right:0}
	.panel_infomation .tit_area .btns button {position:static}

	.panel_infomation .board_action .f_lt, .panel_infomation .board_action .f_rt {width:49%}
	.panel_infomation .board_action button {width:100%}

	.unit_resource .upload_btns li {float:left; width:33.333333333333336%; text-align:center}
	.unit_resource .upload_btns li button {width:98%}
	.unit_resource .upload_btns.length4 li {width:25%}

	.unit_resource table.board_list .btn_xsm {margin:0 2px}
	.unit_resource  .resource_type {position:relative}
	.unit_resource  .resource_type .select_wrap {margin-right:122px}
	.unit_resource  .resource_type .btn_darkgray {position:absolute; top:0; right:0; padding:0}
	.unit_resource  .resource_type .btn_darkgray span.fixsize {width:110px}

	.unit_info .total_time .inp_txt input {width:25px; margin-right:2px}
	.unit_info .total_time button {color:#515965}

	/* panel(left) */
	.panel_tools .search_cont {padding:10px 13px 19px; border-bottom:1px solid #ddd}
	.panel_tools .search_cont .search_type {margin-bottom:10px}
	.panel_tools .search_cont dt {float:left; width:35%; height:21px; margin-bottom:6px; line-height:21px}
	.panel_tools .search_cont dd {float:right; width:64%; margin-bottom:6px}
	.panel_tools .search_cont .btn_txt_search {width:100%; margin-top:10px; padding:0}
	.panel_tools .search_item {position:relative; margin-bottom:5px}
	.panel_tools .search_item .jsSelect {position:absolute; top:0; left:0}
	.panel_tools .search_item .inp_txt {margin-left:102px}

/* ---------- CONTENTS(LMS) ---------- */
	.introduction_lecture {margin-bottom:32px; border-bottom:1px solid #afb6c0}
	.introduction_lecture h3 {margin-bottom:10px; font-size:20px}
	.introduction_lecture h3 button {margin-left:10px}
	.introduction_lecture .detail {position:relative; min-height:82px; padding:20px 15px; border-top:2px solid #afb6c0}
	.introduction_lecture .detail .curr_progress {position:absolute; top:20px; left:15px; width:102px; height:45px; padding-top:35px; border:1px solid #bec5cd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#ebf0f2; -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 1px rgba(0,0,0,0.2); font-weight:bold; font-size:19px; font-family:Tahoma; text-align:center}
	.introduction_lecture .detail .curr_progress .ico {position:absolute; top:9px; left:15px}
	.introduction_lecture .detail .data_wrap {position:relative; margin-left:125px}
	.introduction_lecture .detail .data_wrap .table_wrap {margin-right:166px}
	.introduction_lecture .detail table.data_rows {width:100%}
	.introduction_lecture .detail table.data_rows th {width:207px; padding:0 0 5px 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 7px; color:#0f2d50; font-size:13px; text-align:left}
	.introduction_lecture .detail table.data_rows td {width:auto; padding:0 0 5px 0; color:#2e2e2e; font-weight:bold}
	.introduction_lecture .detail table.data_rows td.num {font-weight:bold}
	.introduction_lecture .detail table.data_rows td .cnt {color:#909dad}
	.introduction_lecture .detail table.data_rows td .btn_more {margin-left:4px; vertical-align:-2px}
	.introduction_lecture .detail .btn_goclass {position:absolute; top:50%; right:0; margin-top:-22px; padding:13px 26px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:15px; font-weight:bold}
	.introduction_lecture .participation {padding:8px 15px 12px; border-top:1px dashed #c8d2df}
	.introduction_lecture .participation dl {*zoom:1}
	.introduction_lecture .participation dl:after {display:block; content:""; clear:both}
	.introduction_lecture .participation dt {float:left; margin-right:9px; padding-right:9px; background:url('../images/common/bar_tit.gif') no-repeat 100% 50%}
	.introduction_lecture .participation dd {float:left}
	.introduction_lecture .participation dl.personnel dd {margin-right:30px}
	.introduction_lecture .participation dl.failure_submit {margin-top:12px}
	dl.personnel dd button {margin-left:4px; position:relative; top:-1px; vertical-align:-2px}
	dl.failure_submit dd {margin-right:22px; font-weight:bold}
	dl.failure_submit dd .ico {vertical-align:-4px}
	dl.failure_submit dd em {color:#d10000}
	dl.latest_learn {line-height:16px}

	.lecture_detail {margin-bottom:30px; *zoom:1}
	.lecture_detail:after {display:block; content:""; clear:both}
	ul.con_desc.f_lt {width:60%; padding:12px 16px}
	ul.con_desc.f_rt {width:30%; padding:12px 16px 12px 30px; min-height:90px; border-left:1px dashed #c8d2df}
	ul.con_desc.f_rt dd {width:70%}
	ul.con_desc > li {margin-top:5px; padding:0 0 0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 7px}
	ul.con_desc > li:first-child {margin-top:0}
	ul.con_desc li dl {*zoom:1}
	ul.con_desc li dl:after {display:block; content:""; clear:both}
	ul.con_desc li dt {float:left; margin-right:5px; padding-right:9px; background:url('../images/common/bar_tit.gif') no-repeat 100% 3px; color:#0f2d50; font-size:13px; font-weight:bold}
	ul.con_desc li dd {float:left; color:#2e2e2e}
	ul.con_desc li dd.space {margin-right:24px}
	ul.con_desc li dd.num {font-weight:bold}
	ul.con_desc li dd .total_progress {margin-top:3px}
	ul.con_desc li dl.para {line-height:18px}

	.tabarea {position:relative}
	.tabarea .tab_rel {position:absolute; top:-39px; right:0}
	.tabarea .tab_rel button {margin-left:2px}
	.tabarea h3 {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#000002; font-size:16px}

	.learning_list .learn_tit {position:relative; padding:10px 17px; border-bottom:1px solid #dce1e6; background:#f5f6f6}
	.learning_list .learn_tit strong {padding-right:15px; background:url('../images/common/bul_arr_dn.png') no-repeat 100% 50%; color:#000002; font-size:13px; cursor:pointer}
	.learning_list .learn_tit strong.no_fold {background:none}
	.learning_list .learn_tit .layout_r {position:absolute; top:10px; right:12px}
	.learning_list .learn_tit .layout_r .date {margin-left:10px; color:#666; font-size:11px; font-family:Tahoma}
	.learning_list .learn_tit .layout_r .layer {display:inline} 
	.learning_list ul {*zoom:1}
	.learning_list ul:after {display:block; content:""; clear:both}
	.learning_list ul li {position:relative; width:100%; float:left; border-bottom:1px solid #dce1e6; padding:10px 0} 
	.learning_list ul li .txt {float:left; /*height:33px; line-height:33px;*/margin-right:250px; color:#333}
	.learning_list ul li .txt span.fixsize {display:inline; /*text-indent:0;*/ vertical-align:middle; /*min-width:30px*/ white-space: pre-line;}
	.learning_list ul li .txt .opt {display:inline-block; /*text-indent:0;*/ zoom:1; *display: inline}
	.learning_list ul li .txt .date {color:#666}
	.learning_list ul li .txt .layer {display:inline}
	.learning_list ul li .txt .submit_state {margin-left:10px; font-weight:bold}
	.learning_list ul li .txt .submit_state em {color:#d20000}
	.learning_list ul li .btns {position:absolute; top:50%; right:0; width:198px; margin-top:-9px; font-size:11px /* background:#fafaf5; text-indent:0;*/}
	.learning_list .learner_type ul li .btns {width:240px}
	.learning_list ul li .btns img.ico {float:none}
	.learning_list ul li .btns .bt {margin-right:2px}
	.learning_list ul li .btns .date {color:#666; font-size:11px; font-family:Tahoma; vertical-align:middle}
	.learning_list ul li.dep01 .txt {padding-left:20px}
	.learning_list ul li.dep02 .txt {padding-left:40px}
	.learning_list ul li.dep03 .txt {padding-left:60px}
	.learning_list ul li.dep04 .txt {padding-left:80px}
	.learning_list ul li.dep05 .txt {padding-left:100px}
	.learning_list ul li.dep06 .txt {padding-left:120px}
	.learning_list ul li.dep07 .txt {padding-left:140px}
	.learning_list ul li.dep08 .txt {padding-left:160px}
	.learning_list ul li.dep09 .txt {padding-left:180px}
	.learning_list ul li.update {background:#fcfbea}
	.learning_list ul li .lay_period .laypop {left:0; right:auto}
	.learning_list .alarmbox {position:relative; border-bottom:1px solid #dce1e6; background:#fcfbea}
	.learning_list .alarmbox p.desc_box {margin:0; padding:10px 12px; text-align:right}
	.learning_list .alarmbox .control {position:absolute; top:8px; left:17px}
	.learning_list .alarmbox .control button {color:#414146}
	.learning_list .alarmbox .alarm {position:relative; padding:10px 17px; border-top:1px dashed #dce1e6; background:#fcfbea; font-weight:bold}
	.learning_list .alarmbox .alarm p {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 50%; color:#000002}
	.learning_list .alarmbox .alarm .control {left:auto; right:12px}

	.syllabus dl.lecture_info {width:100%; padding:8px 0; overflow:hidden; line-height:21px}
	.syllabus dl.lecture_info dt {float:left; padding-left:10px} 
	.syllabus dl.lecture_info dd {float:left; padding:0 10px 0 5px} 
	.syllabus dl.lecture_info dd .inp_txt {position:relative; top:-1px}
	.syllabus dl.lecture_info dt.bar {background:url('../images/common/bar_tit.gif') no-repeat 0 50%}

	.learning_status {padding-top:10px}

	.lecture_ser_result dl {margin-bottom:20px; border-top:1px solid #afb6c0}
	.lecture_ser_result dt {padding:10px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#000002; font-weight:bold}
	.lecture_ser_result dd {padding:10px; border-bottom:1px solid #dce1e6; line-height:18px}
	.lecture_ser_result dd.dash {border-bottom:1px dashed #dce1e6; line-height:1.2}
	
	.search_scrap {padding:10px 0; text-align:center}
	.scrap_list dl {margin-bottom:20px}
	.scrap_list dt {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6}
	.scrap_list dt .check {margin-right:6px}
	.scrap_list dt a {color:#0a5ac3; text-decoration:underline}
	.scrap_list dt em .ico {margin-right:6px}
	.scrap_list dd {padding:10px}
	.scrap_list dd.write_box, .scrap_list dd.write_box2 {padding:0}
	
	.ques_list {height:150px; overflow:auto; overflow-x:hidden}
	.ques_list ul {padding:8px 0}
	.ques_list li a {display:block; padding:3px 10px; cursor:default}
	.ques_list li a:hover, .ques_list li a:focus {background:#fcfbea}
	.ques_list li a .bt {cursor:pointer}

	.progress_status .scr_area {width:100%; overflow-x:auto; overflow-y:hidden}
	.progress_status .scr_area table.board_list {width:auto; min-width:100%}
	.progress_status .scr_area table.board_list th, .progress_status .scr_area table.board_list td {padding:10px 0}
	.progress_status .scr_area table.board_list th.cell01 {width:50px}
	.progress_status .scr_area table.board_list th.cell02 {width:150px}
	.progress_status .scr_area table.board_list th.cell03 {width:130px}
	.progress_status .scr_area table.board_list th.cell04 {width:80px}
	.progress_status .scr_area table.board_list th.cell_variable, .progress_status .scr_area table.board_list tr.cell_variable2 th, .progress_status .scr_area table.board_list td.cell_variable2 {border-left:1px solid #dce1e6}

	.member_status .scr_area {width:100%; overflow-x:auto; overflow-y:hidden}
	.member_status .scr_area table.board_data {width:auto; min-width:100%}
	.member_status .scr_area table.board_data th, .member_status .scr_area table.board_data td {padding:10px 0}
	.member_status .scr_area table.board_data th.cell01 {width:150px}
	.member_status .scr_area table.board_data th.cell02 {width:150px}
	.member_status .scr_area table.board_data th.cell03 {width:100px}
	.member_status .scr_area table.board_data th.cell04 {width:80px}
	.member_status .scr_area table.board_data th.cell05 {width:80px}
	.member_status .scr_area table.board_data .sum strong {padding-right:10px}

	.univ_info {margin-top:40px}
	.univ_info img.thumb {float:left; max-width:60px; margin-top:5px}
	.univ_info p {margin-bottom:20px; padding-left:85px; color:#202020; line-height:21px; text-align:justify}

	.css_upload {position:relative; margin:3px 0}
	.css_upload .chk {position:absolute; top:2px; left:0}
	.css_upload .file_add {margin:0 0 0 20px}

	.css_upload_modify {position:relative; margin:3px 0}
	.css_upload_modify .chk {position:absolute; top:2px; left:0}
	.css_upload_modify .file_add {margin:0 62px 0 20px}
	.css_upload_modify .btn_css_down {position:absolute; top:0; right:0; font-weight:normal}

/* ---------- CSS HACK ---------- */
	 /* IE6 */
	*html #container {height:100%}
	*html .main_lms .layout_lms #container {height:auto}
	/* IE7 */
	button {#overflow:visible}
	.btnspace .btn, .btnspace button {#margin-left:6px}
	button.btn {#padding:1px 5px}
	button.btn.btn_lg {#padding:4px 10px}
	input.intxt {#padding:0; #height:19px; #line-height:19px}
	.inp_txt input {#padding:0; #height:17px; #line-height:17px}
	.inp_txt textarea, .inp_txta textarea {#padding:0}
	label.space {#margin-left:6px}
	.write_box .inp_txt textarea {#height:75px}
	.file_add3 .btn_filedel {#margin-left:4px}
	.date_area img.btn_calendar {#margin-top:-3px}
	div.jsSelect .itemList, div.jsSelect2 .itemList, div.jsSelect3 .itemList {#width:100%}
	div.jsSelect .itemList ul, div.jsSelect2 .itemList ul, div.jsSelect3 .itemList ul {#overflow-x:auto}
	.form_layout input[type="radio"] {#width:13px}
	label input[type="radio"], label input[type="checkbox"] {#vertical-align:middle}
	.css_list li {#width:24.9%}
	table.board_data {#border-collapse:collapse}
	.bd_check > li .ico {#vertical-align:middle}
	.bd_view_info .f_rt dd .star_point {#vertical-align:middle}
	.board_comments .comme_write .write_area .inp_rud textarea {#height:69px}
	.board_comments .comme_write .comm_list dt button {#margin:0 2px}
	.board_info .layout_r button {#margin:0 0 0 4px}
	.board_search .btn_sear {#vertical-align:top; #margin-left:4px}
	.paging .btns button, .paging .btns .btn {#margin-left:4px}
	.paging .btns_l button, .paging .btns_l .btn {#margin-right:4px}
	.layer {#zoom:1}
	.board_list .lay_flag {#z-index:2}
	.board_list .lay_flag ul {#padding:5px 5px 2px}
	.board_list .laypop {#top:0; #left:15px}
	.lay_starpoint .laypop .con li {#margin-bottom:0px}
	.lay_starpoint .laypop .con li input {#width:13px}
	.popup .pop_foot button {#margin:0 3px}
	.pop_professor_info .sear_professor {#height:21px}
	.pop_professor_info .sear_professor2 {#height:21px}
	.pop_pif_upload li {#width:49%}
	.pop_add_resource .filelist li p.inp_txt {#margin-top:-12px}
	.pop_add_resource .btn_area .f_rt button {#margin:0 2px}
	.main_lms .menu_area ul.main_menu li a .ico {#vertical-align:-2px}
	.menu_area ul.menu li a .ico {#position:static; #left:0; #margin-left:0}
	.tit_area button.btn_lg {#margin-left:6px}
	.list_wrap .btn_plus {#top:-2px}
	.classify_wrap .classify_slect > ul > li:last-child {#width:24%}
	.classify_wrap .classify_slect > ul > li.last-child {#width:24%}
	.classify_wrap .search span.inp_wrap {#width:74%}
	.classify_wrap .classify_slect2 label.ml10 {#margin-left:0 !important}
	.manage_con .classify_wrap .btn_classify_selec {#position:relative; #top:-1px; #margin-left:4px;}
	.manage_con .classify_wrap .singleline .btn_search {#position:relative; #top:-1px; #margin-left:4px}
	.manage_con .classify_wrap .multiline .btn_search {#margin-left:4px}
	.sear_learningtool {#position:relative; #z-index:2}
	.sear_learningtool .search span.inp_txt {#display:inline}
	ul.construction_info > li * {#vertical-align:top}
	ul.construction_info > li .fold_head .etc .btns button {#margin-left:6px}
	ul.construction_info li .fold_con li {#position:relative}
	.panel_infomation .tit_area button {#margin-left:6px}
	.unit_resource .upload_btns.length4 li.last-child {#width:24.9%}
	dl.personnel dd button {#vertical-align:middle}
	dl.failure_submit {#position:relative; #z-index:2}
	dl.failure_submit dd .ico {#margin-right:4px}
	ul.con_desc li dd {#line-height:18px}
	.learning_list .learn_tit .layout_r .btn_setting {#vertical-align:middle}
	.learning_list ul li .ico {#float:left}
	.tabarea .tab_rel {#z-index:10}
	.tabarea .tab_rel button {#margin-left:4px}
	.learning_list .alarmbox .control button {#margin-left:4px}
	.icon_arr_lidown, .icon_arr_liup {#vertical-align:middle}
	.search_scrap .btn_sear {#vertical-align:top; #margin-left:4px}
	.scrap_list .board_info {#z-index:2}

	/* IE8 only */
	@media \0screen {.board_info.selec3type .jsSelect3 {margin:0 4px 0 0} }
	@media \0screen {.bd_view_info .f_rt dd .star_point {position:relative; top:-1px} }
	@media \0screen {ul.con_desc li dd{line-height:18px} }
	/* Firefox */
	button::-moz-focus-inner {border:0; padding:0}
	
	
	.tab_img {display:inline-block;width:49%;height:40px;cursor: pointer;border-top: 4px solid #9bb7d5;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d2d2d2;}