﻿@charset "utf-8";

@import url('reset.css');
@import url('popup.css');

/* layout */
/*body {background:url(/images/intranet/common/bg_side.gif) repeat-y 0 0}*/
#wrap {min-width:1213px}
#container {*zoom:1;width:1600px;}
#container:after {display:block;content:".";clear:both;width:0;height:0;font-size:0}
#container .aside {float:left;width:208px}
#container .content {float:left;width:1600px;margin-left:35px}
#container .aside .login_user {padding-top:91px;background:url(/images/intranet/common/icon_user.gif) no-repeat center 19px;text-align:center;color:#ffffff;}
#container .aside .login_user .btn {margin-top:11px}
#container .aside .login_user .btn button, #container .aside .login_user .btn a , .header_button {
	display:inline-block;height:20px;padding:0 5px;overflow:visible;
	border-left:1px solid #206d9d;border-top:1px solid #2580ba;border-right:1px solid #18537a;border-bottom:1px solid #18537a;
	background: #1d6796; /* Old browsers */
	background: -moz-linear-gradient(top,  #1d6796 0%, #1d6594 50%, #1a5e89 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d6796), color-stop(50%,#1d6594), color-stop(100%,#1a5e89)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1d6796 0%,#1d6594 50%,#1a5e89 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1d6796 0%,#1d6594 50%,#1a5e89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1d6796 0%,#1d6594 50%,#1a5e89 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1d6796 0%,#1d6594 50%,#1a5e89 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6796', endColorstr='#1a5e89',GradientType=0 ); /* IE6-9 */
	vertical-align:middle;font-size:11px;color:#ffffff
}
#container .aside .login_user .btn a {padding:0 7px;line-height:20px}
#container .aside .login_user .btn button {height:22px}
#container .aside .lnb {margin-top:21px;background:url(/images/intranet/common/bg_line02.gif) repeat-x 0 0}
#container .aside .lnb h2 {padding:19px 0 19px 52px;font-size:18px}
#container .aside .lnb h2 a {color:#ffffff}
#container .aside .lnb ul {background:url(/images/intranet/common/bg_line03.gif) repeat-x 0 top}
#container .aside .lnb li {background:url(/images/intranet/common/bg_line03.gif) repeat-x 0 bottom}
#container .aside .lnb ul li a {display:block;padding:10px 0 10px 52px;background:url(/images/intranet/common/bg_bullet.png) no-repeat 40px 18px;color:#ffffff}
#container .aside .lnb ul li a:hover, #container .aside .lnb ul li a.on {background-color:#1a5982}
#container .aside .ic01 {background:url(/images/intranet/sub/icon_lnb01.gif) no-repeat 33px 20px}
/*#container .content .top {width:100%;margin-bottom:32px;padding:52px 0 9px;border-bottom:3px solid #4f677e;overflow:hidden}*/
#container .content .top {width:100%;padding:22px 0 9px;border-bottom:3px solid #4f677e;overflow:hidden}
#container .content .top p {float:right;margin-top:13px;font-size:11px;color:#888888}
#container .content .top p img {vertical-align:middle}
#container .content .top h2 {float:left;font-family:ngb;font-size:24px;color:#34495e}

#container .content .title {width:100%;padding:22px 0 9px;overflow:hidden}
#container .content .title p {float:right;margin-top:13px;font-size:11px;color:#888888}
#container .content .title p img {vertical-align:middle}
#container .content .title h2 {float:left;font-family:ngb;font-size:20px;color:#34495e}

#container .content strong.em {display:block;margin-bottom:5px;font-weight:normal;font-family:ngb}

/* global */
#header {background-color:#34495e;position:relative; z-index: 1;}
#header {*zoom:1}
#header:after {display:block;content:".";clear:both;width:0;height:0;font-size:0}

.login_user {float:left;width:209px;padding:15px 0;background:url(/images/intranet/common/bg_line.gif) no-repeat right 0 #223140;text-align:center;font-family:ngb;color:white;}
.login_user1 {float:left;width:209px;padding:25px 0;background:url(/images/intranet/common/bg_line.gif) no-repeat right 0 #223140;text-align:center;font-family:ngb;font-size:24px;color:#ffffff}

#header ul {float:left}
#header ul .mn {float:left;width:87px;height:80px;background:url(/images/intranet/common/bg_gnb_line.gif) no-repeat right 0}
#header ul .mn:hover {background-color:#273849}
#header ul li .mn01, #header ul li .mn02, #header ul li .mn03, #header ul li .mn04 {display:block;height:33px;padding-top:47px;text-align:center;color:#ffffff}
#header ul li:hover div {display:block}
#header ul .mn01 {background:url(/images/intranet/common/icon_sub01.png) no-repeat center 12px}
#header ul .mn02 {background:url(/images/intranet/common/icon_sub02.png) no-repeat center 12px}
#header ul .mn03 {background:url(/images/intranet/common/icon_sub03.png) no-repeat center 12px}
#header ul .mn04 {background:url(/images/intranet/common/icon_sub04.png) no-repeat center 12px}
#header ul div {display:none;position:absolute;left:-2px;top:73px;top:74px\9;padding-top:7px;border-bottom:1px solid #ededed;background:url(/images/intranet/common/icon_arrow.png) no-repeat 0 0; z-index: 10;}
#header ul li .s_mn01 {left:223px;background-position:40px 0}
#header ul li .s_mn02 {left:342.5px;background-position:40px 0}
#header ul li .s_mn03 {left:464.5px;background-position:40px 0}
#header ul li .s_mn04 {left:585.5px;background-position:40px 0}
#header ul li .s_mn05 {left:700.5px;background-position:40px 0}
#header ul li .s_mn06 {left:820.5px;background-position:40px 0}
#header ul li .s_mn07 {left:940.5px;background-position:40px 0}
#header ul li .s_mn08 {left:1010.5px;background-position:93px 0}
#header ul li .s_mn09 {left:1130.5px;background-position:93px 0}
#header ul li .s_mn10 {left:1338.5px;background-position:125px 0}
#header ul li .s_mn13 {left:1250.5px;background-position:40px 0}


#header ul ul {padding:6px 0 6px 20px;border-right:1px solid #c5cbd1;border-bottom:1px solid #c5cbd1;border-left:1px solid #c5cbd1;background-color:#eff2f4}
#header ul li li { margin-right: 20px; line-height: 25px; }
#header ul li li a {padding-left:4px;background:url(/images/intranet/common/bg_gnb_bullet.gif) no-repeat 0 6px;font-size:11px;color:#34495e}
#header ul li li a:hover {text-decoration:underline}
#header ul li a.on {background-color:#273849;margin-left:-1px}
#header p {float:right;padding:26px 38px 0 0}


/* 로그인 */
.bg {background-color:#ecf0f4;background-image:none}
.login {position:absolute;left:50%;top:50%;width:645px;margin:-201px 0 0 -322px}
.login h1 {margin-bottom:27px}
.login fieldset {padding:100px 0 75px;border:1px solid #c3c9ce;background:url(/images/intranet/login/bg_login.gif) repeat-x 0 0 #ffffff}
.login .inner {position:relative;width:384px;margin:0 auto}
.login label {display:inline-block;width:67px;vertical-align:middle;font-family:ngb;font-size:15px;color:#546474}
.login input[type=text], .login input[type=password] {width:199px;height:34px;padding-left:5px;border:1px solid #d2d7db;background-color:#f3f4f5}
.login button {position:absolute;right:0;top:0;width:104px;height:80px;background:url(/images/intranet/login/btn_login.gif) no-repeat 0 0}
.login a {position:absolute;right:0;top:0;width:104px;height:80px;background:url(/images/intranet/login/btn_login.gif) no-repeat 0 0}
.login .f {margin-bottom:8px}
.login .id {padding:10px 0 0 70px}
.login .id label {width:auto;color:#8b8b8b}
.login .ci {padding-top:8px;text-align:right}

/* 게시판, 검색, 페이징 */
.search fieldset {float:right}
.search {width:100%;overflow:hidden}  
.search span {float:left;margin-top:8px;color:#3c3c3c}
.search form {float:right}
.search label {display:inline-block;margin-right:6px;padding-left:8px;background:url(/images/intranet/common/bg_bullet02.gif) no-repeat 0 7px;vertical-align:middle;font-family:ngb;color:#666666}
.search input {width:159px;height:24px;padding-left:3px;border:1px solid #b2b5be}
.search button {width:66px;height:26px;padding:4px 0;background-color:#5d6476;text-align:center;color:#ffffff}
.search .button {width:66px;height:26px;padding:4px 0;background-color:#5d6476;text-align:center;color:#ffffff;cursor:pointer;} 
.tb_base {border-style:solid none solid;border-color:#404040 #ffffff #ced5d9;border-width:2px;padding-right:20px}
.tb_base thead th {padding:9px 0;border-style:none none solid;border-color:#ced5d9;border-width:0 0 2px;background:url(/images/intranet/common/bg_bar.gif) no-repeat right center #eff2f4;color:#666666;}
.tb_base thead th.last {background-image:none}
.tb_base tfoot td {padding:9px 0;border-style:none none solid;border-color:#ced5d9;border-width:0 0 2px;background-color:#eff2f4;color:#666666;text-align:right;}
.tb_base tfoot td.last {background-image:none}
.tb_base tbody th {padding:7px 0;border-style:none none solid;border-width:0 0 1px;border-color:#e4e8ee;background-color:#eff2f4;text-align:center;color:#3c3c3c}
.tb_base tbody td {padding:7px 0;border-style:none none solid;border-width:0 0 1px;border-color:#e4e8ee;text-align:left;color:#3c3c3c;padding-left:5px;}
.tb_base tbody td.cont {text-align:left;padding-left:20px}
.tb_base tbody td .img {display:inline-block;margin-top:3px;vertical-align:top}
.tb_base tbody td .link {color:#3498db;text-decoration:underline}
.tb_base tbody td .link02 {color:#3498db}
.tb_base.wr tbody th {border-color:#dddddd}
.tb_base.wr tbody th .add {margin-top:3px}
.tb_base.wr tbody td {padding-left:20px;border-color:#dddddd;text-align:left}
.tb_base.wr .input01 {width:195px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base.wr .input02 {width:65px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base.wr .input03 {width:785px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base.wr .input05 {width:782px;height:370px;padding:3px;border:1px solid #d6dae0}
.tb_base.wr .input06 {width:525px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base.wr .input07 {width:800px;height:100px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base.wr .addr {margin-top:5px}
.tb_base.wr .addr .f {margin-bottom:5px}
.tb_base.wr .sel01 {width:73px;height:24px;border:1px solid #d6dae0}
.tb_base.wr .sel02 {width:258px;height:24px;border:1px solid #d6dae0}
.tb_base.wr .sel03 {width:173px;height:24px;border:1px solid #d6dae0}
.tb_base .btn {display:inline-block;height:22px;padding:0 8px;border:1px solid #c5cbd1;border-radius:2px;line-height:21px;background-color:#eff2f4;vertical-align:middle;font-size:11px;color:#445668}
.tb_base .btn.del {margin-left:10px}
.tb_base .id {color:#3498db}
.tb_base .view {padding:40px 20px}
.tb_base .file {width:100%;overflow:hidden}
.tb_base .file li {float:left;padding:0 10px;background:url(/images/intranet/common/bg_bullet03.gif) no-repeat right 4px}
.tb_base .file li:first-child {padding-left:0}
.tb_base .file li a {color:#3c3c3c}
.tb_base .bdr {border-bottom:2px solid #ced5d9}
.tb_base1 {border-style:solid none solid;border-color:#404040 #ffffff #ced5d9;border-width:2px;border-top:none;}
.tb_base1 thead th {padding:9px 0;border-style:none none solid;border-color:#ced5d9;border-width:0 0 2px;background:url(/images/intranet/common/bg_bar.gif) no-repeat right center #eff2f4;color:#666666}
.tb_base1 thead th.last {background-image:none}
.tb_base1 tbody th {padding:7px 0;border-style:none none solid;border-width:0 0 1px;border-color:#e4e8ee;background-color:#eff2f4;text-align:center;color:#3c3c3c}
.tb_base1 tbody td {padding:7px 0;border-style:none none solid;border-width:0 0 1px;border-color:#e4e8ee;text-align:center;color:#3c3c3c}
.tb_base1 tbody td.cont {text-align:left;padding-left:20px}
.tb_base1 tbody td .img {display:inline-block;margin-top:3px;vertical-align:top}
.tb_base1 tbody td .link {color:#3498db;text-decoration:underline}
.tb_base1 tbody td .link02 {color:#3498db}
.tb_base1.wr tbody th {border-color:#dddddd}
.tb_base1.wr tbody th .add {margin-top:3px}
.tb_base1.wr tbody td {padding-left:10px;border-color:#dddddd;text-align:left}
.tb_base1.wr .input01 {width:195px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .input02 {width:65px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .input03 {width:785px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .input05 {width:782px;height:370px;padding:3px;border:1px solid #d6dae0}
.tb_base1.wr .input06 {width:525px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .input07 {width:75px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .input08 {width:140px;height:24px;line-height:24px;padding-left:3px;border:1px solid #d6dae0}
.tb_base1.wr .addr {margin-top:5px}
.tb_base1.wr .addr .f {margin-bottom:5px}
.tb_base1.wr .sel01 {width:73px;height:24px;border:1px solid #d6dae0}
.tb_base1.wr .sel02 {width:258px;height:24px;border:1px solid #d6dae0}
.tb_base1.wr .sel03 {width:173px;height:24px;border:1px solid #d6dae0}
.tb_base1 .btn {display:inline-block;height:22px;padding:0 8px;border:1px solid #c5cbd1;border-radius:2px;line-height:21px;background-color:#eff2f4;vertical-align:middle;font-size:11px;color:#445668}
.tb_base1 .btn.del {margin-left:10px}
.tb_base1 .id {color:#3498db}
.tb_base1 .view {padding:40px 20px}
.tb_base1 .file {width:100%;overflow:hidden}
.tb_base1 .file li {float:left;padding:0 10px;background:url(/images/intranet/common/bg_bullet03.gif) no-repeat right 4px}
.tb_base1 .file li:first-child {padding-left:0}
.tb_base1 .file li a {color:#3c3c3c}
.tb_base1 .bdr {border-bottom:2px solid #ced5d9}


.btn_ny {width:100%;margin:20px 0 11px;overflow:hidden}
.btn_ny.l {text-align:right}
.btn_ny a, .btn_ny button {display:inline-block;width:86px;height:19px;padding:5px 0;background-color:#375673;text-align:center;color:#ffffff}
.btn_ny .l {float:left}
.btn_ny .r {float:right}
.paging {text-align:center}
.paging a, .paging strong {display:inline-block;width:25px;height:25px;border:1px solid #e4e8ee;line-height:25px;vertical-align:middle;text-align:center}
.paging a {color:#666666}
.paging img {padding-top:5px;}
.paging strong {background-color:#375673;color:#ffffff}
.paging a.page_disabled {background-color:#375673;color:#ffffff;font-weight: bold;}

.paging .prev01 {margin-right:4px;background:url(/images/intranet/common/btn_prev01.gif) no-repeat center center}
.paging .prev02 {margin-right:4px;background:url(/images/intranet/common/btn_prev02.gif) no-repeat center center}
.paging .next01 {margin-left:4px;background:url(/images/intranet/common/btn_next01.gif) no-repeat center center}
.paging .next02 {margin-left:4px;background:url(/images/intranet/common/btn_next02.gif) no-repeat center center}


/* common */
.blind {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.mr3 {margin-right:3px}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.sel {border:1px solid #b2b5be;height:26px}
.nobtn {margin-top:60px}

/* 2015-03-05 */
.imglist_box {padding-top:22px;border-bottom:2px solid #ced5d9}
.imglist_box .tit {padding:15px 0 2px}
.imglist_box .info {color:#757575}
.imglist_box .info .date {background:url("/images/intranet/sub/line.gif") no-repeat 10px 3px;padding-left:20px}
.imglist_box .date {margin-top:10px}
.imglist_box ul:after {content:"";display:block;clear:both}
.imglist_box ul li {width:220px;margin-right:30px;float:left;margin-bottom:34px}
.imglist_box ul li.last {margin-right:0}

.btn_board04 {
    background: linear-gradient(to bottom, #f9f9f9 5%, #f1f1f1 100%) repeat scroll 0 0 #f1f1f1;
    border: 1px solid #cccccc !important;
    box-shadow: 0 1px 0 0 #ffffff;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}
.btn_board04:hover {
    background: linear-gradient(to bottom, #f1f1f1 5%, #f9f9f9 100%) repeat scroll 0 0 #f1f1f1;
    text-decoration: none;
}
.btn_board05 {
    background: linear-gradient(to bottom, #f1f1f1 5%, #d8d8d8 100%) repeat scroll 0 0 #d8d8d8;
    border: 1px solid #cccccc !important;
    box-shadow: 0 1px 0 0 #ffffff;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}
.btn_board05:hover {
    background: linear-gradient(to bottom, #d8d8d8 5%, #f1f1f1 100%) repeat scroll 0 0 #d8d8d8;
    text-decoration: none;
}
.waiting {background-color:#f4a611;color:#fff;font-family:ngb;padding:6px 17px 7px 18px}
.complete {background-color:#009a99;color:#fff;font-family:ngb;padding:6px 17px 7px 18px}


/* 소속가맹점 추가 2015-03-10 */
.franchise_wrap .contensList {width:400px;height:300px;overflow-y:scroll;margin-top:-1px}
.franchise_wrap .contensList.non {text-align:center;padding-top:25px;overflow:hidden;height:275px}


/* 상담회원, 가맹상담, 미처리 상담요청 추가 2015-03-10 */
.dash_wrap {padding:52px 0 9px}
.dash_list {height:250px ;width:462px;margin-bottom:32px;overflow:hidden;position:relative;float:left;margin-left:46px;margin-bottom:60px}
.dash_list.first {margin-left:0}
.dash_list h2 {font-family:ngb;font-size:22px;color:#34495e;padding-bottom:12px}
.dash_list p {background-color:#eff2f4;font-size:11px;color:#3c3c3c;padding:6px 14px 5px;overflow:hidden;margin-top:10px}
.dash_list p span {float:left}
.dash_list p .wait {float:right}
.dash_list .more {position:absolute;top:7px;right:0}
.dash_list .more a {display:inline-block;width:58px;padding:1px 0 2px;background-color:#375673;text-align:center;color:#ffffff;font-family:ngb}


.login h1 {position:relative} /* 2015-03-06 */
.login h1 span {position:absolute;left:224px;top:11px;color:#34495e;font-family:ngb;font-size:16px} /* 2015-03-06 */






/* 팝업 동영상 2015-03-13 */
#popVideo {background:url(/images/wisen/popup/pop_video.png) no-repeat 0 0;width:599px;height:470px;display:none;position:fixed;z-index:999;left:50%;top:50%;margin:-233px 0 0 -304px}
#container #popVideo .top {margin-bottom:0;padding:0;border-bottom:0 none}
#popVideo .top h3 {color:#009a99;font-size:27px;font-family:ngb;padding:18px 0 15px 28px}
#popVideo .pop_wrap {padding:41px 33px 28px 32px}
#container #popVideo .close {position:absolute;right:33px;top:19px;margin-top:0;float:none}
#popVideo .bt_group {width:285px;margin:0 auto}
#popVideo .bt_group ul {overflow:hidden;padding:12px 0 15px}
#popVideo .bt_group ul li {float:left;margin-right:35px}
#popVideo .bt_group ul li.last {margin-right:0}



/*백그라운드*/
#mask {position:absolute;z-index:998;background-color:#000;display:none;left:0;top:0;opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";-khtml-opacity:60;-moz-opacity:60}

.tb_base tbody td.notice_red{ background-color:#fbe0e0; border-left:1px solid white;}
.tb_base tbody td.notice_yellow{ background-color:#fffda2; border-left:1px solid white;}

.tb_base tbody td.td_center {text-align:center;}
.tb_base tbody td.td_right {text-align:right;padding-right:5px;}

.checked {background:#FCF6CF}

.anchor-disabled {color:currentColor; cursor: not-allowed; opacity: 0.5; pointer-events: none;}
