@charset "utf-8";

/* 
efusioni Publishing Team Web Standardization (http://www.efusioni.com/) 
Author : 김효진(isayjin@naver.com) 08.10.10
*/ 

/* Type Selector */
body		{margin:0; padding:0; width:100%;}
body,td,th,input,textarea	{font-size:12px; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; color:#737574; line-height:18px; word-break:break-all;}
h1, h2, h3, h4, h5, h6, p, form {margin:0; padding:0; font-size:12px; font-weight:normal;}
ul, li		{list-style:none; margin:0; padding:0;}
dt, dd	{display:inline; margin:0; padding:0;}
img, fieldset	{border:0;}
a			{selector-dummy:expression(this.hideFocus=false);}
th		 	{vertical-align:middle;}
textarea {border:1px solid #CECECE;}
select	{font-size:11px;}
textarea, .scr	{
			scrollbar-face-color:#F3F5F4;
			scrollbar-highlight-color:#F3F5F4;
			scrollbar-3dlight-color:#FFFFFF;
			scrollbar-shadow-color:#D4D5D9;
			scrollbar-darkshadow-color:#F3F4F6;
			scrollbar-track-color:#F3F4F6;
			scrollbar-arrow-color:#A0A4A7;
			overflow-y:scroll;}
textarea, .scr {overflow-x:hidden; overflow-y:auto;}
input {border:1px #CDCDCD solid;}
input.rdo, input.chk {width:14px !important; height:14px; background:transparent !important; border:none !important; vertical-align:middle; margin-right:2px;}

.fl		{float:left !important;}
.fr		{float:right !important;}
.cb	{clear:both !important;}
.ac	{text-align:center !important;}
.al		{text-align:left !important;}
.ar	{text-align:right !important;}
.aj	{text-align:justify !important;}
.vt	{vertical-align:top !important;}
.vm	{vertical-align:middle !important;}
.vb	{vertical-align:bottom !important;}
.oh	{overflow:hidden !important;}
.di		{display:inline !important;}
.dn	{display:none !important;}
.db	{display:block !important;}
.vv	{visibility:visible !important;}
.vh	{visibility:hidden !important;}
.bn	{border:none !important;}
.bbn	{border-bottom:none !important;}
.brn	{border-right:none !important;}
.bgn	{background:none !important;} 
.fb	{font-weight:bold !important;}
.fs		{font-size:11px !important;}
.tf		{table-layout:fixed !important;}
.nowrap {white-space:nowrap;}
.cp	{cursor:pointer !important;}
hr {clear:both;border:none;}

a				{selector-dummy:expression(this.hideFocus=true);} 
a:link		{color:#787878; text-decoration:none;}
a:visited	{color:#787878; text-decoration:none;}
a:hover, a:hover strong	{color:#37B315; text-decoration:none;}
a:active	{color:#787878; text-decoration:none;}


/* combo box */
.select0	{ background-color:#F3F4F5; color:#9B9C9F; font-size:11px; }
.select1	{ behavior: url('/training/css/selectBox1.htc'); }
.select2	{ behavior: url('/training/css/selectBox2.htc'); }
.select3	{ behavior: url('/training/css/selectBox3.htc'); }
.select4	{ behavior: url('/training/css/selectBox4.htc'); }


/* PNG - for IE */
.iePngFix 	{behavior:url('/training/css/iepngfix.htc');}


/* LAYOUT */
body {text-align:center; position:relative;}
#wrap {width:935px; margin:0 auto; text-align:left;}
#topmenu {width:935px; height:75px;}
#topmenuMain {width:935px; height:75px; position:relative; z-index:100;}
#visual {width:935px; height:152px; position:relative; z-index:-100;}
#container {width:935px; margin-top:-29px;}
#containerGuide {width:935px; position:relative;}
#containerGuide .leftBg {width:162px; height:664px; position:absolute; left:-162px; top:-77px; background:url('/training/image/onlineLearn/subIndex_leftbg.gif') no-repeat;}
#content {width:822px; float:left;}
#quickmenu {width:85px; float:right; margin-top:27px;}
#quickmenu .quickImg {margin-bottom:8px;}
#quickmenu_none {width:85px; float:right; margin-top:-8px;}/* 081121 */
#quickmenu2 {width:85px; float:right;}
#quickmenu2 .quickImg {margin-bottom:8px;}
#quickmenu2_none {width:85px; float:right; margin-top:19px;}
#quickmenu2_none .quickImg {margin-bottom:8px;}
#location a {color:#AEAEAE;}
#location strong {color:#2155A0;}
#footer {width:935px; height:80px; clear:both; padding-top:80px;}
#footer .footerIn {width:935px; height:81px; border-top:1px #E5E5E5 solid; padding-top:17px;}
#footer .footerImg {float:left; margin-right:168px;}
#footer .select2 {width:185px; float:left;}
#footer2 {width:100%; height:144px; clear:both; background:#DFE0E2; position:relative;}
#footer2 .footerIn {width:935px; height:51px; position:absolute; left:50%; top:0; margin:36px 0 0 -467px;}
#footer2 img {float:left;}
#footer2 p {float:right; margin-top:5px;}
#footer2 select {width:185px;}
.pop {text-align:left;}
#ToolTips {position:absolute; top:0px; left:50%; margin-left:-468px; visibility:hidden; z-index:101;}
#ToolTipsGhost {position:absolute; top:0px; left:0px; filter:alpha(opacity=60); background-color:#000000; visibility:hidden; z-index:100;}


/* main */
.mainBg {background:#FFFFFF url('/training/image/common/main_bg.gif') repeat-x; text-align:center;}
#mainWidth {width:935px; position:relative; text-align:left;}
#mainFlash {width:1040px; height:660px; overflow:hidden; margin-top:0px; position:absolute; left:0; top:0; z-index:99;}
#mainWhite {width:935px; height:160px; margin-top:585px;}
#mainWhite img {float:left;}


/* common */
.dline_H {background:url('/training/image/common/dline_H.gif') repeat-x bottom;}
.btnArea {width:820px; text-align:right; margin-top:20px;}
.btnArea2 {width:820px; text-align:right; margin:20px 0 5px 0;}
.btnArea3 {width:820px; text-align:center; margin-top:30px;}

.list {width:821px; border-bottom:2px #CBCBCB solid; background:url('/training/image/common/list_bg.gif') no-repeat top;}
.list table {width:821px;}
.list th {height:32px; background:url('/training/image/common/list_th_bg.gif') no-repeat top right; text-align:center;}
.list td {height:31px; background:url('/training/image/common/dline_H.gif') repeat-x top; text-align:center;}
.list .bgn td {background:none;}
.list .al {padding-left:10px;}
.list div {width:200px; height:18px; overflow:hidden;}

.view {width:821px; background:url('/training/image/common/list_bg.gif') no-repeat top;}
.view table {width:821px;}
.view th {height:31px; padding-left:20px; background:url('/training/image/common/list_th_bg.gif') no-repeat top right; text-align:left;}
.view td {padding-left:20px;}
.view .content {background:url('/training/image/common/dline_H.gif') repeat-x top; padding:20px;}
.view .bgn td {background:none;}

#srch {width:820px; height:37px; background:url('/training/image/common/srch_bg.gif') no-repeat top; margin-top:20px;}
#srch table {width:820px;}
#srch td {padding:8px 1px 1px 1px;}
#srch td td {padding:1px;}
#srch select {width:110px; margin:-2px 3px 0 193px;}
#srch input {width:320px; height:16px;}

#prevNext {width:820px; border-top:1px #08A000 solid; border-bottom:1px #08A000 solid; margin-top:35px;}
#prevNext p {height:23px; padding:6px 0 0 100px;}
#prevNext .prev {background:url('/training/image/common/btn_prev.gif') no-repeat left; border-bottom:1px #CBCBCB solid;}
#prevNext .next {background:url('/training/image/common/btn_next.gif') no-repeat left;}

#paging {width:820px; color:#D2D2D2; text-align:center; font-size:11px; margin-top:13px;}
#paging a:link {color:#3A3A3A;}


/* OnlineLearn */
#lectureTop {width:935px; height:87px; background:url('/training/image/onlineLearn/lectureTop_bg.gif') repeat-x;  margin-bottom:23px; position:relative; z-index:1;}
#lectureTop ul {width:557px; float:left; padding-top:12px; margin-left:214px; display:inline;}
#lectureTop li {line-height:20px; letter-spacing:-0.05em; color:#000000;}
#lectureTop span {color:#FF7700; font-weight:bold;}
#lectureTop .fl {margin-top:6px;}
#lectureTop .select3 {width:190px; margin-left:80px;}
#lectureTop .btnSave {margin-left:10px;}

#keyword {width:550px; float:left; background:url('/training/image/onlineLearn/keyword.gif') no-repeat left; vertical-align:top; margin-bottom:12px;}
#keyword .inputKey {width:188px; height:14px; margin-left:78px; border:2px #52B534 solid;}
#keyword .chk {margin-left:20px;}
#keyword .btn {margin:-16px 0 0 460px; float:left;}
#keyword .btn2 {margin:-16px 0 0 460px; float:left;}
#keyword label {margin:-20px 0 0 340px; float:left;}
#keyword p {margin:-20px 0 0 340px;}

#selectBtn {float:right; display:inline;}

#lectureList {width:822px; clear:both; background:url('/training/image/onlineLearn/listSort_bg.gif') no-repeat top left; margin-bottom:10px;}
#lectureList table {width:822px; clear:both;}
#lectureList thead th {height:34px; background:url('/training/image/onlineLearn/listSort_th_bg.gif') no-repeat top right; vertical-align:top; text-align:center;}
#lectureList th .chk {margin-top:8px;}
#lectureList thead th img {margin-top:8px;}
#lectureList td {height:31px;}
#lectureList tbody th {background:#EEEEEE; color:#089F04; text-align:center;}
#lectureList .subject {background:#F6F6F6; padding:5px 10px; text-align:center;}
#lectureList .subject p {font-weight:bold; color:#12710B;}
#lectureList .lineGray {height:9px; background:url('/training/image/onlineLearn/bg_lineGray.gif') repeat-x;}
#lectureList .lineGreen {height:9px; background:url('/training/image/onlineLearn/bg_lineGreen.gif') repeat-x;}
#lectureList .bgn td {background:none;}
#lectureList ul {width:575px; height:30px; background:url('/training/image/common/dline_H.gif') repeat-x top; margin-left:5px;}
#lectureList li {float:left; height:22px; display:inline;}
#lectureList .name {width:347px; font-weight:bold; padding-top:7px; margin-left:20px;}
#lectureList .name div {width:310px; height:20px; overflow:hidden;}
#lectureList .time {width:78px; padding-top:7px; text-align:center;}
#lectureList .icon {width:80px; padding-top:5px; text-align:center;}
#lectureList .chkBox {width:50px; padding-top:8px; text-align:center;}
#lectureList .content_none {position:relative;}
#lectureList .content_none .popDiv {position:absolute; left:20px; top:30px; width:418px !important; background:url('/training/image/onlineLearn/divBox_bg.png') no-repeat top; behavior:url('/training/css/iepngfix.htc');}
#lectureList .content_none .popDiv img {behavior:url('/training/css/iepngfix.htc'); display:block;}
#lectureList .content_none .popDiv p {width:388px; padding:10px 15px 0 15px;}
#lectureList .content_none .popDiv span {width:418px; height:17px; float:left; margin-top:0px; background:url('/training/image/onlineLearn/divBox_bottom.png') no-repeat bottom; behavior:url('/training/css/iepngfix.htc');}
#lectureList .content_none .popDiv strong {color:#F67A00;}
#lectureList .noSelect {width:347px; font-weight:bold; padding-top:7px; margin-left:20px;}
#lectureList .noSelect a {color:#ADACAC !important;}
#lectureList .noSelect div {width:340px; height:20px; overflow:hidden;}
#lectureList .after {width:397px !important;}

#viewTop {width:822px; height:160px; background:url('/training/image/onlineLearn/viewTop_bg.gif') no-repeat; margin-bottom:23px; position:relative; z-index:1;}
#viewTop dt {float:left; padding:17px 0 0 18px;}
#viewTop dt img {width:198px; height:120px;}
#viewTop dd {width:570px; float:left; margin:20px 0 0 36px;}
#viewTop dd ul {width:570px;}
#viewTop dd li {display:inline; float:left;}
#viewTop dd .subject {height:40px; color:#099F00; font-size:14px; font-weight:bold;}
#viewTop dd .icon {margin-left:10px; margin-top:3px;}
#viewTop dd .sort {width:350px; height:25px; margin-left:68px; font-weight:bold;}
#viewTop dd .codeNo {width:90px; margin-left:53px;}
#viewTop dd .time {width:140px; height:29px; margin-left:68px; font-weight:bold;}
#viewTop dd .ver {width:75px; margin-left:65px;}
#viewTop dd .days {width:80px; margin-left:123px;}
#viewTop dd .btn {clear:both;}

#viewDetail {width:598px; float:left;}
#viewDetail h3 {width:598px; height:26px; margin-top:50px; color:#002D00; font-weight:bold;}
#viewDetail .h3first {margin-top:0px;}
#viewDetail .btnReview {float:left; margin:-31px 0 0 481px;}
#viewDetail .btnQuestion {margin:-25px 0 0 15px; letter-spacing:-0.05em; display:inline;}
#viewDetail .btnQuestion img {float:right; margin:-20px 30px 10px 0px;}
#viewDetail .ac {margin-top:30px; border-top:2px #E5E5E5 solid; padding:20px 0 0 0px;}
#viewDetail #off {width:822px !important; margin-top:30px; border-top:2px #E5E5E5 solid; padding:20px 0 0 0px; text-align:center;}

#addFiles {width:568px; height:145px; background:#EAFFFD;}

#addFilesNotice {width:570px; margin-top:9px;}
#addFilesNotice ul {width:490px; float:left;}
#addFilesNotice li {letter-spacing:-0.04em;}
#addFilesNotice span {color:#08A000;}
#addFilesNotice .down {float:left; margin-left:11px; display:inline;}

#addFilesNotice2 {width:822px; margin-top:9px;}
#addFilesNotice2 ul {width:742px; float:left;}
#addFilesNotice2 li {letter-spacing:-0.04em;}
#addFilesNotice2 span {color:#08A000;}
#addFilesNotice2 .down {float:left; display:inline;}

#addFilesNotice3 {width:788px; margin-top:9px; margin:0 0 20px 20px;}
#addFilesNotice3 ul {width:708px; float:left;}
#addFilesNotice3 li {letter-spacing:-0.04em;}
#addFilesNotice3 span {color:#08A000;}
#addFilesNotice3 .down {float:left; margin-left:11px; display:inline;}

#writeReview {width:555px; height:93px; clear:both; border:1px #D2D2D2 solid; background:#F9F9F9; padding:10px 0 0 11px; margin-bottom:15px;}
#writeReview input {width:467px; float:left; border-top:1px #8A8A8A solid; border-left:1px #8A8A8A solid; border-bottom:1px #D4D4D4 solid; border-right:1px #D4D4D4 solid;}
#writeReview img {float:left; margin-left:6px;}
#writeReview textarea {width:467px; height:51px; float:left; margin-top:-53px; border-top:1px #8A8A8A solid; border-left:1px #8A8A8A solid; border-bottom:1px #D4D4D4 solid; border-right:1px #D4D4D4 solid;}

#reviewList table {width:568px; border-bottom:1px #E1E2DD solid; margin-top:-10px;}
#reviewList th {height:60px; border-top:1px #F0F0EE solid; text-align:left;}
#reviewList td {padding-bottom:17px;}
#reviewList .bn th {border:none !important;}
#reviewList p {font-weight:bold;}
#reviewList p a:hover {color:#089F02;}
#reviewList .name {font-size:11px; font-weight:normal; margin-right:5px; color:#08A000;}
#reviewList .date {width:60px; font-size:11px; color:#A1A1A1; font-weight:normal;}
#reviewList .noReview {border:none; margin-top:17px;}
#reviewList .noReview td {width:568px; height:25px; background:#F9F9F9; border:1px #D2D2D2 solid; padding-top:15px;}

#writeQuestion {width:558px; height:365px; clear:both; background:#FAFAFA; padding:10px 0 0 10px;}
#writeQuestion #writeArea {width:538px; height:144px; border:1px #D2D2D2 solid; padding:10px 0 0 11px; margin-bottom:18px;}
#writeQuestion #writeArea input {width:522px; height:18px; border-top:1px #8A8A8A solid; border-left:1px #8A8A8A solid; border-bottom:1px #D4D4D4 solid; border-right:1px #D4D4D4 solid;}
#writeQuestion #writeArea textarea {width:522px; height:99px; border-top:1px #8A8A8A solid; border-left:1px #8A8A8A solid; border-bottom:1px #D4D4D4 solid; border-right:1px #D4D4D4 solid; margin-top:4px;}
#writeQuestion #questionFiles {width:547px; height:123px; background:#FFF9EB; margin-top:5px;}
#writeQuestion .send {margin:10px 0 0 235px;}

#rightNavi {width:222px; float:left; background:#F2F1ED; position:relative;}
#rightNavi #quick {width:222px; border:none; position:absolute; left:0px; top:0px; background:#F2F1ED;}
#rightNavi div {width:207px; margin:7px; border:1px #C5C5C5 solid; background:#FFFFFF;}
#rightNavi h4 {width:189px; height:24px; background:url('/training/image/onlineLearn/rightNaviH4_bg.gif') no-repeat; font-weight:bold; color:#5A340D; margin:5px; padding:4px 0 0 10px;}
#rightNavi ul {line-height:22px; padding-bottom:10px;}
#rightNavi li {width:180px; background:url('/training/image/onlineLearn/icon_dot.gif') no-repeat left top; padding-left:20px;}
#rightNavi p {width:180px; height:20px; overflow:hidden;}
#rightNavi .update {line-height:16px; margin-top:-4px;}
#rightNavi .update span {font-size:11px; color:#A2A2A2;}
#rightNavi .update li {margin-top:7px; margin-bottom:2px;}

#listPreview {width:656px; height:594px; padding:0 0 0 30px;}
#listPreview h3 {height:40px; padding:28px 0 0 0px; font-size:18px; color:#0E8300; font-weight:bold; line-height:25px;}
#listPreview h3 strong {font-size:12px; color:#686868;}
#listPreview h3 span {color:#F57800;}
#listPreview .fr {margin:33px 42px 0 0px; display:inline;}
.listPreview_table {width:630px !important; height:500px; background:url('/training/image/common/listPop_bg.gif') no-repeat top left !important; overflow:auto; padding-right:30px; margin-top:30px;
			scrollbar-face-color:#F3F5F4;
			scrollbar-highlight-color:#F3F5F4;
			scrollbar-3dlight-color:#FFFFFF;
			scrollbar-shadow-color:#D4D5D9;
			scrollbar-darkshadow-color:#F3F4F6;
			scrollbar-track-color:#F3F4F6;
			scrollbar-arrow-color:#A0A4A7;
			overflow-y:scroll;}
.listPreview_table table {width:612px !important;}
.listPreview_table ul {width:335px !important;}

#IndexTop {width:602px; height:55px; background:url('/training/image/onlineLearn/indexTop_bg.gif') repeat-x; padding:15px 0 0 220px; color:#000000; margin-bottom:23px; position:relative; z-index:1;}
#IndexTop span {color:#FF7700; font-weight:bold;}
#IndexTop .fr {margin:-45px 5px 0 0;}

#indexContent {width:822px; height:250px; background:url('/training/image/onlineLearn/indexImg.gif') no-repeat;}
#indexContent ul {width:822px; margin-top:205px; position:absolute;}
#indexContent li {display:inline; float:left; text-align:center;}
#indexContent .guide1a {width:194px;}
#indexContent .guide1b {width:192px; margin-left:16px;}
#indexContent .guide1c {width:194px; margin-left:17px;}
#indexContent .guide1d {width:194px; margin-left:15px;}
#indexContent .textArea {margin-bottom:16px;}

#indexContent2 {width:822px; height:220px; background:url('/training/image/onlineLearn/indexImg2.gif') no-repeat; margin-top:50px;}
#indexContent2 ul {margin-top:175px; position:absolute;}
#indexContent2 li {width:402px; float:left; display:inline; text-align:center;}
#indexContent2 .secend {margin-left:15px;}

.subIndex {width:100%; background:#EFF0F2 url('/training/image/onlineLearn/subIndex_bodybg.gif') repeat-x;}

.subIndexBottom {width:492px; height:116px; float:left;}

#subIndex1a {background:url('/training/image/onlineLearn/subIndex_1aBg.gif') no-repeat;}
#subIndex1b {background:url('/training/image/onlineLearn/subIndex_1bBg.gif') no-repeat;}
#subIndex1c {background:url('/training/image/onlineLearn/subIndex_1cBg.gif') no-repeat;}
#subIndex1d {background:url('/training/image/onlineLearn/subIndex_1dBg.gif') no-repeat;}
#subIndex2 {background:url('/training/image/onlineLearn/subIndex_2Bg.gif') no-repeat;}
#subIndex3 {background:url('/training/image/onlineLearn/subIndex_3Bg.gif') no-repeat;}
#subIndex3  img {margin:8px 0 5px 55px;}
#subIndex3 li {line-height:20px;}

#LecturePlayer {position:absolute; top:100px; left:50%; margin-left:-450px; visibility:hidden; z-index:101;}
#LecturePlayer div {width:898px; height:681px; border:2px #495061 solid;}
#LecturePlayer p {width:894px; height:16px; background:url('/training/image/onlineLearn/movieFrame_bg.gif') repeat-x;}

#indexBtn {width:936px; height:469px;}
#indexBtn ul {margin:305px 0 0 85px; position:absolute;}
#indexBtn li {height:32px; font-weight:bold; color:#D36A01; font-size:14px; letter-spacing:-0.05em;}
#indexBtn span {color:#4D4D4D; font-size:12px;}
#indexBtn .btn {margin:36px 0 0 -85px;}
#indexBtn .btn img {margin-right:33px;}
.guide1_1 {background:url('/training/image/onlineLearn/subIndex_img1a.jpg') no-repeat;}
.guide1_2 {background:url('/training/image/onlineLearn/subIndex_img1b.jpg') no-repeat;}
.guide1_3 {background:url('/training/image/onlineLearn/subIndex_img1c.jpg') no-repeat;}
.guide1_4 {background:url('/training/image/onlineLearn/subIndex_img1d.jpg') no-repeat;}
.guide2 {background:url('/training/image/onlineLearn/subIndex_img2.jpg') no-repeat;}
.guide3 {background:url('/training/image/onlineLearn/subIndex_img3.jpg') no-repeat;}



/* technology */
#totalData {width:760px; height:35px; background:url('/training/image/technology/totalData_bg.gif') no-repeat; padding:15px 0 0 84px; margin-bottom:23px; position:relative; z-index:1; color:#000000;}
#totalData span {color:#FE7800; font-weight:bold;}

#selectOption {float:right; display:inline;}
#selectOption select {width:122px;}

#techList {width:820px; clear:both; border-top:1px #23AE13 solid; border-bottom:1px #23AE13 solid; padding:0px 0 20px 0px;}
#techList table {margin-top:-20px;}
#techList tr {background:url('/training/image/technology/bg_grayline.gif') repeat-x top;}
#techList td {padding-top:40px;}
#techList .thum {width:205px; padding:40px 0 0 15px;}
#techList .thum img {width:178px; height:100px; border:1px #A8A8A8 solid;}
#techList li {display:inline; float:left;}
#techList .subject {width:600px; height:25px; background:url('/training/image/common/dline_H.gif') repeat-x bottom; font-weight:bold;}
#techList .sort {width:135px; height:28px; padding-top:8px; color:#FF7700;}
#techList .date {width:170px; padding-top:8px;}
#techList .count {width:130px; padding-top:8px;}
#techList .down {width:140px; padding-top:8px;}
#techList .content {width:590px;}
#techList .content div {width:590px; height:38px; overflow:hidden;}
#techList .grayLine {height:40px; background:url('/training/image/technology/bg_grayline.gif') repeat-x top;}

#techView {width:822px; height:126px; background:url('/training/image/technology/techView_bg.gif') no-repeat; margin-bottom:23px; position:relative; z-index:1;}
#techView dt {float:left; padding:11px 0 0 17px;}
#techView dt img {width:178px; height:100px; border:1px #A8A8A8 solid;}
#techView dd {width:553px; float:left; margin:21px 0 0 53px;}
#techView dd ul {width:570px;}
#techView dd li {display:inline; float:left;}
#techView dd .subject {height:40px; color:#099F00; font-size:14px; font-weight:bold;}
#techView dd .content li {width:205px; height:25px; margin-left:70px;}


/* my page */
#qnaTab {width:820px; height:28px; background:url('/training/image/myPage/tab_bg.gif') repeat-x bottom; margin-bottom:30px; position:relative; z-index:1;}
#qnaTab img {margin-right:5px; float:left;}

#qnaView {border-bottom:2px #E4E4E4 solid;}
#qnaView ul {line-height:23px; margin-bottom:25px;}
#qnaView li span {text-decoration:underline; color:#9C9C9C;}

#answer {border-top:1px #E4E4E4 solid; border-left:3px #E4E4E4 solid; border-right:3px #E4E4E4 solid; border-bottom:3px #E4E4E4 solid; padding-left:20px;}
#answer table {width:780px;}
#answer th {height:31px; text-align:left;}
#answer td {padding:0px;}
#answer .content {background:url('/training/image/common/dline_H.gif') repeat-x top; padding:15px 0;}
#answer ul {line-height:23px; margin-bottom:25px;}
#answer li span {text-decoration:underline; color:#9C9C9C;}

#myIndex {width:820px; height:104px; background:#F9F9F9; padding:8px 0 0 0;}
#myIndex div {margin-left:10px; display:inline;}
#myIndex h4 {width:375px; height:21px; background:url('/training/image/myPage/myIndex_titleBg.gif') no-repeat; padding:4px 0 0 10px; margin-bottom:6px;}
#myIndex h4 p {width:200px; float:left; font-weight:bold; color:#59340A;}
#myIndex h4 img {float:right; margin-right:14px;}
#myIndex .notice {width:400px; float:left; margin-right:5px;}
#myIndex .notice ul {line-height:22px;}
#myIndex .notice li {background:url('/training/image/mypage/icon_dot.gif') no-repeat left; padding-left:20px;}
#myIndex .notice .title {float:left; width:350px; height:20px; overflow:hidden;}
#myIndex .notice .title a:hover {color:#37B315;}
#myIndex .notice .date {float:right; width:70px; height:20px; font-size:11px; color:#A2A2A2; margin-right:20px;}
#myIndex .newData {width:395px; float:left;}
#myIndex .newData dt {float:left; margin-top:-9px;}
#myIndex .newData dt img {width:83px; height:53px; border:2px #C7C7C7 solid;}
#myIndex .newData dd {width:285px; margin-left:10px; float:left; margin-top:-6px;}

#process {width:822px; height:127px; background:url('/training/image/myPage/process_bg.gif') no-repeat; margin-top:30px;}
#process p {float:left; display:inline; margin:10px 0 17px 70px;}
#process p strong {color:#F77A02;}
#process ul {margin-left:20px; line-height:27px; clear:both;}
#process li {width:370px; display:inline; float:left; background:url('/training/image/myPage/icon_dot.gif') no-repeat left; padding-left:20px; letter-spacing:-0.05em;}
#process li span {color:#000000; margin-right:10px; font-weight:bold;}
#process .percent {width:300px; float:left; background:url('/training/image/myPage/percent_bg.gif') no-repeat left; margin:5px 0 0 -10px;}
#process .percent_li {font-size:11px;}
#process .percent_li strong {color:#FF7700;}
#process .days {width:150px; letter-spacing:0em;}
#process .condition {width:200px;}

#process2 {width:822px; height:112px; background:url('/training/image/myPage/process2_bg.gif') no-repeat; margin-bottom:25px;}
#process2 ul {margin:28px 0 0 20px; line-height:27px; clear:both;}
#process2 li {width:370px; display:inline; float:left; background:url('/training/image/myPage/icon_dot.gif') no-repeat left; padding-left:20px; letter-spacing:-0.05em;}
#process2 li span {color:#000000; margin-right:10px; font-weight:bold;}
#process2 .percent {width:300px; float:left; background:url('/training/image/myPage/percent_bg.gif') no-repeat left; margin:5px 0 0 -10px;}
#process2 .percent_li {font-size:11px;}
#process2 .percent_li strong {color:#FF7700;}
#process2 .days {width:150px; letter-spacing:0em;}
#process2 .condition {width:200px;}

#recommend {margin-top:-20px;}
#recommend h3 {margin:50px 0 5px 0px;}
#recommend h4 {margin-bottom:20px;}


/* experience */
#writeTop {width:612px; height:105px; background:url('/training/image/experience/writeTop_bg.gif') no-repeat; font-size:12px; color:#454545; padding:65px 10px 0 200px; letter-spacing:-0.05em; line-height:17px; margin-bottom:23px; position:relative; z-index:1;}
#writeTop span {color:#FE7701; font-weight:bold;}

#writeDetail h3 {margin:45px 0 10px 0;}
#writeDetail h4 {margin:-15px 0 35px 0;}
#writeDetail table {width:822px; border-top:1px #52B536 solid; border-bottom:1px #52B536 solid; table-layout:fixed;}
#writeDetail th {width:100px; height:30px; background:#F2F2F2; border-top:1px #CDCDCF solid; text-align:center;}
#writeDetail td {border-top:1px #CDCDCF solid; padding:0 0 0 9px;}
#writeDetail td td {border:none; padding:0; height:17px;}
#writeDetail input {height:16px; background:#FAFAFA; border:1px #D6D6D6 solid; padding-left:5px;}
#writeDetail .bgn td {background:none;}
#writeDetail .bn td {border:none;}
#writeDetail .bn th {border:none;}
#writeDetail ul {line-height:27px;}
#writeDetail li {width:118px; display:inline; float:left;}
#writeDetail .fl {margin:0 10px 5px 0; font-weight:bold; color:#F67A00;}
#writeDetail span {padding-top:5px;}
#writeDetail .files {width:694px; height:123px; background:#CCCCCC; margin-top:5px;}
#writeDetail .files2 {width:699px; height:123px; background:#FAFAFA;}
#writeDetail td p {height:21px; padding-top:10px;}
#writeDetail td p strong {color:#F97801;}
#writeDetail textarea {width:695px; height:100px; background:#FAFAFA; border:1px #D6D6D6 solid; margin:5px 0 6px 0px;}
#writeDetail .inputAddress {width:309px; margin-top:3px;}

#guideTop {width:612px; height:80px; background:url('/training/image/experience/guideTop_bg.gif') no-repeat; font-size:12px; color:#454545; padding:55px 10px 0 200px; margin-bottom:23px; position:relative; z-index:1;}

#guide h3 {margin:45px 0 12px 0;}
#guide #fileDown {width:819px; height:145px; background:#FAFFE9; margin-bottom:12px;}
#guide .list {margin-top:5px;}
#guide .list .al {padding-left:20px; font-weight:bold;}
#guide .placeImg {margin-top:25px;}
#guide .btnArea {margin-top:30px; text-align:center;}


/* global */
#faqTop {width:758px; height:55px; background:url('/training/image/global/faqTop_bg.gif') no-repeat; padding:15px 0 0 84px; color:#000000; margin-bottom:23px; position:relative; z-index:1;}
#faqTop strong {color:#FF7700;}

#faq {width:822px; border-top:1px #52B536 solid; border-bottom:2px #CBCBCB solid; table-layout:fixed;}
#faq th {height:30px; border-top:1px #CBCBCB solid; text-align:center;}
#faq td {background:url('/training/image/common/dline_H.gif') repeat-x top; padding:10px 20px 10px 0;}
#faq .bn th {border:none;}
#faq .over a {color:#08A000;}

#notice .al {font-weight:bold;}
#noticeView .content {background:none; border-bottom:2px #CBCBCB solid;}

#consult {width:822px; margin-top:-45px;}
#consult h3 {margin:45px 0 6px 0px;}
#consult h4 {margin-bottom:20px;}

#srchPost {width:450px; height:418px;}
#srchPost .text {margin:20px 0;}
#srchPost .keywordArea {width:390px; height:38px; background:#F1F1F1; margin:0 15px; padding:15px 0 0 30px;}
#srchPost .keywordArea input {width:247px; height:14px; margin-top:-2px;}
#srchPost #resultArea {width:420px; height:220px; overflow:auto; margin:20px 0 0 15px;
			scrollbar-face-color:#FFFFFF;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#D0D0D0;
			scrollbar-shadow-color:#D4D5D9;
			scrollbar-darkshadow-color:#F3F4F6;
			scrollbar-track-color:#F4F4F4;
			scrollbar-arrow-color:#D1D1D1;
			overflow-y:scroll;}
#srchPost #resultArea table {width:390px; border-top:2px #22AF13 solid;}
#srchPost #resultArea th {height:22px; background:#F0F0F0; border-bottom:1px #D9D9D9 solid; text-align:center;}
#srchPost #resultArea td {font-size:11px; color:#838383; text-align:center;}
#srchPost #resultArea .al {padding-left:17px;}

#consultTop {width:758px; height:34px; background:url('/training/image/global/consultTop_bg.gif') no-repeat; padding:15px 0 0 84px; color:#000000; margin-bottom:23px; position:relative; z-index:1;}
#consultTop strong {color:#FF7700;}

#loginTop {width:737px; height:34px; background:url('/training/image/global/loginTop_bg.gif') no-repeat; padding:15px 0 0 85px; color:#000000; margin-bottom:23px; position:relative; z-index:1;}
#loginTop span {font-weight:bold; color:#FF7700;}

#loginBox {width:820px; height:192px; margin:40px 0 25px 0px; background:url('/training/image/global/login_bg.gif') no-repeat;}
#loginBox input {width:293px; height:16px; float:left; border:1px #D6D6D6 solid; background:#FAFAFA; margin-left:411px;}
#loginBox .id {margin-top:65px;}
#loginBox .pw {margin-top:9px;}
#loginBox .btn {float:left; margin:-20px 0 0 13px;}
#loginBox .join {margin:29px 0 0 454px;}
#loginBox .find {margin-left:2px;}


/* customer */
#customer {width:612px; height:108px; background:url('/training/image/customer/centerTop_bg.gif') no-repeat; font-size:11px; color:#454545; padding:45px 10px 0 200px; letter-spacing:-0.05em; line-height:17px; margin-bottom:23px; position:relative; z-index:1;}
#customer span {color:#FF7700; font-weight:bold;}

#customerGuide h3 {margin:45px 0 5px 0;}
#customerGuide h4 {margin-bottom:20px;}
#customerGuide .telImg {margin:-20px 0 -45px 0px;}


/* offline */
#offline {width:822px; margin-top:-50px;}
#offline h3 {margin:50px 0 15px 0;}
#offline h4 {margin-bottom:20px;}
#offline .fl {height:30px; margin-right:20px; margin-bottom:0px;}
#offline p {font-size:14px; font-weight:bold; color:#000000; margin:20px 0 0 24px;}
#offline p img {margin:0 10px;}
#offline .al {font-weight:bold;}
#offline .list {clear:both;}

#offviewTop {width:822px; height:190px; background:url('/training/image/offlineLearn/offviewTop_bg.gif') no-repeat; margin-bottom:16px;}
#offviewTop dt {float:left; padding:20px 0 0 18px;}
#offviewTop dt img {width:198px; height:145px; border:1px #A8A9AB solid;}
#offviewTop dd {width:570px; float:left; margin:20px 0 0 34px;}
#offviewTop dd ul {width:560px; margin-left:10px;}
#offviewTop dd li {display:inline; float:left;}
#offviewTop dd .subject {height:40px; color:#099F00; font-size:14px; font-weight:bold;}
#offviewTop dd .icon {margin-left:10px; margin-top:3px;}
#offviewTop dd .teacher {width:315px; height:25px; margin-left:60px;}
#offviewTop dd .days {width:90px; margin-left:60px;}
#offviewTop dd .object {width:400px; height:29px; margin-left:60px;}
#offviewTop dd .content {width:400px; margin:-5px 0 0 60px;}
#offviewTop dd .reauest {width:400px; margin:7px 0 0 60px;}
#offviewTop dd .btn {clear:both;}

#offGuideTop {width:822px; height:136px; background:url('/training/image/offlineLearn/offGuideTop_bg.gif') no-repeat; font-size:12px; color:#454545; padding:65px 10px 0 200px; letter-spacing:-0.05em; line-height:17px;}
#offGuideTop span {color:#FE7800; font-weight:bold;}

#calendar {width:210px; height:160px; float:left; background:url('/training/image/offlineLearn/calendar_bg.gif') no-repeat;}
#calendar ul {width:190px; margin:20px 0 0 16px;}
#calendar li {width:19px; height:14px; display:inline; float:left; text-align:center; color:#666666; margin:0 3px;}
#calendar .today {background:#08a000; color:#ffffff;}

#offBoard {width:590px; margin:0px; float:left; margin:-160px 0 0 230px; display:inline;}
#offBoard table {width:590px;}


/* SITEMAP */
#sitemapTop {width:737px; height:35px; margin-top:3px; background:url('/training/image/sitemap/sitemapTop.gif') no-repeat; padding:15px 0 0 85px; color:#000000;}
#sitemapTop strong {color:#FF7900;}
.sitemap {margin-top:25px;}