/* 서브 */
#sub {
	background: #fff;
	width: 100%;
	position: relative;
}

#sub #gnbArea {
	width: 60px;
	height: 100%;
	min-height: 925px;
	position: fixed;
	background: #fff;
	z-index: 7;
	box-shadow: 0px 5px 14px 3px rgba(0, 0, 0, 0.15);
}

#sub #gnbArea.on {
	width: 250px;
}

#sub #gnbArea .gnbMenu {
	position: relative;
}
#sub #gnbArea.on .gnbMenu {
	width: 100%;
	height: 100%;
	overflow-y:auto
}
#sub #gnbArea .gnbMenu::-webkit-scrollbar {
	width: 4px;
}

#sub #gnbArea .gnbMenu::-webkit-scrollbar-thumb {
	background-color: #fff;
	border-radius: 4px;
	background-clip: padding-box;
	border: 1px solid transparent;
}

#sub #gnbArea .gnbMenu::-webkit-scrollbar-track {
	background-color: #ccc;
	border-radius: 4px;
	box-shadow: inset 0px 0px 1px white;
}

#sub #gnbArea .gnbMenu::-webkit-scrollbar {
	width: 4px;
}

#sub #gnbArea .gnbTop {
	width: 100%;
	height: 120px;
	background: #0b6cd9;
	text-align: center;
	position: relative
}

#sub #gnbArea .gnbTop .logo {
	height: 45px;
	text-align: center;
	display: none;
	padding: 20px 15px;
}

#sub #gnbArea .gnbTop .logo_s {
	text-align: center;
	display: block;
	padding: 9px 0;
}

#sub #gnbArea .gnbTop .menuControl>a {
	height: 25px;
	display: block;
	font-size: 0;
	width: 100%;
}

#sub #gnbArea .gnbTop .menuControl>a.ctrol_close {
	background: url(/etrs/images/sub/imenu_close.png) no-repeat center center;
}

#sub #gnbArea .gnbTop .menuControl>a.ctrol_open {
	background: url(/etrs/images/sub/imenu_open.png) no-repeat center center;
}

#sub #gnbArea .userArea {
	text-align: center;
	color: #fff;
	display: inline-table;
	padding: 15px 0 10px
}

#sub #gnbArea .userArea .my, #sub #gnbArea .userArea .name {
	display: table-cell;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
}

#sub #gnbArea .userArea .name {
	display: none
}

#sub #gnbArea.on .userArea .my {
	width: 22px;
	background: url(/etrs/images/sub/imenu_my_s.png) no-repeat center center;
	padding-right: 5px;
}

#sub #gnbArea .userArea .my {
	background: url(/etrs/images/sub/imenu_my_s.png) no-repeat center center;
}

#sub #gnbArea .gnbBtn {
	text-align: center;
	width: 100%;
	line-height: 40px;
	background: #2a3e5b;
}

#sub #gnbArea .gnbBtn:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

#sub #gnbArea .gnbBtn>div {
	width: 33%;
	height: 40px;
	float: left
}

#sub #gnbArea .gnbBtn>div+div {
	border-left: 1px solid #404c5e;
}

#sub #gnbArea .gnbBtn>div>a, #sub #gnbArea .gnbBtn_s>div>a {
	color: #fff
}

#sub #gnbArea .gnbBtn_s>a {
	display: block;
	text-align: center;
	width: 100%;
	height: 40px;
	background: #2a3e5b url(/etrs/images/sub/imenu_all.png) no-repeat center
		center;
}

#sub #gnbArea.on .gnbTop .logo {
	display: block
}

#sub #gnbArea.on .gnbTop .logo_s, #sub #gnbArea.on .gnbBtn_s {
	display: none
}

#sub #gnbArea.on .gnbTop .menuControl {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px
}

#sub #gnbArea.on .gnbTop .userArea .name {
	display: block;
}

#sub #gnbArea.on .userArea {
	padding: 0
}

#sub #gnbArea .menu {
	padding-top: 5px;
}

#sub #gnbArea .menu>ul>li>a {
	display: block;
	font-size: 16px;
	padding-left: 38px;
	color: #222;
	text-align: left;
	line-height: 40px;
	font-weight: 500;
	position: relative
}

#sub #gnbArea .menu>ul>li.menu10>a, #sub #gnbArea .menu>ul>li.menu181>a {
	background: url(/etrs/images/sub/imenu_05_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu1>a {
	background: url(/etrs/images/sub/imenu_01_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu19>a {
	background: url(/etrs/images/sub/imenu_07_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu69>a {
	background: url(/etrs/images/sub/imenu_02_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu36>a {
	background: url(/etrs/images/sub/imenu_03_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu33>a {
	background: url(/etrs/images/sub/imenu_04_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu5>a {
	background: url(/etrs/images/sub/imenu_05_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu43>a {
	background: url(/etrs/images/sub/imenu_06_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu136>a {
	background: url(/etrs/images/sub/imenu_09_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu73>a {
	background: url(/etrs/images/sub/imenu_10_s.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu10.on>a, #sub #gnbArea .menu>ul>li.menu10>a:hover, #sub #gnbArea .menu>ul>li.menu181.on>a, #sub #gnbArea .menu>ul>li.menu181>a:hover
	{
	background: url(/etrs/images/sub/imenu_05_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu1.on>a, #sub #gnbArea .menu>ul>li.menu1>a:hover
	{
	background: url(/etrs/images/sub/imenu_01_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu19.on>a, #sub #gnbArea .menu>ul>li.menu19>a:hover
	{
	background: url(/etrs/images/sub/imenu_07_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu69.on>a, #sub #gnbArea .menu>ul>li.menu69>a:hover
	{
	background: url(/etrs/images/sub/imenu_02_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu36.on>a, #sub #gnbArea .menu>ul>li.menu36>a:hover
	{
	background: url(/etrs/images/sub/imenu_03_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu33.on>a, #sub #gnbArea .menu>ul>li.menu33>a:hover
	{
	background: url(/etrs/images/sub/imenu_04_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu5.on>a, #sub #gnbArea .menu>ul>li.menu5>a:hover
	{
	background: url(/etrs/images/sub/imenu_05_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu43.on>a, #sub #gnbArea .menu>ul>li.menu43>a:hover
	{
	background: url(/etrs/images/sub/imenu_06_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li.menu136.on>a, #sub #gnbArea .menu>ul>li.menu136>a:hover
	{
	background: url(/etrs/images/sub/imenu_09_s_on.png) no-repeat;
}
#sub #gnbArea .menu>ul>li.menu73.on>a, #sub #gnbArea .menu>ul>li.menu73>a:hover
	{
	background: url(/etrs/images/sub/imenu_10_s_on.png) no-repeat;
}

#sub #gnbArea .menu>ul>li>a {
	background-position: center center !important
}

#sub #gnbArea.on .menu>ul>li>a {
	background-position: center left 12px !important
}

#sub #gnbArea .menu>ul>li>a:hover, #sub #gnbArea .menu>ul>li.on>a {
	color: #111;
}

#sub #gnbArea .menu .subMenu {
	display: none;
	background: #f3f3f3
}

#sub #gnbArea .menu .subMenu>ul>li>a {
	font-size: 14px;
	display: block;
	color: #333;
	padding-left: 40px;
	line-height: 32px;
	font-weight: 500;
	position: relative;
	letter-spacing: -.8px;
}

#sub #gnbArea .menu .subMenu>ul>li>a:after {
	content: '';
	position: absolute;
	border: 2px solid transparent;
	top: 11px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #0b6cd9;
	border-right: 2px solid #0b6cd9;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

#sub #gnbArea .menu .subMenu>ul>li.on>a:after {
	transform: rotate(315deg);
	top: 16px;
}

#sub #gnbArea .menu .subMenu>ul>li>a:hover:after, #sub #gnbArea .menu .subMenu>ul>li.on>a:after
	{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

#sub #gnbArea .menu .subMenu>ul>li.on>a, #sub #gnbArea .menu .subMenu>ul>li>a:hover
	{
	color: #fff;
	background: #037ce0;
}

#sub #gnbArea .menu .subMenu>ul>li.on .thirdMenu {
	background: #ffffff
}

#sub #gnbArea .menu .thirdMenu {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd
}

#sub #gnbArea .menu .thirdMenu>ul>li>a {
	display: block;
	color: #555;
	font-size: 13px;
	padding-left: 52px;
	line-height: 22px;
	font-weight: 500;
	position: relative
}

#sub #gnbArea .menu .thirdMenu>ul>li.on>a, #sub #gnbArea .menu .thirdMenu>ul>li>a:hover
	{
	color: #0b6cd9
}

#sub #gnbArea .menu .thirdMenu>ul>li>a:after {
	content: '';
	position: absolute;
	border: 1px solid #bbb;
	top: 8px;
	left: 40px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
}

#sub #gnbArea .menu .thirdMenu>ul>li.on>a:after, #sub #gnbArea .menu .thirdMenu>ul>li>a:hover:after
	{
	border: 1px solid #0b6cd9;
	background: #0b6cd9
}

#sub #gnbArea .menu>ul>li>a {
	font-size: 0
}

#sub #gnbArea.on .menu>ul>li>a {
	font-size: 16px;
}
/* #sub #gnbArea.on .menu li.on .subMenu{
	display:block !important
} */

.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
	min-width: 90px;
	background-color: #2a3e5b;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 110%;
	font-size: 13px;
	line-height: 25px;
	padding: 5px 8px;
	font-weight: 500
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #2a3e5b transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	display:block
}

#sub #gnbArea .userArea .my {
	width: 60px
}
#sub #gnbArea.on .tooltip .tooltiptext, #sub #gnbArea.on .tooltip .tooltiptext::after
	{
	display: none
}

#sub #gnbArea .dn {
	display: none
}

#sub #gnbArea.on .dn {
	display: block
}

/* 메인푸터 */
.gnb_familysite {
	display: block;
	width: 200px;
	height: 38px;
	bottom: 0
}

.gnb_familysite>a {
	display: block;
	padding: 10px;
	width: 178px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	border: 1px solid #ccc;
	background: #fff url(/etrs/images/sub/btn_sellect_arrow.png) no-repeat
		175px center;
}

.gnb_familysite>ul {
	display: none;
	position: absolute;
	bottom: 37px;
	left: 0;
	width: 198px;
	height: 163px;
	border: 1px solid #ccc
}

.gnb_familysite>ul>li:first-child>a {
	border-top: 0
}

.gnb_familysite>ul>li>a {
	display: block;
	padding: 10px;
	width: 178px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	border-top: 1px solid #ccc;
	background: #fff
}

.gnb_familysite>a:hover {
	background: #f9f9f9
}

.gnb_familysite.on>ul {
	display: block
}

.gnb_familysite:hover>a {
	background: #fff url(/etrs/images/sub/btn_sellect_arrow.png) no-repeat
		175px center;
}

.gnb_familysite.on>a {
	background: #fff url(/etrs/images/sub/btn_sellect_arrow_off.png)
		no-repeat 175px center;
}

.gnb_familysite>a:hover {
	background: #f9f9f9 url(/etrs/images/sub/btn_sellect_arrow.png) no-repeat
		175px center;
}

.gnb_familysite>ul>li>a:hover {
	background: #f9f9f9
}

.gnb_familysite.on>a:hover {
	background: #f9f9f9 url(/etrs/images/sub/btn_sellect_arrow_off.png)
		no-repeat 175px center;
}

#footer {
	border-top: 1px solid #ddd;
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	background: #fff
}

#footer>div {
	padding: 10px 20px;
	margin-left: 250px
}

#footer .footerInfo>a {
	color: #333;
	font-size: 14px;
	display: block;
	font-weight: 600;
}

#footer .innerFooter .address {
	font-size: 13px;
	color: #666;
}

#footer .innerFooter .copyright {
	font-size: 12px;
	color: #666;
}


#subContents {position: relative; width: 100%;height: 100%;}
#subContents .subInner {position: absolute;min-width: 900px;width: calc(100% - 310px); min-width:1000px; left: 200px; }
#subContents .subInner .contArea {padding: 15px 2% 70px 2%;}

#subContents .subInner .titleArea {position:relative;width:100%;padding-top:10px;}
#subContents .subInner .titleArea > h2 {font-size:24px;color:#222; font-weight:600;margin-bottom: 7px;}
#subContents .subInner .titleArea .subNaviArea {position:absolute;bottom:5px;right:0}
#subContents .subInner .titleArea .subNaviArea a {color:#666;line-height:14px;}
#subContents .subInner .titleArea .subNaviArea a.home {display:inline-block;width:14px;height:14px;background:url(../images/sub/bg_icon_home.png) no-repeat 0 0;vertical-align:middle}
#subContents .subInner .titleArea .subNaviArea a.home > em {font-size:0;visibility:hidden}
#subContents .subInner .titleArea .subNaviArea span {color:#4d9591;font-family:'Noto Sans KR'}
#subContents .subInner .titleArea .subNaviArea em.nextArrow {display:inline-block;vertical-align:middle;width:10px;height:14px;background:url(../images/sub/bg_next_arrow.png) no-repeat 0 0;margin:0 3px;}

/* 퀵메뉴 */

#quickArea, #quickArea.on {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 85px;
    height:540px;
    line-height: 60px;
    z-index: 1080;
	margin-top:-270px;
	background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
	box-shadow:-1px 2px 12px 2px rgba(0, 0, 0, 0.15);
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

#quickArea {
    right: -85px;
    box-shadow: none
}
#quickArea > ul > li > a.quick01 {
    background: #fff url(/etrs/images/main/btn_quick01.png) no-repeat center center;
}

#quickArea > ul > li > a.quick02 {
    background: #fff url(/etrs/images/main/btn_quick02.png) no-repeat center center;
}

#quickArea > ul > li > a.quick03 {
    background: #fff url(/etrs/images/main/btn_quick03.png) no-repeat center center;
}

#quickArea > ul > li > a.quick04 {
    background: #fff url(/etrs/images/main/btn_quick04.png) no-repeat center center;
}

#quickArea > ul > li > a.quick05 {
    background: #fff url(/etrs/images/main/btn_quick05.png) no-repeat center center;
}

#quickArea > ul > li > a {
    padding-top: 0px;
    font-size: 13px;
    text-align: center;
    width: 85px;
    height: 40px;
	display:block;
	font-weight: 700;
}

#quickArea > ul > li > a.quick {
	padding-top: 30px;
}
#quickArea > ul > li > a.qbtn {
	line-height:24px;
	height:24px;
	font-size:12px;
}

#quickArea > ul > li > a.qbtnTit {
	width: 75%;
    border-radius: 15px;
    background: #e6e9f0;
    margin: 20px auto 10px;

}

#quickArea > ul > li > span.quickTit {
    display: block;
    background: #e3e7f2;
    height: 40px;
	line-height:16px;
    color: #444;
    text-align: center;
    font-size: 13px;
	padding-top:10px;
    border-top-left-radius: 20px;
	font-weight: 600;
}
#quickArea .quickBtn{
	position:absolute;
	width:25px;
	height:40px;
	background:#3965ef;
	top: 50%;
    left: -25px;
    margin-top: -20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#quickArea .quickBtn > a{
	display:inline-block;
	position:relative;
	width:25px;
	height:40px;
}
#quickArea .quickBtn > a > span{
	display: inline-block;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    position: absolute;
    left: 9px;
    top: 16px;
    transform: rotate(45deg);
}
#quickArea .quickBtn > a > span{
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
#quickArea.on .quickBtn > a > span{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
}

/* workStatus */
#workStatus {
	position: relative;
	margin-top: 10px
}

#workStatus>div {
	float: left;
	height: 315px;
	border-radius: 10px;
	padding: 2%
}
#workStatus .w-left > h2, #workStatus .w-right > h2{
	font-size: 24px;
	font-weight: 600;
	color: #222;
	text-align: center;	
}
#workStatus .basic-date{
	text-align:center;
	margin: 7px 0 15px;
}
#workStatus>div+div, #smContents>div+div {
	margin-left: 2%
}

#workStatus .w-left {
	width: 60%;
	background: #e3edf4
}

#workStatus .w-right {
	width: 30%;
	background: #e5f1f6
}

#workStatus .w-left>div, #workStatus .w-box {
	width: 43%;
	float: left;
	background: #fff;
	border-radius: 8px;
	height: 220px;
	padding: 15px 3%
}

#workStatus .w-right .w-box {
	width: 88%;
	padding: 15px 6%
}

#workStatus .w-left>div+div, #workStatus .w-left>div+div+div+div {
	margin-left: 2%
}

#workStatus .w-left>div+div+div, #workStatus .w-right>div+div {
	margin-left: 0;
	height: 145px;
}

#workStatus .w-box>h3 {
	font-size: 20px;
	font-weight: 600;
	color: #3965ef;
	line-height: 2;
	text-align:center
}

#workStatus .w-box .sm-board thead th {
	font-size: 14px;
	color: #444;
	font-weight: 500;
	padding: 8px 0;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
}

#workStatus .sm-board tbody td > div, #workStatus .sm-board tbody td > p, #workStatus .sm-board tbody td > a, #workStatus .sm-board tbody td {
	font-size: 16px;
	color: #222;
	font-weight: 500;
	padding: 5px 0;
	text-align: center
}


#workStatus .sm-board tbody td a, #workStatus .sm-board tbody td a div span,
	#workStatus .sm-board tbody td a div small {
	font-weight: 500;
	color: #222
}

#workStatus .w-box .sm-board.pd9 tbody td {
	padding: 9px 0
}

#workStatus .w-box .sm-board.pd7 tbody td {
	padding: 7px 0;
	font-size: 16px
}
#workStatus .sm-board.color thead th {
	font-size: 15px;
	color: #222;
	padding: 12px 0;
	background:#fff
}
#workStatus .sm-board tbody td{
	padding:5px;
	text-align:center
}
#workStatus .sm-board.color tbody td{
	padding:12px 0;
}
#workStatus .sm-board.color tbody td.sm-tit{
	color:#3965ef;
	font-weight:600;
}
#workStatu .sm-board tbody td a {
	font-size: 16px;
	color: #222;
	font-weight: 500;
	padding: 5px 0;
	text-align: center
}
 #workStatus .sm-board.color tbody td > p{
 	font-size:14px;
 }

#workStatus .w-box .sm-board.pd9 tbody td {
	padding: 9px 0
}

#workStatus .w-box .sm-board.pd7 tbody td {
	padding: 7px 0;
	font-size: 16px
}

#workStatus .w-box .sm-board tbody td.txt-sky {
	color: #389ae7
}

#workStatus .w-box .sm-board tbody td.txt-blue {
	color: #0b6cd9
}

#workStatus .w-box .sm-board tbody td .txt-9 {
	font-size: 9px
}

#workStatus .w-box .sm-board tbody td.txt-12, #workStatus .w-box .sm-board tbody td .txt-12
	{
	font-size: 12px
}

#workStatus .w-box .sm-board tbody td.txt-15, #workStatus .w-box .sm-board tbody td .txt-15
	{
	font-size: 15px
}

#workStatus .w-box .sm-board tbody td.txt-18 {
	font-size: 18px
}

#workStatus .w-box .sm-board tbody td.txt-12 {
	font-size: 12px
}

#workStatus .w-box .sm-board tbody td.txt-24 {
	font-size: 24px
}

#workStatus .w-box .sm-board tbody td.txt-500, #workStatus .w-box .sm-board tbody td .txt-500,
	.txt-500 {
	font-weight: 500
}

#workStatus .w-box .sm-board tbody td.txt-600, #workStatus .w-box .sm-board tbody td .txt-600
	{
	font-weight: 600
}

#smContents>div {
	float: left
}

#smContents .sm-left {
	width: 64%
}

#smContents .sm-right {
	width: 30%;
	background: #fffbd6;
	padding: 15px 2% 30px;
	border-radius: 10px;
	text-align: center;
	height: 220px
}

/* boardArea */
.boardArea .sm_board {
	position: relative;
}

.boardArea {
	width: 100%;
}

.boardArea .sm_board>div {
	display: none;
}

.boardArea .sm_board>div.on {
	display: block;
}

.boardArea .sm_board>div ul {
	margin-top: 10px
}

.boardArea .sm_board>div ul::after {
	content: "";
	display: block;
	clear: both;
}

.boardArea .sm_board>div ul li {
	width: 100%;
}

.boardArea .sm_board>div ul li a {
	display: block;
	position: relative;
	padding: 3px 0;
	width: 100%;
	line-height: 34px;
	height: 34px;
}

.boardArea .sm_board>div ul li a .bdList {
	display: inline-block;
	font-size: 16px;
	color: #333;
	text-align: left;
	width: 87%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 500;
	margin-right: 2%
}

.boardArea .sm_board>div ul li a .date {
	display: inline-block;
	font-size: 13px;
	color: #888;
	text-align: left;
	width: 10%;
	overflow: hidden;
}

.boardArea .sm_board>div ul li span.empty {
	display: block;
	position: relative;
	padding: 10px 0;
	width: 100%;
	line-height: 55px;
	height: 55px;
	display: inline-block;
	font-size: 20px;
	color: #555;
	text-align: center;
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.boardArea .sm_board>div ul li a.top {
	border-radius: 25px 25px 0 0;
	border: 1px solid #198ad9;
}

.boardArea .sm_board>div ul li a.top.ntt2 {
	background: #22b4c5;
	border: 1px solid #22b4c5;
}

.boardArea .sm_board>div ul li a.top.ntt3 {
	background: #1bc48a;
	border: 1px solid #1bc48a;
}

.boardArea .sm_board>div ul li a.bottom {
	border-radius: 0 0 25px 25px;
	border: 1px solid #ddd;
	height: 50px;
	padding: 15px 25px 0;
	background: #fff;
	color: #333;
	position: relative;
}

.boardArea .sm_board>div ul li a.bottom>span {
	display: inline-block;
	width: 48%;
	word-break: normal;
}

.boardArea .notice_tab {
	text-align: center;
}

.boardArea .notice_tab ul li {
	width: 33.3%;
	float: left;
}

.boardArea .notice_tab ul li a {
	display: block;
	position: relative;
	height: 50px;
	color: #666;
	font-size: 18px;
	line-height: 50px;
	border-radius: 8px;
	background: #eee;
	margin-left: 2px
}

.boardArea .notice_tab ul li:first-child a {
	margin-left: 0
}

.boardArea .notice_tab ul li a.on, .boardArea .notice_tab ul li a:hover
	{
	background: #237ce0;
	color: #fff;
	font-weight: 500;
	font-size: 20px
}

/* help */
#smContents .callArea .call, #main .callArea>a>span {
	font-weight: 500;
	font-size: 15px;
}

#smContents .callArea .call {
	font-size: 32px;
	display: block;
	color: #222;
	line-height: 50px;
}

#smContents .callArea>a {
	display: block;
}

#smContents .callArea>div.b01 {
	background-image: url(/etrs/images/sub/icon_call.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 100px;
}

#smContents .callArea .more {
	color: #3965ef;
	font-size: 14px;
	font-weight: 500;
}

#smContents .callArea>h3 {
	font-size: 24px;
	font-weight: 500;
	color: #222;
	line-height: 1.8
}


.arrow {
	width: 10px;
	height: 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
}

.arrow:before, .arrow:after {
	content: '';
	position: absolute;
}

.arrow:before {
	width: 100%;
	height: 100%;
	border: 1px solid #3965ef;
	border-right: 0;
	border-bottom: 0;
	border-top: 0
}

.arrow:after {
	width: 20px;
	height: 1px;
	background: #3965ef;
	transform-origin: 0 100%;
	transform: rotate(45deg);
}

.arrow.arrow-right {
	transform: rotate(135deg);
}


/* 사이트맵 */
#sitemapArea {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 11
}

#sitemapArea .sitemap {
	position: fixed;
	width: 100%;
	background: #178ce7 url(/etrs/images/sub/bg_allmenu.png) no-repeat center
		center;;
	height: 100%;
}

#sitemapArea .sitemap.open {
	visibility: visible;
	z-index: 10;
	overflow: auto;
}

#sitemapArea .sitemap .menu {
	position: relative;
	min-width: 1000px;
	height: 100%
}

#sitemapArea .sitemap .menu .firstMenu {
	float: left;
	min-width: 200px;
	width: 12%;
	padding: 20px 1% 10px 1%;
	height: 100%;
	border-left: 1px solid #2066da
}

#sitemapArea .sitemap .menu .firstMenu>a {
	display: block;
	width: 100%;
	color: #c2eeff;
	font-weight: 500;
	font-size: 24px;
	line-height: 2;
}

#sitemapArea .sitemap .menu .secondMenu {
	margin: 5px 0 0;
}

#sitemapArea .sitemap .menu .secondMenu>a {
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	line-height: 2;
	letter-spacing: -1px;
}

#sitemapArea .sitemap .menu .thirdMenu>ul {
	margin: 0 0 20px 10px;
}

#sitemapArea .sitemap .menu .thirdMenu>a {
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
}

#sitemapArea .btnClose {
	z-index: 12;
	position: absolute;
	right: 0;
	top: 0;
}

#sitemapArea .sitemap_close {
	display: block;
	background: url(/etrs/images/sub/btn_close_w.png) no-repeat center center;
	width: 50px;
	height: 50px
}

#sitemapArea .sitemap .menu .firstMenu.on, #sitemapArea .sitemap .menu .firstMenu:hover
	{
	background: #fff
}

#sitemapArea .sitemap .menu .firstMenu.on>a, #sitemapArea .sitemap .menu .firstMenu:hover>a
	{
	color: #245cdb
}

#sitemapArea .sitemap .menu .firstMenu.on .secondMenu>a, #sitemapArea .sitemap .menu .firstMenu:hover .secondMenu>a
	{
	color: #333
}

#sitemapArea .sitemap .menu .firstMenu.on .thirdMenu>a, #sitemapArea .sitemap .menu .firstMenu:hover  .thirdMenu>a
	{
	color: #666
}

#sitemapArea .sitemap .menu .firstMenu.on .secondMenu>a:hover,
	#sitemapArea .sitemap .menu .firstMenu .secondMenu>a:hover,
	#sitemapArea .sitemap .menu .firstMenu.on .secondMenu.on>a {
	color: #245cdb
}

#sitemapArea .sitemap .menu .firstMenu.on .thirdMenu>a:hover,
	#sitemapArea .sitemap .menu .firstMenu:hover .thirdMenu>a:hover {
	color: #245cdb;
}

#sitemapArea .sitemap .menu .firstMenu.on .thirdMenu.on>a {
	color: #245cdb;
	background: url(/etrs/images/sub/icon_site_on.png) no-repeat center right;
}
/* 해제 */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
.clearfix {display: block;}

.bg_Lgary {background:#f9fafa;}
.bg_white {background:#fff;}

.bdLnone{border-left:none !important;} .bdRnone{border-right:none !important;} .bdBnone{border-bottom:none !important;} .bdTnone{border-top:none !important;}
.blind {display: none; overflow: hidden; width: 0; height: 0; border: 0; background: 0 0; font-size: 0; line-height: 0;}
.uerName {font-size:12px; color:#555; height:20px; line-height:20px; overflow:hidden; margin-bottom:5px;text-align:center;}


#alertBox {
	background:#ffcf7a url(../images/sub/icon_message.png) no-repeat 5px top;
	width: 100%;
	border-radius:20px;
}

#alertBox .alertBoxTxt {
	color: #222222;
	font-size : 16px;
	padding: 8px 0px 8px 50px;
}
.inlineB{display:inline-block}