@charset "UTF-8";
/* -- 해당 샘플은  전자평가 정보시스템을 위해 작성된 페이지입니다.  -- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------S: 2018.10.11 퍼블리셔 박현미 작성*/ 
/* skip navigation */
.tess_skipnav a { position: absolute; top: -9999em; width: 100%; background: #06474a; font: bold 1.5em; text-align: center; font-weight: bold; z-index: 9999; }
.tess_skipnav a:hover, .tess_skipnav a:active, .tess_skipnav a:focus { padding: 12px 0; top: 0; color: #fff; }

/* -- end : common -- */
.tess_mainWrap{min-width:1900px;}
/* 신규 add 작업 추가 */
.tess_main{background-color:#f2f5f8}
.tess_main .tess_content-wrap #content{padding:0;background:none;}

#login{position:fixed;top:0;left:0;right:0;bottom:0}

#header { position: relative; padding-top: 7px; background:#fff;}
#header h1 { display: inline-block; padding: 10px 0 15px 20px; }
#header .tess_eyebrow { position: absolute; top: 20px; right: 0; }
#header .tess_eyebrow ul { font-size: 0; display:inline-block; margin-right:20px;}
#header .tess_eyebrow li { display: inline-block; position: relative; padding-left: 10px; border-right:1px solid #999; padding:0 15px;}
#header .tess_eyebrow li.tess_username { padding-left: 19px; font-weight: 700; border-right:none; margin-right:8px;}
#header .tess_eyebrow li.tess_username a { font-size: 14px; font-weight: bold; }
#header .tess_eyebrow li.tess_username:before { display: inline-block; content: ''; position: absolute; top: -1px; left:2px; width: 14px; height: 16px; background: url(../images/icon_user.png) no-repeat 50% 50%; }
#header .tess_eyebrow li:last-child{border-right:none;}
#header .tess_eyebrow span{margin-right:20px;}
#header .tess_eyebrow .tess_link-item { font-size: 13px; color: #3c4451; }
#header .tess_eyebrow .tess_logout{text-decoration:none !important;background: url(/html/common/images/logout_btn.png) no-repeat left 12px center #4286b5;padding: 8px 15px 8px 28px;position: relative;top: 3px;}
#header .tess_gnb-wrap { position: relative; height: 60px; color: #888; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
#header .tess_gnb-wrap #gnb { text-align: center; }
#header .tess_gnb-wrap #gnb a { position: relative; }
#header .tess_gnb-wrap #gnb a:hover{color:#4286b5; font-weight:bold;}
#header .tess_gnb-wrap #gnb a:hover, #header .tess_gnb-wrap #gnb .tess_on a { text-decoration: none; }
#header .tess_gnb-wrap #gnb a:hover:after, #header .tess_gnb-wrap #gnb .tess_on a:after { display: block; }
#header .tess_gnb-wrap #gnb > li { display: inline-block; padding: 0 15px; }
#header .tess_gnb-wrap #gnb > li > a { display: block; font-size: 16px; height: 60px; padding: 0 30px; line-height: 58px;}
#header .tess_gnb-wrap .tess_gnb-menu-side { position: absolute; font-size: 16px; font-weight: bold; top: 0; right: 0; width: 225px; height: 60px; line-height: 58px; text-align: center; display: block; background-color: #3c4451; }
#header .tess_gnb-wrap .tess_gnb-menu-side i { margin-right: 10px; font-size: 22px; font-weight: 400; vertical-align: middle; margin-top: -3px; display: inline-block; }
#header .tess_gnb-wrap .tess_gnb-menu-side:hover { text-decoration: none; color: #5ed8e7; }
#header .tess_gnb-wrap #gnb .tess_on{color:#4286b5; font-weight:bold;}
#header .tess_eyebrow .tess_manual{text-decoration:none !important;background: no-repeat left 12px center #4286b5;padding: 8px 15px 8px 15px;position: relative;top: 3px;}

/* 신규 add css 추가 */
.tess_content-wrap {display:flex;}
.tess_page #header{border-bottom:1px solid #ddd;}
.tess_page #header h1{padding-left:50px;}

.tess_container:after { display: table; content: ''; clear: both; }
/* 신규 add css 수정 */
.tess_content-wrap .tess_aside { min-width: 218px; background-color: #fff; display: table-cell; vertical-align: top;}
.tess_content-wrap .tess_aside h2 { background-color: #5f7aa5; }
.tess_content-wrap .tess_aside .tess_header h2 { height: 76px; line-height: 76px; color: #fff; font-size: 22px; text-align: center; }
.tess_content-wrap .tess_aside .tess_left-menu { padding:0 0 30px;}
.tess_content-wrap .tess_aside .tess_left-menu > ul a:hover { text-decoration: none; font-weight: bold; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li { position: relative;padding:8px 0;border-bottom:1px solid #eef2f5 }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > a { position: relative; font-size: 16px; color: #3d4552; display: block; padding: 7px 20px 7px 40px; line-height: 1.1; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > a.tess_lnb-link:after { position: absolute; top: 50%; margin-top: -12px; left: 24px; font-family: "tanaicon" !important; speak: none; font-size: 20px; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: '\eb5f'; }
/* 서브페이지 레프트 라인
.tess_content-wrap .tess_aside .tess_left-menu > ul > li.tess_on:before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;background:#004e99;}
*/
.tess_content-wrap .tess_aside .tess_left-menu > ul > li.tess_on > a { font-weight: bold; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li.tess_on > a.tess_lnb-link:after { content: '\eb61';left: 20px;margin-top: -10px; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul { display: none; padding: 0 20px; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li.tess_on > a { color: #4286b5; font-weight: bold; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > a {position:relative; display:block; font-size: 15px; padding: 6px 0 5px 20px; line-height: 1.1; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > a:hover { color: #4286b5; }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > a:before { position:absolute;top:50%;margin-top:-5px;left:2px;font-family: "tanaicon" !important; speak: none;font-size:6px;line-height:10px;  }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li.tess_on > a:before { content: '\eb6a';display: block;  }
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > a.tess_lnb-link:after{position:absolute;top:50%;margin-top:-7px;right:0px;font-family: "tanaicon" !important; speak: none;font-size:12px;font-weight: normal;content: '\eada';color:#aaafb7}
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li.tess_on > a.tess_lnb-link:after{content: '\eadb';color:#4286b5;font-weight: normal;}
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > ul{ display: none;padding: 0 0 0 20px;}
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > ul a{padding: 5px 0;}
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > ul a:before{content:'-';padding-right:5px;}
.tess_content-wrap .tess_aside .tess_left-menu > ul > li > ul > li > ul li.tess_on a{color: #4286b5; font-weight: bold;}
/* .tess_content-wrap #content .tess_header h2 { height: 76px; line-height: 76px; color: #3c4451; font-size: 22px; font-weight: bold; } */
.tess_content-wrap #content .tess_header h2 { height: 90px; line-height: 76px; color: #3c4451; font-size: 22px; font-weight: bold; }
.tess_content-wrap #content .tess_header h2 .tess_btn-head{margin-top:-4px;}
.tess_content-wrap #content .tess_header{position:relative;}
.tess_content-wrap #content .tess_header .tess_popup_nav{position:absolute;top:13px;right:0;}
.tess_content-wrap #content .tess_header .tess_right_btn{position:absolute;bottom:5px;right:0;}
.tess_header .tess_header_ttl { color: #3c4451; font-size: 22px; font-weight: bold; } /* title css 추가 SWIT.2019.01.11.JJE */
.tess_left-side { float: left; position: relative; padding: 10px; margin-right: 20px; -webkit-transition: 0.2s; transition: 0.2s; }
.tess_left-side .tess_menu-wrap { overflow: hidden; width: 390px; -webkit-transition: 0.2s; transition: 0.2s; }
.tess_left-side .tess_menu-wrap li { padding: 10px 0; }
.tess_left-side .tess_menu-wrap li.tess_plus > [class*="-item"]:before { background: url(../images/ico_minus.png) no-repeat 0 50%; }
.tess_left-side .tess_menu-wrap .tess_dep1-wrap { width: 390px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.2s; transition: 0.2s; }
.tess_left-side .tess_menu-wrap .tess_dep2-list + .tess_dep2-list { border-top: 1px solid #ededed; }
.tess_left-side .tess_menu-wrap [class*="-item"] { position: relative; padding-left: 30px; }
.tess_left-side .tess_menu-wrap [class*="-item"]:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 14px; background: url(../images/ico_plus.png) no-repeat 0 50%; }
.tess_left-side .tess_menu-wrap .tess_dep2-list { padding-left: 16px; }
.tess_left-side .tess_menu-wrap .tess_dep3-wrap { padding: 10px 0; }
.tess_left-side .tess_menu-wrap .tess_dep3-list { padding: 5px 0 5px 16px; }
.tess_left-side .tess_menu-wrap .tess_dep3-item { padding-left: 0; letter-spacing: -0.45px; }
.tess_left-side .tess_menu-wrap .tess_dep3-item:before { display: none; }
.tess_left-side .tess_menu-wrap .tess_dep3-item:hover .tess_marker { background-color: #c6c6c6; }
.tess_left-side .tess_menu-wrap .tess_dep3-item.tess___selected { color: #1dbdfb; }
.tess_left-side .tess_menu-wrap .tess_dep3-item.tess___selected .tess_marker { background-color: #1dbdfb; }
.tess_left-side .tess_menu-wrap .tess_marker { display: inline-block; width: 60px; padding: 4px 0; margin-right: 5px; text-align: center; color: #fff; background-color: #7b8baa; border-radius: 16px; line-height: 1; }
.tess_left-side .tess_btn-menu { position: absolute; top: 10px; left: -25px; width: 25px; padding: 10px 5px; background-color: #4d5667; color: #fff; word-break: break-all; }
.tess_left-side .tess_btn-menu .tess_open { display: none; }
.tess_left-side .tess_btn-menu .tess_close { display: block; }
.tess_left-side.tess___hide { padding: 0; margin: 0; -webkit-transition: 0.4s; transition: 0.4s; }
.tess_left-side.tess___hide .tess_menu-wrap { width: 0; }
.tess_left-side.tess___hide .tess_menu-wrap .tess_dep1-wrap { width: 390px; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: 0.2s; transition: 0.2s; }
.tess_left-side.tess___hide .tess_open { display: block; opacity: 1; }
.tess_left-side.tess___hide .tess_close { display: none; }

/* 22.11.23 추가 css */
/* 버튼스타일 */
.tess_btn_rud{border:1px solid #4286b5; background-color:#4286b5; border-radius:100px; padding:3px 5px; color:#fff !important;}
/* 서브페이지 */
/* -- 해당 샘플은  전자평가 정보시스템을 위해 작성된 페이지입니다.  -- */