@charset "UTF-8";

#wrap {position:relative;width:1920px;height:100%;/*min-height:965px;*/box-sizing:border-box;padding:60px 0 0 0;}
#wrap.lnb_open {padding-left:240px;}
#heder {position:absolute;top:0;left:0;right:0;height:60px;/*box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.16);*/z-index:1;}
#heder .logo {display:inline-block;width:200px;height:26px;margin:17px 27px 0 18px;background:url('/html/images/layout/logo.png') no-repeat center;vertical-align:top;background-size: 70px;}
#heder .nav {display:inline-block;vertical-align:top;}
#heder .nav li {display:inline-block;padding:16px 7px 0;}
#heder .nav li a {display:block;padding:0 10px;font-size:17px;line-height:28px;}
#heder .nav li a:hover {color:#30B97D;}
#heder .nav li a.active {color:#30B97D;font-weight:800;}
#heder .util {position:absolute;top:0;right:18px;}
#heder .util * {display:inline-block;vertical-align:top;}
#heder .util_more {width:226px;height:60px;}
#heder .util_more button {width: 76px; height: 30px; margin: 15px -2px 0; border-left: 1px solid #E8E9EB;}
#heder .util_more button:last-child { border-right:1px solid #E8E9EB; }
#heder .util_more .quickmenu {background: url(../images/common/ico_bookmark.svg) no-repeat center/24px;}
#heder .util_more .favorites {background:url(../images/layout/ico_btn_more.png) no-repeat center;}
#heder .util_more .btn_more {background: url(../images/common/ico_link.svg) no-repeat center/24px;}

#heder .util_more .util_nav {display:none;position:absolute;top:59px;left:-35px;box-sizing:border-box;padding:9px 17px;background:#fff;border:#30b97d solid 1px;border-radius:2px;box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.1);}
#heder .util_more .qw {height: 100%;}
#heder .util_more .qw:hover > .util_nav {display:block;min-width: 150px;}
#heder .util_more .qw:hover > .util_nav ul {display:flex;flex-direction:column;}
#heder .util_more .util_nav ul li {padding: 0 15px;}
#heder .util_more .util_nav ul li:hover {background-color:#D8E5FB;}
#heder .util_more .util_nav ul .util_txt {position:relative;margin-left: 15px;padding: 6px 15px 6px 13px;line-height: 18px;}
#heder .util_more .util_nav:after {content:"";position:absolute;top:-7px;left:68px;width:0;border-style: solid;border-width:0 6px 8px 6px;border-color:#fff transparent;z-index:1;}
#heder .util_more .util_nav:before {content:"";position:absolute;top:-8px;left:67px;width:0;border-style:solid;border-width:0 7px 8px 7px;border-color:#30b97d transparent;z-index:0;}
#heder .util_more .util_nav a {display:block;position:relative;padding:6px 0 6px 13px;font-size:14px;line-height:18px;}
#heder .util_more .util_nav a:before,
#heder .util_more .util_nav ul .util_txt:before {content:"";position:absolute;top:13px;left:0;width:4px;height:2px;background-color:#b8c1cc;}


.util_fav {display:none;position:fixed;z-index: 90; width:100%;top:59px;left:0;box-sizing:border-box;padding:34px 0px 35px;background:#fff;border-top:#30B97D solid 1px;box-shadow:1px 2px 4px 0px rgba(111, 111, 111, 0.10);}
.util_fav ul {display: flex;width: 1470px;margin: 0 auto;}
.util_fav ul li {padding: 24px;width: 220px;height: 140px;background-color:#F2F2F2;border-radius: 20px;box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.20);
                   box-sizing:border-box;background-repeat: no-repeat;background-position: 87% 75%;background-size:48px;cursor:pointer;}
.util_fav ul li + li {margin-left:30px;}
.util_fav ul li > .tit {display: block !important;margin-bottom: 8px;font-size:18px;line-height:20px;font-weight:700;}
.util_fav.active {display:block;}
.util_fav ul li > .link a {font-size:12px;line-height:14px;color:#525252;}
.util_fav ul li.est {background-image:url(../images/layout/main_est.svg);}
.util_fav ul li.disc {background-image:url(../images/layout/main_disc.svg);}
.util_fav ul li.edu {background-image:url(../images/layout/main_edu.svg);}
.util_fav ul li.mn {background-image:url('/html/images/layout/logo.png');background-size:65px !important;}
.util_fav ul li.insu {background-image:url(../images/layout/main_insu.svg);}
.util_fav ul li.paper {background-image:url(../images/layout/main_paper.svg);background-size:40px !important;}

#heder .user {position:relative;height:40px;padding:10px 0;margin-left:13px;}
#heder .user .btn_user {height:40px;}
#heder .user .btn_user .img {position:relative;width:40px;height:40px;margin-right:1px;border-radius:50%;}
#heder .user .btn_user .img:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:40px;height:40px;box-sizing:border-box;border-radius:50%;border:#ddd 1px solid;}
#heder .user .btn_user .name {font-size:14px;color:#333;line-height:40px;}
#heder .user:hover .btn_user .name {font-weight:700;}
#heder .user .btn_user .name:after {content:"";display:inline-block;width:12px;height:8px;margin-left:8px;background:url(../images/common/arr_select.png) no-repeat;vertical-align:middle;}
#heder .user .user_info {display:none;position:absolute;top:59px;left:-21px;width:160px;box-sizing:border-box;padding:16px 11px 3px 11px;background:#fff;border:#30b97d solid 1px;border-radius:2px;box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.1);text-align:center;}
#heder .user:hover .user_info {display:block;}
#heder .user .user_info:after {content:"";position:absolute;top:-7px;left:68px;width:0;border-style: solid;border-width:0 6px 8px 6px;border-color:#fff transparent;z-index:1;}
#heder .user .user_info:before {content:"";position:absolute;top:-8px;left:67px;width:0;border-style:solid;border-width:0 7px 8px 7px;border-color:#5688DF transparent;z-index:0;}
#heder .user .user_info .uesr_thum {position:relative;}
#heder .user .user_info .uesr_thum .img {width:80px;height:80px;margin-right:1px;border-radius:50%;}
#heder .user .user_info .uesr_thum .img:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:80px;height:80px;box-sizing:border-box;border-radius:50%;border:#ddd 1px solid;}
#heder .user .user_info .uesr_thum .thum_setting {position:absolute;right:-15px;bottom:0;width:30px;height:30px;box-sizing:border-box;border-radius:50%;border:#e8e9eb 1px solid;background:#fff url(../images/layout/ico_thum_setting.png) no-repeat center;}
#heder .user .user_info .name {padding-top:12px;color:3333;font-size:14px;line-height:16px;font-weight:700;}
#heder .user .user_info .part {padding:6px 0 10px;color:3333;font-size:14px;line-height:20px;}
#heder .user .user_info .uesr_more {display:block;border-top:#d3d4d6 1px solid;color:rgba(51, 51, 51, 0.96);font-size:13px;line-height:34px;font-weight:700;}
#heder .user .user_info .uesr_more:after {content:"";display:inline-block;width:5px;height:7px;margin-left:6px;background:url(../images/layout/ico_uesr_more.png) no-repeat center;}

#heder .session_timer {height: 100%; padding: 10px 0; margin-top: 12px;}
#heder .session_timer .btn_m {margin: 0; font-weight: 700; border-bottom: 1px solid;}
#heder .util .btn_logout {margin:16px 0 0 14px;}
#heder .util .btn_logout span {width:61px;padding:0;font-size:13px;}
#lnb {position:absolute;top:60px;bottom:0;left:0;}

/* webkit scrollbar */
body #lnb ::-webkit-scrollbar{width:10px;height:10px;}
body #lnb ::-webkit-scrollbar-track {background-color:#f3f9ff;}
body #lnb ::-webkit-scrollbar-thumb {background:#8f94a1;border:#f3f9ff 3px solid;border-radius:6px;}
body #lnb ::-webkit-scrollbar-thumb:hover {background:#8f94a1;}
body #lnb ::-webkit-scrollbar-thumb:active {background:#8f94a1;}
body #lnb ::-webkit-scrollbar-track:hover {background-color:#E9EFF5;}
body #lnb ::-webkit-scrollbar-thumb:hover {background:#666973;border-color:#E9EFF5;}
body #lnb ::-webkit-scrollbar-thumb:active {background:#666973;border-color:#E9EFF5;}

#lnb .lnb_top {position:relative;height:48px;}
#lnb .lnb_top .tit_dep1 {display:none;padding:0 40px 0 20px;box-sizing:border-box;background:#30B97D;color:#fff;font-size:17px;font-weight:700;line-height:48px;}
#lnb .lnb_top .btn_toggle_lnb {position:absolute;top:0;left:0;width:40px;height:48px;background:#30B97D;z-index:1;}
#lnb .lnb_top .btn_toggle_lnb:before {content:"";display:block;width:40px;height:48px;background:url(../images/layout/btn_toggle_lnb.png) no-repeat center;}
#lnb .lnb_nav {display:none;}
.lnb_open #lnb {display:block;width:240px;}
.lnb_open #lnb .lnb_top .tit_dep1 {display:block;width:240px;height:48px;line-height:48px;}
.lnb_open #lnb .lnb_top .btn_toggle_lnb {left:auto;right:0;}
.lnb_open #lnb .lnb_top .btn_toggle_lnb:before  {transform:rotate(180deg);}
.lnb_open #lnb .lnb_nav {display:block;width:240px;height:calc(100% - 48px);box-sizing:border-box;border-right: 1px solid #EAE7DA;background: #F4FBF8; overflow-y:auto;     padding-bottom: 20px;}
.lnb_open #lnb .lnb_nav .lnb_search {display: flex; flex-flow: row nowrap; padding: 8px 0; margin: 0 10px;}
.lnb_open #lnb .lnb_nav .lnb_search .search_area {width: 100%; height: 32px; padding: 3px 0; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05)}
.lnb_open #lnb .lnb_nav .lnb_search .gwbInput {color: rgba(74, 83, 106, 0.60);}
.lnb_open #lnb .lnb_nav .lnb_search .gwbInput:focus {background-color: transparent;}
.lnb_open #lnb .lnb_nav .lnb_search .btn_search {margin-right: 10px; opacity: 0.8;}
#lnb .lnb_nav li a {display:block;}
#lnb .lnb_nav ul.group {width:210px;margin:0 0 0 10px;}
#lnb .lnb_nav ul.group > li {padding:6px 0;border-top: 1px solid #EAE7DA;}
#lnb .lnb_nav ul.group > li:first-of-type {padding-top:10px;border-top:none;}
#lnb .lnb_nav ul.group > li > a {height:30px;}
#lnb .lnb_nav ul.group > li > a:before {content:"";display:inline-block;width:18px;height:18px;margin:0 6px;background:url(../images/layout/arr_lnb_dep2.png) no-repeat center;vertical-align:middle;-webkit-transition:.2s all;transition:.2s all;}
#lnb .lnb_nav ul.group > li > a.close:before {transform:rotate(180deg);}
#lnb .lnb_nav ul.group > li > a span {display:inline-block;font-size:14px;line-height:30px;font-weight:700;}
#lnb .lnb_nav ul.dep2 li a {position:relative;padding:5px 0 5px 42px;font-size:14px;line-height:20px;-webkit-transition:.2s all;transition:.2s all;}
#lnb .lnb_nav ul.dep2 li a:before {content:"";position:absolute;left:30px;top:14px;width:4px;height:2px;background:#b8c1cc;}
#lnb .lnb_nav ul.dep2 li a:hover {background: rgba(48, 185, 125, 0.15);}
#lnb .lnb_nav ul.dep2 li a.active {padding-left:38px;background:#fff;border-left:#30B97D 4px solid;color:#30B97D;font-weight:700;}
#lnb .lnb_nav ul.dep2 li a.active:before {left:26px;background:#30B97D;}
#lnb .lnb_nav ul.dep2 li a.active:hover {background:#fff;}

#container {position:relative;width:100%;height:100%;padding:48px 0 0;box-sizing:border-box; background:#fff;}

.page_tab {position:absolute;top:0;left:0;right:0;height:48px;padding-left:40px;box-sizing:border-box;background:#3b92e5;/*z-index:2;*/}/*2023-07-19 수정*/
.lnb_open .page_tab {padding-left:0;}
.page_tab .slider {height:48px;margin-left:10px;margin-right:72px;}
.page_tab .pg_tab {position:relative;height:44px;margin-top:4px;margin-right:1px;}
.page_tab .pg_tab:after {content:"";position:absolute;right:-1px;top:50%;margin-top:-18px;width:1px;height:36px;background-color:#3582cc;}
.page_tab .pg_tab .tab_tit {display:inline-block;height:44px;margin-left:20px;line-height:44px;color:#fff;font-size:14px;font-weight:700;opacity:.7;}
.page_tab .pg_tab .btn_close,
.page_tab .pg_tab .btn_refresh {position:relative;display:inline-block;width:16px;height:16px;margin-left:2px;border-radius:50%;background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:1;-webkit-transition:.2s all;transition:.2s all;}
.page_tab .pg_tab .btn_close {margin-right:12px;background-image:url(../images/layout/ico_tab_close.png);}
.page_tab .pg_tab .btn_close:hover {background-image:url(../images/layout/ico_tab_close_on.png);background-color:#eee;}
.page_tab .pg_tab .btn_refresh {display:none;background-image:url(../images/layout/ico_tab_refresh_on.png);}
.page_tab .pg_tab .btn_refresh:hover {background-color:#eee;}
.page_tab .pg_tab .tab_link {position:absolute;top:0;bottom:0;left:0;right:0;cursor:inherit;}
.page_tab .pg_tab.active {background:#fff;border-radius:2px 2px 0 0;}
.page_tab .pg_tab.active .tab_tit {color:#111;font-weight:700;opacity:1;}
.page_tab .pg_tab.active .btn_close {background-image:url(../images/layout/ico_tab_close_on.png);}
.page_tab .pg_tab.active .btn_refresh {display:inline-block;margin-right:-1px;}
.page_tab .slick-prev {right:-36px;}
.page_tab .slick-next {right:-72px;}

.content_area {position:relative;display:flex;flex-direction:column;height:100%;padding:0 24px 20px 24px;box-sizing:border-box;}

.head_area {flex:none;height:54px;padding:20px 0 0;box-sizing:border-box;}
.head_area h3.title {font-size:20px;line-height:22px;font-weight:700;}
.head_area .loc {position:absolute;top:24px;right:24px;}
.head_area .loc span {display:inline-block;color:#666;font-size:13px;line-height:14px;vertical-align:top;}
.head_area .loc span:before {content:"";display:inline-block;width:2px;height:2px;margin:6px 7px 0 9px;background-color:#888;border-radius:50%;vertical-align:top;}
.head_area .loc span:first-of-type:before {width:16px;height:16px;margin:-2px 8px 0 0;background:url(../images/layout/ico_loc.png) no-repeat center;}
.head_area .loc .curr {color:#888;font-weight:700;}




/* new main for WfoMaiPot02.jsp */
#wrap {
    height: 100%;
    width: 100%;
    padding-top: 60px;
}

/*
#heder .nav li a {
    display: block;
    padding: 0 10px;
    font-size: 17px;
    line-height: 28px;
}
*/

#heder .nav li a span{
    font-size: 17px;
}

#lnb .lnb_top .tit_dep1 span{
    font-size: 17px;
    /* font-weight: 700; */
    /* line-height: 48px; */
}

#lnb .lnb_nav .group{
    display: none;
}

#lnb .lnb_nav .group.active{
    display: block;
}

.tab_tit{
    font-size: 17px;
    font-weight: 700;
    line-height: 48px;
}

.dhxtabbar_tabs_top{
    /* padding-left: 40px; */
}

.lnb_open .dhxtabbar_tabs_top{
    padding-left: 0px !important;
}

.dhxtabbar_tab_actv .dhxtabbar_tab_text{
    color: #111;
    opacity: 1 !important;
}

.dhxtabbar_tabs_base_main{
    margin: 0px !important;
    width: calc(1vw - 300px);
}

#container {
    width: auto;
    margin-top: 0px;
    padding: 0px;
}

#wrap #main_container {
    display: none;
}


#wrap.dashboard{
    padding-left: 0px;
}

#wrap.dashboard #lnb{
    display: none;
}

#wrap.dashboard #container {
    display: none;
}

#wrap.dashboard #main_container {
    margin-top: 0px;
    display: block;
}
#tabWrap {
	display: none;
	position: absolute;
	width: 234px;
	top:48px;
	right:5px;
	z-index:4;
	padding:8px;
	/* display: inline-flex; */
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	border: 1px solid #30b97d;
	background: #FFF;
}
#tabWrap:after{
	content:"";
	position:absolute;
	top:-7px;
	right:6px;
	width:0;
	border-style: solid;
	border-width:0 6px 8px 6px;
	border-color:#fff transparent;
	z-index:4;
}
#tabWrap:before{
	content:"";
	position:absolute;
	top:-8px;
	right:5px;
	width:0;
	border-style:solid;
	border-width:0 7px 8px 7px;
	border-color:#30b97d transparent;
	z-index:3;
}

#tabWrap #tabList{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow-y: auto;
	height:205px;
}
#tabWrap #frmTab{
	width:100%;
}
#tabWrap #tabList #mainTabListBody{
	display: flex;
	height: 205px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
#tabWrap #tabList #mainTabListBody li{
	display: flex;
	height: 41px;
	padding: 0px 6px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-shrink: 0;
	align-self: stretch;
}
#tabWrap #tabList #mainTabListBody li:hover{
	background: #D8E5FB;
}
#tabWrap #tabList #mainTabListBody li div{
	display: flex;
	align-items: center;
}
#tabWrap #tabList #mainTabListBody li div a{
	font-family: NanumSquare;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--111, #111);
}
#tabWrap .tabBtnArea{
	display: flex;
	height: 41px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
#tabWrap .tabBtnArea div{
	display: flex;
	height: 28px;
	padding: 0px 17px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	border: 1px solid var(--A0A8BA, #A0A8BA);
	background: #FFF;
	cursor: pointer;
}
#tabWrap .tabBtnArea div span{
	font-family: NanumSquare;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color: var(--111, #111);
}

.lnb_search_menu_wrap {
	/* display: none; */
	position: absolute;
	width: 500px;
	top:90px;
	z-index:4;
	/* padding:8px; */
	/* display: inline-flex; */
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	border: 1px solid #828CE9;
	background: #FFF;
	overflow: hidden;
}
.lnb_search_menu_wrap > div {
	height:400px;
	overflow: auto;
}

.lnb_search_menu_wrap table thead tr th{
	position:sticky; 
	top:0px;
	background: #fff
}

.lnb_search_menu_wrap {flex:none;border-top:#333 1px solid;border-bottom:#d3d4d6 1px solid; display: none;}
.lnb_search_menu_wrap  table > thead > tr > th {height:41px;background:#edeff2;color:#333;font-size:14px;line-height:16px;}
.lnb_search_menu_wrap  table > tbody > tr > th,
.lnb_search_menu_wrap  table > tbody > tr > td {height:41px;border:#e8e9eb 1px solid;font-size:14px;line-height:16px;}
.lnb_search_menu_wrap  table > tbody > tr > th {padding:12px 10px;background:#f7f8fa;color:#333;}
.lnb_search_menu_wrap  table > tbody > tr > td {padding:6px;}
.lnb_search_menu_wrap  table > tbody > tr > td.menu_link{cursor: pointer;font-weight:600;}