@charset "utf-8";

body.bg_main{background:#f4f4f4;}
body.bg_main2{background:#fff;}
body.bg_main2 .container_wrap{padding:0 !important;}
.wrap.main .header_box{width:1000px;margin:0 auto;position:relative;}
.wrap.main .header_box .right{right:0;}

.img_opacity{
	opacity: 0.15;
	filter: alpha(opacity = 15); /* IE6,7 */
	-ms-filter: "alpha (opacity=15)"; /* IE8 */
	-moz-opacity: 0.15; /* Firefox 1.5 */
	-khtml-opacity: 0.15; /* Safari 1.x */
	zoom: 1; 
}

/* main */
.myAppWrap{position:relative;height:auto; z-index:800;margin:10px 0 0 0;padding:40px 0 40px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #838383;background:#f4f4f4;}
.myAppWrap .btn_set{display:block;position:absolute;top:-40px;right:-23px;}
/* btn_folder */
.btn_folder {margin-right:-4px;vertical-align:middle;display: inline-block;padding:0 4px 0 0;}
*:first-child+html .btn_folder {margin-right:-8px;}
.btn_folder * {vertical-align:middle;display: inline-block;height:22px !important;line-height:23px !important;font-size: 11px !important;padding: 0 4px 0 20px;color:#949494 !important;}
.btn_folder a:hover {text-decoration: none;color:#949494 !important;}
/* btn_folder_plus */
.btn_folder.plus {background: url(../img/main/btn_folderPlus.gif) no-repeat right top;}
.btn_folder.plus * {background: url(../img/main/btn_folderPlus.gif) no-repeat left top;}
/* btn_folder_minus */
.btn_folder.minus {background: url(../img/main/btn_folderMinus.gif) no-repeat right top;}
.btn_folder.minus * {background: url(../img/main/btn_folderMinus.gif) no-repeat left top;}
/* btn_appRefresh */
.btn_appRefresh {vertical-align:middle;display: inline-block;background: url(../img/main/btn_appRefresh.gif) no-repeat right top;padding:0 4px 0 0;}
.btn_appRefresh * {vertical-align:middle;display: inline-block;height:22px !important;line-height:23px !important;font-size: 11px !important;padding: 0 4px 0 20px;color:#949494 !important;background: url(../img/main/btn_appRefresh.gif) no-repeat left top;}
.btn_appRefresh a:hover {text-decoration: none;color:#949494 !important;}
/* btn_myappPlus */
.btn_myappPlus {position:absolute;bottom:0;left:50%;margin-left:-40px;vertical-align:middle;display: inline-block;background: url(../img/main/btn_myappPlus.gif) no-repeat right top;padding:0 4px 0 0;}
.btn_myappPlus * {vertical-align:middle;display: inline-block;height:25px !important;line-height:26px !important;font-size: 11px !important;padding: 0 20px 0 40px;color:#fff !important;background: url(../img/main/btn_myappPlus.gif) no-repeat left top;}
.btn_myappPlus a:hover {text-decoration: none;color:#fff !important;}
/* btn_myappMinus */
.btn_myappMinus {position:absolute;bottom:0;left:53%;margin-left:-40px;vertical-align:middle;display: inline-block;background: url(../img/main/btn_plus_2.gif) no-repeat right top;padding:0 4px 0 0;}
.btn_myappMinus * {vertical-align:middle;display: inline-block;height:25px !important;line-height:26px !important;font-size: 11px !important;padding: 0 20px 0 40px;color:#fff !important;background: url(../img/main/btn_plus_2.gif) no-repeat left top;}
.btn_myappMinus a:hover {text-decoration: none;color:#fff !important;}
/* btn_myappClose */
.btn_myappClose {position:absolute;top:0;left:50%;margin-left:-40px;vertical-align:middle;display: inline-block;background: url(../img/main/btn_myappClose.gif) no-repeat right top;padding:0 4px 0 0;}
.btn_myappClose * {vertical-align:middle;display: inline-block;height:25px !important;line-height:26px !important;font-size: 11px !important;padding: 0 25px 0 40px;color:#fff !important;background: url(../img/main/btn_myappClose.gif) no-repeat left top;}
.btn_myappClose a:hover {text-decoration: none;color:#fff !important;}

.myAppWrap .myAppbox{position:relative;margin:0 auto;width:940px;}
.myAppbox .app_view{float:none;clear:both;zoom:1;width:940px;margin:0 auto;}
.myAppbox .app_view:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.myAppbox .num1, .myAppbox .num2{display:block;position:absolute;top:-5px;right:-8px;height:24px;text-align:center;color:#fff;font-weight:bold;font-size:11px;line-height:23px;}
.myAppbox .num1{background:url(../img/main/bg_num1.png) no-repeat;width:22px;}
.myAppbox .num2{background:url(../img/main/bg_num2.png) no-repeat;width:30px;}
.myAppbox .icon_del{z-index:1000;cursor:pointer;display:block;position:absolute;top:5px;left:0px;width:24px;height:24px;background:url(../img/icon/icon_del.png) no-repeat;}
.myAppbox .icon_check{z-index:1000;cursor:pointer;display:block;position:absolute;top:-7px;left:-9px;width:24px;height:24px;background:url(../img/icon/icon_check.png) no-repeat;}

.myAppbox .app_view .app_box{position:relative;float:left;width:100px;height:120px;text-align:center;margin:0 28px 10px 28px;padding:10px 0 10px 0;}
.myAppbox .app_view .app_box a.appImg{z-index:200;display:block;position:relative;margin:0 auto;width:80px;height:80px;cursor:pointer;}
.myAppbox .app_view .app_box a.appImg.bgDrop{background:url(../img/main/bg_appDrop.gif) no-repeat;}
.myAppbox .app_view .app_box a.appImg img{width:80px;height:80px;}
.myAppbox .app_view .app_box .appTxt{display:block;margin:10px 0 0 0;font-size:11px;color:#666;text-align:center;line-height:14px;}
.myAppbox .app_view .app_box .appTxt input[type=text]{width:90%;border:1px solid #ccc;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.myAppbox .app_view .app_box .icon_groupApp{width:39px !important;height:39px !important;display:block;position:absolute;bottom:5px;right:5px;}

/* 마이폴더 */
.myfolder_wrap{
float:none;clear:both;
position:relative;
margin-bottom:10px;min-height:170px;
border:1px solid #e9e9e9;background:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.myfolder_wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.myfolder_wrap .app_view{background:#fff;margin:0 auto;width:850px;}
.myfolder_wrap .app_view.bgOn{width:850px;background:#fff url(../img/main/bg_myfolder.gif) no-repeat 45% 30px;}
.myfolder_wrap .myAppbox{position:relative;padding:20px 0 0 0;background:#fff;width:850px;}
.myfolder_wrap .myAppbox .app_box{width:100px;margin:0 20px 0 20px;}
.myAppbox .myfolder_tail{position:absolute;top:-12px;}

.notice_board{width:970px;margin:0 auto 50px auto;padding:30px 0 20px 0;clear:both;overflow:hidden;}
.notice_board .widget_wrap{float:left;margin:0 4px 10px 4px;border:1px solid #e7e7e7;}
.notice_board .widget{position:relative;}

.main_noticeTab{clear:both;overflow:hidden;width:290px;margin-bottom:20px;}
.main_noticeTab li{float:left;background:url(../img/bul/bul_1.gif) no-repeat 0 0;padding:0 10px;}
.main_noticeTab li:first-child{background:none;padding-left:0;}
.main_noticeTab li.last{float:right;background:none;}
.main_noticeTab li a{color:#acacac;cursor:pointer;letter-spacing:-1px;line-height:14px;height:14px;padding:1px 0 0 0;display:inline-block;}
.main_noticeTab li.on a{color:#555;cursor:default;font-weight:bold;}

.main_noticeCont{clear:both;overflow:hidden;width:290px;}
.main_noticeCont li{height:15px;margin-bottom:7px;}
.main_noticeCont li a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70%;width:auto;display:block;vertical-align:middle;float:left;color:#777;}
.main_noticeCont li img{display:block;float:left;vertical-align:middle;margin-left:6px;}
.main_noticeCont li span.date{display:block;vertical-align:middle;float:right;color:#999;width:20%;}

/* 마이앱담기 */
.myApp_bottle_wrap{position:absolute;top:0;left:0;z-index:1000;width:100%;min-height:900px !important;border-bottom:1px solid #e9e9e9; border-top:1px solid #838383;background:#f4f4f4;}
.myApp_bottle_wrap .myApp_bottle{position:relative;padding:60px 0 50px 0;}
.myApp_bottle_wrap .title{position:relative;width:860px;margin:0 auto;padding:0 0 25px 0;}
.myApp_bottle_wrap .title h2{font-size:16px;color:#444;margin:0 0 10px 0;}
.myApp_bottle_wrap .title h3{font-size:12px;color:#999;font-weight:normal;}
	/* btn_appSave */
	.btn_myappSave {position:absolute;top:17px;right:-10px;vertical-align:middle;display: inline-block;background: url(../img/main/btn_myappSave.gif) no-repeat right top;padding:0 4px 0 0;}
	.btn_myappSave * {vertical-align:middle;display: inline-block;height:25px !important;line-height:26px !important;font-size: 11px !important;padding: 0 3px 0 24px;color:#333 !important;background: url(../img/main/btn_myappSave.gif) no-repeat left top;}
	.btn_myappSave a:hover {text-decoration: none;color:#333 !important;}
/* useApp */
.myApp_bottle_wrap .useApp{border-bottom:1px solid #e2e2e2;width:920px;margin-bottom:30px;}
.myApp_bottle_wrap .useApp .icon_check{display:none;}
.myApp_bottle_wrap .useApp .app_box .appImg img{
	filter: alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}
/* 체크활성화 */
.myApp_bottle_wrap .useApp .app_box.on .icon_check{display:block;}
.myApp_bottle_wrap .useApp .app_box.on .appImg img{
	filter: alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}
/*adminApp*/
.myApp_bottle_wrap .adminApp{width:940px;}
	/* btn_myappStyle */
	.btn_myappStyle {vertical-align:middle;display: inline-block;background: url(../img/main/btn_myappStyle.gif) no-repeat left top;padding:0 0 0 2px;}
	.btn_myappStyle * {vertical-align:middle;display: inline-block;height:20px !important;line-height:21px !important;font-size: 11px !important;padding: 0 10px 0 8px;color:#555 !important;background: url(../img/main/btn_myappStyle.gif) no-repeat right top;}
	.btn_myappStyle a:hover {text-decoration: none;color:#555 !important;}
.myApp_bottle_wrap .adminApp .btn_myappStyle{margin-top:5px;}
.myApp_bottle_wrap .adminApp .app_box.approval .appImg img{
	filter: alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}
.myApp_bottle_wrap .adminApp .approval .btn_myappStyle *{color:blue !important;}
.myApp_bottle_wrap .adminApp .approval .btn_myappStyle a:hover{color:blue !important;}
.myApp_bottle_wrap .adminApp .refusal .btn_myappStyle *{color:red !important;}
.myApp_bottle_wrap .adminApp .refusal .btn_myappStyle a:hover{color:red !important;}
.myApp_bottle_wrap .adminApp .app_box.refusal .appImg img{
	filter: alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}


/*login*/
.bg_login{background:#fff url("../img/main/bg_login.png") repeat-x 0 60px;}
.indexWrap{position:relative;width:1000px;margin:0 auto;}
.indexWrap .indexHeader{position:relative;height:60px;}
.indexWrap .indexHeader h1 {position:absolute;top:17px;left:2px;width:155px;height:28px;}
.indexWrap .visualWrap{position:relative;background:url('../img/main/bg_visualWrap.png') no-repeat;min-height:380px;padding:0 0 0 260px;}
.visualWrap .login_box{position:absolute;top:0;left:15px;width:230px;}
.login_box p img{display:block;margin:0 0 8px 3px;}
.login_box .logininput_box{position:relative;margin:0 0 4px 0;clear:both;overflow:hidden;padding:40px 0 0 0;}
.logininput_box span{display:block;width:144px;height:26px;padding:6px 0 0 5px;margin:0 0 5px 0;background:url('../img/main/bg_loginInput.gif') no-repeat;}
.logininput_box span input[type=text], .logininput_box span input[type=password]{border:none;color:#fff;height:20px;line-height:20px;background:none;width:97%;}
.logininput_box a.btn_login{display:block;border:none;width:76px;height:71px;position:absolute;top:40px;right:0;}
.login_box .idsave_box{position:relative;clear:both;overflow:hidden;height:17px;padding:3px 0 0 0;margin:0 0 15px 0;color:#a9bed9;}
.login_box .idsave_box input[type=checkbox]{vertical-align:middle;}
.login_box .idsave_box label{color:#a9bed9;display:inline-block;font-size:11px;font-family:'돋움', Dotum;padding:2px 0 0 4px;vertical-align:middle;}
.login_box .idsave_box a{color:#a9bed9;font-size:11px;}
.login_box input.btn_memjoin{border:none;width:229px;height:38px;display:block;}
.login_box .agrement_wrap{color:#fff;text-align:center;padding:20px 0 0 0;}
.login_box .agrement_wrap strong{display:block;font-size:20px;}
.login_box .agrement_wrap p{color:#d9d9d9;margin:25px 0;}
.login_box .noticeBoard{position:absolute;top:255px;left:1px;width:230px;height:120px;}
.noticeBoard iframe .widget_noticeTab{border:1px solid #fff;}
.widget_noticeTab li{float:left;background:url(../img/bul/bul_1.gif) no-repeat 0 0;padding:0 10px;}
.widget_noticeTab li:first-child{background:none;padding-left:0;}
.widget_noticeTab li.last{float:right;background:none;}
.widget_noticeTab li a{color:#acacac;cursor:pointer;letter-spacing:-1px;line-height:14px;height:14px;padding:1px 0 0 0;display:inline-block;}
.widget_noticeTab li.on a{color:#555;cursor:default;font-weight:bold;}

.widget_noticeCont{clear:both;overflow:hidden;width:290px;}
.widget_noticeCont li{height:15px;margin-bottom:7px;}
.widget_noticeCont li a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70%;width:auto;display:block;vertical-align:middle;float:left;color:#777;}
.widget_noticeCont li img{display:block;float:left;vertical-align:middle;margin-left:6px;}
.widget_noticeCont li span.date{display:block;vertical-align:middle;float:right;color:#999;width:20%;}

/*.noticeBoard dl{}
.noticeBoard dl dt{margin:0 0 18px 0;}
.noticeBoard dl dd{background:url('../img/main/bul_1.gif') no-repeat 0 4px;height:14px;padding:0 0 5px 10px;}
.noticeBoard dl dd a{display:block;color:#9aa0a9;line-height:14px;}
.noticeBoard dl dd a span{line-height:14px;vertical-align:middle;display:inline-block;max-width:205px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.noticeBoard dl dd a img{line-height:14px;vertical-align:middle;display:inline-block;margin:-1px 0 0 0;}*/
.indexWrap .noticeWrap{position:relative;min-height:180px;margin:40px 0 0 0;}
.noticeWrap .main_img_wrap{width:329px;height:180px;position:relative;}
.noticeWrap .menu_box{position:absolute;top:0;left:329px;}
.noticeWrap .app_intro{border-left:1px solid #e8e8e8;position:absolute;top:0;right:0;width:450px;height:180px;padding:0 20px 0 30px;}
.noticeWrap .app_intro .title{font-weight:bold;color:#454545;}
.app_intro .relativeBox{position:relative;width:450px;height:140px;margin:12px 0 0 0;}
.app_intro .relativeBox a.rollLeft{z-index:500;width:28px;height:38px;display:block;position:absolute;top:50px;left:0;background:url(../img/main/btn_rollleft_on.png) no-repeat;}
.app_intro .relativeBox a.rollRight{z-index:500;width:28px;height:38px;display:block;position:absolute;top:50px;right:0;background:url(../img/main/btn_rollright_on.png) no-repeat;}
.app_intro .relativeBox a.rollLeft:hover{background:url(../img/main/btn_rollleft_on.png) no-repeat;}
.app_intro .relativeBox a.rollRight:hover{background:url(../img/main/btn_rollright_on.png) no-repeat;}
.app_intro .relativeBox ul{clear:both;overflow:hidden;width:100%;height:219px;}
.app_intro .relativeBox ul li{width:100%;height:140px;display:none;}
.app_intro .relativeBox ul li.on{display:block;}
.app_intro .relativeBox ul li a{display:block;width:100%;height:140px;}
.app_intro .relativeBox ul li a img{width:100%;height:140px;}
.indexFooter{position:relative;border-top:1px solid #ddd;margin:38px 0 0 0;}
.indexFooter .footer_box{position:relative;width:1000px;min-height:100px;padding:20px 0 0 0;margin:0 auto;}
.footer_box .left{position:absolute;top:10px;left:10px;}
.footer_box .left span{font-size:11px;color:#999;}
.footer_box .right{position:absolute;top:10px;right:20px;color:#999;font-size:11px;}
.footer_box .right a{color:#999;}
.footer_box .right em{font-style:normal;padding:0 4px;}

/* 업무접수알림(20130827) */
.alarm_wrap{position:relative;width:100%;padding:15px 0 20px 0;background:#fff;border-bottom:1px solid #d4d4d4;}
.alarm_wrap .alarm_layoutbox{position:relative;width:960px;height:auto;margin:0 auto;clear:both;overflow:hidden;}
.alarm_wrap .alarm_layoutbox .alarm_wrap_close{display:block;cursor:pointer;position:absolute;top:0;right:0;}
.alarm_wrap .alarm_layoutbox .alarm_list{float:left;width:50%;}
.alarm_wrap .alarm_layoutbox .alarm_list > h2{height:13px;padding:3px 0 16px 25px;font-size:12px;color:#444;background:url(../img/icon/icon_alarm.gif) no-repeat 0 0;}
.alarm_wrap .alarm_layoutbox .alarm_list li{height:22px;background:url(../img/bul/bul_5.gif) no-repeat 8px 5px;padding:0 0 0 18px;}
.alarm_wrap .alarm_layoutbox .alarm_list li .txt_r{color:#ff6666 !important;}
.alarm_wrap .alarm_layoutbox .alarm_list li > a{display:inline-block;color:#666;line-height:14px;}
.alarm_wrap .alarm_layoutbox .alarm_list li > img{display:none;cursor:pointer;line-height:14px;margin-left:5px;}
.alarm_wrap .alarm_layoutbox .alarm_list li:hover > img{display:inline-block;}
.alarm_wrap .alarm_layoutbox .alarm_bnbox{float:right;width:50%;}
.alarm_wrap .alarm_layoutbox .alarm_bnbox > a{display:block;cursor:pointer;margin:40px 0 0 0;}


/* 위젯영역 버튼 (20130913) */
.bannerWrap {border:1px solid #d4d5d6; width:308px;}
.bannerWrap a {
    display:block;
    border-top:1px solid #dedede;
    background: url('../img/bg/bg_bannerWrap.gif') no-repeat 90% 50%;
    font-size:0; line-height:0;
}
.bannerWrap a:first-child {border:0;}
.bannerWrap .bn-row3 a {padding:8px 0 8px 29px;}
.bannerWrap .bn-row2 a {padding:23px 0 23px 29px;}
.bannerWrap .bn-row1 a {padding:65px 0 65px 29px;}
.bannerWrap a img {border:0;}

/* 메인 앱 없을 때 (20130913) */
.useapp_none_Wrap {
    background-color:#f4f4f4;
    text-align:center;
    font-size:12px; line-height:18px; color:#666;
    font-family:Dotum;
}
.useapp_none_Wrap .useapp_noneCont {
    padding-top:66px;
    background: url('../img/bg/bg_useapp_noneCont.gif') no-repeat 50% 0;
}
.useapp_none_Wrap .useapp_noneCont p {margin:0; padding:0;}
.useapp_none_Wrap .useapp_noneCont p.topTxt {
    margin-bottom:5px;
    font-size:16px; font-weight:bold;
    color:#333;
}

/*login*/
.we_login_box{height:auto;position:relative;}
.we_login_box .close_btn{display:block;position:absolute;top:0;left:650px;z-index:999;}
.we_login{height:auto;padding:0;position:relative;position:relative;}
.we_login .box{width:415px;height:170px;padding-top:70px;padding-left:270px;background:#fff url("../img/main/bg_login.jpg") no-repeat;position:relative;}
.we_login .box p{text-align:left;font-weight:normal;color:#979797;height:38px;}
.we_login .box p span{display:inline-block;width:67px;}
.we_login .box p input.text{width:168px;height:24px;padding:4px 10px;background:#f4f5f6;border:1px solid #dfe0e2;color:#888;}
.we_login .box .login{position:absolute;top:70px;right:70px;}
.we_login .box .etc{padding-top:10px;padding-left:70px;font-size:11px;}
.we_login .box .etc a{font-size:11px;color:#777777;}
.we_login .box .etc a.ip{font-weight:bold;}
.we_login .box .etc span{padding:0 10px;color:#cdcdcd;}
.we_login .box .etc label{font-size:11px;color:#777777;padding-left:5px;}
/*
.we_login .etc_box{width:100px;height:100px;border:1px solid red;position:absolute;top:150px;left:300px;}
*/

/* wemanager(20131025) */
.wemanager_wrap{position:absolute;top:60px;left:0;width:100%;min-height:600px;background:#fff;}
.wemanager_wrap .mng_info{text-align:center;color:#555;font-size:14px;font-weight:bold;margin:30px 0 80px 0;}
.wemanager_wrap .mng_tab{width:700px;margin:0 auto;position:relative;}
.wemanager_wrap .mng_tab ul{clear:both;overflow:hidden;}
.wemanager_wrap .mng_tab ul li{float:left;width:200px;margin:0 15px;background:url(../img/bg/img_tab_off.jpg) no-repeat;}
.wemanager_wrap .mng_tab ul li:hover{background:url(../img/bg/img_tab_on.jpg) no-repeat;}
.wemanager_wrap .mng_tab ul li.tab1 a{background:url(../img/bg/icon_mng_tab1.png) no-repeat 45px 42px;}
.wemanager_wrap .mng_tab ul li.tab2 a{background:url(../img/bg/icon_mng_tab2.png) no-repeat 42px 38px;}
.wemanager_wrap .mng_tab ul li.tab3 a{background:url(../img/bg/icon_mng_tab3.png) no-repeat 46px 36px;}
.wemanager_wrap .mng_tab ul li.tab4 a{background:url(../img/bg/icon_mng_tab4.png) no-repeat 41px 36px;}
.wemanager_wrap .mng_tab ul li a{display:block;width:130px;height:54px;padding:96px 0 0 0;text-align:center;cursor:pointer;}
.wemanager_wrap .mng_tab ul li a p{font-size:11px;color:#fff;}
.wemanager_wrap .mng_tab ul li .mng{display:none;position:absolute;top:190px;left:-120px;color:#555;width:750px;text-align:center;}