@charset "utf-8";
@import "/css/basic.css";
@import "/css/board.css";

/* 전체_기본_공통적용*/
body.bk_line {background:url(/images/bk_line.png) left top;}
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}

#com_menu {width:1000px;position:relative; margin:0 auto;}/*상단메뉴로고부분*/

/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#com_menu .st_Nav {position:absolute;top:14px;right:0px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(/images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}



/* 접근성메뉴 style01*/
.global_menu1 {width:1000px; margin:0 auto; position:relative;}
.global_menu1 .com_top_m {position:absolute; right:0; top:15px;}
.global_menu1 .com_top_m li {margin-left:10px; float:left;}
.global_menu1 h1 {position:absolute; top:30px; left:20px;}
.global_menu1 .gnb {height:120px; margin-left:180px; min-width:900px;}
.global_menu1 .gnb:after {content:""; clear:both; display:block; *zoom:1;}
.global_menu1 .gnb dl {float:left; position:relative;  margin-left:55px; margin-top:55px; }
.global_menu1 .gnb dl dt a{font-size:16px; font-weight:600; color:#333;}
.global_menu1 .gnb dl dt a.on {color:#40b33a}
.global_menu1 .gnb dl dd {position:absolute; left:0;min-width:650px; text-align:left; top:40px;}
.global_menu1 .gnb dl dd a {display:inline-block; *zoom:1; *display:inline; margin:0px 7px; font-size:14px;}
.global_menu1 .gnb dl dd a.on {color:#40b33a; font-weight:bold;}
.global_menu1 .gnb dl dd a:hover {color:#40b33a; font-weight:bold;}
.global_menu1 .gnb dl.sub01 dd {}
.global_menu1 .gnb dl.sub02 dd {}
.global_menu1 .gnb dl.sub03 dd {}
.global_menu1 .gnb dl.sub04 dd {}
.global_menu1 .gnb dl.sub05 dd {}
.global_menu1 .gnb dl.sub06 dd {}
.global_menu1 .gnb dl.sub07 dd {left:-470px;}

/* 접근성메뉴 style02*/
.global_menu2 {width:1000px; margin:0 auto; position:relative;}
.global_menu2 .com_top_m {position:absolute; right:0; top:15px;}
.global_menu2 .com_top_m li {margin-left:10px; float:left;}
.global_menu2 h1 {position:absolute; top:30px; left:20px;}
.global_menu2 .gnb {height:120px; margin-left:180px; min-width:900px;}
.global_menu2 .gnb:after {content:""; clear:both; display:block; *zoom:1;}
.global_menu2 .gnb dl {float:left; position:relative;  margin-left:55px; margin-top:55px; }
.global_menu2 .gnb dl dt a{font-size:16px; font-weight:600; color:#333;}
.global_menu2 .gnb dl dt a.on {color:#40b33a}
.global_menu2 .gnb dl dd {position:absolute; left:0;width:140px; text-align:left; top:40px; border:1px solid #b4c4e2; background:#fff; padding:15px; z-index:100;}
.global_menu2 .gnb dl dd:after {content:"▲"; display:block; position:absolute; color:#b4c4e2; top:-11px; left:25px;}
.global_menu2 .gnb dl dd a {display:inline-block; *zoom:1; *display:inline; margin:0px 7px; font-size:14px; margin-bottom:10px;}
.global_menu2 .gnb dl dd a.on {color:#40b33a; font-weight:bold;}
.global_menu2 .gnb dl dd a:hover {color:#40b33a; font-weight:bold;}
.global_menu2 .gnb dl.sub01 dd {}
.global_menu2 .gnb dl.sub02 dd {}
.global_menu2 .gnb dl.sub03 dd {}
.global_menu2 .gnb dl.sub04 dd {}
.global_menu2 .gnb dl.sub05 dd {}
.global_menu2 .gnb dl.sub06 dd {}
.global_menu2 .gnb dl.sub07 dd {}


/* 접근성메뉴 style02*/
.global_menu3 {width:1000px; margin:0 auto; position:relative;}
.global_menu3 .com_top_m {position:absolute; right:0; top:15px;}
.global_menu3 .com_top_m li {margin-left:10px; float:left;}
.global_menu3 h1 {position:absolute; top:30px; left:20px;}
.global_menu3 .gnb {height:120px; margin-left:180px; min-width:900px;}
.global_menu3 .gnb:after {content:""; clear:both; display:block; *zoom:1;}
.global_menu3 .gnb dl {float:left; position:relative;  margin-left:55px; margin-top:55px; }
.global_menu3 .gnb dl dt a{font-size:16px; font-weight:600; color:#333;}
.global_menu3 .gnb dl dt a.on {color:#40b33a}
.global_menu3 .gnb dl dd {position:absolute; left:0;width:140px; text-align:left; top:40px; border:1px solid #b4c4e2; background:#fff; padding:15px; z-index:100;}
.global_menu3 .gnb dl dd:after {content:"▲"; display:block; position:absolute; color:#b4c4e2; top:-11px; left:25px;}
.global_menu3 .gnb dl dd a {display:inline-block; *zoom:1; *display:inline; margin:0px 7px; font-size:14px; margin-bottom:10px;}
.global_menu3 .gnb dl dd a.on {color:#40b33a; font-weight:bold;}
.global_menu3 .gnb dl dd a:hover {color:#40b33a; font-weight:bold;}
.global_menu3 .gnb dl.sub01 dd {}
.global_menu3 .gnb dl.sub02 dd {}
.global_menu3 .gnb dl.sub03 dd {}
.global_menu3 .gnb dl.sub04 dd {}
.global_menu3 .gnb dl.sub05 dd {}
.global_menu3 .gnb dl.sub06 dd {}
.global_menu3 .gnb dl.sub07 dd {}


/* 탭메뉴 */
/* images */
.listTab li a .button1{ background-image:url(/images/main_tt_01.gif); width:95px; height:22px;background-position:0 -22px;}
.listTab li a .button2{ background-image:url(/images/main_tt_01.gif); width:95px; height:22px;background-position:-90px 1px;}
.listTab.m1 .m1 a .button1{ background-image:url(/images/main_tt_01.gif); width:95px; height:22px;background-position:0 1px;}
.listTab.m2 .m2 a .button2{ background-image:url(/images/main_tt_01.gif); width:95px; height:22px;background-position:-90px -22px;}

/* Lined Tab */
.listTab{width:100%;}
.listTab ul{ position:relative; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:300px; position:absolute; top:40px; left:0; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;background:url(/images/main_news_dot.gif) no-repeat 6px 10px;padding-left:15px; line-height:24px;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:none;}
.listTab li li date,
.listTab li li .date{ position:absolute; top:0; right:0;}
.listTab li li.more{ position:absolute; top:-35px; right:0; border:0 !important; background:transparent;}

.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */
#main_visual {width:100%;background-color:#b4c4e2;}
#main_visual .visual{width:100%;margin:0 auto;height:380px;}

#main_contents {width:1000px;margin:0 auto; height:210px;padding-top:30px;padding-bottom:40px;border:5px solid #dcb997;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents .sec01 {float:left;width:330px;}
#main_contents .sec02 {float:left;text-align:left;width:340px;}
#main_contents .sec02 h2{padding-bottom:17px;}

#main_contents .sec03 {float:right;text-align:left;width:330px;}
#main_contents .sec03 h2{padding-bottom:17px;}

/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}


#footer {position:fixed;width:100%;font-size:11px; color:#9b9b9b;background:#ebebeb; bottom:0; z-index:9999;}
#footer .fContent {clear:both;margin:0px auto;text-align:left;height:40px;background:#ebebeb;}
#footer .fContent li{float:left; margin-top:13px; margin-left:20px;}


.sample {clear:both;}
.sample p {width:1000px; margin:0 auto; background:#dcb997;color:#000;border:5px solid #dcb997;padding:15px 0 15px 0;}
.sample p strong{font-size:16px; font-weight:bold;}


#footer a {color:#9e9e9e;}
#footer a:hover {color:#647ca5;font-size:11px;}


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(/images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(/images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:12px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {position:relative;}
#privacy p {font-size:12px; color:#999; font-weight:400; margin-top:20px; color:#fe0000;}
#privacy textarea {width:94%;height:600px;color:#666666; padding:15px 3%;line-height:19px;border:1px solid #ededed; background:#f9f9f9; }
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%;margin:0 auto;background-color:#b4c4e2;height:150px;}
#sub_visual .visual{width:1000px;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1000px;min-height:400px;content:"";}
#sub_wrap #left_menu {float:left; width:190px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:32px 0 10px 20px;text-align:left; font-size:24px; color:#000; font-weight:bold;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{padding-top:20px;padding-bottom:10px;}
#sub_wrap #left_menu li{width:auto; padding:10px 15px; text-align:left;font-weight:bold;border-bottom:1px solid #eee; }
#sub_wrap #left_menu li.on{background-color:#95aad0;border-bottom:0px;}
#sub_wrap #left_menu li.on a{color:#ffffff}

/*서브와꾸*/
#sub_wrap #sub_contents {float:right;width:100%;margin-bottom:50px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding-top:30px; padding-bottom:10px;text-align:left; font-size:18px; font-weight:bold; color:#000;}/*stt타이틀*/
h2.stt{margin-top:20px; margin-bottom:10px; padding-bottom:10px;text-align:left; font-size:18px; font-weight:bold; color:#000; position:relative; padding-left:10px;}
h2.stt:after {position:absolute; left:0; top:2px; width:3px; height:14px; background:#000; content:""; display:block;}
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:35px;background:url(/images/icon_home.gif) no-repeat 0px 2px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:11px; color:#919191;}
#sub_wrap #sub_contents .location b {color:#8fb1ef;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {text-align:center; padding-top:20px;padding-bottom:20px;line-height:18px;}/*내용*/


/*quick*/
#quick {background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; right:-90px; top:0px; width:70px; z-index:2; padding-top:50px;padding-bottom:50px;}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}


/*사이트맵*/
#sitemap {width:100%;}
.oneDepth {width:22%; float:left; padding-right:15px;margin-bottom:30px; min-height:210px;}
.oneDepth h5 {font-size:16px; font-weight:bold; text-align:center !important; color:#666; padding:6px 0 6px 0; border-bottom:2px solid #aaa;}

.twoDepth {font-size:12px; padding-top:5px;}
.twoDepth li {padding:5px 0 5px 0px; border-bottom:1px solid #dedede}


/*멤버*/

.btn_login {display:inline-block;border:1px solid #555; background:#888; color:#fff; font-weight:600; height:67px;  text-align:center; width:80px; line-height:67px;}
.btn_login_b01 {float:right; border:1px solid #aaa; padding:1px 5px; font-size:11px;background:#f5f5f5; color:#888; line-height:18px;}
.btn_join_next {font-size:13px; font-weight:bold; color:#000; padding:15px 20px; background:#f7f7f7; border:1px solid #ddd;}
.btn_join_cancel {font-size:13px; font-weight:bold; color:#777; padding:15px 20px; background:#f7f7f7; border:1px solid #ddd;}



/*프로젝트 관리 메인*/


/*프로젝트 박스*/
.proj_item {position:absolute;border:1px solid #dfdfdf;background:#ffffff; min-width:253px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

.maint { min-width:80px !important;}

.proj_item h3 {padding:7px 0; }

.proj_item h3.color0 {background:#333333;}
.proj_item h3.color1 {background:#37aab1;}
.proj_item h3.color2 {background:#ff6050;}
.proj_item h3.color3 {background:#333333;}
.proj_item h3.color4 {background:#729aff;}

.proj_item h3.colorM {background:#f4b200;}


.proj_item h3 a {color:#fff;}
.proj_item ul {clear:left;}
.item_tag {cursor:move}
.item_content {float:left;height:20px;line-height:20px;padding:0px 5px 0px 5px;  margin-top:5px; margin-left:12px;}
.item_content .per {background:#eee; width:220px; height:10px; overflow:hidden;}
.item_content .per i {float:left; width:10%;height:10px;}
.item_content .per i.b {background:#ffbc48;}
.item_user {height:20px; text-align:left; margin-left:15px; }
.item_user a {color:#666;}
.mem_on {font-size:12px; color:black; float:left; margin-right:4px; }
.mem_on a {color:#22467c; font-weight:bold;}
.tag {display:inline-block;border:1px solid #dfdfdf;padding:2px 5px 2px 5px;margin:2px 5px 0px 0px;}


/*오른쪽 담당자 메뉴*/
.mem_info {position:absolute;top:50px;right:0px;width:302px; height:2000px;z-index:99; border-left:1px solid #ddd; background:#fff;}

.mem_info ul.area {cursor:pointer; background:#eee; margin-bottom:1px;}
.mem_info ul.area:nth-child(2n) {background:#e6e6e6; }
.mem_info ul.area:hover {}

.mem_info ul.area div .title {text-align:left; font-weight:bold;}
.mem_info ul.area div .title a{display:inline-block; background:#f1f1f1; height:40px; line-height:40px; font-weight:bold;}


.mem_info ul.area:first-child div h3 a {height:45px; line-height:45px;}
.mem_info ul:after{clear:both; content:""; display:block;}
.mem_info ul.area div .inner {line-height:25px;}




/*프로젝트명 클릭시 박스 */
.info_table {display:none;position:absolute;top:0px;left:100%;width:600px;border:1px solid #dfdfdf;}
.btn-black {display:inline-block; background:#444; border:1px solid #000;  color:#fff !important; font-size:11px; width:50px; height:22px; line-height:22px;cursor:pointer }
.close_x {position:absolute; width:24px; height:24px;color:#fff !important; background:#000; right:15px; top:9px; line-height:23px;}
.close_x:hover {color:#fff !important;}
.td_left_num .tag {background:#f1f1f1; border:none !important}




.noteView {position:absolute;bottom:40px;left:10px;background:#efefef;border:1px solid #cfcfcf;
			width:400px;padding:10px;line-height:20px;display:none;z-index:9998;
			-webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}


.pName {float:left;display:block;width:60px;height:40px;line-height:40px;text-align:center; border-right:1px solid #fff;}

.pTot {float:left;display:block;width:35px;height:40px;line-height:40px;text-align:center;color:#222; border-right:1px solid #fff;}
.pIng {float:left;display:block;width:35px;height:40px;line-height:40px;text-align:center;color:#222; border-right:1px solid #fff;}
.pWait {float:left;display:block;width:35px;height:40px;line-height:40px;text-align:center;color:#222; border-right:1px solid #fff;}
.pStop {float:left;display:block;width:35px;height:40px;line-height:40px;text-align:center;color:#222; border-right:1px solid #fff;}
.pComp {float:left;display:block;width:35px;height:40px;line-height:40px;text-align:center;color:#222; border-right:1px solid #fff;}
.pDay {float:left;display:block;width:30px;height:40px;line-height:40px;text-align:center;background:#729aff;color:#000000; border-right:1px solid #fff;}
.pMaint {float:left;display:block;width:30px;height:40px;line-height:40px;text-align:center;background:#f4b200;color:#ffffff;}


.statDiv {float:left;display:inline-block;height:30px;line-height:30px;margin:8px 5px 10px 0px;background:#efefef;padding:0px 10px 0px 10px; min-width:40px;}

.statDiv span{color:#fff;}
.statDiv span.ing{background:#e254a8}
.statDiv span.wait{background:#8a8a8a}
.statDiv span.stop{background:#be0a0a}


#.proj_item h3.color0 {background:#333333;}
#.proj_item h3.color1 {background:#37aab1;}
#.proj_item h3.color2 {background:#ff6050;}
#.proj_item h3.color3 {background:#333333;}
#.proj_item h3.color4 {background:#729aff;}
#
#.proj_item h3.colorM {background:#f4b200;}


.color-type01 {background:#000;}/* 매출*/
.color-type02 {background:#37AAB1;}/*라온아이*/
.color-type03 {background:#FF6050;}/*웹스토어*/
.color-type04 {background:#F4B200;}/*유지보수*/
.color-type05 {background:#729AFF;}/*데일리*/
.color-type06 {background:#71c349;}/*진행*/
.color-type07 {background:#8a8a8a;}/*대기*/
.color-type08 {background:#be0a0a;}/*중단*/
.color-type09 {background:#243ebf;}/*완료*/

.under0 a{color:#8a8a8a}	/* 진행 */
.under1 a{color:#71c349}	/* 진행 */
.under2 a{color:#be0a0a}	/* 중단 */
.under5 a{color:#243ebf}	/* 완료 */

.stat_2 {border-left:10px solid #8a8a8a;} /*대기*/
.stat_3 {border-left:10px solid #be0a0a;} /*중단*/

.proj,.proj0 {background:#ffffff;}
.proj10 {background:#fff;}
.proj20 {background:#ffffff;}
.proj30 {background:#ffffff;}
.proj40 {background:#ffffff;}
.proj50 {background:#ffffff;}
.proj60 {background:#ffffff;}
.proj70 {background:#ffffff;}
.proj80 {background:#ffffff;}
.proj90 {background:#ffffff;}
.proj100 {background:#ffffff; }