@charset "utf-8";


/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#workWrap {position:relative; width:98%; margin:0 1% 1% 1%;}

/* 상단영역 */
#workTop {width:100%;}
#workTop .topArea {width:100%; overflow:hidden;}
#workTop .topArea dt {float:left; font-size:16px; font-weight:bold; color:#355b9c;}
#workTop .topArea dd {float:right; padding-top:15px;}
#workTop .depthArea {border:#2d4f89 2px solid; border-radius:5px; overflow:hidden;}
#workTop .depthArea li {float:left;}
#workTop .depthArea li a {display:block; padding:8px 15px 8px 15px; border-right:#dce4f0 1px solid; border-bottom:#dce4f0 1px solid; font-weight:bold; color:#436fae;}
#workTop .depthArea li a:hover {border-right:#b8d2e5 1px solid; border-bottom:#b8d2e5 1px solid; color:#2d4f89; background:#b8d2e5;}
#workTop .depthArea li a.on {border-right:#b8d2e5 1px solid; border-bottom:#b8d2e5 1px solid; color:#2d4f89; background:#b8d2e5;}

/* 탭리스트 */
#workTab {width:100%; margin-top:10px; overflow:hidden;}
#workTab dt {float:left; width:120px; margin-right:1px; padding:8px 35px 4px 10px; border:#48679a 1px solid; border-radius:5px 5px 0 0; color:#b5c5de; font-weight:bold; background:#466fad; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#workTab dt:hover {border:#355a9e 1px solid; color:#fff; background:url('../images/work/bg_tabList.gif') repeat-x;}
#workTab dt.on {border:#355a9e 1px solid; color:#fff; background:url('../images/work/bg_tabList.gif') repeat-x;}
#workTab dd {float:left; margin:8px 0 0 -28px;}

/* 본문영역 */
#workCtn {height:750px; padding:20px; border:#355a9e 3px solid; overflow:auto; overflow-x:hidden;}

/* 서브메뉴 버튼영역 */
#subMenu.workBtn span {display:inline-block; margin:0 2px 0 0; overflow:hidden;}
#subMenu.workBtn span a {display:block; box-sizing:border-box; color:#fff; padding:5px 20px; border-radius:30px; background:#466fad; font-weight:bold;}



/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.workTitle {padding:2px 0 15px 25px; font-size:16px; font-weight:bold; color:#074fa0; background:url('../images/work/title_icn01.gif') no-repeat;}
.workTitleSearch {width:100%; overflow:hidden;}
.workTitleSearch dt {float:left; padding:5px 0 0 25px; width:300px; font-size:16px; font-weight:bold; color:#074fa0; background:url('../images/work/title_icn01.gif') 0 3px no-repeat;}
.workTitleSearch dd {float:right; padding-bottom:10px;}

/* 좌우영역 */
.workCtnLR {width:100%; margin-bottom:20px; overflow:hidden;}
.workCtnLR .WCL {float:left; width:44%;}
.workCtnLR .WCR {float:right; width:55%;}

.workManLR {width:100%; margin-bottom:20px; overflow:hidden;}
.workManLR .WCL {float:left; width:34%;}
.workManLR .WCR {float:right; width:65%;}

/* 옵션영역 */
.workOptArea {width:100%; margin:15px 0 15px 0; overflow:hidden;}
.workOptArea dt {float:left; *width:80%;}
.workOptArea dt ul {width:100%; overflow:hidden;}
.workOptArea dt ul li {float:left; margin-right:3px;}
.workOptArea dd {float:right; *width:20%;}
.workOptArea dd ul {width:100%; overflow:hidden;}
.workOptArea dd ul li {float:left; margin-right:3px;}

/* 탭 - 컨텐츠 */
.workCtnTab {width:100%; overflow:hidden;}
.workCtnTab li {float:left;}
.workCtnTab li a {display:block; float:left; height:26px; padding:10px 15px 0 15px; margin:2px 2px 0 0; border:#bbb 1px solid; border-radius:2px; text-align:center; color:#727272; font-weight:bold;}
.workCtnTab li a:hover {height:26px; color:#fff; border:#cfdae0 1px solid; background:url('../images/work/bg_ctnTab.gif') repeat-x;}
.workCtnTab li a.on {height:26px; color:#fff; border:#cfdae0 1px solid; background:url('../images/work/bg_ctnTab.gif') repeat-x;}






/* 게시판  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 이벤트 - 설문 */
.work_surveyList {margin-top:20px; border-top:#838383 1px dashed; overflow:hidden;}
.work_surveyList table {width:100%; table-layout:fixed; margin-top:20px; border-top:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.work_surveyList table th {padding:8px 10px 7px 15px; background:#f0f3f5; color:#0b2e47; text-align:left; font-weight:bold; border-right:#e3e3e3 1px solid; border-bottom:1px solid #e3e3e3;}
.work_surveyList table td {padding:8px 10px 7px 15px; background:#fff; color:#0969b3; font-weight:bold; border-right:#e3e3e3 1px solid; border-bottom:1px solid #e3e3e3;}
.work_surveyList table td dl {width:100%; margin-top:10px; overflow:hidden;}
.work_surveyList table td dl dt {color:#0b2e47; font-weight:normal;}
.work_surveyList table td dl dt span {color:#e74c00; font-weight:bold;}
.work_surveyList table td dl dd {width:100%; margin:10px 0 20px 0; background:#f9f9f9;}
.work_surveyList table td dl dd p {height:20px; padding-left:20px; font-family:verdana; color:#2a5210; background:#70b445;}

/* 관리 - 선택영역 */
.work_manageSelect {padding:15px; border-left:#e3e3e3 1px solid; border-top:#838383 1px solid; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; overflow:auto;}
.work_manageSelect li {margin:0 0 5px 0;padding-left:17px; background:url('../images/btnIcn/icn_arr2.gif') 0 5px no-repeat;}
.work_manageSelect li a {display:block; padding:3px 0 3px 0; font-size:14px;}
.work_manageSelect li a:hover {background:#dce8ff;}
.work_manageSelect li a.on {background:#dce8ff;}

/* 관리 - 선택영역 */
.work_manageSelect2 {padding:15px; border-left:#e3e3e3 1px solid; border-top:#838383 1px solid; border-right:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; overflow:auto;}
.work_manageSelect2 li:after{content:'.';display:block;width:5px;height:5px;font-size:40px;position:absolute;left:0px;top:-12px;}
.work_manageSelect2 li {padding-left:17px;list-style-type:none;overflow:hidden;text-align:right;position:relative;}
.work_manageSelect2 li a {padding:3px 0 3px 0; font-size:14px;}
.work_manageSelect2 li a:hover {background:#dce8ff;}
.work_manageSelect2 li a.on {background:#dce8ff;}
.spanBg {background:url('../images/btnIcn/icn_dot1.gif') 0 5px no-repeat;}
.spanEd {background:url('../images/btnIcn/btn_edit.gif') 0 5px no-repeat;}
.spanRm {background:url('../images/btnIcn/btn_remove.gif') 0 5px no-repeat;}




/* 테이블 태두리 */
.border{border:1px solid #e3e3e3;}
ul.off{display:none;}
table.off{display:none;}
.table1{width:98.9% !important;}
.table2 thead{display:none;}
.scroll{overflow-y:auto;height:200px}
.scroll.off{height:00px}
.btn_openClose{width:100%;font-size:0;position:relative;height:22px;}
.btn_openClose:after{content:'▲';display:block;width:10px;height:10px;position:absolute;top:0;left:50%;font-size:16px;}
.btn_openClose.on:after{content:'▼';display:block;width:10px;height:10px;position:absolute;top:0;left:50%;font-size:16px;}



/* 통제리스트 관련 css  - Start */
.list_type3 > .inner{margin:0 0 15px ;height:230px;overflow:hidden;overflow-y:auto;}
.list_type3 ul:first-child{padding:30px 30px 0 30px;}
.list_type3 ul{padding:0 30px;}
.list_type3 li{margin:0 0 15px 0;position:relative;overflow:hidden;}
.list_type3 li > p{margin:0 0 10px 0;}
.list_type3 li > p span{display:block;margin:0 0 0 55px;}
.list_type3 .text{overflow:hidden;line-height:24px;}
.list_type3 b{float:left;margin:0 10px 0 0;color:#ff6f21;}
.list_type3 > .inner button{float:left;margin:0 10px 0 0;width:24px;height:24px;text-indent:-9999px;border:none;border:solid 1px #ddd;background:#fff url('/static_root/images/common/toggle2.gif') no-repeat left top;}
.list_type3 > .inner *[data-form="radio"]{display:inline-block;padding:2px 0 0 0;}
.list_type3 > .inner *[data-form="radio"] label:after{top:2px;}
.list_type3 button.close{background-position:left -25px;}
.list_type3 li.form1 > span label{margin:0;}
.list_type3 li.form1 > span label:after{display:none;}
.list_type3 li.form2 > button{display:none;}
.list_type3 li.view ul{display:none;}
.list_type3 li.form1 input{cursor:not-allowed;}
.list_type3 li.form3 > span label{margin:0;}
.list_type3 li.form3 > span label:after{visibility:hidden;}
.list_type3 li span.form4 > label:after{visibility:hidden;}
.list_type3 li.form3 > button{visibility:hidden;}
.level2 *[data-form="radio"]{width:90%;}
.level2 *[data-form="radio1"] span{width:80%;}
.level3 *[data-form="radio"]{width:89%;}
.level3 *[data-form="radio1"] span{width:80%;}
.level4 *[data-form="radio"]{width:87%;}
.level4 *[data-form="radio1"] span{width:79%;}
.level5 *[data-form="radio"] span{width:82%;}
.level5 *[data-form="radio1"] span{width:78%;}
/* 통제리스트 관련 css  - End */



/************************ 2015-10-12 s ************************/
.level1 p:first-child{padding-left:00px !important;}
.level2 p:first-child{padding-left:10px !important;}
.level3 p:first-child{padding-left:20px !important;}
.level4 p:first-child{padding-left:30px !important;}
.level5 p:first-child{padding-left:40px !important;}
.level6 p:first-child{padding-left:50px !important;}
.level7 p:first-child{padding-left:60px !important;}
.level8 p:first-child{padding-left:70px !important;}