@charset "utf-8";

/************************************/
/*** 작성자 : BISRNT(change)*************************************/
/*** 작성일자 : 2017.10.10  *******************************/
/*** 시스템명 : SEIZE 상담어플리케이션*************/
/*** 환경 : IE 10,11, 크롬(80%) 맞춤*********************/
/************************************/

* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body {overflow: hidden !important;}

/* html,body {overflow:auto; min-width:1020px; min-height:740px;} */
button, button:hover, button:disabled, button[disabled="disabled"]:hover {border:0px none; border-radius:0;}
.LP_cont button, .LP_cont button:hover, .LP_cont button:disabled, .LP_cont button[disabled="disabled"]:hover {border:1px solid #b3b3b3; border-radius:2px;}
/* ul,li,dl,dd,dt {float:left;} */
dl,dd,dt {float:left;}

/**********************************/
/* login 로그인 *******************/
/**********************************/    /*** 2020_DEV_DESIGN 코멘트 ***/
#login_wrap{position:absolute; width:100%; min-width:1024px; height:100%; min-height:700px; background:#fff; box-sizing:border-box; background:url(../images/main/bg_loginpattern.png); }
/*logo buttle*/
#login_wrap h1{position:absolute; top:25px; left:25px;}
#login_wrap h2{width:400px; margin:110px auto 0;}
#login_wrap .login_box{width:400px; height:400px; margin: 20px auto 0; background:url(../images/main/bg_loginbox.png) no-repeat;}
#login_wrap .login_center {width:400px; margin:110px auto 0; text-align:center;}
/* login_box table */
#login_wrap .login_box div {padding-top:145px;}
#login_wrap .login_box table{width:200px; margin:0 auto;}
#login_wrap .login_box table tr:nth-child(1) td {background:url(../images/main/bg_loginbox_id.png) no-repeat; width:200px; height:41px;}
#login_wrap .login_box table tr:nth-child(2) td {background:url(../images/main/bg_loginbox_pw.png) no-repeat; width:200px; height:40px;}
#login_wrap .login_box table td{text-align:left;}
/*input*/
#login_wrap .login_box input[type=text],
#login_wrap .login_box input[type=password]{width:97%; height:30px; line-height:30px; border:0 none; text-indent:10px; font-size:14px; color:#606170 !important; margin-left:2px; outline:none;}
/*login button*/
#login_wrap .login_btn{margin: 15px 0 5px 0;}
#login_wrap .login_btn button{width:100%; height:40px; background:#2e5299; border-radius:3px; font-size:18px; text-align:center; color:#fff; font-family:-webkit-body; outline:none;}
#login_wrap .login_btn button:hover {background:#3d6dcc;}
#login_wrap .login_btn button:disabled {background:#b8bfcc;}
/*언어 국가 선택*/
#login_wrap .login_box p.lang{float:right; margin-top:5px;}
#login_wrap .login_box p.lang label {font-size:12px; color:#373737;}
#login_wrap .login_box p.lang select{width:80px; height:20px;  padding:0 0 0 1px; margin:0; border:1px solid #c3ced9; border-radius:2px; box-sizing:border-box; font-size:12px; color:#444; font-family:"Verdana", "Saysettha OT", "맑은 고딕", Malgun Gothic, "돋움", Dotum;}
/*copy right*/
#login_copy .copy{text-align:center; color:#ccc; font-size:20px; font-weight: 600;}

#login_info {position:absolute; left:10px; bottom:10px; width:100%;}
#login_info .user{color:#666; font-size:11px;}

/*크롬 기본색으로 바뀌는 현상 없애기*/
#login_wrap .login_box input:-webkit-autofill,
#login_wrap .login_box input:-webkit-autofill:hover,
#login_wrap .login_box input:-webkit-autofill:focus,
#login_wrap .login_box input:-webkit-autofill:active {
     transition: background-color 5000s ease-in-out 0s;
     -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*2020 사용안함*/
#login_wrap .login_box p.id_save{float:left; margin:4px 0 0 12px;}
#login_wrap .login_box p.id_save label input[type=checkbox]{position:Relative; top:2px; margin-right:5px; border-radius:2px;}

#login_wrap .login_box .login_opt{margin-left:70px;}
#login_wrap .login_box .login_opt li{display:inline-block; padding:0 0 0 9px;}
#login_wrap .login_box .login_opt li:first-child{position:relative; padding:0 14px 0 17px;}
#login_wrap .login_box .login_opt li:first-child:before{content:""; display:block; position:absolute; top:1px; right:0; width:1px; height:10px; background:#ccc;}
#login_wrap .login_box .login_opt li:first-child:after{content:""; display:block; position:absolute; top:1px; left:0; width:14px; height:13px; background:url(../images/main/icon_id_search.gif) no-repeat 0 0;}
#login_wrap .login_box .login_opt li a{color:#25527c;}

.lnb_wrap .lnb_header h1.logo_type {margin-bottom:4px;}
.logo_type > a:first-child {float: left;width: 85px;margin-bottom: 7px;margin-left: 5px;}
.logo_type > a:first-child img {width:85px;}

/************************************/
/*** main_top ***********************/
/************************************/    /*** 2020_DEV_DESIGN 코멘트 ***/
#header button, #header button:disabled {border:0px none;}

/*영역별위치와 background*/   /*** 2020_DEV_DESIGN 코멘트 ***/
header {position:absolute; top:0; right:0; left:0; height:100px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
#gnb {position:relative;top:0;right:0;left:0;height: 69px;background-color: #354052;}
#gnb .GV_CMP {position:absolute;left: 18px !important;top: 36px !important;}
#gnb .GV_CMP select { height:27px; border:none; background:#4e5767;}
#gnb .GV_CMP * {vertical-align:middle;position: relative !important; font-size:14px; color:rgba(255, 255, 255, 0.7) !important;}

/* #DIV_TOP_MENU {position:relative; top:0; right:0; left:0; height:29px; background:#f7f7f7; border-bottom:1px solid #ccc;} */
/*** 2020_DEV_DESIGN 코멘트 ***/
#DIV_TOP_MENU {position:relative; top:0; right:0; left:0; height:30px; background:url(../images/main/bg_TF_menu.png) repeat-x; /* background:#f5f9f9; border-bottom:1px solid #cccccc; */}   
#DIV_LINK_BTN {/* position:relative; */top:0;right:0;left:0;/* height:25px; *//* background-color:#222e44; *//* border-bottom:1px solid #202b40; */}

/*전광판*/    /*** 2020_DEV_DESIGN 코멘트 ***/
.gnb_countArea {position:absolute;top: 35px;right:454px;}
.gnb_countArea dl {overflow:hidden; float:left; background-color:#222e44; border-radius:12px; padding:4px 10px 5px 10px;}
.gnb_countArea dt {display:inline-block; font-size:12px; color:#fff; padding-right:8px;}
.gnb_countArea dl + dl {margin-left:3px;}
.gnb_countArea dd {overflow:hidden; font-size:12px; color:#fff;}
.gnb_countArea dd span {display:inline-block; font-size:12px;}

/* .gnb_countArea dd.count01 {background:url(../images/main/main.png) no-repeat 0 9px; width:140px; padding:0; padding-left:15px;}
.gnb_countArea dd.count02 {background:url(../images/main/main.png) no-repeat -283px 9px; width:144px; padding:0; padding-left:15px;} */
/* .gnb_countArea dd.count02 span:first-child { width:auto !important;} */

/* top logo */
h1.TC_logo {position:relative; top:6px; left:18px; width:76px; height:26px; background:url(../images/main/logo_kostat_sub_re.png) no-repeat; background-size:auto 26px; }
/* h1.TC_logo::before {content: "비대면조사 통합관리시스템";display:inline-block;font-size:14px;font-weight:bold;white-space:nowrap;position:absolute;left:80px;top:2px;color:#fff;} */
h1.TC_logo::before {content: "스마트조사시스템";display:inline-block;font-size:14px;font-weight:bold;white-space:nowrap;position:absolute;left:90px;top:2px;color:#fff;}
h1.TC_logo::after { content:''; display:block; width:1px; height:10px; background:rgba(255, 255, 255, 0.3); position:absolute; left:70px; top:8px;}
h1.TC_logo a:hover,a:link, a:visited {color:transparent;}
*/
/* 207.03.16 이전버전 : 이름길이에 따라서 버튼이 옆에 붙음 */
/* userinfo*/
/*
.lnb_userinfo {position:relative; top:3px; left:10px; cursor:pointer;}
.lnb_userinfo span {font-size:13px; color:#707070;}
.lnb_userinfo span:before {content:"";background:url(../images/main/main.png) no-repeat -227px 0; width:22px; height:22px; display:inline-block; vertical-align:middle; margin-right:3px; padding-top:3px;}
*/
/*logout button*/
/*
.lnb_userinfo button {position:relative; top:2px;left:0; background: url(../images/main/main.png) no-repeat -276px -43px; width:57px; height:14px; font-size:0;}
.userinfo button:hover {background:url(../images/main/main.png) no-repeat -276px -70px;}
.lnb_userinfo button:disabled {background:url(../images/main/main.png) no-repeat -276px -97px;}
*/
/*TopMenu*/
/*
#menuContainer {position:absolute; top:-1px; left:215px; right:0; height:30px;}
#menuContainer span {font-size:14px; color:#333; height:30px; padding-left:15px; padding-right:15px; line-height:28px; display:inline-block; cursor:pointer;} 
#menuContainer span.on {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;}
#menuContainer span:hover {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;}
#menuContainer span:active {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;}
*/

/* 207.03.16 이후버전 : 외국이름은 길어서 ellipsis 처리에 따라 버튼 고정위치 처리 */

/* userinfo*/
.lnb_userinfo {position:relative; top:3px; left:10px; cursor:pointer; }
.lnb_userinfo span {font-size:13px; color:#707070; text-overflow: ellipsis; width:180px; white-space: nowrap; overflow: hidden; display: block;}
/* .lnb_userinfo span:before {content:"";background:url(../images/main/main.png) no-repeat -222px 3px; width:25px; height:22px; display:inline-block; vertical-align:middle; margin-right:5px; padding-top:6px;} */
.lnb_userinfo span:before {content:"";background:url(../images/main/ico_user_info.png) no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:8px; margin-top:3px; padding-top:5px; padding-left:6px;}

/*logout button*/
/* .lnb_userinfo button {position:absolute; top:7px;left:180px; background: url(../images/main/main.png) no-repeat -276px -43px; width:57px; height:14px; font-size:0;} */
.lnb_userinfo button {position:absolute; top:4px;left:200px; background: url(../images/main/ico_logout.png) no-repeat; width:20px; height:20px;}
.userinfo button:hover {background:url(../images/main/main.png) no-repeat -276px -70px;}
.lnb_userinfo button:disabled {background:url(../images/main/main.png) no-repeat -276px -97px;}

/* userinfo*/  /*** 2020_DEV_DESIGN 코멘트 ***/
/* .TF_lnb_userinfo {position:relative; top:0px; left:0px; cursor:pointer;} */
.TF_lnb_userinfo {top:0px;right: 310px;cursor:pointer;position: absolute;z-index: 2;}
.TF_lnb_userinfo span {font-size:13px;color:#ffffff;text-overflow: ellipsis;width:170px;white-space: nowrap;overflow: hidden;display: inline-block;padding-top:3px;vertical-align: middle;}
.TF_lnb_userinfo span:before {content:"";background:url(../images/new/new_icon_user.png) no-repeat;width: 22px;height: 22px;display:inline-block;vertical-align:text-top;margin-left:6px;padding-left:6px;}

/*logout button*/   /*** 2020_DEV_DESIGN 코멘트 ***/
.TF_lnb_userinfo button {/* position:absolute; *//* top:4px; *//* left:170px; */background: none;color: #fff;width:60px;height:16px;outline:none;}
.TF_lnb_userinfo button::before { content:'LOGOUT'; font-weight:bold; font-size:12px; text-decoration:underline; vertical-align:middle}
/*.TF_lnb_userinfo button:hover {background:url(../images/main/btn_TF_logout_over.png) no-repeat;}
.TF_lnb_userinfo button:disabled {background:url(../images/main/btn_TF_logout_dis.png) no-repeat;}*/

/*TopMenu*/    /*** 2020_DEV_DESIGN 코멘트 ***/
#menuContainer {/* position:absolute; top:0px; left:0px; right:0;*/text-align:center; height:30px;}
#menuContainer span {font-size:14px; color:#4f5966; height:30px; padding-left:20px; padding-right:20px; line-height:26px; display:inline-block; cursor:pointer;} 
#menuContainer span.on {background:#03c; color:#fff;}
#menuContainer span:hover {background:#03c; color:#fff;}
#menuContainer span:active {background:#03c; color:#fff;}
 
/* #menuContainer span.on {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;} */
/* #menuContainer span:hover {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;} */
/* #menuContainer span:active {background:url(../images/main/bg_TF_nav.png) repeat-x; color:#fff;} */

.lnb_nav {overflow:hidden;}

/*공지사항*/    /*** 2020_DEV_DESIGN 코멘트 ***/  
.lnb_noti {position:absolute;top: 75px;left: 18px;width:260px;height:19px;z-index: 2;}
.lnb_noti:before {content:""; background:url(../images/new/new_icon_notice.png) no-repeat; width:18px; height:16px; display:inline-block; vertical-align:top; margin-top:1px;}
.lnb_noti li {display:inline-block;color: #666 !important;}
.lnb_noti div.lnb_noti_cont {width:180px; height:19px; color:#cfd6e5;}
.lnb_noti div.lnb_noti_cont:hover {color:#d98296; cursor:pointer;}
.lnb_noti div.lnb_noti_logout {width:29px; height:19px; cursor:pointer; margin-left:20px;}
.lnb_noti div.lnb_noti_logout button {background: url(../images/main/ico_logout_small.png) no-repeat; width:20px; height:20px;}

/*미니전광판 정보*/    /*** 2020_DEV_DESIGN 코멘트 ***/
/* .lnb_mini_board_area {position:absolute; top:76px; left:255px; z-index:1;} */
/* 2020_DEV_DESIGN 위치조정 top:78px; -> top:2px;, left:255px; -> left:445px;*/
/* .lnb_mini_board_area {position:absolute; top:78px; left:255px; z-index:1; right:380px;} */
.lnb_mini_board_area {position:absolute; top:2px; left:490px; z-index:1; right:450px;}
.lnb_mini_board {width:100%; margin:0 auto; text-align:left;}
.lnb_mini_board li {display:inline-block; height:18px;}
.lnb_mini_board dl {float:left; padding-right:5px;}
/*span 공통속성*/
.lnb_mini_board span {display:inline-block;font-size:12px; vertical-align: middle;letter-spacing:-0.03em; margin-left:3px;}
/*개별속성*/
.lnb_mini_board span.title {color: #fff; font-weight:bold; background-color:#384866; border-radius:10px; padding: 0 8px 1px 8px; margin: 1px 0 0 12px}
.lnb_mini_board span.cont {color: #cfd6e5; margin-bottom:1px;}
.lnb_mini_board span.cont:before {content:""; display:inline-block; vertical-align:middle; margin: 0 4px 3px 2px; width:2px; height:2px; background: url(../images/main/bul_TF_boardTit.png) no-repeat;}
.lnb_mini_board span.txt_def {color: #fff; font-weight:bold;}
.lnb_mini_board span.txt_green {color: #30bf60; font-weight:bold;}
.lnb_mini_board span.txt_red {color: #f34951; font-weight:bold;}
.lnb_mini_board span.value {color: #f34951; font-weight:bold;}

/*refresh 버튼*/
.btn_refresh {position:absolute; top:2px; right:554px; background:#7aadcc; border-radius:18px; width:18px; height:18px; padding:0; font-size:0; border:0px none;}
.btn_refresh:hover {background:#57a7d9; border:0px none; border-radius:18px;}
.btn_refresh:disabled {background: #adc8d9; border:0px none;}

.refresh:before {content:""; display:block; background:url(../images/common/comm_DB.png) no-repeat 0 -62px; width:12px; height:11px; vertical-align:middle; margin-left:4px;margin-top:0px;}
.refresh:hover:before {background: url(../images/common/comm_DB.png) no-repeat 0 -62px;}
.refresh[disabled="disabled"]:before {background: url(../images/common/comm_DB.png) no-repeat 0 -83x;}


/*검색 과 버튼영역*/    /*** 2020_DEV_DESIGN 코멘트 ***/
.lnb_link {position:absolute;top: 34px;right: 310px;z-index: 2;}
.lnb_link li {display:inline-block; height:18px; margin-left:5px; vertical-align:text-top;}
.lnb_link span {color: #909090;}
/*KMS검색*/
/* .lnb_link input.lnb_srch {border:1px solid #ccc; border-right:0px none; border-radius: 2px 0 0 2px; height:18px; color:#898b8c; vertical-align:top; line-height:13px; float:left;} */
.lnb_link .lnb_srch {width:150px; height:18px; background-color:#fff; border:1px solid #141f33; border-radius:2px; display:inline-block;} 
.lnb_link .lnb_srch input {color:#2e5299; vertical-align:top; line-height:13px; float:left; height:14px; font-size:12px;}
.lnb_link .k-autocomplete {border:0 none; border-radius:2px;background:#ffffff; vertical-align:top; width:calc(100% - 20px);}
/*KMS검색 버튼*/
/* .lnb_link button.lnb_ico_srch {background: url(../images/main/main.png) no-repeat -345px -43px; width:18px; height:18px; font-size:0; float:left;} */
.lnb_link button.lnb_ico_srch {background: url(../images/main/btn_TF_lnb_ico_srch.png) no-repeat; width:11px; height:14px; font-size:0; float:right; margin-top:1px;margin-right:3px;}
.lnb_link button.lnb_ico_srch:hover {background:url(../images/main/btn_TF_lnb_ico_srch_over.png) no-repeat;}
.lnb_link button.lnb_ico_srch:disabled {background:url(../images/main/btn_TF_lnb_ico_srch_dis.png) no-repeat;}
/*최근고객*/
.lnb_link select {border:1px solid #141f33; border-radius:2px; width: 200px; height:18px; color:#898b8c; vertical-align:text-top;outline:none;}

/***** lnb_link 버튼 *****/      /*** 2020_DEV_DESIGN 코멘트 ***/  
.lnb_link button {height:28px; color:rgba(255, 255, 255, 0.5); background: transparent; border-radius:none; padding:1px 0 0 0; letter-spacing:0px; outline:none; }
.lnb_link button:hover {color:rgba(255, 255, 255, 1);}
.lnb_link button:disabled, .lnb_link button[disabled="disabled"]:hover {color:#505c73;}

/*버튼 공통사항*/
.lnb_link button::before { content:'';display:inline-block;width: 27px;height: 27px;border-radius:50%;background:rgba(255, 255, 255, 0.1) no-repeat center center;vertical-align:middle;margin-right:5px;/* padding-top:2px; */}
.lnb_link button:hover::before { background-color:rgba(0, 0, 0, 1);}
/*버튼 사이 bar*/
/*.lnb_link li button:after {content:"";background: url(../images/main/img_lnb_link_bar.png) no-repeat; width:1px; height:9px; display:inline-block; vertical-align:top; margin-left:9px; margin-top:4px;}*/
.lnb_link li.none button:after, .lnb_link li:last-child button:after {background: none; width:0; margin:0;}

/*SMS 버튼*/
.lnb_link .lnb_sms::before {background: url(../images/main/btn_TF_lnb_sms.png) no-repeat; }
.lnb_link .lnb_sms[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_sms_dis.png) no-repeat;}
/*message 버튼*/
.lnb_link .lnb_msg::before {background-image: url(../images/new/new_icon_msg.png); }
.lnb_link .lnb_msg[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_msg_dis.png) no-repeat;}
/*message 버튼 알람이 왔을경우*/
.lnb_link .lnb_msg_alarm, .lnb_link .lnb_msg_alarm:hover {color:#3d85cc;}
.lnb_link .lnb_msg_alarm:before {background-image: url(../images/main/btn_TF_lnb_msg_alram.png); }
/* .lnb_link .lnb_msg_alarm:hover:before {background:url(../images/main/btn_TF_lnb_msg_alram.png) no-repeat;} */
.lnb_link .lnb_msg_alarm[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_msg_dis.png) no-repeat;}
/*Memo 버튼*/
.lnb_link .lnb_memo:before {background-image: url(../images/new/new_icon_memo.png); }
.lnb_link .lnb_memo[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_memo_dis.png) no-repeat;}
/*LiveChat 버튼*/
.lnb_link .lnb_livechat:before {content:"";background: url(../images/main/btn_TF_lnb_livechat.png) no-repeat; width:14px; height:17px;}
.lnb_link .lnb_livechat:hover:before {background:url(../images/main/btn_TF_lnb_livechat_over.png) no-repeat;}
.lnb_link .lnb_livechat[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_livechat_dis.png) no-repeat;}
/*E-mail 버튼*/
.lnb_link .lnb_mail:before {content:"";background: url(../images/main/btn_TF_lnb_mail.png) no-repeat; width:17px; height:17px;}
.lnb_link .lnb_mail:hover:before {background:url(../images/main/btn_TF_lnb_mail_over.png) no-repeat;}
.lnb_link .lnb_mail[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_mail_dis.png) no-repeat;}
/*BlackCS 버튼*/
.lnb_link .lnb_BlackCS:before {content:"";background: url(../images/main/btn_TF_lnb_BlackCS.png) no-repeat; width:14px; height:17px;}
.lnb_link .lnb_BlackCS:hover:before {background:url(../images/main/btn_TF_lnb_BlackCS_over.png) no-repeat;}
.lnb_link .lnb_BlackCS[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_BlackCS_dis.png) no-repeat;}
/*IVR정보 버튼*/
.lnb_link .lnb_ivr:before {content:"";background: url(../images/main/btn_TF_lnb_ivr.png) no-repeat; width:11px; height:17px;}
.lnb_link .lnb_ivr:hover:before {background:url(../images/main/btn_TF_lnb_ivr_over.png) no-repeat;}
.lnb_link .lnb_ivr[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_ivr_dis.png) no-repeat;}
/*CTI Stat 버튼*/
.lnb_link .lnb_stat:before {content:"";background: url(../images/main/btn_TF_lnb_stat.png) no-repeat; width:16px; height:17px;}
.lnb_link .lnb_stat:hover:before {background:url(../images/main/btn_TF_lnb_stat_over.png) no-repeat;}
.lnb_link .lnb_stat[disabled="disabled"]:before {background:url(../images/main/btn_TF_lnb_stat_dis.png) no-repeat;}

/*CTI 메세지 관련 영역*/
.utilization {position:absolute; top:6px;left:102px;}

.utilization input~input {margin-left:-3px; -webkit-margin-left:-2px;}/*input끼리의 간격조정*/
.utilization input {border:0px none !important; border-radius:10px; height:18px; color:#333; vertical-align:top; line-height:14px;}
.utilization input.ivrtit {background:#ededed; border-radius:10px 0 0 10px; color:#266299; padding-left:10px;}
.utilization input.ivrmsg {background:#ededed; border-radius:0 10px 10px 0; margin-left:-5px;}
.utilization input.ctinum {background:#d3dee6; font-size:13px; text-align:center;}


/** CTI iFrame  **/
/* 2020_DEV_DESIGN 위치조정 top:0px; -> top:25px;*/
/* .aside_cti {position:fixed; top:0px; right:5px; z-index: 10001; width:390px; height:45px; border:0px none;} */
.aside_cti {position:fixed;top: 0px;right: 0px;z-index: 10001;width: 296px;height: 69px;border:0px none;}


/************************************/
/*** menu button ********************/
/************************************/
/* 2020_DEV_DESIGN 위치조정 top:50px; -> top:4px; .menu_seize_btn 삭제*/
/* .menu_seize_btn {position:absolute; left:5px; top:5px; z-index:90;} */
.btn_menu_seize_open {background: url(../images/main/btn_TF_menuopen.png) no-repeat; width:54px; height:12px; outline:none; margin: 6px 0 0 6px;}
.btn_menu_seize_open:hover {background: url(../images/main/btn_TF_menuopen_over.png) no-repeat;}
.btn_menu_seize_open:disabled {background: url(../images/main/btn_TF_menuopen_dis.png) no-repeat;}
.btn_menu_seize_open:after{content:"";background: url(../images/main/img_TF_menuopenbar.png) no-repeat; width: 1px; height: 12px; display: block; vertical-align: middle; position:absolute; left:66px; top:6px}

/************************************/
/*** main_Left *********************/
/************************************/
/*LF open button Area for SEIZE*/
.left_side_seize_btn {position:absolute; left:0; top:50%; z-index:90;}

/*LF open button*/
.btn_LF_seize_open {background: url(../images/main/main.png) no-repeat -580px -154px; width:13px; height:80px; font-size:0;}
.btn_LF_seize_open:hover {background:url(../images/main/main.png) no-repeat -609px -153px;}
.btn_LF_seize_open:disabled {background:url(../images/main/main.png) no-repeat -640px -154px;}

/*LF clo button Area for SEIZE*/
.left_side_btn_seize_clo {position:absolute; left:7px; top:45%; width:13px; z-index:100;}
/*LF clo button*/
.btn_LF_seize_clo {background: url(../images/main/main.png) no-repeat -480px -154px; width:13px; height:80px; font-size:0;}
.btn_LF_seize_clo:hover {background:url(../images/main/main.png) no-repeat -510px -154px;}
.btn_LF_seize_clo:disabled {background:url(../images/main/main.png) no-repeat -540px -154px;}

/************************************/
/*** main_Right *********************/
/************************************/

/*RF open button Area*/
.right_side_btn {position:absolute; right:0; top:50%; z-index:90;}
/*RF open button*/
.btn_RF_open {background: url(../images/main/main.png) no-repeat -113px -154px; width:20px; height:80px; font-size:0;}
.btn_RF_open:hover {background:url(../images/main/main.png) no-repeat -143px -154px;}
.btn_RF_open:disabled {background:url(../images/main/main.png) no-repeat -173px -154px;}

/*RF clo button Area*/
.right_side_btn_clo {position:absolute; left:0; top:45%; width:20px; z-index:100;}
/*RF clo button*/
.btn_RF_clo {background: url(../images/main/main.png) no-repeat -203px -154px; width:20px; height:80px; font-size:0;}
.btn_RF_clo:hover {background:url(../images/main/main.png) no-repeat -233px -154px;}
.btn_RF_clo:disabled {background:url(../images/main/main.png) no-repeat -263px -154px;}

/*RF Area*/
.RightFrameArea {position:absolute; top:100px; bottom:29px; right:0; width:959px; z-index: 90;}
.RightFrameArea iframe{width:100%; height:100%; z-index: 90; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}


/*RF open button Area for SEIZE*/
.right_side_seize_btn {position:absolute; right:0; top:50%; z-index:90;}
/*RF open button*/
.btn_RF_seize_open {background: url(../images/main/main.png) no-repeat -430px -154px; width:13px; height:80px; font-size:0;}
.btn_RF_seize_open:hover {background:url(../images/main/main.png) no-repeat -400px -154px;}
.btn_RF_seize_open:disabled {background:url(../images/main/main.png) no-repeat -460px -154px;}

/*RF clo button Area for SEIZE*/
.right_side_btn_seize_clo {position:absolute; left:7px; top:45%; width:13px; z-index:100;}
/*RF clo button*/
.btn_RF_seize_clo {background: url(../images/main/main.png) no-repeat -520px -154px; width:13px; height:80px; font-size:0;}
.btn_RF_seize_clo:hover {background:url(../images/main/main.png) no-repeat -490px -154px;}
.btn_RF_seize_clo:disabled {background:url(../images/main/main.png) no-repeat -550px -154px;}

/******RightFrame 영역******/
.RightFrame {position:absolute; left:20px; top:0; bottom:0; width:940px; border-left:1px solid #a2c5db; background-color:#fafafa; z-index:100;}
/**타이틀영역**/
.RF_tit {border-bottom:1px solid #475266; width:100%; float:left;}
.RF_tit li.tit {color:#475266; font-size:15px; height:26px; padding-left:4px; float:left;}
/*새로고침 버튼*/
.RF_refresh:before {
    content: "";
    display: block;
    background: url(../images/common/comm_DB.png) no-repeat 0 -62px;
    width: 12px;
    height: 11px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 1px;
}
.RF_refresh:before:hover {background: url(../images/common/comm_DB.png) no-repeat 0 -62px;}
.RF_refresh:before:disabled {background: url(../images/common/comm_DB.png) no-repeat 0 -83x;}

/*** 2020_DEV_DESIGN 배경색수정 ***/
.btn_RF_refresh {
    background: #394373;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 0;
    border: 0px none;
}

.btn_RF_refresh:hover {
    border-radius: 20px;
    background: #2e5299;
    border: 0px none;
}

.btn_RF_refresh:disabled {
    border-radius: 20px;
    background: #b8bfcc;
    border: 0px none;
}

.btn_RF_refresh_orange {
    background: #f7a966;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 0;
    border: 0px none;
}

.btn_RF_refresh_orange:hover {
    border-radius: 20px;
    background: #ce6c05;
    border: 0px none;
}

.btn_RF_refresh_orange:disabled {
    border-radius: 20px;
    background: #a4a4a5;
    border: 0px none;
}


/***Right Frame Grid table***/
table.RF_grid {width:100%;}
table.RF_grid th, table.RF_grid td {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}  
table.RF_grid th {background:transparent; border-bottom:1px solid #c0c5cd; text-align:center; color:#333; height:24px; padding: 0 0 2px 0; -webkit-padding-after:1px; -webkit-padding-before:0px;}
table.RF_grid td {text-align:center; color:#4d4d4d; height:21px; cursor:pointer;}
/*첫줄 top 여백*/
table.RF_grid tr.first td {padding-top:6px; padding-bottom:3px;}
/*hover 할때 컬러변경*/
table.RF_grid tr:hover td {color:#f57d17 !important;}

/*나의실적chart*/
div.RF_chart {width:100%; height:250px; clear:both; padding-top:10px; padding-bottom:10px;}
/*사이트링크selectbox*/
.RF_select {border:2px solid #a2c5db; border-radius:3px; height:24px; color:#363e4d;}

/************************************/
/*** main_contents *******************/
/************************************/
#content {position:absolute; /* top: 108px; */top:99px; left:0px; right:0px; /* bottom: 37px; */ bottom:29px; margin:0px; padding:0px; z-index: 9; overflow: hidden; background-color:#fff; border:0px none;}
.main {float:left; position: relative;}


/************************************/
/*** main_footer ********************/
/************************************/    /*** 2020_DEV_DESIGN 코멘트 ***/
footer {position:absolute; bottom:0px; right:0px; left:0px; height:29px; background-color: #fff; border-top:1px solid #c4c8cc; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
footer button {outline:none;}

/******form버튼영역******/
.box_formicon {position:relative; left:0; top:7px;}

.box_formicon li {padding-left:10px; float:left;}
/*영역마지막에 bar 이미지*/
.box_formicon li:last-child:after {content:"";background: url(../images/main/img_box_formicon_bar.png) no-repeat; width:1px; height:16px; display:inline-block; vertical-align:top; margin-left:10px; margin-top:-1px;}

.box_formicon a {color:#62718c;}
.box_formicon a:visited {color:#62718c;}
.box_formicon a:hover, .box_formicon a:active {color:#3d6dcc;}
/*팝업으로열기 버튼*/
.formico01:before {content:""; background: url(../images/main/btn_box_formicon_open.png) no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle; margin-right:7px; padding-top:3px;}
/*전체닫기 버튼*/
.formico02:before {content:""; background: url(../images/main/btn_box_formicon_clo.png) no-repeat; width:16px; height:14px; display:inline-block; vertical-align:middle; margin-right:3px; padding-top:3px;}                   


/******taskContainer 영역******/     /*** 2020_DEV_DESIGN 코멘트 ***/
/*#taskContainer {position:absolute; top:4px; left:155px; right:147px;}*/
#taskContainer {position: absolute; left: 152px; right:57px; bottom:3px; overflow:hidden;}
/*tab default*/
#taskContainer span.caption {background-color: #cbcfd6;border-radius: 15px;/* border:1px solid #cbcfd6; */display:block;width:130px;height:21px;/*margin-right:5px;*/margin-right:3px;cursor:pointer;overflow:hidden;}
#taskContainer span.caption .text {display:inline-block; color:#828999; line-height:14px; width:113px; padding-left:9px; padding-bottom:3px; padding-top:1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#taskContainer span.caption .close { transition:all 0.2s; background: url(../images/new/new_close_b.png) no-repeat; width:8px; height:8px; font-size:0; float:right; margin-top:6px; margin-right:6px; cursor:pointer;}
#taskContainer span.caption .close:hover {transform:rotate(90deg);}
/*tab default*/
#taskContainer .inactive span.caption {background-color:#cbcfd6; display:block; width:130px; height:21px; /*margin-right:5px;*/ margin-right:3px; cursor:pointer;}
#taskContainer .inactive span.caption .text {display:inline-block; color:#828999; line-height:14px; padding-left:9px; padding-bottom:3px;}
#taskContainer .inactive span.caption .close {transition:all 0.2s;background: url(../images/new/new_close_b.png) no-repeat; width:8px; height:8px; font-size:0; float:right; margin-top:6px; margin-right:6px; cursor:pointer;}
#taskContainer .inactive span.caption .close:hover {transform:rotate(90deg);}
/*tab active*/
#taskContainer .active span.caption {background:#003366; }
#taskContainer .active span.caption .text {color:#ffffff;}
#taskContainer .active span.caption .close {transition:all 0.2s; background: url(../images/new/new_close_w.png) no-repeat;}
#taskContainer .active span.caption .close:hover {transform:rotate(90deg);}
/*tab :hover*/
#taskContainer .inactive span.caption:hover {background:#003366;}
#taskContainer .inactive span.caption:hover .text {color:#ffffff;}
#taskContainer .inactive span.caption:hover .close {transition:all 0.2s;background: url(../images/new/new_close_w.png) no-repeat;}
#taskContainer .inactive span.caption:hover .close:hover {transform:rotate(90deg);}
/*tab active:hover*/
#taskContainer .active span.caption:hover {background:#003366;}
#taskContainer .active span.caption:hover .text {color:#ffffff;}
#taskContainer .active span.caption:hover .close {transition:all 0.2s;background: url(../images/new/new_close_w.png) no-repeat;}
#taskContainer .active span.caption:hover .close:hover {background:transform:rotate(90deg);}


/******tab 이동버튼 영역******/     /*** 2020_DEV_DESIGN 코멘트 ***/
.tabbtn {position:absolute; top:7px; right:48px;} /*미사용시 right:6px*/
/*왼쪽으로 이동 버튼*/
.btn_tabL {background: url(../images/main/btn_tabF_tabL.png) no-repeat; width:7px; height:14px; font-size:0; margin-top:0px;}
.btn_tabL:hover {background: url(../images/main/btn_tabF_tabL_over.png) no-repeat;}
.btn_tabL:disabled {background: url(../images/main/btn_tabF_tabL_dis.png) no-repeat;}
/*오른쪽으로 이동 버튼*/
.btn_tabR {background: url(../images/main/btn_tabF_tabR.png) no-repeat; width:7px; height:14px; font-size:0; margin-top:0px; margin-left:6px;}
.btn_tabR:hover {background: url(../images/main/btn_tabF_tabR_over.png) no-repeat;}
.btn_tabR:disabled {background: url(../images/main/btn_tabF_tabR_dis.png) no-repeat;}

/******traybutton 영역******/   /*** 2020_DEV_DESIGN 코멘트 ***/
.traybtn {position:absolute; top:2px; right:12px;}
/* bar 표시*/
.traybtn:before {content:""; background: url(../images/main/img_traybtn_bar.png) no-repeat; width:4px; height:19px; display:inline-block; vertical-align:top; margin-top:2px; -webkit-margin-right:3px;}
.traybtn button {margin-top:4px; margin-left:4px;}
/*약속버튼*/   /*2020사용안함*/
.traybtn01 {background: url(../images/main/main.png) no-repeat -1px -155px; width:16px; height:17px; font-size:0;}
.traybtn01:hover {background: url(../images/main/main.png) no-repeat -1px -185px;}
.traybtn01:disabled {background: url(../images/main/main.png) no-repeat -1px -215px;}
/*결재버튼*/   /*2020사용안함*/
.traybtn02 {background: url(../images/main/main.png) no-repeat -27px -157px; width:16px; height:15px; font-size:0;}
.traybtn02:hover {background: url(../images/main/main.png) no-repeat -27px -187px;}
.traybtn02:disabled {background: url(../images/main/main.png) no-repeat -27px -217px;}
/*취소버튼*/   /*2020사용안함*/
.traybtn03 {background: url(../images/main/main.png) no-repeat -53px -154px; width:16px; height:18px; font-size:0;}
.traybtn03:hover {background: url(../images/main/main.png) no-repeat -53px -184px;}
.traybtn03:disabled {background: url(../images/main/main.png) no-repeat -53px -214px;}
/*입금/송금*/   /*2020사용안함*/
.traybtn04 {background: url(../images/main/main.png) no-repeat -299px -155px; width:16px; height:17px; font-size:0;}
.traybtn04:hover {background: url(../images/main/main.png) no-repeat -299px -185px;}
.traybtn04:disabled {background: url(../images/main/main.png) no-repeat -299px -215px;}
.traybtn04_alarm {background: url(../images/main/main.png) no-repeat -299px -185px; width:16px; height:17px; font-size:0;}
/*주문내역*/   /*2020사용안함*/
.traybtn05 {background: url(../images/main/main.png) no-repeat -325px -155px; width:18px; height:17px; font-size:0;}
.traybtn05:hover {background: url(../images/main/main.png) no-repeat -325px -185px;}
.traybtn05:disabled {background: url(../images/main/main.png) no-repeat -325px -215px;}
.traybtn05_alarm {background: url(../images/main/main.png) no-repeat -325px -185px; width:18px; height:17px; font-size:0;}
/*통화예약/콜백*/
.traybtn06 {background: url(../images/main/btn_tabF_ALRM.png) no-repeat; width:16px; height:16px; font-size:0;}
.traybtn06:hover {background: url(../images/main/btn_tabF_ALRM_over.png) no-repeat;}
.traybtn06:disabled {background: url(../images/main/btn_tabF_ALRM_dis.png) no-repeat;}
.traybtn06_alarm {background: url(../images/main/btn_tabF_ALRM.png) no-repeat; width:16px; height:16px; font-size:0;}


/******iframe******/
iframe.mdiFrame {border: 0px; padding: 0px; margin: 0px; position: absolute; z-index: 10; left: 0px; top: 0px; width: 100%; height: 100%;}
iframe.menuFrame {border: 0px; padding: 0px; margin: 0px; position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%;}
.loginFrame {position:absolute; top: 0px; left: 0px; width:100%; height:100%; z-index:999999; background-color:#fff;}
.wallboardFrame {position:absolute; top: 0px; left: 0px; width:100%; height:100%; z-index:999999; background-color:#000; allowTransparency:true;}

/************************************/
/*** CTI 이석popup ******************/
/************************************/    /*** 2020_DEV_DESIGN 이석팝업box 추가 ***/

/*** LayerPopup *********************/
.LayerPop_CTI {
    position: absolute;
    z-index: 99990;
    border: 1px solid #394373;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 6px #bfbfbf;
}
/******* Title bar area properties *******/
.LayerPop_CTI .LP_header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
    color: #fff;
    background: #394373;
}
/* Title name */
.LayerPop_CTI .LP_header span.title {
    height: 30px;
    line-height: 26px;
    padding-left: 10px;
    display: inline-block;
}
/* 팝업 contents 영역 */
.LP_CTIcont {position:absolute; top:30px; left:0; right:0; bottom:0; background-color:#fff; border-radius: 0 0 4px 4px;}
.LP_CTIcont ul {display:flex;}
.LP_CTIcont li {float:left; width:101px; height:86px; text-align:center; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
/* 마지막 lline 없애기*/
.LP_CTIcont li:nth-child(4) {border-right:0 none;}

/******이석 버튼 공통속성******/
.LP_CTIcont button {width:80px; height:74px; background: transparent; border-radius:0; font-size:14px; color:#666; text-align:center; letter-spacing:0; padding:0; margin-top:3px; outline:none;}
.LP_CTIcont button:hover {color:#3d6dcc;}
.LP_CTIcont button:disabled {color:#999;}
/******이석 버튼 공통속성******/
.LP_CTIcont button:before {height:43px; display:block; vertical-align:top; margin:0 auto; padding-top:0; margin-bottom:16px;}

/*회의 버튼*/
.btn_cti_state08:before {content:""; background:url(../images/main/btn_TF_ctipop_meet.png) no-repeat; width:48px;}
.btn_cti_state08:hover:before {background:url(../images/main/btn_TF_ctipop_meet_over.png) no-repeat;}
.btn_cti_state08[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_meet_dis.png) no-repeat;}
/*타업무 버튼*/
.btn_cti_state01:before {content:""; background:url(../images/main/btn_TF_ctipop_work.png) no-repeat; width:34px;}
.btn_cti_state01:hover:before {background:url(../images/main/btn_TF_ctipop_work_over.png) no-repeat;}
.btn_cti_state01[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_work_dis.png) no-repeat;}
/*식사 버튼*/
.btn_cti_state03:before {content:""; background:url(../images/main/btn_TF_ctipop_meal.png) no-repeat; width:46px;}
.btn_cti_state03:hover:before {background:url(../images/main/btn_TF_ctipop_meal_over.png) no-repeat;}
.btn_cti_state03[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_meal_dis.png) no-repeat;}
/*휴식 버튼*/
.btn_cti_state09:before {content:""; background:url(../images/main/btn_TF_ctipop_empt.png) no-repeat; width:48px;}
.btn_cti_state09:hover:before {background:url(../images/main/btn_TF_ctipop_empt_over.png) no-repeat;}
.btn_cti_state09[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_empt_dis.png) no-repeat;}
/*이석 버튼*/
.btn_cti_state07:before {content:""; background:url(../images/main/btn_TF_ctipop_toilet.png) no-repeat; width:34px;}
.btn_cti_state07:hover:before {background:url(../images/main/btn_TF_ctipop_toilet_over.png) no-repeat;}
.btn_cti_state07[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_toilet_dis.png) no-repeat;}
/*인터넷 버튼*/ 
.btn_cti_state04:before {content:""; background:url(../images/main/btn_TF_ctipop_internet.png) no-repeat; width:48px;}
.btn_cti_state04:hover:before {background:url(../images/main/btn_TF_ctipop_internet_over.png) no-repeat;}
.btn_cti_state04[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_internet_dis.png) no-repeat;}
/*방문 버튼*/ 
.btn_cti_state05:before {content:""; background:url(../images/main/btn_TF_ctipop_visit.png) no-repeat; width:44px;}
.btn_cti_state05:hover:before {background:url(../images/main/btn_TF_ctipop_visit_over.png) no-repeat;}
.btn_cti_state05[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_visit_dis.png) no-repeat;}
/*교육 버튼*/ 
.btn_cti_state06:before {content:""; background:url(../images/main/btn_TF_ctipop_edu.png) no-repeat; width:40px;}
.btn_cti_state06:hover:before {background:url(../images/main/btn_TF_ctipop_edu_over.png) no-repeat;}
.btn_cti_state06[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_edu_dis.png) no-repeat;}

/*이석 버튼*/ /*** 2020_DEV_DESIGN 사용안함 ***/
.btn_cti_state02:before {content:""; background:url(../images/main/btn_TF_ctipop_empt.png) no-repeat; width:48px;}
.btn_cti_state02:hover:before {background:url(../images/main/btn_TF_ctipop_empt_over.png) no-repeat;}
.btn_cti_state02[disabled="disabled"]:before {background:url(../images/main/btn_TF_ctipop_empt_dis.png) no-repeat;}



::-webkit-input-placeholder { color: #c0c0c0; font-weight: lighter; text-align:left; } /* WebKit browsers */
:-moz-placeholder {/* Firefox 18- */ color: #c0c0c0; font-weight: lighter; text-align:left; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {/* Firefox 19+ */ color: #c0c0c0; font-weight: lighter; text-align:left; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #c0c0c0; font-weight: lighter; text-align:left; } /* Internet Explorer 10+ */
*:disabled::-webkit-input-placeholder { color:#fff; } /* WebKit browsers */
*:disabled:-moz-placeholder { color:#fff; } /* Mozilla Firefox 4 to 18 */
*:disabled::-moz-placeholder { color:#fff; } /* Mozilla Firefox 19+ */
*:disabled:-ms-input-placeholder { color:#fff; } /* Internet Explorer 10+ */

/************************************/
/*** Navigator ********************/
/************************************/
#DIV_NAV_MENU {background:url(../images/main/line_menu.png) repeat-y 200px 0;}
#DIV_NAV_MENU .etcMenu{position:absolute;}
#DIV_NAV_MENU #menu{margin-left:200px; height:100%; overflow:auto;}
#DIV_NAV_MENU #history .menuTopItem{background:url(../images/main/line_menu.png) repeat-x 0 bottom;}

.menuTopItem:last-child{padding-bottom:20px;}
.menuTopItem > h5.menuTitle{color:#797878; font-size:13px; display:inline-block; width:calc(100% - 13px); text-transform: uppercase; margin:15px 0 10px 13px; font-weight:normal;}
.menuTopItem > h5.menuTitle:before{bgackground:none; content:""; width:0; height:0;}
.menuTopItem{width:200px; float:left;}
.menuTopItem:first-child{clear:both; float:left;}
.menuLine{display:block;}
.menuItem > a.menuTitle{display:inline-block; width:100%; cursor:pointer; background-image:url(../images/common/icon_nav.png); background-repeat:no-repeat; background-position-y:50%; padding:8px 10px 8px 44px;}
.menuItem.menuTypeB > a.menuTitle{background-image:url(../images/common/icon_navli.png); background-repeat:no-repeat; background-position-y:50%; padding:8px 10px 8px 44px;}
.menuItem > a.menuTitle span{padding-right:10px; width:100%; display:inline-block; color:#333}
.menuItem > a.menuTitle:hover{background-color:transparent;}
.menuItem > a.menuTitle:hover span{background-color:transparent; color: #de6a06;}
/* .menuItem > a.menuTitle:hover{background-color:#e4e7ea;} */
/* .menuItem > a.menuTitle:hover span{background-color:#e4e7ea;} */

.menuTypeM > a.menuTitle span{background: url(../images/common/icon_navon.png) no-repeat right 50%; font-weight:normal; color:#043b72;}

.menuItemHide > a.menuTitle span{background:transparent url(../images/common/icon_navgo.png) no-repeat right 50%; font-weight:normal; color:#34567c;}
/* .menuItemHide > a.menuTitle span{background:#f5f6f7 url(../images/common/icon_navgo.png) no-repeat right 50%; font-weight:bold; color:#34567c;} */
.menuItem.menuItemHide > .menuItems{display:none;}

.favoritesTopItem:last-child{padding-bottom:20px;}
.favoritesTopItem > h5.menuTitle{color:#959595; font-size:14px; display:inline-block; width:calc(100% - 13px); text-transform: uppercase; margin:15px 0 10px 13px; font-weight:bold;}
.favoritesTopItem > h5.menuTitle:before{bgackground:none; content:""; width:0; height:0;}
.favoritesTopItem{width:180px; float:left;}
.favoritesTopItem:first-child{clear:both; float:left;}

/* 2020.06.05 eunji.jang 좌우이동버튼 추가 */
#btnLeft {
	background: url(../images/common/btn_prevdis.png) no-repeat left;
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px;
	margin-top:0px;
	font-size:0;
	border:0;
	outline:0;
	visibility:hidden;
}
#btnLeft:hover { background: url(../images/common/btn_prevsel.png) no-repeat left; }

#btnRight {
	background: url(../images/common/btn_nextdis.png) no-repeat right;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 10px;
	margin-top:0px;
	font-size:0;
	border:0;
	outline:0;
	visibility:hidden;
}
#btnRight:hover { background: url(../images/common/btn_nextsel.png) no-repeat right; }

/************************************/
/*** Rolling Text *******************/
/************************************/
.lnb_rolling_text_area {position:absolute; top:0px; left:260px; z-index:1; right:320px; height:20px;}
.lnb_rolling_text {
    height: 100%;  
    overflow: hidden;
    position: relative;
}
.lnb_rolling_text span {
    font-size: 12px;
/*  font-weight: bold; */
    top: 5px;
    color: #000000;
    position: absolute;
    white-space : nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);    
    transform:translateX(100%);
    /* Apply animation to this element */  
    -moz-animation: lnb_rolling_text 15s linear infinite;
    -webkit-animation: lnb_rolling_text 15s linear infinite;
    animation: lnb_rolling_text 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes lnb_rolling_text {
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes lnb_rolling_text {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}
@keyframes lnb_rolling_text {
    0%   { 
        -moz-transform: translateX(100%); /* Firefox bug fix */
        -webkit-transform: translateX(100%); /* Firefox bug fix */
        transform: translateX(100%);       
     }
    100% { 
        -moz-transform: translateX(-100%); /* Firefox bug fix */
        -webkit-transform: translateX(-100%); /* Firefox bug fix */
        transform: translateX(-100%); 
    }
}
/*** 2020_DEV_DESIGN 코멘트 ***/
/*공통속성*/
div[class*="notification-typ"] {width: 240px; height: 48px; cursor: pointer; border-width: 0; margin-bottom:2px;}
div[class*="notification-typ"] h3{color: #fff; font-size: 11px; height: 20px; padding: 3px 0 0 21px;}
div[class*="notification-typ"] p{width: 100%; color: #333; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 2px 0 0 9px;}
/** 개별속성**/
/* darkblue */
.notification-typ1 {background: url(../images/main/img_alram_typ1.png) no-repeat;}

/* skyblue */
.notification-typ2 {background: url(../images/main/img_alram_typ2.png) no-repeat;}

/* orange */
.notification-typ3 {background: url(../images/main/img_alram_typ3.png) no-repeat;}

/* mint */
.notification-typ4 {background: url(../images/main/img_alram_typ4.png) no-repeat;}

/* purple */
.notification-typ5 {background: url(../images/main/img_alram_typ5.png) no-repeat;}