@charset "euc-kr";

@import"/company/html/common/css/global.css";

/* Layout */
body {background:url(/company/html/images/header_bg.png) repeat-x 0 90px;}
body.main {background:none;}
#wrap.main {width:980px; margin:0 auto;}
#wrap {width:100%;}
#header {width:1000px; height:150px; margin:0 auto;}
#header.main {height:70px;}
#container.main {width:980px; height:100%; margin:218px 0 182px 0;}
#container {width:1000px; height:100%; margin:16px auto 58px;}
#content {}
#footer {width:100%; height:50px; padding-top:20px; background:#f4f4f4;}
.footWrap {width:1000px; margin:0 auto;}
#footer.main {width:980px; background:none; margin:0 auto; color:#a3a3a3;}

/* Common */
h2 {position:absolute; top:0; left:0; height:0; font-size:0; line-height:0;}
select {padding:2px 10px; border:1px solid #dcdcdc; margin:0;}
input[type="text"], input[type="password"] {padding:4px 10px; border:1px solid #dcdcdc; margin:0;}
.btnArea {overflow:hidden;}
.flow {float:left;}
.reverse {float:right;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.bgNone {background:none !important;}
.hdObj {position:absolute; z-index:-1; visibility:hidden;}
#dimmed {position:absolute; left:0; top:0; z-index:500; width:100%; height:100%; background-color:#000; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
span.unit {padding:0 3px;}

/* Float clear */ 
.clear {zoom:1;}
.clear:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

/* Accessibility Navigation */
.accNav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
.accNav a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; font-size:12px;}
.accNav a:focus, 
.accNav a:hover, 
.accNav a:active {width:100%; height:auto; padding:5px 0; background:#56d5f6; color:#fff; z-index:1000;}

/* Main_Header */
#header.main h1 {margin-top:30px;}
#header .hgroup {height:90px;}
#header .hgroup .util {margin-top:36px;}
#header .hgroup .util p {margin-left:1px; line-height:20px;}
#header .hgroup .util p:first-child {margin-right:5px;}

/* Main_Content */
#content {zoom:1;}
#content:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#content div {float:left;}
#content2 div {}
.loginVisual {width:248px; height:85px; margin-right:102px; padding:124px 0 0 128px; background:url(/company/html/images/loiginVisual_bg.gif) no-repeat 0 0;}
.loginVisual p {color:#fff;}
.loginVisual p span {margin-right:5px; font-family: 'Open Sans Bold', 'sans-serif'; font-size:18px;}
.loginVisual p {font-family: 'Nanum Gothic Bold'; font-size:14px;}
.loginVisual p.login {font-family: 'Open Sans Bold', 'sans-serif'; font-size:40px;}
.loginArea {zoom:1; margin-top:30px;}
.loginArea:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.loginArea p.notice {margin:10px 0 30px 0; padding-left:10px; background:url(/company/html/images/gray_dot.gif) no-repeat 0 4px; font-size:12px; color:#8f8f8f;}
.inputArea {float:left;}
.inputArea input {width:195px; height:22px; background:#e9e9e9; border:0;}
.inputArea input:first-child {margin-bottom:5px;}
.btnArea .login {width:100px; height:65px; margin-left:5px; background:#937350; font-family: 'Nanum Gothic Bold'; font-size:20px; color:#fff;}
.loginArea .btnArea a {display:inline-block; width:159px; height:29px; line-height:29px; background:#434343; font-family: 'Nanum Gothic Bold'; font-size:14px; color:#fff;}
.loginBg{width:50%;position:absolute;left:-156px;top:0; background:#fff;z-index:-1;height:288px; border-bottom:209px solid #937350}

/* Main_footer */
.otherLink p {margin-bottom:7px;}
.otherLink a {margin-left:13px; font-family: 'Nanum Gothic Bold'; font-size:11px; color:#7a7a7a;}
.otherLink a:first-child {margin:0;}
address span {margin-left:13px;}
.copyright {margin-top:14px;}

/* Header */
#header {zoom:1;}
#header:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#header h1 {float:left;}
#header p.adminPage {float:left; margin:51px 0 0 12px; font-family: 'Nanum Gothic Bold'; font-size:14px;}
#header .util {float:right;}
#header .util p {display:inline-block; float:left;}
#header .util .logout {width:69px; height:20px; background:url(/company/html/images/btn_logout.png) no-repeat 0 0; color:#fff;}
#header .util .dainWeb {width:100px; height:20px; background:url(/company/html/images/btn_dainWeb.png) no-repeat 0 0;}
#header .util .dainWeb a {margin-left:3px; color:#fff; line-height:20px;}
#gnb {clear:both;}
#gnb ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#gnb ul {*zoom:1;}
#gnb ul li {float:left; width:299px; line-height:45px; text-align:center; font-family: 'Nanum Gothic Bold'; font-size:16px;}
#gnb ul li.menuList a {background:url(/company/html/images/icon_list.png) no-repeat 92px 17px;}
#gnb ul li:hover,
#gnb ul li:focus,
#gnb ul li.on {width:299px; height:58px; background:url(/company/html/images/tab_on.png) no-repeat 0 0;}
#gnb ul li.menuCalendar a {background:url(/company/html/images/icon_calendar.png) no-repeat 88px 12px;}
#gnb ul li a {display:block; width:299px; color:#fff;}

/* Content */
#content .visualBox {width:620px; height:54px; padding:91px 0 28px 380px; background:url(/company/html/images/adviceList_visual.png) no-repeat 0 0;}
#content .visualBox p {padding-left:10px; background:url(/company/html/images/bul_triangle.png) no-repeat 0 50%; font-family: 'Nanum Gothic Bold'; font-size:16px; line-height:25px;}
#content .visualBox h3  {position:absolute; top:0; left:0; height:0; font-size:0; line-height:0;}
.stateBox div:first-child {margin-right:6px;}
#content .stateBox .adviceState {position:relative; width:477px; height:153px; margin-top:48px; padding:10px; background:url(/company/html/images/adviceInfoBox.gif) no-repeat 0 0;}
#content .stateBox .adviceState .adviceInfo {float:left; width:238px; height:100px;}
#content .stateBox .adviceState .adviceInfo .adTit {padding:20px 0 19px 50px; background:url(/company/html/images/brown_dot.gif) no-repeat 40px 50%; font-family: 'Nanum Gothic Bold'; font-size:14px;}
#content .stateBox .adviceState .adviceInfo span {display:block; padding-right:20px; font-size:16px; text-align:right;}
#content .stateBox .adviceState .adviceInfo span strong {font-family: 'Nanum Gothic Bold'; font-size:36px;}
#content .stateBox div .stateTit {position:absolute; left:16px; top:-8px; line-height:29px; color:#fff; text-align:center;}
#content .stateBox div .stateTit.today {width:114px; height:29px; background:url(/company/html/images/adviceInfo01.png) no-repeat 0 0;}
#content .stateBox div .stateTit.lastWeek {width:143px; height:29px; background:url(/company/html/images/adviceInfo02.png) no-repeat 0 0;}
#content .stateBox div .date {width:478px; height:52px; text-align:center; line-height:52px; font-family: 'Nanum Gothic Bold'; font-size:16px;}
#content .adviceTxt {overflow:hidden; float:none;}
#content .adviceTxt p {line-height:23px}
#content .comSelect {overflow:hidden; clear:both; padding-top:20px;}
/* 상담내역 */
.searchBar {zoom:1; width:964px; height:28px; margin-top:30px; padding:13px 18px; background:#525252; border:1px solid #474747;}
.searchBar:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.searchBar label {float:left; padding-left:10px; margin-right:10px; background:url(/company/html/images/white_dot.gif) no-repeat 0 50%; font-family: 'Nanum Gothic Bold'; font-size:14px; color:#fff;}
.searchBar label {line-height:22px;}
.searchBar select {float:left; margin-right:5px; width:207px;}
.searchBar input {float:left; width:153px; height:15px;}
.searchBar input.calender {background:#fff url(/company/html/images/icon_calendar_type2.png) no-repeat 150px center;}
.searchBar .unit {float:left; margin:0 8px; font-size:18px; color:#fff;}
.searchBar .btnArea {float:left;}
.searchBar .btnArea button {float:left; margin-left:1px}
.searchBar .btnArea .search {width:54px; height:24px; margin-left:9px; background:#fff; color:#292929;}
.searchBar .btnArea .before {width:54px; height:24px; background:#81ad51; color:#fff;}
.searchBar .btnArea .all {width:54px; height:24px; background:#937350; color:#fff;}

.helpTxt {position:relative; z-index:500; width:1002px; height:34px; background:#949494; line-height:34px;}
.helpTxt em {display:block; padding-top:6px; position:absolute;  background:url(/company/html/images/tab_triangle.png) no-repeat;  color:#fff; font-family: 'Nanum Gothic Bold'; }
.TxtsearchTerm em {top:-6px; left:19px;}
.TxtYesterday em {top:-6px; right:19px; background-position:141px 0;}
.TxtAll em {top:-6px; right:19px; background-position:300px 0;}
.adviceList {width:1000px; margin-top:30px; }
.adviceList p span.listDot {padding-left:8px; background:url(/company/html/images/gray_dot_sq.png) no-repeat 0 50%;}
.adviceList p span:first-child {margin-right:18px;}
.adviceList p span .blue {font-family: 'Nanum Gothic Bold'; font-size:16px; color:#4a8dd9;}
.adviceList p span .red {font-family: 'Nanum Gothic Bold'; font-size:16px; color:#ff3333;}
.adviceList table {margin-top:10px; border-bottom:1px solid #e7e7e7;}
.board th {height:39px; background:#f9f9f9; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-bottom:2px solid #a3a3a3; font-family: 'Nanum Gothic Bold'; font-size:14px;}
.adviceList .board td {height:39px; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.board th:first-child {border-left:0;}
.board td:first-child {border-left:0;}
.adviceList .board thead .number {width:74px; }
.adviceList .board thead .requestDate {width:186px;}
.adviceList .board thead .topic {width:225px;}
.adviceList .board thead .adNum {width:167px;}
.adviceList .board thead .adDate {width:185px;}
.adviceList .board thead .adviceLevel {width:158px;}
.adviceList .board thead .name {width:100px;}
.adviceList .board thead .cselor {width:130px;}
.adviceList .board thead .lc1 {width:130px;}
.adviceList .board thead .lc2 {width:100px;}
.adviceList .board thead .lc3 {width:100px;}
.adviceList .board tbody td {text-align:center;}
.adviceList .board tbody td .btnPlus {margin-left:5px;}
.adviceList .board tbody td .level {display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; }
.adviceList .board tbody td .level.blue {background:#4a8dd9;}
.adviceList .board tbody td .level.red {background:#ff3333;}
.adviceList .board tbody td .level.white {border:1px solid #d8d8d8; width:9px; height:9px;}
.adviceList .board tbody td .level.pink {background:#ff79d1;}
.adviceList .board tbody td em {display:inline-block; *display:inline; *zoom:1; width:50px;}
.adviceList .board .adviceLevel {background:#f9f9f9 url(/company/html/images/icon_level.png) no-repeat 90% 50%;}
.paging {padding-top:32px; text-align:center;}
.paging p a {margin-right:10px;}
.paging a span {display:inline-block; width:8px; height:7px; text-indent:-9999em;}
.paging a.first {display:inline-block; background:url(/company/html/images/btn_first.png) no-repeat 0 50%;}
.paging a.prev {display:inline-block; background:url(/company/html/images/btn_prev.png) no-repeat 0 50%;}
.paging a.next {display:inline-block; background:url(/company/html/images/btn_next.png) no-repeat right 50%;}
.paging a.last {display:inline-block; background:url(/company/html/images/btn_last.png) no-repeat right 50%;}
.paging a, .paging strong {display:inline-block; width:25px; height:25px; margin-left:5px; vertical-align:middle; line-height:25px; font-size:14px;}
.paging a:hover,
.paging a:focus, 
.paging a.on, .paging strong{color:#dd5c42;}

.bottom_txt {font-size:11px;padding-top:40px;}


/* 상담캘린더 */
#content .visualBox.calendar {width:620px; height:56px; padding:91px 0 28px 380px; background:url(/company/html/images/calendar_visual.png) no-repeat 0 0;}
.calendarBox {position:relative; margin-top:10px; width:1000px; height:72px; background:url(/company/html/images/calendarBox.png) no-repeat 0 0;}
.calendarBox .stateTit {position:absolute; right:16px; top:-8px; line-height:29px; color:#fff; text-align:center;}
.calendarBox .stateTit.today {width:114px; height:29px; background:url(/company/html/images/adviceInfo01.png) no-repeat 0 0;}
.calendarBox .calendarArea {width:1000px; text-align:center; font-family: 'Open Sans Bold', 'sans-serif'; font-size:34px; color:#636363;}
.calendarBox .calendarArea span {display:inline-block; padding-top:18px; margin:0 21px;}
.calendarBox .calendarArea button {width:9px; height:15px; margin-top:30px;}
.calendarBox .calendarArea button span {display:inline-block; text-indent:-9999em;}
.calendarBox .calendarArea .cPrev {background:url(/company/html/images/btn_cBox_prev.png) no-repeat 0 0;}
.calendarBox .calendarArea .cNext {background:url(/company/html/images/btn_cBox_next.png) no-repeat 0 0;}
.adviceCalendar {margin-top:30px; border-bottom:1px solid #e7e7e7;}
.board.calendarType th {width:142px; border-bottom:0; font-family: 'Open Sans Bold', 'sans-serif'; font-size:14px;}
/*.board.calendarType td {position:relative; height:81px;  border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-family: 'Open Sans Bold', 'sans-serif'; font-size:14px; line-height:1.5;}*/
.board.calendarType td {position:relative; height:auto;  border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-family: 'Open Sans Bold', 'sans-serif'; font-size:14px; line-height:1.5; vertical-align:top;}
.board.calendarType td p {position:relative;margin-left:6px; font-family: 'Nanum Gothic'; font-size:12px;display:block;}
/* .board.calendarType td p .poplayer {position:absolute;padding:5px;font-family: 'Nanum Gothic'; font-size:12px;display:block;} */
.board.calendarType td p span {display:block; padding-left:30px;}
/*.board.calendarType td div {width:100%; height:80px; position:relative; padding:26px 0 25px}*/
.board.calendarType td div {width:100%; min-height:80px; position:relative; padding:26px 0 25px}
.board.calendarType td em {position:absolute; display:block; top:9px; left:6px;}
.board.calendarType .sun {color:#d84325;}
.board.calendarType .sat {color:#0096dd;}
.board.calendarType td:first-child {border-left:0;}
/*.board.calendarType td:hover,
.board.calendarType td.on {height:72px;  border:4px solid #2a7ac5}*/
.board.calendarType td:hover,
.board.calendarType td.on {height:auto;  border:4px solid #2a7ac5}
.board.calendarType td:hover em { top:6px; left:3px;}
.board.calendarType td:hover p {margin-left:3px;}

/* 2014-05-16  추가*/
 .board.calendarType td p .detailList {display:block; float:none !important; position:absolute; left:10px; top:21px; width:100%;z-index:100; height:auto; padding:5px 5px;background-color:#f2f2f2; border:1px solid #8e8e8e; line-height:18px;}
.board.calendarType td p .detailList strong {*zoom:1; display:block; font-family: 'Nanum Gothic'; font-size:12px;}
.board.calendarType td p .detailList strong span {padding-left:0;}
.board.calendarType td p .detailList strong:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.board.calendarType td p .detailList strong .hour {display:inline-block;padding-right:5px }
.board.calendarType td p .detailList strong .name {display:inline-block;padding-right:5px}


.board.calendarType td.on div,
.board.calendarType td:hover div {padding:22px 0 21px;}

/* ToolTip */
.toolTip {position:absolute; top:720px; left:50%; margin-left:465px;width:311px; background:#fff; border:1px solid #959595; }
.toolTip p {height:29px; padding-left:20px; background:url(/company/html/images/ico_down.png) no-repeat 285px 10px; font-size:14px; color:#fff; line-height:29px;  font-family: 'Open Sans Bold';}
.toolTip span {display:block; padding:10px 19px 20px; line-height:16px}
.toolTip .red {background-color:#ff3333;}
.toolTip .pink {background-color:#ff79d1;}
.toolTip .blue {background-color:#4a8dd9;}
.toolTip .white {background-color:#b8b8b8;}
.toolTip .shadow {display:block; position:absolute; top:21px; left:1px;  width:318px; height:368px; background:url(/company/html/images/bg_shadow.png) no-repeat;}

.counselBox {overflow-y:scroll; position:absolute;top:765px; left:50%; width:290px; height:96px; margin-left:280px; padding:10px 0 6px 10px; background:#fff; border:1px solid #959595;}
.counselBox li {height:25px; margin-bottom:1px; background:url(/company/html/images/ico_bargreen.png) no-repeat 30px 0; line-height:25px;}
.counselBox li em {display:block; float:left; width:29px;margin-right:19px }

.cselorBox {overflow-y:scroll; position:absolute;top:765px; left:50%; width:225px; height:96px; margin-left:280px; padding:10px 0 6px 10px; line-height:25px;background:#fff; border:1px solid #959595;}