﻿/*########################################################################
이 주석에는 업데이트사항과 여러 개발기반정보등를 기입하는 부분입니다.
무단 소스 구조변경 및 위치변경을 금합니다.
최종 업데이트 : 2007-11-06
Created by dahnworld.com (Department of Internet)
Administrator : Design Team - GilHa.Lee	  
########################################################################*/


  /*######## Begin : Column ########*/
      /*######## Begin : MainColumn ########*/
        /*## Begin : Common-HeadLine ##*/
        #mainColumn { line-height: 0;}
        #mainColumn { line-height: 20px; font-family: 굴림, 굴림체; }
        #mainColumn h3{ font-size: 18px; }
        #mainColumn h3,h4,h5,h6{ clear: both; }

        .section02 #mainColumn.subAbout h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleAbout.jpg) no-repeat left top; }
				.section03 #mainColumn.subRanking { position:relative; }
        .section03 #mainColumn.subRanking h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleRanking.jpg) no-repeat left top; }
        .section04 #mainColumn.subOpenDiary h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleOpenDiary.jpg) no-repeat left top; }
        .section05 #mainColumn.subPostscript h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitlePostscript.jpg) no-repeat left top; }
        .section07 #mainColumn.subReTry h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleReTry.jpg) no-repeat left top; }
        .section05 #mainColumn.subCourseEnd h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleCourseEnd.jpg) no-repeat left top; }
        .section07 #mainColumn.subApply h3{ font-size: 18px; margin: 0 0 10px 0; height: 140px; background: url(/Img/pageTitleApply.jpg) no-repeat left top; }

        .section02 #mainColumn h4 { width:100%; height: 18px; margin: 0 0 10px 0; padding: 8px 0px; color: #1c3360; font-size: 14px; }
        .section02 #mainColumn h4 strong { color: #f04505; }
        .section02 #mainColumn h4 .title{ float: left; margin: 0; padding: 0 0 0 25px; background: url(/Img/bulletArrow03.gif) no-repeat 9px 40%; }
        .section02 #mainColumn h4 .guide { float: right; color: #1c3360; padding: 0 0 0 8px; background: url(/Img/bulletDot03.gif) no-repeat left 50%; font-size: 12px; font-weight: normal; }
				
				.section03 #mainColumn h4.rank{ width:65%; height: 18px; margin: 0 0 0 0; padding: 8px 0px; color: #1c3360; font-size: 14px; }
				.section03 #mainColumn h4.report { width:100%; height: 18px; margin: 0 0 0 0; padding: 8px 0px; color: #1c3360; font-size: 14px; }
        .section03 #mainColumn h4 strong { color: #f04505; }
        .section03 #mainColumn h4 .title{ float: left; margin: 0; padding: 0 0 0 25px; background: url(/Img/bulletArrow03.gif) no-repeat 9px 40%; }
				.section03 #mainColumn h4 .guide { float: right; color: #1c3360; padding: 0 0 0 8px; background: url(/Img/bulletDot03.gif) no-repeat left 50%; font-size: 12px; font-weight: normal; }

        .section05 #mainColumn h5 { color: #604b2d; font-size: 12px; }
        .section05 #mainColumn h5 .title { float: left; }
        .section05 #mainColumn h5 .guide02 { float: right; color: #787a6d; font-size: 11px; font-weight: normal; }
        .section05 #mainColumn h5 .guide02 strong { color: #fa6a14; font-weight: normal; }

        .section06 #mainColumn h4 { width:100%; height: 18px; margin: 0 0 10px 0; padding: 8px 0px; background: url(/Img/headBgA.gif) repeat left top; color: #1c3360; font-size: 14px; }
        .section06 #mainColumn h4 strong { color: #f04505; }
        .section06 #mainColumn h4 .title{ float: left; margin: 0; padding: 0 0 0 25px; background: #dff2ff url(/Img/bulletArrow03.gif) no-repeat 9px 40%; }
        .section06 #mainColumn h4 .guide { float: right; margin: 0 8px 0 0; padding: 0 0 0 8px; background: url(/Img/bulletDot03.gif) no-repeat left 50%; font-size: 12px; font-weight: normal; }
        .section06 #mainColumn h5 { color: #604b2d; font-size: 12px; }
        .section06 #mainColumn h5 .title { float: left; }
        .section06 #mainColumn h5 .title strong{ color: #e18601; }
        .section06 #mainColumn h5 .guide02 { float: right; color: #787a6d; font-size: 11px; font-weight: normal; }
        .section06 #mainColumn h5 .guide02 strong { color: #f04505; font-weight: normal; }

        .section07 #mainColumn h4 { height: 18px; margin: 0 0 24px 0; padding: 8px 0; background: url(/Img/headBgA.gif) repeat left top; color: #1c3360; font-size: 14px; }
        .section07 #mainColumn h4 .title { margin: 0; padding: 0 0 0 25px; background: #dff2ff url(/Img/bulletArrow03.gif) no-repeat 9px 40%; }
        .section07 #mainColumn h4 strong { color: #f04505; }
        .section07 #mainColumn h5 { margin: 5px 0 0 10px; padding: 1px 0 0 28px; background:url(/Img/bulletStar01.gif) no-repeat left top; color: #604b2d; font-size: 14px; }
        .section07 #mainColumn h5 strong{ color: #ff4700;}
        .section07 #mainColumn h6 { margin: 5px 0 0 10px; color: #604b2d; font-size: 12px; }
        .section07 #mainColumn h6 .title { float: left; }
        .section07 #mainColumn h6 .guide02 { float: right; color: #afa596; font-size: 11px; font-weight: normal; }
        .section07 #mainColumn h6 .guide02 strong { color: #fa6a14; font-weight: normal; }
        /*## End : Common-HeadLine ##*/





        /*## Begin : Common-Board (OpenDiary, After) ##*/
        /* Begin : Common-BoardList */
        fieldset#boardList {
        clear: both;
        width: 100%;
        padding: 0 0 10px 0;
        border-collapse: collapse;
        color: #604b2d;
        }
          fieldset#boardList table  {	width: 100%; }
          fieldset#boardList table caption {	}
          fieldset#boardList table th { padding: 6px 0px; }
          fieldset#boardList table td { padding: 6px 8px; }
          fieldset#boardList table col { }
          fieldset#boardList table colgroup.item06 col#number { width: 8%;	}
          fieldset#boardList table colgroup.item06 col#itemA {	width: 8%; }
          fieldset#boardList table colgroup.item06 col#itemB {	width: 49%;	}
          fieldset#boardList table colgroup.item06 col#itemC {	width: 13%;	}
          fieldset#boardList table colgroup.item06 col#itemD {	width: 14%;	}
          fieldset#boardList table colgroup.item06 col#itemE {	width: 8%;	}
          fieldset#boardList table thead#LH01 { color:#FFF; text-align: center; }
          fieldset#boardList table thead#LH01 th { font-weight: normal; }
          fieldset#boardList table thead#LH01 th.bgLeft { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          fieldset#boardList table thead#LH01 th.bgMiddle { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          fieldset#boardList table thead#LH01 th.bgRight { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          fieldset#boardList table tbody#LD01 { text-align: center; }
          fieldset#boardList table tbody#LD01 tr.odd { background: #ecf7ff; }
          fieldset#boardList table tbody#LD01 tr.even { background: #ecf7ff; }
          fieldset#boardList table tbody#LD01 tr.no { background: #eee; }
          fieldset#boardList table tbody#LD01 td { border-bottom: 1px solid #d6d2bd; border-top: 0 ;}
          fieldset#boardList table tbody#LD01 td.title { text-align:left; }
          fieldset#boardList table tbody#LD01 td span.recommend { margin:0 0 0 5px; }
          fieldset#boardList table tbody .icon { padding: 0px 0px 0px 4px; vertical-align: middle; }
          fieldset#boardList table tbody a { color: #604b2d; font-weight: bold; text-decoration: none; }
          fieldset#boardList table tbody a:hover { color: #f67240; font-weight: bold; text-decoration: none; }
        fieldset#listSearch {	float: left; margin: 0px 0px 10px 0px; }
        fieldset#listSorting { float: right; margin: 0px 0px 10px 0px;  }
        fieldset#listPageNumber {	clear: both; padding: 0px 0px 0px 0px; text-align: center; font-size: 11px; }
        fieldset#listPageNumber .listPrevious { margin: 0 10px; }
        fieldset#listPageNumber .listNext { margin: 0 10px; }
        fieldset#listPageNumber .number { font-weight: normal; }
        fieldset#listPageNumber .now { font-weight: bold; }
        fieldset#listPageNumber a {	margin: 0 2px 0 2px; color: #787a6d; text-decoration: none; }
        fieldset#listPageNumber a:hover { margin: 0 2px 0 2px; color: #f67240; text-decoration: none; }
        /* End : Common-BoardList */

        /* Begin : Common-BoardEdit */
        fieldset#boardEdit { float:left; width: 100%; margin: 0 0 10px 0; background: #ecf7ff; color: #604b2d; }
        fieldset#boardEdit p { padding: 8px 0px 8px 13px; border: #d6d2bd solid 1px; }
        fieldset#boardEdit p label { float:left; width:92px; font-weight: bold; }
        fieldset#boardEdit p label span.essential { color: #fa6a14; font-weight:normal; }
        /* End : Common-BoardEdit */

        /* End : Common-BoardButton */
        fieldset#boardBottomButton { margin: 0 0 10px 0; }
        fieldset#boardBottomButton a.diaryClose { float: left; margin: 0 5px 0 0; }
        fieldset#boardBottomButton a.diaryModify { float: left; margin: 0 5px 0 0; }
        fieldset#boardBottomButton a.diaryWrite { float: right; margin: 0 0 0 5px; }
        fieldset#boardBottomButton a.list { float: right; margin: 0 0 0 5px; }
        fieldset#boardBottomButton a.diaryRecommended { float: right; margin: 0 0 0 5px; }
        fieldset#boardBottomButton a.postscriptModify { float: left; margin: 0 5px 0 0; }
        fieldset#boardBottomButton a.postscriptWrite { float: right; margin: 0 0 0 5px; }       
        fieldset.send { clear: both; text-align: center; margin: 13px 0 0 0; }
        fieldset.send input{ margin:0 2px; }
        /* End : Common-BoardButton */

        /* Begin : Common-BoardView */
        fieldset#boardView { }
          fieldset#boardView p.title {
          position: relative;
          width: 100%;
          padding: 8px 0px 6px 0px;
          border-top: 1px solid #d6d2bd;
          border-bottom: 1px solid #d6d2bd;
          background: #dff2ff;
          color: #604b2d;
          }
          fieldset#boardView p.title span.title {	float:left; margin: 0 0 0 12px; font-weight:bold; }
          fieldset#boardView p.title span.writer {	position: absolute; right: 12px; top: 8px;}
          fieldset#boardView p.title span.recommend { }
          fieldset#boardView .detail {
          position: relative;
          margin-bottom: 12px;
          padding: 12px 12px 12px 12px;
          border-bottom: 1px solid #d6d2bd;
          color: #604b2d;
          }
          fieldset#boardView .detail span.datainfo { position: absolute; display:block; font-size: 11px;	right: 13px;}
          fieldset#boardView .detail span.datainfo strong{ color: #f04505; }
          fieldset#boardView .detail span.division { color:#604b2d; margin:0 4px; }
          fieldset#boardView .detail span.content { display:block; margin: 25px 0 0 0; min-height: 212px; }
        /* End : Common-BoardView */

        /* Begin : Common-BoardReplyList */
        fieldset#boardReplyList {
        padding: 10px;
        border-top: 1px solid #d6d2bd;
        border-bottom: 1px solid #d6d2bd;
        background: #dff2ff;
        color: #604b2d;
        }
          fieldset#boardReplyList ol { float: left; width: 100%; }
          fieldset#boardReplyList ol li { position: relative; clear: both; padding: 3px 0; width: 100%; list-style:none; }
          fieldset#boardReplyList ol li span.name { margin: 0 10px 0 0; font-weight: bold; width:65px; display:block; float:left;}
          fieldset#boardReplyList ol li span.content { width:525px; display:block; float:left;}
        /* End : Common-BoardReplyList */

        /* Begin : Common-BoardReplyWrie */
        fieldset#boardReplyWrite {
        padding: 10px 5px;
        margin: 0 0 10px 0; 
        border-top: 1px solid #d6d2bd;
        border-bottom: 1px solid #d6d2bd;
        background: #dff2ff;
        color: #604b2d;
        }
          fieldset#boardReplyWrite label { display: block; float: left; width:40px; padding: 2px 0px 0px 5px; font-weight: bold;}
          fieldset#boardReplyWrite textarea { float:left; margin: 0px 15px 0px 0px; }
          fieldset#boardReplyWrite input.saveReply { float: left; }
        /* Begin : Common-BoardReplyWrie */
        /*## Begin : Common-Board (OpenDiary, After) ##*/





        /*## ⓒBegin : Aboutⓒ ##*/
        .section02 .about { clear: both; padding: 15px 18px; background: #dff2ff url(/Img/bottomBgA.gif) no-repeat left bottom;}
        .section02 ol.teacherLee {
        float: left;
        width: 222px;
        margin: 60px 36px 0 20px;
        padding: 230px 0 0 0px;  
        background: url(/Img/Content/teacherLeeIllust01.jpg) no-repeat 50% top;
        }
        * html .section02 ol.teacherLee { margin: 24px 24px 0 12px; } /*IE6.0*/
          .section02 ol.teacherLee li { padding: 0 0 0 11px; list-style: none; background: url(/Img/bulletDot04.gif) no-repeat left 50%; }
        .section02 ol.courseDetail {
        float: left;
        width: 55%;
        margin: 25px 0 0 0;
        list-style: none;
        }
        .section02 ol.courseDetail li{ margin: 0 0 13px 0; line-height:150%; }
          .section02 ol.courseDetail li .item { padding: 0 0 0 20px; color: #604b2d; font-weight: bold; }
          .section02 ol.courseDetail li .item01 { background: url(/Img/bulletNumberA01.gif) no-repeat left top; }
          .section02 ol.courseDetail li .item02 { background: url(/Img/bulletNumberA02.gif) no-repeat left top; }
          .section02 ol.courseDetail li .item03 { background: url(/Img/bulletNumberA03.gif) no-repeat left top; }
          .section02 ol.courseDetail li .item04 { background: url(/Img/bulletNumberA04.gif) no-repeat left top; }
        .section02 fieldset.send { float:left; margin: 14px 0 0 0; text-align: center; }
        /*## ⓒEnd : Aboutⓒ ##*/





        /*## ⓒBegin : BoSRankingⓒ ##*/
				.section03 #topReport { float:right; width:195px; position:absolute; top:150px; right:0px; }
        .section03 #mainColumn fieldset#rankingList {
        float:left;
        width:65%;
        padding: 0 0 10px 0;
        border-collapse: collapse;
        color: #604b2d;;
				}
				.section03 #mainColumn p.now { text-align:left; width:50%; font-weight:bold; margin:0 0 6px 5px;}
				
					.section03 fieldset#rankingList table {	width: 100%; float:left; }
         	.section03 fieldset#rankingList table caption {	}
          .section03 fieldset#rankingList table th { padding: 3px 0px; }
          .section03 fieldset#rankingList table td { padding: 3px 6px; }
					.section03 fieldset#rankingList table td a { color: #604b2d; text-decoration: none; }
					.section03 fieldset#rankingList table td a:hover { color: #f67240; font-weight: normal; text-decoration: none; }
          .section03 fieldset#rankingList table col { }
          .section03 fieldset#rankingList table colgroup.item07 col.number { width: 8%;	}
          .section03 fieldset#rankingList table colgroup.item07 col.itemA {	width: 33%; }
          .section03 fieldset#rankingList table colgroup.item07 col.itemB {	width: 8%;	}
          .section03 fieldset#rankingList table colgroup.item07 col.itemC {	width: 15%;	}
          .section03 fieldset#rankingList table colgroup.item07 col.itemD {	width: 35%;	}
          .section03 fieldset#rankingList table thead.LH01 { color:#FFF; text-align: center; }
          .section03 fieldset#rankingList table thead.LH01 th { font-weight: normal; }
          .section03 fieldset#rankingList table thead.LH01 th.bgLeft { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          .section03 fieldset#rankingList table thead.LH01 th.bgMiddle { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          .section03 fieldset#rankingList table thead.LH01 th.bgRight { background: #f77c4d url(/Img/boardHeadAMiddle.gif)  repeat left top; }
          .section03 fieldset#rankingList table tbody.LD01 { text-align: center; }
          .section03 fieldset#rankingList table tbody.LD01 tr.oddRank { background: #f6f6f6; }
          .section03 fieldset#rankingList table tbody.LD01 tr.evenRank { background: #fff; }
          .section03 fieldset#rankingList table tbody.LD01 td { border-bottom: 1px solid #d6d2bd; border-top: 0 ;}
          .section03 fieldset#rankingList table tbody.LD01 td.title { text-align:left; }
					
					.section03 #topReport fieldset#Ranking01 { float:left; width:170px; border:5px solid #f3f3f3; padding:3px; }
					.section03 fieldset#Ranking01 ol { list-style:none; margin:0 5px 0 5px; line-height:0; }
					.section03 fieldset#Ranking01 li { clear:both; }
					.section03 fieldset#Ranking01 li span.RankName { float:left; padding : 0 0 0 25px; line-height:2.3; }
					.section03 fieldset#Ranking01 li.reportNone { text-align: center; color:#604b2d; padding:10px 0 5px 0;}
          .section03 fieldset#Ranking01 li a { color: #604b2d; text-decoration: none; }
					.section03 fieldset#Ranking01 li a:hover { color: #f67240; font-weight: normal; text-decoration: none; }
					
					.section03 fieldset#Ranking01 li span.RankName1 { background: url(/Img/bulletRanking01.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName2 { background: url(/Img/bulletRanking02.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName3 { background: url(/Img/bulletRanking03.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName4 { background: url(/Img/bulletRanking04.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName5 { background: url(/Img/bulletRanking05.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName6 { background: url(/Img/bulletRanking06.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName7 { background: url(/Img/bulletRanking07.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName8 { background: url(/Img/bulletRanking08.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName9 { background: url(/Img/bulletRanking09.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName10 { background: url(/Img/bulletRanking10.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName11 { background: url(/Img/bulletRanking11.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName12 { background: url(/Img/bulletRanking12.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName13 { background: url(/Img/bulletRanking13.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName14 { background: url(/Img/bulletRanking14.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName15 { background: url(/Img/bulletRanking15.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName16 { background: url(/Img/bulletRanking16.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName17 { background: url(/Img/bulletRanking17.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName18 { background: url(/Img/bulletRanking18.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName19 { background: url(/Img/bulletRanking19.gif) no-repeat left 45%; }
					.section03 fieldset#Ranking01 li span.RankName20 { background: url(/Img/bulletRanking20.gif) no-repeat left 45%; }
					
        /*## ⓒEnd : BoSRankingⓒ ##*/





        /*## ⓒBegin : OpenDiaryⓒ ##*/
        .section04 { }/*board*/
        /*## ⓒEnd : OpenDiaryⓒ ##*/





        /*## ⓒBegin : Afterⓒ ##*/
        .section05 { }/*board*/
        /*## Eⓒnd : Afterⓒ ##*/





        /*## ⓒBegin : MyPageⓒ ##*/
        /*Begin : MyPage-TabMenu*/
        .section06 ul.tabMyPage {
        float:left;
        list-style: none;
        margin: 0 0 5px 0;
        font-weight: bold;
        color: #fff;
        }
        .section06 #mainColumn.subMyPdca ul.tabMyPage li.myPdca {
        border-top: #335487 solid 1px;
        border-bottom: #335487 solid 1px;
        background: #436599 url(/Img/tabMySelect.jpg) repeat-x left top;
        }
        .section06 #mainColumn.subMyCourse ul.tabMyPage li.myCourse {
        border-top: #335487 solid 1px;
        border-bottom: #335487 solid 1px;
        background: #436599 url(/Img/tabMySelect.jpg) repeat-x left top;
        }
        .section06 #mainColumn.subMyDiary ul.tabMyPage li.myDiary {
        border-top: #335487 solid 1px;
        border-bottom: #335487 solid 1px;
        background: #436599 url(/Img/tabMySelect.jpg) repeat-x left top;
        }
          .section06 ul.tabMyPage li {
          float:left;
          margin-left: 1px;
          width: 151px;
          border-top: #eaeaea solid 1px;
          border-bottom: #eaeaea solid 1px;
          }
          .section06 ul.tabMyPage li.date {
          margin: 0;
          width: 164px;
          border-top: #0b1a37 solid 1px;
          border-bottom: #0b1a37 solid 1px;
          background: #1c3360;
          }
            .section06 ul.tabMyPage li .tooday { display: block; padding:5px 34px 3px 34px; letter-spacing:-1px; }
            .section06 ul.tabMyPage li a { display: block; padding:4px 0px 4px 40px; color: #787a6d; background: #f2f2f2 url(/Img/bulletArrow02Out.gif) no-repeat 90% 50%;}
            .section06 ul.tabMyPage li.myPdca a { display: block; padding:4px 0px 4px 40px; color: #787a6d; background: #f2f2f2 url(/Img/bulletArrow02Out.gif) no-repeat 90% 50%;}
            .section06 ul.tabMyPage li.myCourse a { display: block; padding:4px 0px 4px 32px; color: #787a6d; background: #f2f2f2 url(/Img/bulletArrow02Out.gif) no-repeat 90% 50%;}
            .section06 ul.tabMyPage li.myDiary a { display: block; padding:4px 0px 4px 32px; color: #787a6d; background: #f2f2f2 url(/Img/bulletArrow02Out.gif) no-repeat 90% 50%;}
            .section06 #mainColumn.subMyPdca ul.tabMyPage li.myPdca a { color: #fff; background: url(/Img/bulletArrow02On.gif) no-repeat 90% 50%;}
            .section06 #mainColumn.subMyCourse ul.tabMyPage li.myCourse a { color: #fff; background: url(/Img/bulletArrow02On.gif) no-repeat 90% 50%;}
            .section06 #mainColumn.subMyDiary ul.tabMyPage li.myDiary a { color: #fff; background: url(/Img/bulletArrow02On.gif) no-repeat 90% 50%;}
        /* End : MyPage-TabMenu */

        /* Begin : Mypage-DateMenu */
        .section06 ul.dateMenu {
        clear: both;
        margin: 0 0 22px 0;
        padding: 9px 0px 9px 5px;
        width: 616px;
        height: 24px;
        font-family: 돋움;
        font-weight: bold;
        font-size: 11px;
        list-style: none;
        border-top: #e0e0e0 solid 1px;
        border-bottom: #e0e0e0 solid 1px;
        background: #dff2ff;
        color: #b6b6b6;
        }
        .section06 ul.dateMenu li {
        float:left;
        margin: 0 2px;
        padding: 3px 0 3px 0;
        width: 25px;
        height: 19px;
        text-align:center;
        list-style: none;
        background: url(/Img/dateBg.gif) no-repeat left top;
        }
        .section06 ul.dateMenu li a { display: block; padding: 0 0 0 0; width: 25px; height: 19px; color: #787a6d; }
        .section06 ul.dateMenu li a.today { display: block; color: #ff0000; }
        /* End : Mypage-DateMenu */

        /* Begin : MyPDCA-Lecture */
        .section06 #mainColumn.subMyPdca dl.lectureContent {
        margin: 0 0 20px 0;
        height:1%;
        border-bottom:10px solid #dff2ff;
        border-left:10px solid #dff2ff;
        }
          .subMyPdca dd.object { float: left; width: 300px; height: 215px; border-top: 10px solid #dff2ff; background: url(/Img/Content/myPdcaMovieBg01.jpg) no-repeat left -5px; }
          .subMyPdca dd.content { float: left; padding: 0 0 0 13px; border-left: 10px solid #dff2ff; }
            .subMyPdca select.lectureSection { width: 280px; background: #faf3ea; color: #383a2e; font-family: 굴림, 굴림체; }
            .subMyPdca p { width: 280px; padding-top: 18px; }
            .subMyPdca a.lectureView { margin: 10px 0; }
        /* End : MyPDCA-Lecture */

        /* Begin : MyPDCA-RuleCheck */
        .section06 #mainColumn.subMyPdca fieldset.ruleList { margin: 10px 0 0 0; padding: 15px 10px; border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px; background: #edead9; }
          .subMyPdca ol.ruleCommon { float: left; padding: 0 0 10px 0; width: 100%; border-bottom: 1px dashed #d6d2bd; color: #604b2d; list-style: none; }
          .subMyPdca ol.ruleMy { float: left; margin: 10px 0 0 0; width: 100%; color: #604b2d; list-style: none; }
          .subMyPdca ol.ruleCommon li{ clear: both; list-style: none;}
          .subMyPdca ol.ruleCommon span{ float: left; padding: 0 0 0 20px;}
          .subMyPdca ol.ruleCommon span.item01{ background: url(/Img/bulletNumberA01.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleCommon span.item02{ background: url(/Img/bulletNumberA02.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleCommon span.item03{ background: url(/Img/bulletNumberA03.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleCommon span.item04{ background: url(/Img/bulletNumberA04.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleCommon span.item05{ background: url(/Img/bulletNumberA05.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleCommon input.check { float:right; }
          .subMyPdca ol.ruleMy li{ clear: both; list-style: none;}
          .subMyPdca ol.ruleMy span{ float: left; padding: 0 0 0 20px; }
          .subMyPdca ol.ruleMy span.item01{ background: url(/Img/bulletNumberB01.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleMy span.item02{ background: url(/Img/bulletNumberB02.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleMy span.item03{ background: url(/Img/bulletNumberB03.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleMy span.item04{ background: url(/Img/bulletNumberB04.gif) no-repeat left 40%;}
          .subMyPdca ol.ruleMy input.check { float:right; }       
          .subMyPdca input.diaryWrite{ float: left; margin: 20px 0 0 0;}
          .subMyPdca input.checkSave{ float: right; margin: 20px 0 0 0;}
        /* Begin : MyPDCA-RuleCheck */

        /* Begin : MyCourse-Goal */
        .section06 fieldset#goal { background: #dff2ff; }
        .section07 fieldset#goal { margin: 5px 0 20px 10px; background: #dff2ff; }
          fieldset#goal p { padding: 8px 13px 8px 13px; border: #d6d2bd solid 1px; background: #dff2ff; color: #604b2d; }
          fieldset#goal p.odd { background: #dff2ff; }
          fieldset#goal p.even { background: #ecf7ff; }
          fieldset#goal p label { margin-right: 10px; font-weight: bold; }
          fieldset#goal p input.dateModify{ margin: 0 0 0 5px; }
        /* End : MyCourse-Goal */

        /* Begin : MyCourse-MyPoint */
        .section06 #mainColumn.subMyCourse fieldset#myPoint table {
        float: left;
        margin: 20px 0; 
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        background: #ffffff;
        color: #7d6e57;
        font-size:11px;
        }
          .section06 #mainColumn.subMyCourse table col.item { width: 76px; }
          .section06 #mainColumn.subMyCourse table col.day { width: 25px; }
          .section06 #mainColumn.subMyCourse table thead th { padding: 10px 0;}
          .section06 #mainColumn.subMyCourse table tbody td { padding: 0;}
          .section06 #mainColumn.subMyCourse table .item { width: 76px; height: 25px; background: #e6e2cf; color: #604b2d; font-size: 12px; font-weight: normal;}
					.section06 #mainColumn.subMyCourse table .totalItem { width: 76px; height: 25px; background: #d4d0be; color: #604b2d; font-size: 12px; font-weight: normal;}
          .section06 #mainColumn.subMyCourse table .checkSign { font-size:12px;}
          .section06 #mainColumn.subMyCourse table .point { }
          .section06 #mainColumn.subMyCourse table thead th { border: #fff solid 1px; border-top: #d6d2bd solid 1px;}
          .section06 #mainColumn.subMyCourse table .join td { border: #fff solid 1px;}
          .section06 #mainColumn.subMyCourse table .diary td { border: #fff solid 1px;}
          .section06 #mainColumn.subMyCourse table .ruleCommon td { border: #fff solid 1px;}
          .section06 #mainColumn.subMyCourse table .ruleMy td { border: #fff solid 1px;}
          .section06 #mainColumn.subMyCourse table .total td { border: #fff solid 1px; border-bottom: #d6d2bd solid 1px;}
          .section06 #mainColumn.subMyCourse table .unCheck { background: #f8f7f0;}
          .section06 #mainColumn.subMyCourse table .check { background: #edead9 }
					.section06 #mainColumn.subMyCourse table .totalUncheck { background: #d4d0be;}
          .section06 #mainColumn.subMyCourse table .totalCheck { background: #d4d0be; }
          .section06 #mainColumn.subMyCourse table .today { background: #e6e2cf; color: #f77443; }      
          .section06 #mainColumn.subMyCourse table a { color: #7d6e57; }
          .section06 #mainColumn.subMyCourse table .today a { color: #f77443; }
        /* End : MyCourse-MyPoint */

        /* Begin : MyCourse-RuleModify */
        .section06 #mainColumn.subMyCourse fieldset.ruleList {
        padding: 10px;
        border-top: #d6d2bd solid 1px;
        border-bottom: #d6d2bd solid 1px;
        background: #dff2ff;
        }
          .section06 #mainColumn.subMyCourse ol.ruleMy { float: left; width: 100%; color: #604b2d; }
          .section06 #mainColumn.subMyCourse ol.ruleMy li{ position:relative; clear: both; margin: 0 0 0 22px; padding: 3px 0;}
          .section06 #mainColumn.subMyCourse ol.ruleMy li span.editing{ position:absolute; right:0; top: 0;}
          .section06 #mainColumn.subMyCourse input.diaryWrite{ float: left; margin: 20px 0 20px 0;}
          .section06 #mainColumn.subMyCourse input.checkSave02{ float: right; margin: 20px 0 20px 0;}
        /* End : MyCourse-RuleModify */

        /* Begin : MyCourse-Ending */
        .section06 fieldset#ending { clear:both; padding: 15px 0 0 0; border-top: #dfdbd5 solid 1px; }
        .section06 fieldset#ending strong{ color: #604b2d; }
        .section06 fieldset#ending input{ clear: both;  margin: 10px 0 0 0;}
        /* End : MyCourse-Ending */

        /* Begin : MyCourse-Apply */
        #apply { clear:both; margin: 0 0 10px 0; padding: 30px 0; border-top: #dfdbd5 solid 1px; border-bottom: #dfdbd5 solid 1px;}
        #apply input{ clear: both; }
        /* End : MyCourse-Apply */

        /* Begin : MyCourse-GoalReady */
        .section06 fieldset.goalReady { position:relative; clear:both; margin: 0 0 20px 0; background: #dff2ff; }
          .section06 fieldset.goalReady p { padding: 8px 13px 8px 13px; border: #d6d2bd solid 1px; background: #dff2ff; color: #604b2d; }
          .section06 fieldset.goalReady p.odd { background: #e2dfcd; }
          .section06 fieldset.goalReady p.even { background: #e2dfcd; }
          .section06 fieldset.goalReady p label { margin-right: 10px; font-weight: bold; }
          .section06 fieldset.goalReady a { color: #604b2d; }
          .section06 fieldset.goalReady a:hover { color: #f04505; }
          .section06 fieldset.goalReady a.reward { position:absolute; right: 7px; top: 6px; }
        /* End : MyCourse-GoalBeReady */

        /* Begin : MyCourse-GoalBefore */
        .section06 fieldset.goalBefore { position:relative; clear:both; margin: 0 0 20px 0; background: #dff2ff; }
          .section06 fieldset.goalBefore p { padding: 8px 13px 8px 13px; border: #d6d2bd solid 1px; background: #dff2ff; color: #604b2d; }
          .section06 fieldset.goalBefore p.odd { background: #dff2ff; }
          .section06 fieldset.goalBefore p.even { background: #ecf7ff; }
          .section06 fieldset.goalBefore p label { margin-right: 10px; font-weight: bold; }
          .section06 fieldset.goalBefore a { color: #604b2d; }
          .section06 fieldset.goalBefore a:hover { color: #f04505; }
          .section06 fieldset.goalBefore a.reward { position:absolute; right: 7px; top: 6px; }
        /* End : MyCourse-GoalBefore */

        /* Begin : MyDiary-List */
        .section06 fieldset#diaryList { clear: both; width: 100%; color: #604b2d; }
          .section06 fieldset#diaryList table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
            border-bottom: #d6d2bd solid 1px; /*IE*/
            }
          .section06 fieldset#diaryList table colgroup col#date { width: 12%; }
          .section06 fieldset#diaryList table colgroup col#content { width: 79%; }
          .section06 fieldset#diaryList table colgroup col#edit { width: 9%; }
          .section06 fieldset#diaryList table thead{ background: #dff2ff; }
          .section06 fieldset#diaryList table th{ padding: 6px; border-top: #d6d2bd solid 1px; }
          .section06 fieldset#diaryList table tr.title { background: #ecf7ff; }
          .section06 fieldset#diaryList table tr.title td{ border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px; }
          .section06 fieldset#diaryList table tr.view { background: #fff; border-bottom: #d6d2bd solid 1px; }
          .section06 fieldset#diaryList table tr.no { border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px;  background: #eee; }
          .section06 fieldset#diaryList table tr td { padding: 6px; }
          .section06 fieldset#diaryList table tr td.detail { text-align: left; }
          .section06 fieldset#diaryList table tr.view td.detail { padding: 15px 6px; }
          .section06 fieldset#diaryList table span.open { padding: 5px 0 5px 20px; background: url(/Img/iconLockOpen.gif) no-repeat left 20%; font-weight: bold; }
          .section06 fieldset#diaryList table span.close { padding: 5px 0 5px 20px;  background: url(/Img/iconLockClose.gif) no-repeat left 20%; font-weight: bold;}
          .section06 fieldset#diaryList table span.noWrite { padding: 5px 0 5px 20px; background: url(/Img/iconAttention.gif) no-repeat left 40%; color: #fc6f01; font-weight: bold; }
          .section06 fieldset#diaryList table ol.reply { margin: 10px 0 0 0; list-style: none; font-size: 11px; color: #2c6891; }
          .section06 fieldset#diaryList table ol.reply li span.name { margin: 0 15px 0 0; }
          .section06 fieldset#diaryList table a.modify { float:left;}
          .section06 fieldset#diaryList table a.delete { float:left;}
          .section06 fieldset#diaryList table .hline01 { float:left; }
          .section06 fieldset#diaryList table span.quick { margin: 10px 0 0 0; display: block; }
          .section06 fieldset#diaryList table span.quick a{ color: #f77a4a; text-decoration:underline; }
          .section06 fieldset.diaryListButton { margin: 10px 0; }
          .section06 fieldset.diaryListButton a.openDiary { display: block;  float: left;}
          .section06 fieldset.diaryListButton a.diaryWrite { display: block; float: right;}
        /* End : MyDiary-List */
        /*## ⓒEnd : MyPageⓒ ##*/





        /*## ⓒBegin : Applyⓒ ##*/
        .section07 p.guide01 { margin: 5px 0 10px 10px; }
        .section07 p.guide01 strong { color: #fa6a14; font-weight: normal; }
        .section07 fieldset.applyItemWrite { float:left; width: 98%; margin: 0 0 20px 10px; background: #e2dfcd; color: #604b2d; }
        .section07 fieldset.applyItemWrite p { padding: 10px 0 10px 13px; border: #d6d2bd solid 1px; }
        .section07 fieldset.applyItemWrite p label { float:left; width:92px; font-weight: bold; }
        .section07 fieldset.applyItemWrite p label span.essential { color: #fa6a14; font-weight:normal; }
        .section07 fieldset.applyItemWrite ol { padding: 10px 0 10px 13px; border: #d6d2bd solid 1px; }
        .section07 fieldset.applyItemWrite ol li { margin: 0 0 0 20px; padding: 2px 0 2px 0; }
        .section07 fieldset.applyItemWrite ol li input{ vertical-align: middle; }
        .section07 fieldset.applyItemWrite ol li span.guideText { margin: 0 0 0 10px; font-size: 11px;}
        .section07 fieldset.applyItemWrite select{ font-size:12px; font-family:굴림, 굴림체; color:#604b2d; }

        .section07 fieldset#memberData { float:left; width: 98%; margin: 0 0 20px 10px; padding: 10px 0; border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px; background: #dff2ff; color: #604b2d; }
        .section07 fieldset#memberData p { padding: 4px 0px 4px 13px; }
        .section07 fieldset#memberData p label { float:left; width:92px; font-weight: normal; }
        .section07 fieldset#memberData p label span.essential { color: #fa6a14; font-weight: normal; }
        .section07 fieldset#memberData input{ padding: 0 0 0 5px; vertical-align: middle; font-size:12px; font-family:굴림, 굴림체; color:#604b2d; }

        .section07 fieldset#settlementInfo { clear: both; width: 98%; margin: 0 0 0 10px; color: #604b2d; }
        .section07 fieldset#settlementInfo table { width: 100%; border-collapse: collapse; background: #ecf7ff; text-align: center; }
        .section07 fieldset#settlementInfo table col#itemA { width: 16%; }
        .section07 fieldset#settlementInfo table col#itemB { width: 16%; }
        .section07 fieldset#settlementInfo table col#itemC { width: 45%; }
        .section07 fieldset#settlementInfo table col#itemD { width: 23%; }
        .section07 fieldset#settlementInfo table thead{ background: #dff2ff; }
        .section07 fieldset#settlementInfo table th{ padding: 8px; border-top: #d6d2bd solid 1px; }
        .section07 fieldset#settlementInfo table td { padding: 8px; border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px;}
        /* .section07 fieldset#settlementInfo table td.info { text-align: left; } */

        .section07 fieldset#ErrorInfo { clear: both; width: 98%; margin: 0 0 0 10px; color: #604b2d; }
        .section07 fieldset#ErrorInfo table { width: 100%; border-collapse: collapse; background: #ecf7ff; text-align: center; }
        .section07 fieldset#ErrorInfo table col#itemCode { width: 20%; }
        .section07 fieldset#ErrorInfo table col#itemMessage { width: 80%; }
        .section07 fieldset#ErrorInfo table thead{ background: #dff2ff; }
        .section07 fieldset#ErrorInfo table th{ padding: 8px; border-top: #d6d2bd solid 1px; }
        .section07 fieldset#ErrorInfo table td { padding: 8px; border-top: #d6d2bd solid 1px; border-bottom: #d6d2bd solid 1px;}
        /*## ⓒEnd : Applyⓒ ##*/




        
        /*## ⓒBegin : Endingⓒ ##*/
        /* Begin : CourseEnd */
        .section07 fieldset#courseEnd { margin: 0 0 10px 0; padding:50px 80px; border: #dff2ff solid 7px; text-align: center; }
        .section07 fieldset#courseEnd .tagline { color:#031d4e; font-family:바탕, 바탕체; font-size:14px; }
        .section07 fieldset#courseEnd .id { color:#031d4e; font-family:바탕, 바탕체; font-size:24px; }
        .section07 fieldset#courseEnd p { font-size:14px; text-align: left;  text-align: center; }
        .section07 fieldset#courseEnd p strong{ color:#031d4e; }
        /* End: CourseEnd */

        /* Begin : CourseRe */
        .section07 fieldset#courseRe { margin: 0 0 10px 0; background: url(/Img/Content/teacherLeeIllust02.jpg) no-repeat 350px 76px;}
        .section07 fieldset#courseRe .tagline { color:#031d4e; font-family:바탕, 바탕체; font-size:14px; }
        .section07 fieldset#courseRe .id { color:#031d4e; font-family:바탕, 바탕체; font-size:24px; }
        .section07 fieldset#courseRe .message01 { margin: 30px 0 0 30px; line-height: 24px; }
        .section07 fieldset#courseRe .message02 { margin: 30px 0 0 30px; line-height: 24px; display :none; }
        .section07 fieldset#courseRe .message01 p.zone01 { width: 300px; font-size:14px;}
        .section07 fieldset#courseRe .message02 p.zone01 { width: 300px; font-size:14px;}
        .section07 fieldset#courseRe .message02 p.zone02 { margin: 0 28px 0 0; font-size:14px;}
        .section07 fieldset#courseRe .message01 p strong{ color:#031d4e; }
        .section07 fieldset#courseRe .message02 p strong{ color:#031d4e; }
        .section07 fieldset#courseRe fieldset.sendButton { margin: 38px 0 0 0; padding: 27px 0;background: #f5f5f5; border-top: #dbdbdb solid 1px; border-bottom: #dbdbdb solid 1px; text-align:center; color:#090300; font-family:바탕, 바탕체; font-size:14px; }
        .section07 fieldset#courseRe fieldset.sendButton strong{ display: block; height: 4px;}
        /* End : CourseRe */
        
        /* Begin : Reward */
			  span.topNum { position: absolute; left: 84px; top: 58px; font-weight: bold; color: Black; }
			  span.introduce { position: absolute; left: 84px; top: 222px; font-weight: bold; line-height: 0; }
			  span.introduce ul { line-height: 2; list-style: none; font-size: 13px; color: Black; }
			  span.period { position: absolute; left: 238px; top: 542px; font-weight: bold; color: Black; font-size: 13px; }       
        /* End : Reward */
        /*## ⓒEnd : Endingⓒ ##*/          
      /*######## End : MainColumn ########*/










      /*######## Begin : SideColumn ########*/ 
        /*## Begin : BrainDeclare ##*/
        #sidecolumn .brainDeclare {
        display: block;
        margin: 0 0 14px 0;
        width: 187px;
        height: 137px;
        background: url(/Img/bannerBrainDeclare.jpg) no-repeat left top;
        }
        /*## End : BrainDeclare ##*/





        /*## Begin : OpenDiary ##*/
        #sidecolumn h3.openDiary {
        padding: 2px 0 2px 25px;
        background: url(/Img/iconRss.gif) no-repeat left top;
        color: #3e3f38;
        font-size: 12px;
        }
        #sidecolumn ul.openDiary {
        margin: 7px 0 19px 0;
        padding: 0 9px;
        list-style: none;
        color: #929389;
        background: #f9f9f9;
        border-top: #e0e0e0 solid 1px;
        border-bottom: #e0e0e0 solid 1px;
        font-family: 굴림, 굴림체;
        line-height:18px;
        }
        #sidecolumn ul.openDiary li {
        list-style: none;
        }
        #sidecolumn ul.openDiary li.list {
        padding: 10px 0px;
        border-bottom: #ececec solid 1px;
        }
        #sidecolumn ul.openDiary li.list .title{
        padding: 0 0 0 10px;
        color: #5b5f68;
        background: url(/Img/bulletDot02.gif) no-repeat left 50%;
        }
        #sidecolumn ul.openDiary li.list .content{
        display: block;
        padding: 0 0 0 10px;
        width: 153px;
        cursor: pointer;
        }
        #sidecolumn ul.openDiary a{ color: #929389; }
        #sidecolumn ul.openDiary a:hover{ text-decoration: underline; }
        /*## End : OpenDiary ##*/





        /*## Begin : DiaryWrite ##*/
        #sidecolumn .diaryWrite {
        display: block;
        width: 187px;
        height: 50px;
        margin: 0 0 17px 0;
        background: url(/Img/bannerMyDiary.gif) no-repeat left top;
        }
        /*## End : DiaryWrite ##*/





        /*## Begin : BosRanking ##*/
        #sidecolumn h3.bosRanking {
        padding: 2px 0 2px 25px;
        background: url(/Img/bulletArrow01.gif) no-repeat 1px 50%;
        color: #3e3f38;
        font-size: 12px;
        }
        #sidecolumn ol.bosRanking {
        height: 60px; /*FF*/
        margin: 7px 0 19px 0;
        padding: 11px 3px;
        list-style: none;
        color: #929389;
        border-top: #e0e0e0 solid 1px;
        border-bottom: #e0e0e0 solid 1px;
        }
        #sidecolumn ol.bosRanking li.list { clear: both; font-size: 11px;  padding: 2px 0;}
        #sidecolumn ol.bosRanking li.list .rank{
        float: left;
        font-weight: bold;
        padding: 0 0 0 21px;
        color: #5b5f68;
        }
        #sidecolumn ol.bosRanking li.list .rank01{ background: url(/Img/bulletRank01.gif) no-repeat left top; }
        #sidecolumn ol.bosRanking li.list .rank02{ background: url(/Img/bulletRank02.gif) no-repeat left top; }
        #sidecolumn ol.bosRanking li.list .rank03{ background: url(/Img/bulletRank03.gif) no-repeat left top; }
        #sidecolumn ol.bosRanking li.list .rank04{ background: url(/Img/bulletRank04.gif) no-repeat left top; }
        #sidecolumn ol.bosRanking li.list .rank05{ background: url(/Img/bulletRank05.gif) no-repeat left top; }
        #sidecolumn ol.bosRanking li.list .point{ float: right; padding: 0 0 0 10px; }
        #sidecolumn ol.bosRanking a{ color: #929389; }
        #sidecolumn ol.bosRanking a:hover{ text-decoration: underline; }
        /*## End : BosRanking ##*/
      /*######## End : SideColumn ########*/ 
    /*######## End : Column ########*/