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



#powerTip a, #powerTip a:hover, #powerTip a:visited { color: #ff0; }



/* input form style definition */ 
input { vertical-align: middle; }
input, textarea, button, select { font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-weight:400; }
.input_inputSmall { vertical-align: middle; font-size:13px; height:10px;}
.input_text { box-sizing: border-box; border: 1px solid #e6e6e6; background-color:#f6f6f6; height:30px; padding: 0 7px; color:#204600; font-size: 14px; }
.input_text:hover {  border: 1px solid #22ab6b; background-color:#f1f4ee; }
.input_text_disabled { box-sizing: border-box; border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5; background-color:#fdfdfd; height:30px; padding: 0 7px; font-size:14px; color:#204600;}
.input_text[name="SmartLimitCount"] + .text_whitegray_11_1  { margin-left: 10px; }
.input_searchBoard { height:30px; line-height: 30px; font-size:14px; color:#585858; padding:0 4px; border:0; box-sizing: border-box; }
.button_searchBoard { height:30px; width:30px; border:0; line-height:30px; cursor:pointer; vertical-align: middle; background-color: #22ab6b; }
.button_searchBoard:before { content:"\f002"; font-family: fontawesome; color: #fff; }
.input_login { width:148px; height:19px; border:1px solid #000000; background:#101114; font:14px Verdana; padding:3px 0 0 3px; color: #06F; font-weight:bold;}
.input_file{ border: 1px solid #b0b0b0; background-color:#f6f6f6; padding:1px 2px 3px 2px; font-size:14px; }
.input_file2 { width: 250px; padding: 0; border: 1px solid #e6e6e6; background-color: #f6f6f6; font-size: 16px; height: 30px; box-sizing: border-box; vertical-align: baseline;}
textarea{ border-top: 1px solid #b0b0b0;border-left: 1px solid #b0b0b0;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; background-color:#f6f6f6; padding:4px 2px 0 2px; font-size:14px; color:#204600; font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-weight:400; }

.veryTiny { width:42px; }
.forNarrow { width:80px; }
.forMedium { width:200px; }
.forWide { width:400px; }

input#ScriptPageCustom { height:30px; line-height: 30px; padding: 0 10px; }
input.input_noline,
input.input_noline:hover { border:none; background-color: transparent; outline: none; }

.selectBookMark { box-sizing: border-box; background-color:#fff; color:#727272; border:1px solid #e6e6e6; width:265px; height: 36px; font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-style: normal; font-weight: 300; font-size: 16px;  }

.area_loginBox { box-sizing: border-box; position: relative; top:40%; width:1000px; min-width:1000px; height:685px; min-height:685px; background:url(../img/common/visual_login.jpg) no-repeat center; text-align:center; margin: auto; margin-top:-342px; /*** height 값의 1/2 ***//*** width 값의 1/2 ***/  padding-top: 266px; }
.area_loginBox:after { content:" "; font-size: 0; display: block; }
.area_loginBox .input_login { box-sizing: border-box; width:458px; height: 48px; background-color: #fff; border: 1px solid #cbcbcb; color:#818181; font-size: 17px; font-weight: 300; outline: none; padding: 0 14px;  }
.form_login_id, .form_login_pw, .form_login_submit { text-align: center; margin:0 auto 3px auto; }
.area_loginBox .linkToFAQ { margin-top: 100px; }
.area_loginBox .linkToFAQ a { background: url(../img/common/shot_faq.gif) no-repeat; width: 458px; height: 60px; display: block; margin: auto; font-size: 0; }

/* Area */
.area_button{clear:both; border:1px solid #FFF; background:#f7f7f7; text-align:center; padding:5px;}
.area_submit_button { clear:both; border:0px solid #ececec; background:transparent; text-align:center; margin: 10px 0 40px 0; padding:20px; border-top: 1px dashed #e6e6e6; }
.popupcontainer .area_submit_button { border-top-width: 0; margin-bottom: 0; padding: 10px;  }

.area_status {}
.area_status ul {}
.area_status ul li {float:left; line-height:24px; padding:0 10px 0 0;letter-spacing:-1px; }

.area_box_gray { float:left; margin:5px; border:1px solid #eaeaea;background:#f0f0f0; max-width: 50%;}
.area_box_gray .obj_box { clear:both; float:none; padding:25px; text-align:center; box-sizing: border-box; height: 100px; overflow-x: hidden; overflow-y: auto; font-size: 13px; box-sizing: border-box; min-width: 140px; }
.area_box_gray .obj_box label.lecIconWrap { display: block; margin-bottom: 10px; }
.area_box_gray .obj_box label.lecIconWrap img { max-width: 75%;}

.area_box_gray .obj_control {clear:both;border:1px solid #f8f8f8; }
.area_box_gray .obj_control ul {clear:both; letter-spacing: 0px; text-align:center; }
.area_box_gray .obj_control ul li { display: inline-block; letter-spacing: -1px; color:#8d95aa; font-weight:500; background:#f0f0f0; padding: 5px;}
.area_box_gray .obj_control_modify { clear:both;border-top:1px solid #f8f8f8;border-left:1px solid #f8f8f8;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; }
.area_box_gray .obj_control_modify ul {clear:both;}
.area_box_gray .obj_control_modify ul li { float:left;padding:5px 10px 5px 10px; height:24px; line-height:24px; font:11px dotum; color:#8d95aa; font-weight:bold;background:#f0f0f0;}

.area_button { background-color:#f2f3f5; padding:10px 0 10px 0; text-align:center;}
.area_button_r { background-color:#f2f3f5; padding:10px 0 10px 0; text-align:right;}
.area_button_l { background-color:#f2f3f5; padding:10px 0 10px 0; text-align:left;}

.spanBar { color:#ccc; font-weight:lighter; font-family: "맑은 고딕", "돋움", "sans-serif"; padding: 0 12px; }

.notUse { opacity:0.6;}

/* content box style definition*/
.contBox {margin:1px 1px 2px 1px; padding:0; background:#1e2635; border:1px solid #33415c} 
.contBox dl {margin:0;border: 0;padding: 12px 2px 2px 10px;display:inline-block; color:#3090f3; letter-spacing:-1px; font-weight:bold;}
.contBox dl dt {float :left; padding:0; margin:0; line-height:}
.contBox dl dt.red { color:#ff2926}
.contBox dl dt.orange { color:#f0c518}
.contBox dl dt.green { color:#8dd418}
.contBox dl dd {}
.contBox dl dd.red {float :left; width:14px; height:14px; background:url(../img/icon/extra/arrow_down_red.gif) 3px 4px no-repeat;}
.contBox dl dd.orange {float :left; width:14px; height:14px; background:url(../img/icon/extra/arrow_down_org.gif) 3px 4px no-repeat;}
.contBox dl dd.green { display: none; }
.contBox dl dd.btn{float :right;padding:0 3px 0 0;}
.contBox_body {clear :both;display:inline-block;} 
.contBox_body_board {clear :both;display:inline-block;} 

.contBox_center_Col2 { box-sizing: border-box; margin:40px 0% 1% 5%; padding:0px; background:#fff; border:0px solid #e6e6e6; width:45%; float:left; } 
.contBox_center_Col2.firstBox { box-sizing: border-box; margin:40px 5% 1% 0%; padding:0px; } 
.contBox_center_Col2:after { content:" "; display: block; }
.contBox_center_Col2 dl {margin:0 0 15px 0; padding: 0;  border: 0; display:inline-block; color:#222; letter-spacing:-1px; font-weight:400;}
.contBox_center_Col2 dl dt { padding:0; margin:0; color:#222222; font-size: 24px; }
.contBox_center_Col2 dl dd { display: none; }

.contBox_center_col4 { box-sizing: border-box; margin:0.1%; padding:20px; background:#f9f9f9; border:1px solid #e6e6e6; width:24.8%; float:left; height: 192px; overflow: hidden; }
.contBox_center_Col4:after { content:" "; display: block; }
.contBox_center_col4 dl {margin:0 0 10px 0; padding: 0;  border: 0; color:#3090f3; letter-spacing:-1px; font-weight:500;}
.contBox_center_col4 dl dt { padding:0; margin:0; font-size:13px; }
.contBox_center_col4 dl dt.red { color:#22ab6b; }
.contBox_center_col4 dl dt.orange { color:#22ab6b; }
.contBox_center_col4 dl dt.green { color:#22ab6b; }
.contBox_center_col4 dl dd { display: none;}
.contBox_center_col4 dl dd.red { }
.contBox_center_col4 dl dd.orange { }
.contBox_center_col4 dl dd.green { }


.box_status {clear:both; float:none; margin:5px;padding:5px; background:#1874d4; border:1px solid #368ee9; } 
.box_status dl{clear:both; float:none; width:100%; margin:0; padding:0}
.box_status dl dt{ float:left; width:62px; height:22px; font:11px dotum; color:#d1e7ff; letter-spacing:-1px;}
.box_status dl dd{ float:left; font:11px  tahoma, dotum;  height:22px;color:#fff; letter-spacing:-1px; font-weight:bold;}
.box_status dl dd.domain{ clear:both; float:none; width:150px;height:22px; font:11px dotum; color:#fff; letter-spacing:-1px; font-weight:bold;}
.box_status dl dd.btn{ float:right; height:22px; margin-top:-8px}
.box_status dl dd.bar{ clear:both; float:none; width:100%; height:15px; margin:0}

.box_status_small {float:left;background: transparent url(../img/common/bg_box_blue_status_small.gif) no-repeat bottom right;width:264px !important;height:33px;padding:0 14px 0 14px;margin: 0 0 0 2px;}
.box_status_small dl{ margin:7px 0 0 0;}
.box_status_small dl dt{ float:left; font:11px tahoma, dotum; color:#d1e7ff; letter-spacing:-1px;margin:3px 0 0 0;}
.box_status_small dl dd{ float:right; font:16px tahoma, dotum; color:#d1e7ff; letter-spacing:-1px; font-weight:bold;}


.box_today {float:left;background: transparent url(../img/common/bg_box_blue_todayis.gif) no-repeat bottom right;width: 149px !important;height:106px;padding:18px 16px 14px 16px;margin: 0 1px 0 1px;} 
.box_today dl{clear:both; float:none; width:100%;}
.box_today dl dt{ float:left; width:62px; height:22px; font:11px dotum; color:#d1e7ff; letter-spacing:-1px;}
.box_today dl dd{ float:left; font:11px  tahoma, dotum;  height:22px;color:#fff; letter-spacing:-1px; font-weight:bold;}
.box_today dl dd.domain{ clear:both; float:none; width:150px;height:22px; font:11px dotum; color:#fff; letter-spacing:-1px; font-weight:bold;}
.box_today dl dd.btn{ float:right; height:22px; margin-top:-8px}
.box_today dl dd.bar{ clear:both; float:none; width:100%; height:15px; margin:0}


ul.form_ul_list { float:none; clear:both;list-style:none;}
ul.form_ul_list li { float:left;}
ul.form_ul_list li.right { float:right;}
ul.form_ul_list li img{ display:block;}



.board_newest ol {list-style:none; float:none; clear:both;}
.board_newest ol li { clear:both; float:none; color:#9cafd2; letter-spacing:-0.5px; }
.board_newest ol li.last { border:0; }
.board_newest ol li a {color:#222; text-decoration:none; font-size:14px; font-weight: 400; }
.board_newest ol li a:hover{ color:#3570cf;text-decoration:underline;}
.board_newest ol li a strong { font-weight:500; color:#000; }
.board_newest ol li .txt_subject{ float:left;color:#717171; padding:0;}

.board_newest_notice ol {list-style:none; float:none; clear:both;}
.board_newest_notice ol li { clear:both; float:none; margin: 0 0 6px 0; font-size: 14px; font-weight:400; color:#666; letter-spacing:-1px; border-bottom:0px solid #222a39; position: relative; }
.board_newest_notice ol li a { color:#222;text-decoration:none;}
.board_newest_notice ol li a:hover { color:#3570cf;text-decoration:underline;}
.board_newest_notice ol li .txt_subject{ color:#666; padding:0 0 0 13px; font-weight: 400; }
.board_newest_notice ol li .text_category-event { color:#22ab6b; width:57px; font-size: 13px;  }
.board_newest_notice ol li .text_category-noticeManage { color:#3f8fe4; width:57px; font-size: 13px;  }
.board_newest_notice ol li .text_category-noticeEmergency {  color:#ff5f2e; width:57px; font-size: 13px; }
.board_newest_notice ol li .txt_date{  color:#999; padding:0 1px 0 0; position: absolute; right: 0; }
.board_newest_notice ol li .txt_date strong{color:#666;font-weight:500;}

.board_newest_solution ol { list-style:none; float:none; clear:both;}
.board_newest_solution ol li {  clear:both; float:none; margin: 0 0 6px 0; font-size: 14px; font-weight:400; color:#666; letter-spacing:-1px; border-bottom:0px solid #222a39; position: relative; }
.board_newest_solution ol li a { color:#222;text-decoration:none;}
.board_newest_solution ol li a:hover{ color:#3570cf;text-decoration:underline; }
.board_newest_solution ol li .txt_subject{  color:#666; padding:0 0 0 13px; font-weight: 400; }
.board_newest_solution ol li .text_category-upgrade { color:#8ecf48; width:65px; font-size: 13px; display: inline-block; }
.board_newest_solution ol li .text_category-newFunc { color:#93c9cf; width:65px; font-size: 13px; display: inline-block;  }
.board_newest_solution ol li .text_category-modify { color:#fead65; width:65px; font-size: 13px; display: inline-block; }
.board_newest_solution ol li .txt_date{  color:#999; padding:0 1px 0 0; position: absolute; right: 0; }
.board_newest_solution ol li .txt_date strong{color:#666;font-weight:500;}


/* index 관리자 메인 페이지 180319 */

.index-siteinfo { margin:0 0 50px 0; }

.index-siteinfo-h3 { margin-bottom: 20px; padding: 0;  font-size:24px; font-weight: 400; color:#222222;  }
.index-siteinfo-box { margin:0 0 50px 0; padding: 20px; }

.index-basic { }
.index-basic-box { background-color:#253354; }
.index-basic-box .table_status { table-layout:auto; border-collapse:collapse; width:100%;}
.index-basic-box .table_status th { font-size: 13px; letter-spacing:-1px; padding:7px 0; height:26px; color:#abc6f2; text-align:left; word-break: keep-all; }
.index-basic-box .table_status td { font-size: 16px; font-weight: 300;  padding:7px 0; color:#fff;  text-align:left;}
.index-basic-box .table_status td.status_progressBar { background-color: #fff; padding: 0; }

.index-domain {}
.index-domain-box { border: 1px solid #cbcbcb; }

.index-domain-link { margin-bottom: 30px; }
.index-domain-server {}
.index-domain-h4 { font-size: 13px; letter-spacing: -1px; padding: 0 0 7px 0; height: 26px; color: #3570cf; text-align: left;}
.index-domain-server table tr td { font-size: 14px !important; padding: 0 5px 5px 5px; }

.index-domain-url { color: #000000; }
.index-domain-url:after {content: "\f08e"; font-family: 'FontAwesome'; padding-left: 7px; font-size: 0.8em; }

/* 관리자 메인 페이지 */

#col-center .contBox dl, #col-right .contBox dl { margin-bottom: 20px; padding: 0; }
#col-center .contBox dl dt, #col-right .contBox dl dt { font-size:24px; font-weight: 400; color:#222222 !important; word-break: keep-all; word-wrap: break-word; }

#col-center .contBox { background-color:#fff; border-width:0; }
#col-center .contBox .box_cont { padding: 0; margin: 0 0 50px 0; }

#col-right .contBox { background-color:#fff; border-width:0; }
#col-right .contBox .box_cont { padding: 0; margin: 0 0 50px 0; }

/* table style definition*/



#col-center .contBox .box_cont .table_siteInfo  { table-layout:auto; border-collapse:collapse; width:100%;}
#col-center .contBox .box_cont .table_siteInfo thead th { border-top:2px solid #555555; border-bottom:1px solid #a2a2a2; padding:12px 0; text-align:center; color:#666666; letter-spacing:-1px; font-size: 14px; }
#col-center .contBox .box_cont .table_siteInfo thead th.today { }
#col-center .contBox .box_cont .table_siteInfo thead th.today .todayIcon {  background-color: #ff5f2e; color:#fff; font-size: 13px; padding: 0 3px 1px 3px; margin-left: 3px; font-weight: 300; vertical-align: middle; }
#col-center .contBox .box_cont .table_siteInfo tbody th { border-bottom:1px solid #e6e6e6; padding:15px 0; text-align:center; color:#000000; letter-spacing:-1px; font-size: 15px; width: 100px;}
#col-center .contBox .box_cont .table_siteInfo tbody td { border-bottom:1px solid #e6e6e6; padding:15px 0; text-align:center; color:#747474; font-size: 15px; }
#col-center .contBox .box_cont .table_siteInfo tbody td a{ color:#ff5f2e;}
#col-center .contBox .box_cont .table_siteInfo tbody td a:link{ color:#ff5f2e;}
#col-center .contBox .box_cont .table_siteInfo tbody td.today { background-color: #f6f6f6; color:#ff5f2e; font-weight:500;}
#col-center .contBox .box_cont .table_siteInfo tbody td.today a{ color:#ff5f2e;}
#col-center .contBox .box_cont .table_siteInfo tbody td.today a:hover{ color:#ff5f2e; text-decoration:underline;}

#col-center .contBox .box_cont .table_siteInfo .adminMemo_list { padding: 15px 15px 0 0; max-height: 500px; overflow-y: auto; }
#col-center .contBox .box_cont .table_siteInfo .adminMemo_list ul { width:100%; text-align: left; display: table; margin-bottom: 15px; }
#col-center .contBox .box_cont .table_siteInfo .adminMemo_list ul li { display: table-cell; letter-spacing: -0.5px; }
#col-center .contBox .box_cont .table_siteInfo .adminMemo_list ul li.adminMemo_ID { width:13%; color:#666666; }
#col-center .contBox .box_cont .table_siteInfo .adminMemo_list ul li.adminMemo_date { width:13%; text-align: right; font-size: 13px; color: #ccc; font-weight: 300; }
#col-center .contBox .box_cont .table_siteInfo .adminMemo_list ul li.adminMemo_btn { width:3%; text-align: right; color:#3570cf; }

#col-center .contBox#mainMemoList span.button button { background-color: #3f8fe4; color:#fff; }

.table_basic { table-layout:auto; border-collapse:collapse; width:100%;}
.table_basic td{ font-size:11px; height:20px;}

.table_simple_board { table-layout:auto; border-collapse:collapse; margin:0; padding:0;  width:100%; }
.table_simple_board thead th {font-size: 13px; color:#fff; font-weight: 400; padding:12px 4px; letter-spacing:-1px; background:#222; border-bottom:1px solid #222; text-align:center;}
.table_simple_board tbody th {font-size: 14px; color:#3570cf; padding:8px 5px !important; border-bottom: 1px solid #f6f6f6; text-align:center; }
.table_simple_board tbody td {font-size:15px; color:#727272; padding:8px 0 !important; border-bottom: 1px solid #f6f6f6; text-align:center; }
.table_simple_board tbody tr.sumTD td {font-size:15px; color:#727272; padding:14px 0 !important; border-top: 1px solid #222;  border-bottom: 1px solid #f6f6f6; text-align:center; background-color:#f6f6f6;}
.table_simple_board tbody tr.sumTD td.txtRight { text-align:right; }
.table_simple_board tbody td.txtRight { text-align:right; }
.table_simple_board tbody td.txtLeft { text-align:left; }
.table_simple_board tbody td a { font-size:14px; color:#becdeb; letter-spacing:-1px;}
.table_simple_board td a:hover { color:#fff; letter-spacing:-1px;}

.table_information { table-layout:auto; border-collapse:collapse; margin:0; padding:0;  width:100%;}
.table_information thead th { font-size: 14px; font-weight: 500; color:#666666; padding:8px 0 !important; letter-spacing:-1px; background:#f8f8f8;border: 1px solid #d3d3d3;text-align:center;}
.table_information tbody th { color:#1567bc; padding:8px 0 !important; border: 1px solid #d3d3d3; text-align:center}
.table_information tbody td { color:#727272; padding:8px 0 !important; border: 1px solid #d3d3d3; text-align:center}
.table_information tbody td.sumTD {font:12px dotum; color:#727272; padding:14px 0 !important; border-bottom: 1px solid #f6f6f6; text-align:center; background-color:#f9f9f9;border-bottom: 2px solid #1567bc;border-top: 1px solid #1567bc;}
.table_information tbody td a{ font:11px dotum; color:#becdeb; letter-spacing:-1px;}
.table_information td a:hover{ font:11px dotum; color:#fff; letter-spacing:-1px;}


.table_info            { table-layout:auto; border-collapse:collapse; margin:0; width:100%; }
.table_info thead th   { color:#b5d2f0; letter-spacing:-1px; background:#3f8fe4;border-bottom: 1px solid #1567bc;border-top: 2px solid #1567bc; text-align:center;}
.table_info tbody th   { color:#3f82c8; border-bottom: 1px solid #f6f6f6; text-align:left;  letter-spacing:-1px; font-weight:500; min-width: 150px; }
.table_info tbody td   { color:#727272; border-bottom: 1px solid #f6f6f6; text-align:left; padding: 12px 4px;}
.table_info tbody td a { color:#becdeb; letter-spacing:-1px; }
.table_info td a:hover { color:#fff; letter-spacing:-1px; }

.table_preferences { table-layout:auto; border-collapse:collapse; margin:0 0 20px 0; padding:0;  width:100%; font-size: 14px; box-sizing: border-box; }
.table_preferences tbody th{ letter-spacing:-1px; color:#4977c9; line-height:30px; border-bottom:1px dashed #e6e6e6; padding-right: 10px; word-break: keep-all; }
.table_preferences tbody th:before { content: "\f0da"; font-family: 'FontAwesome'; padding-right: 5px; }
.table_preferences tbody td{ color:#666; border-bottom:1px dashed #eeeeee; padding:8px 0; line-height:18px;}
.table_preferences tbody tr:last-child th,
.table_preferences tbody tr:last-child td { border-bottom:1px solid #eeeeee; }



.table_view_gray { table-layout:auto; border-collapse:collapse; margin:0; padding:0;  width:100%;}
.table_view_gray th{ background:#fafafa; border:1px solid #e6e6e6; color: #36455f; font-size: 14px; font-weight: 400; padding: 12px; line-height: 24px; letter-spacing:-1px;}
.table_view_gray td{ background:#fff; border:1px solid #e6e6e6; padding:5px;}
.table_view_gray td.comment { background:url(../img/arrows/arrow_tab_normal.gif) no-repeat 6px 9px; font-size:14px; color:#f62222; padding:5px 5px 5px 15px;}



/* Form */



.form_orderDetail { float:none; clear:both; margin:20px 0 0 0;}
.form_orderDetail .column1 { float:left; width:49%;}
.form_orderDetail .column2 { float:right; width:49%;}
.form_orderDetail .columnNone { float:left; width:100%;}
.form_orderDetail .column1 .colWrapper    { margin-bottom: 50px; }
.form_orderDetail .column2 .colWrapper    { margin-bottom: 50px; }
.form_orderDetail .columnNone .colWrapper {  margin-bottom: 50px; }
.form_orderDetail .column1 .colWrapper .dialogHeader, 
.form_orderDetail .column2 .colWrapper .dialogHeader, 
.form_orderDetail .columnNone .colWrapper .dialogHeader { font-size: 20px; font-weight:400; color:#3570cf; letter-spacing:-1.5px; margin-bottom: 15px; }



.form_sms { border:1px solid #e1e1e1; width:220px; background:url(../img/form/sms_design.gif) no-repeat center 10px #fff; padding:30px 18px 10px 18px; box-sizing: border-box; }
.form_sms .sms_text{ text-align:center;}
.form_sms .sms_textNum{ float:none; clear:both;font-size:13px; color:#676767; text-align:right; border-bottom: 1px #e1e1e1 dashed; padding-bottom: 10px; }
.form_sms .sms_check{ text-align:left; padding:10px 0;}
.form_sms .sms_check ol{}
.form_sms .sms_check ol li { font-size: 14px; letter-spacing:-1px; line-height:20px;}
.textarea_sms { box-sizing: border-box;  height:200px; width:100%; padding:10px; line-height:16px; border:1px solid #e1e1e1; }
.textarea_sms_admin{ box-sizing: border-box;  height:200px; width:100%; padding:10px; color:#fff; line-height:1.6em; background:#575757; border: 1px solid #666; }

.form_member_box { border-bottom:1px solid #cfcfcf; padding:10px 10px 30px 10px; margin-bottom: 50px; }

.form_tab { clear:both; padding:0 2px 0 0; margin-bottom: 30px; border-bottom: 1px solid #22ab6b;}
.form_tab:after { content:" "; display: block; clear: both; }
.form_tab ul { display: block; clear: both; list-style:none; }
.form_tab ul:after { content:" "; display: block; }
.form_tab ul li { float:left;  margin:0 1px 0 0; }
.form_tab ul li a { font-size: 16px; display: block; color:#585858 ; text-decoration:none; padding:10px 20px; font-weight:400; letter-spacing:-1px; background-color: #eeeeee; }
.form_tab ul li a:hover{ color:#71b437; }
.form_tab ul li.current { }
.form_tab ul li.current a { color:#ffffff; font-weight:500; letter-spacing:-1px; background-color: #22ab6b; }
.form_tab ul li.current a:hover {color:#ff0;}

/*
.form_tab { clear:both; border-top:1px solid #87cb4c; padding:12px 2px 24px 2px;}
.form_tab ul {float:left;list-style:none; overflow:auto;}
.form_tab ul li.current {float:left; padding:0 28px 0 15px;background:url(../img/arrows/arrow_tab_current.gif) no-repeat; background-position:2px 4px; font:11px dotum; color:#71b437; font-weight:bold; letter-spacing:-1px; overflow:auto;}
.form_tab ul li.current a{font:11px dotum; color:#71b437  !important; font-weight:bold; letter-spacing:-1px;}
.form_tab ul li.current a:hover{color:#71b437;}
.form_tab ul li {float:left;padding:0 28px 0 15px; background:url(../img/arrows/arrow_tab_normal.gif) no-repeat; background-position:2px 2px; font:11px dotum; color:#b3b3b3; font-weight:bold; letter-spacing:-1px;}
.form_tab ul li a:link{font:11px dotum; color:#b3b3b3 ; font-weight:bold; letter-spacing:-1px;}
.form_tab ul li a:active{font:11px dotum; color:#b3b3b3 ; font-weight:bold; letter-spacing:-1px;}
.form_tab ul li a:visited{font:11px dotum; color:#b3b3b3 ; font-weight:bold; letter-spacing:-1px;}
.form_tab ul li a:hover{color:#71b437; text-decoration:none;}
*/
/*.form_detailView{ clear:both;border:3px solid #e0e3ed; padding:3px;}*/
.form_detailView{ clear:both;}
.form_detailView .statusInformation { border:2px solid #3570cf; background:#f7f7f7; overflow:auto; padding:20px;}
.form_detailView .statusInformation .mainScription {float:left; margin:0 auto; text-align:center; font-size: 16px;  font-weight:500; color:#3570cf; line-height:30px; vertical-align: middle;}
.form_detailView .statusInformation .mainScription strong { font:18px tahoma; color:#ff471c; font-weight:bold; line-height:18px;}
.form_detailView .statusInformation .control { float:right;}

.subScription{ float:none; clear:both; margin:10px 0px 40px 0px;  overflow:auto; }
.subScription ol li { font-size:14px; color:#999; letter-spacing:-1px; margin-bottom: 5px; }
.subScription ol li:before { content: "\f05d"; padding-right: 7px; font-family: fontawesome; color:#3570cf; }

.form_detailView .order_info_simple {  height: auto; margin-bottom: 5px; display: table; width: 100%; }
.form_detailView .order_info_simple .order_number { display: table-cell; font-size: 18px; font-weight: 500; color:#222; letter-spacing:-1px; vertical-align: middle;}
.form_detailView .order_info_simple .order_number strong { font:18px tahoma; font-weight:bold; color:#1e6bbc; }
.form_detailView .order_info_simple .order_control { display: table-cell; text-align: right; }
.form_detailView .order_info_simple .order_control ol { text-align: right; letter-spacing: -5px; }
.form_detailView .order_info_simple .order_control ol li { display: inline-block; text-align: right; letter-spacing: -1px; }
.form_detailView .order_info_simple .order_control ol li .printType { margin-right: 5px; width: 100px; }
.form_detailView .order_info_table {}



.form_search { clear:both;border:1px solid #cbcbcb; margin-bottom: 30px;  }
.form_search .terms { background-color:#FFF; padding:10px;}
.form_search .terms_control { background-color:#f2f3f5; padding:10px 0 10px 0; text-align:center;}

.formTable_search_column { width:100%; margin:0; padding:0; table-layout:auto;}
.formTable_search_column th { width:100px; border-bottom:1px dotted #cbcbcb; font-size:14px; color:#585858; font-weight:500; padding:4px 5px 4px 5px;letter-spacing:-1px; }
.formTable_search_column td { color:#585858; padding:12px; border-bottom:1px dotted #cbcbcb; }
.formTable_search_column tr:last-child th, .formTable_search_column tr:last-child td { border-bottom-width:0; }

.formTable_search_column tr td label { font-size: 13px; }

.formTable_search_column .searchForm01 .col01 { }
.formTable_search_column .searchForm01 .col02 { width: 42%; }

.form_box_default { clear:both; display: block; margin-bottom: 50px; }
.form_box_default .form_box_default_dl { margin-bottom: 20px; }
.form_box_default .formSubTitle { margin-bottom: 10px; }
.form_box_default .form_box_default_dl dt,
.contentLecTitle .cLTitle { display: inline-block; color: #3570cf; font-size: 20px; font-weight:400; letter-spacing: -1.5px; padding-right: 10px; }

.form_box_default .formSubTitle dt{ display: inline-block; color: #000000; font-size: 15px; font-weight:400; letter-spacing: -1.5px; padding-right: 10px; }

.form_box_default .form_box_default_dl dd,
.form_box_default .formSubTitle dd,
.contentLecTitle .status { display: inline-block; font-size: 14px; color:#9d9d9d; }
.contentLecTitle .status strong,
.form_box_default .form_box_default_dl dd strong {color: #ff471c;}
.form_box_default .form_box_default_dl dd span { color:#666;} /* 주문서 등록때문에 !important 해제함 */
.form_box_default fieldset *{ vertical-align:middle;}

.form_box_default_column {margin:6px 10px 6px 10px; line-height:normal;position:relative; padding:1px 0;}
.form_box_default_column li{margin:4px 0 4px 0; font:11px dotum; color:#7e7e7e; font-weight:bold; letter-spacing:-1px;line-height:23px;}
.form_box_default_column label {padding:0; margin:0;display:inline-block;height:23px;}
.form_box_default_column label label{padding-top:0; }
.form_box_default_column label .fieldName{width:80px;display:block;float:left; padding:5px 0 0 0;}

.popup_properties{ clear:both; padding:10px; position:absolute; top:100px; left:250px; background:#FFF; border:5px solid #36455f;}

.form_box_skin{ clear:both;border:2px solid #98c8e4;}
.form_box_skin .form_box_skin_dl{height:27px; border-bottom:#518f1b; background:#98c8e4;}
.form_box_skin .form_box_skin_dl dt{float:left; background:url(../img/arrows/arrow_skinTitle.gif) no-repeat left top; padding:8px 0px 4px 29px; color:#08476c; font:12px dotum; letter-spacing:-1px; font-weight:bold;}
.form_box_skin .form_box_skin_dl dd{ float:right; padding:8px 5px 0px 0; color:#4784a7; font:11px dotum; letter-spacing:-1px; overflow:hidden;}
.form_box_skin .form_box_skin_dl dd strong{color:#1c5577; font:11px dotum; letter-spacing:-1px; font-weight:bold;}
.form_box_skin fieldset *{ vertical-align:middle;}


.box_normal_150 { width:150px; height:200px;float:left;}
.box_normal_170 { width:170px; height:200px;float:left;}
.box_normal_200 { width:200px; height:200px;float:left;}
.box_normal_250 { width:250px; height:200px;float:left;}
.box_normal_300 { width:300px; height:200px;float:left;}
.box_normal_350 { width:350px; height:200px;float:left;}
.box_normal_400 { width:400px; height:200px;float:left;}
.box_normal_450 { width:450px; height:200px;float:left;}
.box_normal_500 { width:550px; height:200px;float:left;}
.box_normal_550 { width:550px; height:200px;float:left;}

.box_skinLayout { box-sizing: border-box; width:150px; float:left; margin:20px; height: 270px; }
.box_skinLayout .img_skin {}
.box_skinLayout .subjcet { font-weight:400; padding: 5px 0; font-size: 14px; }
.box_skinLayout .subjcetSet { text-align:center; color:#5cc859; font-size: 14px; letter-spacing:-0.5px; font-weight:400;}
.box_skinLayout .subjcet.copyWidget { padding: 5px 0;}

.widgetDesc li { border-bottom: 1px dashed #f0f0f0; padding: 5px 0; letter-spacing: 0px; min-height: 30px; box-sizing: border-box;  line-height: 140%; word-wrap: normal; word-break: break-all; }
.widgetDesc li.design_pageURL a { color:#3570cf; word-break: break-all; font-size: 12px;  line-height: 140%; word-wrap: normal; }
.widgetDesc li.design_pageName a { color:#222; font-size: 14px; letter-spacing:-.5px; word-break: keep-all; }

.boxG_skinLayout188 { width:188px; height:220px; float:left; margin:20px 10px 20px 10px; text-align:center; }

.box_skinLayout188 { width:188px; height:190px;}
.box_skinLayout188 .img_skin {}
.box_skinLayout188 .subjcet { color:#222; font-size:14px; letter-spacing:-.5px;}
.box_skinLayout188 .subjcetSet { text-align:center; color:#5cc859; font:11px dotum; letter-spacing:-1px; font-weight:bold;}

.widgetCopyWrap { border:1px solid #ccc; }
.widgetCopyWrap .table_simple_board tbody tr:first-child td { height:500px; }

.box_setPage { float:right; box-sizing: border-box; width: calc( 100% - 220px );  border:3px solid #77cd74; height:400px; padding:10px; overflow:auto;}
.box_setForm { float:right; box-sizing: border-box; border:3px solid #77cd74; width: calc( 100% - 220px ); padding:10px; }
.control_setPage { list-style:none; margin:0; padding:0;}
.control_setPage li{ margin: 3px; padding: 5px 5px 5px 25px; font-size:14px; }

.form_textarea {width:592px; *:margin:0 0 0 -20px; _margin:0 0 0 -223px; background:url(../img/form/form_bg_textarea.gif); line-height:27px;padding:0px 2px 0 2px !important; }
.form_textarea1 {width:40px; margin:0; background:url(../img/form/form_bg_textarea1.gif); line-height:15px;padding:0px !important; color:#FFFFFF; text-align: right; overflow: hidden; }
.form_textarea2 {width:561px; margin:0; background:url(../img/form/form_bg_textarea2.gif); line-height:15px;padding:0px !important; }
.form_textarea3 {width:561px; margin:0; background:url(../img/form/form_bg_textarea3.gif); line-height:15px;padding:0px !important; }

.box_setForm .form_textarea { width: 100%; }

.form_htmlEditor_num { width:40px; float:left;}
.form_htmlEditor_text {width:555px; float:left;}


.ui_select_list-normal {border:1px solid #e7e7e7; cursor:  pointer; letter-spacing:-1px; color:#535353; background:url(../img/layout/selectImg.gif) 0 -30px no-repeat #f8f8f8;}
.ui_select_list-select {border:1px solid #2aac26; cursor:  pointer; letter-spacing:-1px; color:#fff;background:url(../img/layout/selectImg.gif) 0 0 no-repeat #77cd74;}
.ui_select_list-disable {border:1px solid #efefef; cursor: default;  letter-spacing:-1px; color:#c7c7c7;background:url(../img/layout/selectImg.gif) 0 -60px no-repeat #fafafa;}


.boxHeight100 { height:100px; overflow:auto;}
.boxHeight200 { height:200px; overflow:auto;}
.boxHeight300 { height:300px; overflow:auto;}
.boxHeight400 { height:400px; overflow:auto;}
.boxHeight500 { height:500px; overflow:auto;}
.boxHeight600 { height:600px; overflow:auto;}


.form_board_status { clear:both; border-top:1px solid #cbcbcb; border-bottom: 0px solid #cbcbcb; background:#eaf4e1; box-sizing: border-box; vertical-align: middle; padding: 10px; }
.form_board_status:after { content:" "; display: block; clear: both; }
.form_board_status .status { float:left; color:#585858; font-size:14px; line-height: 29px; padding-right: 20px; }
.form_board_status .status strong { color:#222;}
.form_board_status .search { float:left; color:#585858;  line-height: 30px; padding: 0 !important;   }
.form_board_status .search ul li { float:left; list-style:none; font-size: 14px; vertical-align: middle; }
.form_board_status .search ul:after { content:" "; display: block; clear: both; }
.form_board_status .page { float:right; line-height: 27px;  }
.form_board_status .page ul li { float:left; font-size:14px; color:#22ab6b; list-style:none;  }
.form_board_status .page ul li:after { content:""; padding: 0 10px; color:#686868; }
.form_board_status .page ul li a {color:#585858; }
.form_board_status .page ul li a:hover{color:#22ab6b; }
.form_board_status .page ul li a.current{color:#22ab6b;  font-weight:500;}
.form_board_status .page ul li a.current:hover{color:#22ab6b; font-weight:500;}
.form_board_status .control { float:right; line-height: 27px; }
.form_board_status .control ul:after { content:" "; display: block; clear: both; }
.form_board_status .control ul li{ float:left;}
.form_board_status .control ul li img, .form_board_status .control ul li a img { margin-top: 5px;}

.form_board_status_gray{ clear:both; height:33px; border-bottom:1px solid #f8f8f8; border-top:1px solid #e0e0e0; background:#f0f0f0; padding:0 10px 0 10px;}
.form_board_status_gray .control { float:left;padding:6px 0 0 0; }
.form_board_status_gray .control ul li{ float:left;}

.form_board_status select { height: 30px !important; vertical-align: middle; }

.form_board_status .LectureSelectDiv { width: 300px; padding-left: 0 !important; float: left; }
.form_board_status .LectureSelectDiv select[name=LectureSeq] { width: 100%; margin-left: 5px;  height: 32px !important; }
.form_board_status .input_searchBoard { vertical-align:middle; border: 1px solid #cbcbcb; box-sizing: border-box; margin-left: 5px;  }

div.form_board_list {}

.boardList { width:100%; border-collapse:collapse; border-top:1px  solid #cbcbcb; }
.boardList thead { border-bottom:1px  solid #cbcbcb; }
.boardList thead tr th { background:#fafafa; color:#36455f; font-size: 14px; padding:12px 4px; text-align:center; font-weight:500; }
.boardList tbody tr td { border-bottom:1px solid #e6e6e6; color:#36455f; font-size: 15px; padding:12px 6px; font-weight:400; text-align: center; box-sizing: border-box; }
.boardList tbody tr td a {color:#000; word-break: break-all; font-weight: 500; }
.boardList tbody tr td a:hover {color:#3570cf;}

.boardList tbody tr td label { padding-right: 10px;}
.boardList tbody tr td label:last-child { padding-right: 0; }
.boardList tbody tr:hover td { background-color: #f6f9ff; }
.boardList tbody tr:hover td.noHoverBg { background-color: transparent; }

.boardList tbody tr td.text_blue,
.boardList tbody tr td a.text_blue,
.formTable_wirte tbody tr td.text_blue,
.formTable_wirte tbody tr td a.text_blue { color:#3570cf; }
.boardList tbody tr td.text_green,
.boardList tbody tr td a.text_green,
.formTable_wirte tbody tr td.text_green ,
.formTable_wirte tbody tr td a.text_green { color:#22ab6b; }
.boardList tbody tr td.text_gray,
.boardList tbody tr td a.text_gray,
.formTable_wirte tbody tr td.text_gray ,
.formTable_wirte tbody tr td a.text_gray { color:#333; }

.boardList tbody tr td.fontSize13,
.boardList tbody tr td a.fontSize13,
.formTable_wirte tbody tr td.fontSize13,
.formTable_wirte tbody tr td a.fontSize13 { font-size:13px; }

.boardList tbody tr td.fontSize14,
.boardList tbody tr td a.fontSize14 { font-size:14px; }

.boardList tbody tr td.emptyCell { padding:0; border-bottom-width: 0; height: 0; line-height: 0; font-size: 0; }

/* 게시판 관리 */


.boardList tbody tr td.bbsSelect { width: 44px; font-size: 14px; }
.boardList tbody tr td.articleNum {width: 44px; font-size: 14px; color:#b3b3b3; }
.boardList tbody tr td.bbsRe {width: 80px; font-size: 14px; }
.boardList tbody tr td.bbsRe span.button,
.boardList tbody tr td.bbsRe span.button button { width:100%; margin: auto; }
.boardList tbody tr td.bbsRe span.button button { background-color: transparent; }
.boardList tbody tr td.bbsRe span.button.red button,
.boardList tbody tr td.bbsRe span.button.red button:hover { color: #ff471c; cursor: default; }
.boardList tbody tr td.bbsRe span.button.blue button,
.boardList tbody tr td.bbsRe span.button.blue button:hover { color:#3570cf; cursor: default; }
.boardList tbody tr td.bbsRe span.button.green button,
.boardList tbody tr td.bbsRe span.button.green button:hover { color:#22ab6b; cursor: default; }
.boardList tbody tr td.bbsPoint {width: 90px;}
.boardList tbody tr td.bbsCategory {width: 200px; font-size: 14px; color:#22ab6b; }
.boardList tbody tr td.lecName { width: 260px; font-size: 14px; text-align: left; color:#22ab6b; }
.boardList tbody tr td.articleTitle,
.boardList tbody tr td.articleDesc { text-align: left; padding: 12px 10px; min-width: 150px; }

.boardList tbody tr td.bbsWriter {width: 90px; font-size: 14px; color:#666; }
.boardList tbody tr td.bbsVote { width: 50px; font-size: 14px; color:#b3b3b3; }
.boardList tbody tr td.bbsDate {width: 90px; font-size: 14px; color:#b3b3b3; }
.boardList tbody tr td.bbsView {width: 60px; font-size: 14px; color:#b3b3b3; }

.boardList tbody tr td.msgDate { width: 164px; font-size: 14px; color:#666;  }
.boardList tbody tr td.msgTo { width: 126px; font-size: 14px; color: #22ab6b; word-break: break-all; }
.boardList tbody tr td.msgToNum { width: 136px; font-size: 14px; color:#666;  }
.boardList tbody tr td.msgResult { width: 80px; font-size: 14px; color:#666;  }

.boardList tbody tr td.moneyWon { text-align:right; width: 130px; }
.boardList tbody tr td.moneyWon02 { text-align:right; width: 90px; }
.boardList tbody tr td.moneyWon.numberred { width: 110px; padding-right: 8px; }
.boardList tbody tr td.lecBtnBox { width: 47px; box-sizing: border-box; }
.boardList tbody tr td.lecBtnBox02 { width: 80px; box-sizing: border-box; }
.boardList tbody tr td.lecListTea  { width: 120px; font-size: 14px; color:#b3b3b3; }
.boardList tbody tr td.listMember { width: 160px; font-size: 14px; }

.boardList tbody tr td.conCategory { color:#22ab6b; text-align: left; font-size: 13px; width:120px; }
.boardList tbody tr td.contentsNum { font-size: 13px; width: 35px; }
.boardList tbody tr td.contentsNum span.lessonNum {  }
.boardList tbody tr td.contentsVideo { text-align:left; font-size: 13px;  width: 180px; }
.boardList tbody tr td.contentsFile { width: 180px; font-size: 14px; letter-spacing: -1px; text-align: left; }
.boardList tbody tr td.contentsType { width: 60px; }
.boardList tbody tr td.contentsType:nth-child(2n+3) { background-color: #f2f3f5; }
.boardList tbody tr td.contentsSample { font-size: 14px; letter-spacing: -1px; width:45px; }
.boardList tbody tr td.contentsTime { font-size: 14px; width:70px; }
.boardList tbody tr td.contentsDRM { font-size: 14px; letter-spacing: -1px; color:#22ab6b; width:90px; }


.homework_student {}

.contentsPlay { display: inline-block; font-size: 12px; letter-spacing: -1px; background-color: #eaf4e1; padding:0 5px; font-weight: 300; border-radius: 2px; height: 18px; line-height: 17px; color:#fff; }
.contentsPlay:before { content: "\f144"; font-family: fontawesome; padding-right: 3px; }
.contentsPlay.qLow { background-color:#FFB706;  }
.contentsPlay.qNormal { background-color:#22ab6b;}
.contentsPlay.qHigh { background-color:#ff471c; }

.boardList tbody tr:first-child td.contentsType { font-size: 14px; font-weight: 500; }
.boardList tbody tr:first-child td.contentsType.qLow { color:#FFB706; }
.boardList tbody tr:first-child td.contentsType.qNormal { color:#22ab6b; }
.boardList tbody tr:first-child td.contentsType.qHigh { color:#ff471c; }

.contentsListBox.boardList tbody tr td.articleTitle a { color:#3570cf; }


/* 주문 목록 */

.orderList { width:100%; border-collapse:collapse; border-top:1px  solid #cbcbcb; box-sizing: border-box; }
.orderList thead tr th { background:#fafafa; color:#36455f; font-size: 14px; padding:12px 4px; text-align:center; font-weight:500; border-bottom:1px  solid #cbcbcb; box-sizing: border-box; }

.orderList tbody tr td { border-bottom:1px solid #e6e6e6; color:#777777; font-size: 13px; padding:12px 4px; text-align:center; font-weight:400;  box-sizing: border-box; }
.orderList tbody tr td.subject {font-size: 12px; font-weight:500;}
.orderList tbody tr td.subject a{font-size: 12px; font-weight:500;}
.orderList tbody tr td.subject a:hover{font-size: 12px; }
.orderList tbody tr td.subject a .etcNum {color:#71b437} 
.orderList tbody tr td a {color:#3570cf; }
.orderList tbody tr td a:hover{color:#000; }
.orderList tbody tr td .select_orderState,
.orderList tbody tr td .input_orderState { font-size: 12px; letter-spacing: -1px; padding: 0 1px; width: 78px; margin: 2px 0; }

.orderList .odSelect { width: 35px; padding:12px 0; }
.orderList .odSelect input[type="checkbox"] { margin: 0; }
.orderList .odTotalNum {  width: 40px; }
.orderList .OrderDate { width: 100px; }
.orderList .orderNo { width: 110px; font-size: 14px; font-weight: 500; }
.orderList .UserNM { width:120px; }
.orderList .odName { min-width: 140px; font-weight: 500; }
.orderList tbody .odName { text-align: justify; padding: 12px 8px; }
.orderList .odState { width:250px; }
.orderList .OrderMoney { width:90px; }
.orderList tbody .OrderMoney { text-align: right; }
.orderList .paymentType { width:70px; }
.orderList .paymentState { width:102px; }
.orderList .odCancel { width:90px; }

/* 주문 간편 등록 */

.oRegProduct { margin: 20px 0; }
.oRegProduct .oRegUnit { display: table; width: 100%; border-bottom: 1px solid #cbcbcb; color:#777; }
.oRegProduct .oRegUnit li { display:table-cell; padding: 12px 5px; font-size: 14px; box-sizing: border-box; text-align: center; }
.oRegProduct .oRegUnit li.oRegType { width: 50px; }
.oRegProduct .oRegUnit li.oRegSubject { text-align: justify; }
.oRegProduct .oRegUnitHead li.oRegSubject { text-align: center; }
.oRegProduct .oRegUnit li.oRegCoupon { width: 170px; }
.oRegProduct .oRegUnit li.oRegCoupon select { font-size: 13px; width: 160px; padding: 0 ; letter-spacing: -0.8px; text-align: center; }
.oRegProduct .oRegUnit li.oRegQuantity { width: 54px; }
.oRegProduct .oRegUnit li.oRegPrice { text-align: right; width: 90px; }
.oRegProduct .oRegUnit li.oRegDelete { width:80px; }
.oRegProduct .oRegUnit li.oRedMileage { width: 80px; text-align: right; }
.oRegProduct .oRegUnitHead li.oRedMileage { text-align: center; }
.oRegProduct .oRegUnit li.oRegTotalPrice {color:#36455f; font-weight: 500; }
.oRegProduct .oRegUnit li.oRegQuantity + li.oRedMileage { width: 170px; }

.oRegProduct .oRegUnitHead { background-color: #fafafa; border-top: 1px solid #cbcbcb; color:#36455f; }

.oRegProduct .oRegUnit li.oRegQuantity > .veryTiny { text-align: center; }



.form_board_control{clear:both; padding:5px 0;}

.form_board_write{}

.form_board_view { clear:both; }
.form_board_view .form_board_subject { border:1px solid #ededed; background:#fafafa; margin:0 0 30px 0; padding:20px;}
.form_board_view .form_board_subject .subject { font-size: 24px; font-weight:500; letter-spacing: -1px; color:#222; margin-bottom:10px;}
.form_board_view .form_board_subject .viewLecName { color:#22ab6b ; font-size:16px; }
.form_board_view .form_board_subject ul { clear:both;float:none; margin:0; padding:0; list-style:none; display:inline-block}
.form_board_view .form_board_subject ul li { float:left; font-size:13px; color:#666;}
.form_board_view .form_board_subject ul li.bar{ padding:0 10px; font-size:11px; font-weight: 100; color:#CCC;}
.form_board_view .form_board_subject ul li strong { font-weight:500; }
.form_board_view .form_board_body { padding:20px; margin: 0 0 30px 0; }

.form_board_view .form_board_answer { padding:0; border:1px solid #cbcbcb; background-color: #f0f0f0; }
.form_board_view .form_board_answer .answerTitle { color:#585858;  border-bottom:1px dashed #cbcbcb; overflow:auto; padding: 20px; }
.form_board_view .form_board_answer .answerTitle .title { float:left; font-size:20px; font-weight:500; letter-spacing: -1px; }
.form_board_view .form_board_answer .answerTitle .buttons{ float:right;}
.form_board_view .form_board_answer .answerbody { float:none;padding:0; background-color:#fff}
.form_board_view .form_board_answer .answerbody .form_board_subject { background-color: #fafafa; }
.form_board_view .form_board_answer .answerbody .contents { padding:0 10px 10px 10px; text-align: center; }
.form_board_view .form_board_answer .answerbody .contents #cke_Textarea3 { margin-bottom: 10px; }


.form_board_view_comment { clear: both; float:none;  margin:0 auto;padding:20px 0; border-top:1px solid #ececec; border-bottom:0px solid #ececec; overflow:auto}
.form_board_view_comment .info { float:left; padding-right: 15px; }
.form_board_view_comment .info dl {float:none; clear:both; margin:0 0 3px 0; padding:0; }
.form_board_view_comment .info dl:after { content:" "; display: block; clear: both; }
.form_board_view_comment .info dl dt {  margin:0; padding:0 10px 0 5px; float:left; font-size: 13px; color:#868686;}
.form_board_view_comment .info dl dd {  margin:0; padding:0 10px 0 5px; float:left; font-size: 13px; color:#acacac;}
.form_board_view_comment .cont { color:#585858; font-size: 15px; margin-left: 170px; }

.form_board_view_comment .form_table_basic .input_textarea { width: 100%; }

.commentReply { padding-left: 35px; position: relative; }
.commentReply:before { content: "\f112"; font-family: fontawesome; color: #d2dbe4; position: absolute; left: 20px; top: 20px; }

.form_tip { clear:both; float:none; margin:10px 5px 0 5px;}
.form_tip ul {}
.form_tip ul li{ font-size: 14px; color:#f62222; letter-spacing:-1px;}
.form_tip ul li:before { content: "\2027"; padding-right: 6px; margin-top: -2px; }


.form_board_view_comment .reply {clear:both; float:none;padding:5px; border:1px solid #f0e4d0; background-color:#fbfafa; display:inline-block;}
.form_board_view_comment .reply dl{ margin:0; padding:0}
.form_board_view_comment .reply dl dt{ margin:0; padding:0 10px 0 0;float: left;}
.form_board_view_comment .reply dl dd{margin:0; padding:0; float: left;}

.form_board_view_comment .commentBox {} 
.form_board_view_comment .commentBox ul { text-align: left;  }
.form_board_view_comment .commentBox ul li { display:inline-block; vertical-align: top;}
.form_board_view_comment .commentBox ul li.textarea_comment { width: 60%; margin-right: 7px;  }
.form_board_view_comment .commentBox ul li.textarea_comment textarea { width: 100%; }
.form_board_view_comment .commentBox ul li.button_comment { width: 20%; }
.form_board_view_comment .commentBox ul li.button_comment .button.xLarge { width: 100%; }


.form_table_basic { border:0px; border-collapse:collapse;}
.form_table_basic td{ line-height:170%; text-align:left;} 

.boardList_simple{ margin:5px; width:23%; float:left; display: inline-block;}
.boardList_simple dl{}
.boardList_simple dl dt{ color:#6e6e6e; background-color:#f3f3f3; padding:7px; border-top:1px solid #d2d2d2;border-bottom:1px solid #7c7c7c; font-weight:bold;}
.boardList_simple dl dd{ float:right; color:#999;}

.formTable_view {width:100%; margin:0; padding:0; table-layout:auto; border-collapse:collapse;border-top:2px solid #71b437;border-bottom:2px solid #71b437;}
.formTable_view th {width:100px; border-bottom:1px solid #f5f5f5;font:11px dotum; color:#8d95aa; font-weight:bold; padding:4px 5px 4px 5px; line-height:24px;letter-spacing:-1px;}
.formTable_view td {border-bottom:1px solid #f5f5f5;font:12px dotum; color:#333; padding:4px 5px 4px 5px;}

.formTable_wirte { box-sizing: border-box; width:100%; margin:0; padding:0; table-layout:auto; border-collapse:collapse; border: 1px solid #e6e6e6; }
.formTable_wirte th { box-sizing: border-box; width:130px; border:1px solid #e6e6e6; color:#36455f; font-size: 14px; font-weight:400; padding:12px; line-height:24px; letter-spacing:-1px; background-color: #fafafa; word-break: keep-all; word-wrap: break-word; }
.formTable_wirte th.width200 { width:200px; }
.formTable_wirte th:first-child { border-left-width:0; }
.formTable_wirte td { box-sizing: border-box; border-bottom:1px solid #e6e6e6;color:#333; padding:12px; font-size: 15px;  border-color: #e6e6e6 !important; }
/*.formTable_wirte tr:last-child th, .formTable_wirte tr:last-child td { border-bottom-width:0; } */
.formTable_wirte td img { vertical-align:middle; }
.formTable_wirte td label { padding-right: 10px; }
.formTable_wirte td label:last-child { padding-right:0; }
.formTable_wirte td.smsSetTh { color:#36455f; font-size: 14px; font-weight:400; padding:12px; line-height:24px; letter-spacing:-1px; background-color: #fafafa; text-align: center; }
.formTable_wirte td.smsSetForm { border-bottom: none; padding-top: 30px; padding-bottom: 5px; }
.formTable_wirte td.smsSetForm2 { text-align: center; padding-top:10px; padding-bottom: 30px; font-size: 13px; color: #9d9d9d; }
.formTable_wirte td.smsSetForm2 b { color:#3570cf; }

table.formTable_wirte tr td table.formTable_wirte tr td:first-child  { width: 82px; }
table.formTable_wirte tr td table.formTable_wirte tr th { width: 130px; }
table.formTable_wirte tr td table.formTable_wirte tr td span.text_whitegray_11_1 { display:block; }
table.formTable_wirte tr td select[name=ProductSeq_tempo], 
table.formTable_wirte tr td select[name=TicketCode] {height: 30px !important; font-size:14px !important; box-sizing: border-box; }

.addedStepBox { margin-top: 8px; margin-bottom: 20px; }
.addedStepBox li { padding:1px 0; }


/* 출제 시험 시험지, 퀴즈 */

.corrAns { display:block; margin-bottom: 10px; text-align: left; color:#ccc; }
.ansByMeList { color:#666; }

.queWrap { font-size: 18px; }
.queWrap:before { content: "문제."; display: block; font-size: 12px;  color: #3570cf; }
.qutWrap { font-size: 14px; }

.Mexam-detail-table {}

/* 콘텐츠 관리 */

.form_reg_simple { margin:10px;}
.form_reg_simple dt { clear:both; float:left; color:#8d95aa; font-weight:500; padding:8px 5px 8px 5px; line-height:24px; letter-spacing:-1px;}
.form_reg_simple dd { float:left; color: #666; padding:8px 5px 8px 5px; line-height:24px; letter-spacing:-1px;}


.form_content_box {border: 1px solid #cbcbcb; background:#ffffff; font-size: 15px; margin-bottom: 15px; letter-spacing: -1px; }
.form_content_box .input_text,
.form_content_box select { margin-left: 7px; }
.contentsVal { display: inline-block; }

.form_content_box .contentsPlay { font-size:14px; height:18px; line-height: 17px; width: 42px; text-align: center; padding: 0; background-color: #fff; border-width:1px; border-style: solid; margin-right:3px; }
.form_content_box .contentsPlay.qLow { border-color: #FFB706; color:#FFB706; }
.form_content_box .contentsPlay.qNormal { border-color: #22ab6b; color:#22ab6b; }
.form_content_box .contentsPlay.qHigh { border-color: #ff471c; color:#ff471c; }
.form_content_box .contentsPlay:before { content: " "; padding: 0; margin: 0; }

.fileUpload { display:inline-block; background-color:#3570cf; box-sizing:border-box; height: 30px; line-height: 30px; padding: 0 8px; letter-spacing: -1px; color:#fff; font-size: 14px;  }
.fileUpload:hover { cursor:pointer; }
.fileDownload {  display:inline-block; background-color:#22ab6b; box-sizing:border-box; height: 30px; line-height: 30px; padding: 0 8px; letter-spacing: -1px; color:#fff; font-size: 14px;  }


/*.form_content_box ul {clear:both; letter-spacing: -5px; }
.form_content_box ul li { box-sizing: border-box; display: inline-block; letter-spacing: -0.5px; padding:0 10px; height: 50px; line-height: 48px; border-top:1px solid #f8f8f8;border-left:1px solid #f8f8f8;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; color:#585858; }
.form_content_box ul li input, .form_content_box ul li select { vertical-align:unset; margin-left: 5px; }*/

.form_content_control {padding:10px; background-color:#f0f0f0; line-height:24px;border-top:1px solid #f8f8f8; }
.form_content_control .leftControl{float: left;}
.form_content_control .rightControl{float: right;}

.area_menuView { float:none; clear:both; border:3px solid #1566b9; padding:10px; overflow:auto; background-color: #fafafa; border: 1px solid #cbcbcb; border-top-width:  0; }
.area_menuView .setMenuBox { float:left; margin:5px; border:1px solid #f5f5f5; padding:5px; width:160px; text-overflow: ellipsis; }

.area_info  { float:none; clear:both; border-top:1px dashed #cbcbcb;  border-bottom:1px dashed #cbcbcb; font-size: 13px; line-height:30px; letter-spacing:-1px; padding: 10px 0; margin-bottom: 30px; }
.area_info ol { list-style:none;}
.area_info ol li.title { color:#71b437; font-weight:500; letter-spacing:-1px;}
.area_info ol li { float:left;line-height:32px; padding-right:10px; color:#858585;}
.area_info ol:after { display:block; clear: both; content: " "; }
.area_info ol li img { vertical-align:middle}

.area_greentBox { float:none; clear:both; height:40px; background-color:#eaf4e1; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; letter-spacing:-1px; }
.area_greentBox .btn { display: inline-block; margin:0 10px; vertical-align:middle;  }
.area_greentBox .text { display: inline-block; color:#22ab6b; font-size:14px; line-height:38px; vertical-align:middle; font-weight: 400; }
.area_menuManage {float:none; clear:both; overflow:auto;}
.area_menuManage ul.depth1 {}
.area_menuManage ul.depth1 li { float:none; clear:both; font-size: 13px; line-height:44px; vertical-align:middle; background:#f5f5f5; border-top:1px solid #f6f6f6; border-bottom:1px solid #efefef; overflow:auto;}
.area_menuManage ul.depth1 li .menu_leftItem {padding-left:10px;}
.area_menuManage ul.depth1 li ul.depth2 {}
.area_menuManage ul.depth1 li ul.depth2 li {float:none; clear:both; font-size:12px; line-height:40px; vertical-align:middle; background:#fafafa; border-top:1px solid #fff; border-bottom:1px solid #f2f2f2;overflow:auto;}
.area_menuManage ul.depth1 li ul.depth2 li .menu_leftItem {padding-left:60px;}
.area_menuManage ul.depth1 li ul.depth2 li ul.depth3 {}
.area_menuManage ul.depth1 li ul.depth2 li ul.depth3 li {float:none; clear:both; font-size:12px; line-height:40px; vertical-align:middle; background:#fdfdfd; border-top:1px solid #fff; border-bottom:1px solid #f7f7f7;overflow:auto;}
.area_menuManage ul.depth1 li ul.depth2 li ul.depth3 li .menu_leftItem {padding-left:160px;}

.area_menuManage ul.depth1 li:hover { background-color:#efefef; }
/*.area_menuManage ul.depth1 li ul.depth2 li:hover { background-color:#f0f0f0; }
.area_menuManage ul.depth1 li ul.depth2 li ul.depth3 li:hover { background-color:#f2f2f2; }*/


.menu_leftItem {float:left; overflow:auto; }
.menu_leftItem .numbering {width:21px; height:20px; font-size:12px; letter-spacing: -1px; color:#fff; font-weight:400; line-height:20px; text-align:center; display:inline-block; background-color: #8a94b3; border-radius: 2px; margin-right: 5px; }
.menu_leftItem img{ vertical-align:middle;}
.menu_leftItem .move {}
.menu_leftItem .view {}
.menu_leftItem .preferences {}
.menu_leftItem .menu_subject { font-size:13px; color: #777; letter-spacing:-1px; padding-left:15px; padding-right: 5px; }
.menu_leftItem .menu_text_d1 { font-size: 16px; color: #3570cf; letter-spacing:-1px; font-weight:500; padding-right: 5px;}
.menu_leftItem .menu_text_d2 { font-size: 14px; color: #A8A8A8; letter-spacing:-1px; font-weight:400; padding-right: 5px;}
.menu_leftItem .menu_text_d3 { font-size: 14px; color: #A8A8A8; letter-spacing:-1px; font-weight:400; padding-right: 5px;}
.menu_leftItem .menu_text_d1 a { color:#3570cf; }
.menu_leftItem .menu_text_d2 a { color:#3570cf; }
.menu_leftItem .menu_text_d3 a { color:#3570cf; }
.menu_leftItem .page_new {}
.menu_leftItem .page_del {}
.menu_leftItem .page_design {}
.menu_leftItem .dMenu_icon { padding:1px;}

.menu_rightItem { float:right; overflow:auto; padding-right:20px; min-width:160px; max-width: 50%; }
.menu_rightItem img{ vertical-align:middle;display:block; }
.menu_rightItem .valuation_subject { float:left; font-size: 13px; color: #777; letter-spacing:-1px;line-height:44px;}
.menu_rightItem .valuation_text { float:left; font-size: 13px; color: #22ab6b; letter-spacing:-1px; font-weight:400;line-height:44px;}
.menu_rightItem .subMenuToggle { float:right; width:16px; height:16px; padding-top:14px;}


.popupcontainer { margin:0;padding:0; background-color: #fff; box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.2); font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-weight:400; top:10% !important; }

.popupcontainer.boardSet_popup { position:fixed !important;  left:50%; margin-left:-350px; width:700px; z-index:999; height: 80%; }
.popup-icon-list { position:fixed !important; top:10% !important; height: 80% !important; left:50%; margin-left:-350px;width:700px; z-index:999; }
.popup-icon-list .popup_content { bottom: 0; }
.popupcontainer.screenPopup { position:fixed !important; width: 600px; left: 50%; margin-left: -300px; z-index: 999; top: 10% !important; height: 68vh; max-height: 80%; }
.popupcontainer.screenPopup700 { position:fixed !important; width: 700px; left: 50%; margin-left: -350px; z-index: 999; }
.popupcontainer.memberList_popup {  position:fixed !important; width: 700px; left: 50%; margin-left: -350px; z-index: 999; }
.popupcontainer.deviceSet_popup { position:fixed !important; left:50%; margin-left:-450px; width:900px; z-index:9999; }
.popupcontainer[title=copyWidget] { width: 800px !important; max-width: 80%; margin-left: -340px !important; }

.popupcontainer.screenPopup700 select.list_stepSelect { height:120px; }
.popupcontainer.screenPopup700 select.list_stepSelect_step04 { width:607px; margin-top: 3px; height: 160px; }


.popupcontainer .popupframe .popup_content .table_simple_board { margin:auto; width:95%; }
.popupcontainer .popupframe .popup_content .table_simple_board tbody th { font-size:20px; color:#3570cf; } 
.popupcontainer .popupframe .popup_content .table_simple_board select { min-width:200px; width: 100% !important; }


.popupcontainer.memberList_popup.topLayer { z-index:1001; }

.popupcontainer1 { margin:0;padding:8px; overflow:auto;}
.popupcontainer1 .popupframe { margin:0;padding:0; border:5px solid #1e2635; }
.popupcontainer1 .popupframe .popup_title { height:36px; background:url(../img/title/popup_title.gif) left no-repeat; overflow:hidden;}
.popupcontainer1 .popupframe .popup_title .titleText{ float:left; font-weight:bold; color:#FFF;  padding:10px 0 0 42px; letter-spacing:-1px;}
.popupcontainer1 .popupframe .popup_title .btn_close{ float:right;}
.popupcontainer1 .popupframe .popup_titleSub { padding:8px 3px; background:#091935; color:#6a7992;}
.popupcontainer1 .popupframe .popup_content { background:#FFF; color:#666;}


.popupcontainer .popupframe .popup_content .table_simple_board select.selectBoard {}

.popupcontainer .table_simple_board tbody td { border-bottom:0 solid #fff;}

#slimscroll { margin: 20px auto; height: auto !important; overflow-x: hidden; border: 0px solid #cbcbcb; }
#slimscroll #popDeviceList { margin-top:0 !important; }

/* 게시판 글쓰기, 수정 팝업 사이즈 수정 용*/
#WriteProcessBar { height: 300px !important;}


.list_sortable { list-style-type: none; margin: 0; padding: 0; }
.list_sortable li { float:none;padding:10px 10px 10px 20px;  line-height:24px; border-top:1px solid #f8f8f8;border-left:1px solid #f8f8f8;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; color:#363e4f; font-weight:500;background:#f0f0f0 url(../img/form/bg_sortBar.gif) left no-repeat; }
.list_sortable li .numSort { color:#22ab6b !important; font-weight:bold  !important; padding:0 10px 0 0; float:left}
.list_sortable li .numDate { color:#b1b3b8 !important; font-weight:bold  !important; padding:0 10px 0 0; float:right}



.contBorderBox_inner .subTitle { border-top: 1px solid #e6e6e6; padding-top: 40px; margin-bottom: 40px; }
.contBorderBox_inner .subTitle:after { content:" "; display: block; clear: both; }
.contBorderBox_inner .subTitle .manual { float:right; padding:3px 3px 0 0 ; display: none; visibility: hidden; }
.contBorderBox_inner .subTitle .icon_illust{float:left; width:77px; }
.contBorderBox_inner .subTitle .term { font-size:28px; font-weight:400; color:#000; letter-spacing:-1px; }
.contBorderBox_inner .subTitle .definition { font-size: 14px; color:#5f7397; letter-spacing:-1px; min-height:16px; overflow:hidden; line-height:16px;}

.icon_layout { display: block; height: 10px; }
.icon_file { background-color: #22ab6b; display:inline-block;  width: 14px; height: 14px; box-sizing: border-box; border-radius: 3px; vertical-align: middle; line-height: 14px;  text-align: center; }
.icon_file:before { /*content: "\f00c"; font-family: fontawesome; */ content: "F"; font-size:11px; color:#fff; }
.form_board_view .icon_file { margin:0 2px; }
.icon_lock:before { content: "\f023"; font-family: fontawesome; color:#fcd729; vertical-align:middle;}

.icon_new { background-color: #f62222; display:inline-block; width: 14px; height: 14px; box-sizing: border-box; border-radius: 3px; vertical-align: middle; line-height: 14px;  text-align: center; }
.icon_new:before { content:"N"; color: #fff; font-size:11px; }

.icon_img:before { content:"\f03e"; font-family: fontawesome; color:#3570cf; vertical-align:middle; }

.icon_msg { }
.icon_notice:before { content:"공지"; display:inline-block; vertical-align:middle; color:#3570cf; }
.icon_rep { display: inline-block; transform: rotate(180deg); }
.icon_rep:before { content: "\f112"; font-family: fontawesome; color:#d2dbe4; vertical-align:middle; padding-left: 7px; }



.boxMsg { padding: 40px; text-align: center; }
.boxMsg:before { content:"\f11c"; font-family: fontawesome; color:#b3b3b3; vertical-align:middle; font-size: 6em; }
.boxMsg .boxMsg_inner,
.boxWarning .boxMsg_inner { font-weight:500; padding:0;}

.boxMsg_btn { margin-top:30px; text-align:center;}
.boxMsg_btn .button.ribbon button { width: 140px; height: 40px; line-height: 40px; background-color: #22ab6b; color:#fff; /*box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3); */}
.boxMsg_btn .button.ribbon2 button { width: 140px; height: 40px; line-height: 40px; background-color: #3e4961; color:#fff; /*box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3); */}

.boxWarning { padding: 40px; text-align: center; }
.boxWarning:before { content:"\f071"; font-family: fontawesome; color:#b3b3b3; vertical-align:middle; font-size: 6em; }


.form_classification { background:#f5f5f5}
.form_classification .area_titie {padding:10px; background:#fff; border-top:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef; font-weight:500;}
.form_classification .area_control_add {padding:10px; background:#fff; border-top:2px dotted #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef;}
.form_classification .area_selBox { background:#fff; padding:0; border:1px solid #dfdfdf;}
.form_classification .area_selBox .area_control {padding:10px; background:#f5f5f5; text-align:center;}
.form_classification .area_selBox ol {}
.form_classification .area_selBox ol li { border-top:1px solid #fff;border-bottom:1px solid #F0F0F0; padding:10px 0; background:#F9F9F9; font-size:15px; font-weight:400; color:#666; overflow:auto}
.form_classification .area_selBox ol li a{ color:#666; text-decoration:none}
.form_classification .area_selBox ol li a:hover{ color:#fff; text-decoration:none}
.form_classification .area_selBox ol li.select { border-top:1px solid #1567bc;border-bottom:1px solid #1567bc; padding:10px 0; background:#3570cf; font-size:15px; font-weight:400; color:#fff; overflow:auto}




.popup_msgComp { position:absolute; top:300px; left:150px; width:400px; border:7px solid #526a97; background:#131f35; margin:0 auto; }
.popup_msgComp .popup_box_darkBlue{ border:1px solid #5b74a3; background:url(../img/form/box_payment.gif) top center no-repeat #131f35; padding:0;}
.popup_msgComp .popup_box_darkBlue .popup_box_darkBlue_top{ padding:10px 20px;text-align:center; margin:0 auto; }
.popup_msgComp .popup_box_darkBlue .popup_box_darkBlue_top .controlAction{ padding:10px 0 0 0;text-align:center; margin:0 auto;}


.form_payment  { box-sizing: border-box; width: 100%; overflow:auto; border:0px solid #cbcbcb; margin:0 auto; }
.form_payment .area_top { background:#fafafa; border-bottom:1px solid #cbcbcb; overflow:auto; height:39px;}
.form_payment .area_top .title { float:left; font-size:18px; color:#222222; padding:0 0 0 20px; line-height:38px; letter-spacing:-1px; font-weight:500; height:38px;}
.form_payment .area_top .subDescription {float:right; font-size:14px; color:#36455f; padding:0 20px 0 0; line-height:38px; letter-spacing:-1px;height:39px;}
.form_payment .area_middle { min-width:450px; width: 80%; border:1px solid #526a97; background:#131f35; margin:20px auto; }


.form_payment .area_br_middle { box-sizing: border-box; width:100%; border-top:1px solid #cbcbcb; text-align: center; padding: 30px 30px 10px 30px; }
.form_payment .area_br_middle .box_brown { padding:0 ;}
.form_payment .area_br_middle .box_brown .box_brown_middle {}
.form_payment .area_br_middle .box_brown .box_brown_middle .title_middle {background:#170b00; height:25px; color:#fff; font-weight:bold; letter-spacing:-1px; font-weight:bold; line-height:25px; }


.table_payment { margin:20px auto; text-align: center; font-size:16px;  border:0; border-collapse:collapse;}
.table_payment div { display:inline-block; }
.table_payment .pr_price b { letter-spacing:-1px; color:#f62222; }
.table_payment .pr_priceBig b { letter-spacing:-1px; color:#f62222; font-size: 20px; padding-left: 10px; }
.table_payment td.infoBank { font-weight:bold; letter-spacing:-1px; }

.newcamRecipe {  background-color: #fafafa; padding-top: 10px; border:1px solid #ececec; }
table.table_payment { text-align:center; padding:0; margin:20px auto; }
table.table_payment td { padding: 3px; text-align: right; }
table.table_payment th { width:240px; }

.table_infoDetail { width:100%; border-collapse: separate; table-layout:fixed; padding:0; margin:0;}
.table_infoDetail th{ background:#485e85; border-top:1px solid #53678c; border-bottom:1px solid #42577c; font:11px dotum; letter-spacing:-1px; color:#b0bfda; height:23px; text-align:right}
.table_infoDetail td{ background:#485e85; border-top:1px solid #53678c; border-bottom:1px solid #42577c; font:11px dotum; letter-spacing:-1px; color:#fff; height:23px; font-weight:bold; text-align:left; padding:0 0 0 10px;}
.table_infoDetail td.pr_name { font:14px Verdana; font-weight:bold; letter-spacing:-1px; color:#7eff00;}
.table_infoDetail td.pr_day strong{font:12px Verdana; font-weight:bold; letter-spacing:-1px; color:#fff;}

.table_useDetail { width:100%; border-collapse: separate; table-layout:fixed; padding:0; margin:0; }
.table_useDetail th { letter-spacing:-1px; color:#cbcbcb; padding:5px 0; text-align:right; line-height:14px;}
.table_useDetail td { letter-spacing:-1px; color:#222222; text-align:left; padding:5px; font-size: 15px; }



.control_board_button { background:#fcfcfc; height:30px; line-height:30px; border-top:1px solid #f7f7f7; border-bottom:1px solid #fff;}

.control_board_list {width:100%; border:0; border-collapse:separate; }
.control_board_list thead th { background: #fafafa; color: #36455f; font-size: 14px; padding: 12px 4px; text-align: center; font-weight: 500;  border-bottom: 1px solid #cbcbcb; }
.control_board_list tbody td { text-align:center; border-bottom: 1px solid #e6e6e6; color: #36455f; font-size: 14px; padding: 12px 4px; font-weight: 400; box-sizing: border-box; }
.control_board_list tbody tr:hover { background-color: aliceblue; }
.control_board_list tbody td.boardNum { width:46px; color:#b3b3b3; }
.control_board_list tbody td.boardLecName { color:#666; letter-spacing:-1px; text-align:left; width: 280px; }
.control_board_list tbody td.boardType { color:#22ab6b; letter-spacing:-1px; width: 150px; }
.control_board_list tbody td.latestArticle { color:#666; width: 150px; }
.control_board_list tbody td.boardName { font-size:15px; color:#666; letter-spacing:-1px; text-align:left; }
.control_board_list tbody td.boardName a { color:#666; text-decoration: none;  }
.control_board_list tbody td.boardName a:hover { color:#3570cf; text-decoration: underline; }
.control_board_list tbody td.boardTheme { width:150px; }
.control_board_list tbody td.boardArticle { color:#666; letter-spacing:-1px; width: 110px; }
.control_board_list tbody td.boardSet { width:125px; }


select { box-sizing: border-box; border: 1px solid #e6e6e6; background-color: #f6f6f6; height: 30px; padding: 0 0 0 7px; color: #204600; font-size: 14px; vertical-align: middle;}


/* 스텝 셀렉트 공통 */
select.list_stepSelect { height: 140px; width: 200px; padding: 0;  }
select.list_stepSelect option { padding: 1px 5px; }
select.list_stepSelect_step04 { width: calc( 100% - 620px ); min-width: 160px; overflow-x: auto; }


select.list_stepSelect .Step1BG {background:#ff9177; text-align: center; padding: 3px 0 7px 0; }
select.list_stepSelect .Step2BG {background:#ffbdad; text-align: center; padding: 3px 5px 7px 2px; }
select.list_stepSelect .Step3BG {background:#ffded6; text-align: center; padding: 3px 5px 7px 2px; }
select.list_stepSelect .Step4BG {background:#fff4f1; text-align: center; padding: 3px 5px 7px 2px; }
select.list_stepSelect.list_stepLec { width:auto; }

select.selFlxH { height: auto; }





.txt_lectureName { color:#22ab6b;}
.txt_lectureName a { color:#22ab6b;text-decoration:underline; font-weight: 400; }
.txt_lectureName a:hover { color:#22ab6b; text-decoration:underline}

.txt_staus_on { color:#39F; font-weight:bold; letter-spacing:-1px;}
.txt_staus_off { color:#999; font-weight:bold; letter-spacing:-1px;}



.text_area {  box-sizing: border-box; border: 1px solid #e6e6e6; background-color:#f6f6f6; width: 60%; height:130px; padding: 0 7px; color:#204600; font-size: 14px; }

select:disabled { color:#cccccc; }


/* 강좌관리 */

#multiBook {}
#multiBook span.wordSpace15 { padding-left:10px; padding-right:15px; }
#multiBook label.wordSpace15 { padding-left:0px; }

.addStep { margin-top:5px;}

/* 회원관리 */

.memberCrmInput { width: calc( 100% - 66px ); }
#MemberNorMemo, #MemberCrmMemo { border: 1px solid #e6e6e6; background-color:#f6f6f6; padding: 10px; box-sizing: border-box; width: 100%; min-height: 500px; height:auto;  }

.inTable .tBody .lecTitle { text-align: left; padding-left:15px; }
.inTable .startDate { width: 170px; font-weight: 500; }
.inTable .endDate { width: 160px; }
.inTable .curState {  width: 90px; }
.inTable .veiwDetail { width: 90px; }

a.btn_view { display: inline-block; background-color: #f6f6f6; color: #666; text-decoration: none; font-size: 12px; font-Weight:400; padding: 1px 5px; margin-right: 8px; border-radius: 2px; border: 1px solid #cbcbcb; }

/* DRM 정책 설정 */

#drmSetBox {}
#drmSetBox #drmTable { box-sizing: border-box; }
#drmSetBox #drmTable .drmSet_thead { width: 100%; display: table; letter-spacing: -5px; background-color: #f6f6f6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#drmSetBox #drmTable .drmSet_thead .drmSet_th { display: table-cell; letter-spacing: -1px; padding: 12px 20px; text-align: center; }

#drmSetBox #drmTable .drmSet_tbody { width: 100%; display: table; letter-spacing: -5px; border-bottom: 1px #e1e1e1 dashed; }
#drmSetBox #drmTable .drmSet_tbody .drmSet_td { display: table-cell; letter-spacing: -1px; padding: 12px 20px; }

#drmSetBox #drmTable .drmOnOff { width: 10%; vertical-align: middle; text-align: center; height: 100%; background-color: #fafafa; border-right: 1px solid #e6e6e6; }
#drmSetBox #drmTable .drmOnline { width: 45%; vertical-align: middle; height: 100%; border-right: 1px solid #e6e6e6; }

#drmSetBox #drmTable .drmOnline.on,
#drmSetBox #drmTable .drmOffline.on { background-color: #f1f4ee; }

#drmSetBox #drmTable .drmSet_thead .drmOnline.on,
#drmSetBox #drmTable .drmSet_thead .drmOffline.on { background-color: #3e4961; color:#fff; }
#drmSetBox #drmTable .drmSet_tbody .drmOnline.on,
#drmSetBox #drmTable .drmSet_tbody .drmOffline.on { background-color: #dce0e8; color:#000; }
#drmSetBox #drmTable .drmOffline { width:45%; vertical-align: middle; height: 100%; }

#drmSetBox #drmTable #drmSet_tr03 {  border-bottom: 1px solid #e6e6e6; }


/* 기기관리 리스트 */

.withThLine thead tr th { border:1px  solid #e6e6e6; }
.withThLine tbody tr td { border:1px  solid #e6e6e6; color: #585858; font-size:12px; }
	
#popDeviceList { }
#popDeviceList td , #popDeviceList th { border: 1px solid #e6e6e6; text-align: center; font-size: 13px; }
#popDeviceList th { width: auto;}

.popup_content .formTable_wirte .sub-menu , 
.view-available-leclist { background-color: #fff; border: 1px solid #cbcbcb; padding: 10px; box-sizing: border-box; position: absolute; left: 100%; top: 0px; width: 350px; max-height: 400px; overflow-y: auto; overflow-x: hidden; z-index: 9999999; }
.popup_content .formTable_wirte .sub-menu li,
.view-available-leclist li { padding: 0; background: #fff; display: block;   height: auto;  border-bottom: 1px dashed #e6e6e6; }
.popup_content .formTable_wirte	.sub-menu li a,
.view-available-leclist li a { background-image: none !important; background-color: transparent !important; color: #585858 !important; white-space: normal; line-height: 120%; padding: 10px 10px 0 10px; font-weight: 400; }
.popup_content .formTable_wirte	.sub-menu li a:before,
.view-available-leclist li a:before { content: "\f138"; font-family: fontawesome; color:#e1e1e1; margin-left: -6px; padding-right: 5px; }
	
#popDeviceList .label { font-size: 13px; } 
#popDeviceList .label.green { color: #ff471c }
#popDeviceList .label.blue { color: #3570cf; }


/* 주문취소 팝업 */


#cancel_orderInfo .formTable_wirte { border: 1px solid #ff471c; padding: 2px; }
#cancel_orderInfo .formTable_wirte th { background-color: transparent; border: 0 solid #ff471c; border-bottom-width:1px; color: #000; padding-left: 30px; font-size: 15px; font-weight: 500; width: 120px; }
#cancel_orderInfo .formTable_wirte td { background-color: transparent; border: 0 solid #ff471c; border-bottom:1px solid #ff471c !important; }


div.lineList {}
div.lineList ul { margin: 0; padding: 0; }
div.lineList ul li { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #e1e1e1 dashed; }
div.lineList ul li:last-child {padding-bottom: 0px; margin-bottom: 0px;  border-bottom: 0px #e1e1e1 solid; }
div.lineList ul li.table { display:table; border-collapse:separate; width: 100%; }
div.lineList ul li div.area_box_basic { border: 1px solid #e1e1e1; }
div.lineList ul li div.area_box_basic p.optionTitle { padding:15px; border-bottom: 1px #e1e1e1 solid; color:#3570cf; background-color: #fafafa; }

div.bulletList {}
div.bulletList ul {}
div.bulletList ul li { font-size: 14px; }
div.bulletList ul li:before { content: "\2027"; padding-right: 6px; margin-top: -2px; }

textarea.postNumList { width:320px; vertical-align: middle; margin-left: 7px;   }
span.bar2 { font-size: 11px; vertical-align: middle; padding:0 10px; } 

.inTable { border:1px solid #e1e1e1; background-color: #fff; box-sizing: border-box; }
.table { display: table; }
div.table_row { display: table-row; }
div.table_cell { display: table-cell; border-spacing: 0; border-collapse: collapse; border-width: 0; }
div.tHead div.table_cell { text-align: center; font-weight: 500; padding: 12px 5px; }
div.tBody div.table_cell { text-align: center; font-weight: 400; padding: 9px 5px; }
div.tBody:hover { background-color:aliceblue; }

button#ExtAddBtn:after,
button#REPAddBtn:after { content: "\f067"; font-family: fontawesome; padding-left: 5px; }



/* 선 스타일 */


.lineSet00 { border-style: solid; border-width:0; border-color:#e1e1e1; }
.lineSet01 { border-style: solid; border-width:1px; border-color:#e1e1e1; }

.leftLine { border-left-width: 1px !important; }
.lightGrayLine { border-color: #e1e1e1; }
.solidLine { border-style:solid; }

.borderWidth1 { border-width:1px; }
.border0 { border-width: 0; }
.borderTop2 { border-top-width:2px; }
.borderBottom1 { border-bottom-width:1px; }
.borderBottom2 { border-bottom-width:2px; }
.table_cell.borderRight1, 
.borderRight1 { border-right-width:1px; }


/* 정렬 스타일 */

.txtCenter { text-align:center; }
.txtRight,
.boardList tbody tr td.txtRight { text-align:right; }
.txtLeft,
.boardList tbody tr td.txtLeft { text-align:left; word-wrap: break-word; }

.verticalTop { vertical-align: top; }
.verticalMiddle { vertical-align: middle; }
.verticalBottom { vertical-align: bottom; }


/* 줄바꿈 */

.lineBreak { display: block; padding-top: 8px; }
.lineBreak_4px { display: block; padding-top: 4px; }


/* 디스플레이 */

.inlineBlock { display: inline-block; }


/* 너비, 높이 */

.width10  { width: 10px; }
.width50  { width: 50px; }
.width60  { width: 60px; }
.width70  { width: 70px; }
.width80  { width: 80px; }
.width90  { width: 90px; }
.width100 { width:100px; }
.width120 { width:120px; }
.width160 { width:160px; }
.width180 { width:180px; }
.width200 { width:200px; }
.width240 { width:240px; }
.width290 { width:290px; }
.width300 { width:300px !important;}
.width350 { width:350px !important;}
.width400 { width:400px !important;}
.width500 { width:500px !important;}
.width600 { width:600px; }
.width700 { width:700px !important;}
.width900 { width:900px !important;}

.addressBox01 { width: 360px; }
.addressBox02 { width: 180px; }

.width20p { width:20%; }
.width29p { width:29%; }
.width5p { width:5%; }
.width30p { width:30%; }
.width39p { width:39%; }
.width40p { width:40%; }
.width50p { width:50%; }
.width60p { width:60%; }
.width70p { width:70%; }
.width80p { width:80%; }
.width95p { width:95%; }
.width100p { width:100%; }

.height40 { height:40px; }

.tableCol3 { width:33.33%; }
select.list_stepSelect.tableCol3 { width:32.8% }

.minW_2col { min-width: 250px; }
.minW_300 { min-width: 300px; }
.maxW_2col { max-width: 50%; }

.height20 { height:20px; }
.height30 { height:30px; }
.height80 { height:80px; }
.height180 { height:180px; }
.height440 { height:440px; }
.height587 { height: 587px; }

.minLine3 { height:150px; }


/* 패딩 */

.form_contBox_padding10{ padding:10px; overflow:auto; }
.form_contBox_padding15{ padding:15px; overflow:auto;}
.form_contBox_padding20{ padding:20px; overflow:auto; }

.padding0 { padding:0; }
.padding2 { padding: 1px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.boardList tbody tr td.padding20,
.formTable_wirte tbody tr td.padding20,
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }

.borderBox { box-sizing: border-box; }


/* 배경색 */

.lightGray { background-color: #fafafa; }
.lightGray2 { background-color:#f2f3f5; }
.bgf6f6f6 { background-color:#f6f6f6; }
.darkGray { background-color:#3E3E3E; }
.lightYellow { background-color:#ffffea; }

/* 리스트 스타일 */

.dotList li:before { content:"\2219"; padding-right: 5px; }
.dashList li:before,
.dashList dd:before { content:"-"; padding-right: 5px; }
.asteriskBullet:before { content:"\2217"; padding-right: 5px; }


/* 단어 간격 규칙 */

.word-inline-loose { padding-right:30px; }
.word-inline-normal { padding-right:20px; }
.word-inline-skinny { padding-right:10px; }
.ofwrap-any { overflow-wrap: anywhere; }


/* 라벨 규칙 */

.label-group { padding-right:15px; }

/* 일반 라디오 버튼, 체크박스 규칙 */

.radio-set { margin-right: 3px; }
.check-set { margin-right: 3px; }


/* 간격 */

.wordSpace7 { margin-left: 7px; }
.wordSpace10 { padding-left: 10px; }
.wordSpace15 { padding-left: 15px; }
.wordSpace19 { padding-left: 19px; }
.mL5 { margin-left:10px; }

.mR5 { margin-right:10px; }

.nps8 { padding-left:8px; padding-right:8px; }
.nps10 { padding-left:10px; padding-right:10px; }

.marginBottom0 { margin-bottom: 0px; }
.marginBottom7 { margin-bottom: 7px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom20 { margin-bottom: 20px; }
.marginBottom30 { margin-bottom: 30px; }
.marginTop10 { margin-top:10px }
.marginTop20 { margin-top:20px }
.marginTop30 { margin-top:30px }

.mAuto { margin-left:auto; margin-right:auto; }

/* 글자 간격 */

.lsTop { letter-spacing:-5px; }
.ls1 { letter-spacing:-1px; }
.ls05 { letter-spacing:-1.5px; }

.lineHeight120p { line-height: 120%; }
.lineHeight140p { line-height: 140%; }



/* 글입력 */

.articleForm { width: 100%; height: 200px; }

/* postion */

.posRel { position:relative; }
.posRight { position:absolute; right: 0; }


/* col */

.colBox_wrap { display: table; }
.colBox_wrap .col_box { display: table-cell; box-sizing: border-box; }
.colBox_wrap .col_box h4 { background-color: #fafafa; padding: 10px 20px; display:block; color:#000; font-size:16px; margin-bottom: 15px; letter-spacing: -0.5px; border-bottom: 1px solid #e1e1e1; }

.sortControl { background-color: #fff; border: 1px solid #b0b0b0; font-size: 10px; display:inline-block; width: 20px; height: 20px; color:#b0b0b0; margin: 0 1px; text-align: center; vertical-align: middle; line-height: 20px; }
.sortControl i {  color:#b0b0b0; }
.sortEnd { background-color: #fff; border-color:#fff; }
.sortEnd:before { content: " "; font-size:10px; }


.formFiledAv { color:#ff471c; }
.width70p a span.formFiledAv { color: #666; font-size: 12px;}
.formFiledUnAv, .formFiledUnAv a { text-decoration: line-through; color:#cbcbcb; }


/* min-height */


.maxWidth40p { max-width:40%; }
.maxWidth50p { max-width:50%; }


/* 메뉴 검색 */

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all { font-size: 0.8em; width: 190px !important; box-sizing: border-box; padding: 10px; font-weight:400; background-image:none; background-color: #fff; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-autocomplete-category { margin:20px 0 5px 0; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-autocomplete-category:first-child { margin-top:0; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item a { color:#3570cf; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item a.ui-state-focus { background-color:#3570cf !important; background-image: none !important; color:#fff; border-color: #3570cf !important; }


/* 디자인 관리 */

.select_widgetCopy { width: 100%; height: 100%; }


/* 위젯 관련 */


.disabledInput, 
.disabledInput:hover { background-color:#d3d3d3; border:1px solid #d3d3d3; }

.scX_h { overflow-x: hidden;}
.scX_a { overflow-x: auto;}
.scY_h { overflow-y: hidden; }
.scY_a { overflow-y: auto; }



/* select 모음 */

.select-box { border: 1px solid #e6e6e6; padding: 2px 5px; box-sizing: border-box; height: 30px; line-height: 30px; vertical-align: middle; }
.select-font { width: 60px; box-sizing: border-box; }

/* 입력상자 모음 */

.textarea-edit { box-sizing: border-box; margin: 0px; width: 100%; height: 120px;text-align: center;padding:10px; line-height: 1.5; }
.textarea-test-view { box-sizing: border-box;  border: none; width: 100%; height: 100%; min-height: 80px; resize: none; background-color: transparent; overflow: auto; }
.input-text { border: 1px solid #e6e6e6; padding: 3px 5px; background-color: #f6f6f6; font-size: 14px; box-sizing: border-box; min-height: 30px; }
.input-text-disabled { border: 1px solid #eeeeee; padding: 3px 5px; font-size: 14px; box-sizing: border-box; min-height: 30px; background-color:#efefef; color:#204600;}
.input-text-id { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-name, 
.input-text-companyname, 
.input-text-businessnumber, 
.input-text-businesstype { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-email { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-password { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-url { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-tel { width: 60px; text-align: center; }
.input-text-tel2, .input-text-fax {  width: 60%; min-width: 180px; max-width: 300px; }
.input-text-post { margin-bottom:10px; }
.input-text-post01 { width: 60px; text-align: center; }
.input-text-post02 { width: 90px; text-align: center; }
.input-text-address { letter-spacing: -5px; }
.input-text-address01 { min-width: 320px; width: 59%; letter-spacing: 0px; margin-right: 1%; }
.input-text-address02 { min-width: 200px; width: 40%; letter-spacing: 0px; }
.input-text-sns { min-width: 200px; width: 40%; letter-spacing: 0px; }
.input-text-date { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-date:hover { cursor: pointer; }
.input-text-upload { width: 60%; min-width: 180px; max-width: 300px; }
.input-text-paragraph { min-width: 500px; width: 100%; }
.input-edit { width:100%;}
.input-text-title { max-width: 100%; width: 500px; }
.input-text-desc { width: 100%; }
.input-text-tag { width: 100%; }
.input-text-margin3 { margin: 0 3px; }

/* 입력상자 고정형 */

.input-text-color { width: 70px; }
.input-text-px { width: 40px; margin-right: 5px; }
.input-text-pos { width: 40px; }
.input-text-duration { width: 57px; text-align: center; margin: 0 3px; }
.input-text-date2 { width: 110px; text-align: center; margin: 0 3px; }
.input-text-date2:hover { cursor: pointer; }
.input-text-cost { width: 90px; text-align: right; margin: 0 3px; }
.input-text-sale { width: 50px;  margin: 0 3px; }
.input-text-time { width: 50px; margin: 0 3px; }
.input-text-color { width:70px; text-align: center; }
.input-text-value { width:60px; text-align: center; }
.input-text-businessid { width: 120px; }


/* 파일 업로드 */

.input-file { border: 1px solid #e6e6e6; padding: 3px 5px; background-color: #f6f6f6; font-size: 14px; box-sizing: border-box; min-height: 30px;  }
.input-file-iconupload { }
.input-file-iconupload02 { width: 90%; }
.input-file-homework { width: 270px; box-sizing: border-box; }

/* 문장 속성 모음 */

.article-position:after { content: ":"; margin:0 3px; }
.article-postnumber {}
.article-info { color:#22ab6b; font-size: 13px; padding:0 3px; }
.article-condition { color:#3570cf; font-size: 13px; padding: 0 3px; }
.article-inline { display: inline-block; }

.link-detail { cursor: pointer; font-size: 0.7em; border: 1px solid #c6c6c6; color: #A0A0A0; display: inline-block; padding: 0 3px; vertical-align: middle; box-sizing: border-box; min-width: 66px; }
.link-detail:after { content:"\f105"; font-family: fontawesome; padding-left: 3px; }


/* 단위, 범위, 기능 */

.index-range { padding: 0 8px; }
.text-dash,
.index-divided { padding: 0 5px; }
.index-lectype { color: darkmagenta; }
.index-lectype:after { content: "|"; padding: 2px 5px 0 5px; color: #9F9F9F; font-family: dotum, sans-sefit;  }
.text-bar:after { content: "|"; padding: 2px 5px 0 5px; color: #9F9F9F; font-family: dotum, sans-sefit;  }
.text-slash:before { content:"/"; padding: 0 5px; font-size: .8em; color: #9F9F9F;  }
.text-refresh { display: inline-block; color:#22ab6b; cursor: pointer; }
.text-refresh:before { content: "\f021"; font-family: fontawesome; padding-right: 5px;  }

.text-standby { color:#3570cf; }
.text-available, .text-ing { color:#22ab6b; }
.text-expired { color: #b2b2b2; }
.text-stop { color:#ff471c; }

.text-subject:after { content: ":"; margin:0 5px; }
.text-unit { padding-left: 5px; font-size: 13px; }  /* 검색용 단위는 따로 */
.text-cost { color:#ff471c; }

.text-subject-02 {  color:#22ab6b; }

.text-important { color:#ff471c; }
.text-attention { color:#ff471c; }

.text-money-normal { color:#ff471c; }
.text-money-plus { color: #22ab6b; }
.text-money-minus { color: #3570cf;}
.text-money-total { color:#ff471c; font-weight: 500; font-size: 1.1em; }

.text-hierarchy-step01 { font-weight:500; }
.text-hierarchy-step02:before,
.text-hierarchy-step03:before { content: ">"; padding: 0 6px; font-size: .8em; color:#9F9F9F; }

.text-productname {}

.text-delete { color: #FF471C; cursor: pointer; }


/* picket */

.farbtastic { margin: auto; }


/* 업로드된 이미지, 파일 */
.uploaded-file {  border: 0px solid #e6e6e6; margin: 0 25px; font-size: 14px; box-sizing: border-box; min-height: 30px;  word-break: keep-all; }
.uploaded-file:before { content: "\f0f6"; font-family: fontawesome; color: #22ab6b; padding-right: 3px; }
.uploaded-image {  border: 0px solid #e6e6e6; margin: 0 25px; font-size: 14px; box-sizing: border-box; min-height: 30px;  }
.uploaded-image:before { content:"\f1c5"; font-family: fontawesome; color: #22ab6b; padding-right: 5px;  }
.uploaded-url { color: #22ab6b; margin-right: 15px; display: inline-block;  }
.uploaded-delete { font-size: 13px; color: #a9a9a9; }



input[type="text"]:disabled
{
	border: 1px solid #eeeeee; padding: 3px 5px; font-size: 14px; box-sizing: border-box; min-height: 30px; background-color:#efefef; color:#204600;
}
 input[type="text"]:read-only
 {
	border: 1px solid #eeeeee; padding: 3px 5px; font-size: 14px; box-sizing: border-box; min-height: 30px; background-color:#efefef; color:#204600;
}




/* 프린트 */
@media print { 
	#section_header,
	#column_left { display: none !important; }
}